@orangelogic/design-system 2.72.0-pr84875.6 → 2.73.0

package/library/components/popup.js

@@ -1,16 +1,16 @@
 import { a as _e, i as Vt, r as ze, x as j } from "../chunks/lit-element.jLBm65_O.js";
-import { n as v, C as Be } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { n as y, C as Be } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { r as Ie } from "../chunks/state.CSDxrqLd.js";
-import { e as ut } from "../chunks/query.BBf1UFkC.js";
+import { e as Ct } from "../chunks/query.BBf1UFkC.js";
 import { e as Me } from "../chunks/base.D76d76ww.js";
-import { o as Lt } from "../chunks/if-defined.BRoBj_Rp.js";
+import { e as ht } from "../chunks/class-map.BiVq-cVR.js";
+import { o as Dt } from "../chunks/if-defined.BRoBj_Rp.js";
 import { o as se } from "../chunks/style-map.llVFPd__.js";
 import { i as mt, p as ne, f as He, a as We } from "../chunks/browser.BHOCIF_A.js";
 import { c as ye } from "../chunks/component.styles.DMSLciL5.js";
 import { c as qe } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as Ve } from "../chunks/debounce.DaHuiSGU.js";
 import { L as Ue } from "../chunks/i18n.BUW7B9hr.js";
-import { e as Dt } from "../chunks/class-map.BiVq-cVR.js";
 import { n as je } from "../chunks/when.Dr1es41R.js";
 /**
  * @license
@@ -89,7 +89,7 @@ function Qe(e, t, o) {
     (r) => !o.find((n) => r === n)
   ), s.length ? e.setAttribute(t, s.join(" ")) : e.removeAttribute(t);
 }
-function $t(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(" ")), () => Qe(e, t, i));
@@ -230,7 +230,7 @@ const wt = new hi(), it = () => {
 function k() {
   return new Promise((e) => requestAnimationFrame(() => e()));
 }
-class ht extends Ge {
+class dt extends Ge {
   constructor() {
     super(...arguments), this.dispose = it, this.offset = 0, this.willPreventClose = !1;
   }
@@ -308,7 +308,7 @@ class ht extends Ge {
     document.dispatchEvent(t);
   }
   static async open(t, o, i, s) {
-    await Promise.resolve().then(() => Ne);
+    await Promise.resolve().then(() => Fe);
     const r = arguments.length === 2, n = i || t, a = new this();
     let l = !1;
     a.dispose = () => {
@@ -329,7 +329,7 @@ class ht extends Ge {
     });
     if (!r && n && s) {
       const u = t, p = o, f = s;
-      return ht.applyOptions(a, {
+      return dt.applyOptions(a, {
         ...f,
         delayed: f.delayed || n.hasAttribute("delayed"),
         trigger: f.virtualTrigger || u,
@@ -337,7 +337,7 @@ class ht extends Ge {
       }), u.insertAdjacentElement("afterend", a), await a.updateComplete, a.open = !0, a.dispose;
     }
     const d = o;
-    return a.append(n), ht.applyOptions(a, {
+    return a.append(n), dt.applyOptions(a, {
       ...d,
       delayed: d.delayed || n.hasAttribute("delayed")
     }), a.updateComplete.then(() => {
@@ -443,12 +443,12 @@ class _ extends Event {
     };
   }
 }
-class Ct {
+class Ot {
   constructor(t, o) {
     this.x = 0, this.y = 0, this.x = t, this.y = o;
   }
   updateBoundingClientRect(t, o) {
-    this.x = t, this.y = o, ht.update();
+    this.x = t, this.y = o, dt.update();
   }
   getBoundingClientRect() {
     return {
@@ -506,7 +506,7 @@ function pi(e) {
         if (!this.isConnected || i !== this.open)
           return;
         const h = async () => {
-          const d = this.triggerElement instanceof Ct;
+          const d = this.triggerElement instanceof Ot;
           this.dispatchEvent(
             new _(c, this, {
               interaction: this.type,
@@ -583,7 +583,7 @@ function ui(e) {
           })
         ), l > 0)
           return;
-        const h = this.triggerElement instanceof Ct;
+        const h = this.triggerElement instanceof Ot;
         this.dispatchEvent(
           new _(c, this, {
             interaction: this.type,
@@ -713,7 +713,7 @@ function gi(e) {
           if (this.open !== i)
             return;
           await k();
-          const u = this.triggerElement instanceof Ct;
+          const u = this.triggerElement instanceof Ot;
           this.dispatchEvent(
             new _(c, this, {
               interaction: this.type,
@@ -1028,13 +1028,13 @@ const Ti = async (e, t, o) => {
   for (let g = 0; g < a.length; g++) {
     const {
       name: m,
-      fn: y
+      fn: v
     } = a[g], {
       x,
       y: E,
       data: C,
       reset: P
-    } = await y({
+    } = await v({
       x: h,
       y: d,
       initialPlacement: i,
@@ -1071,7 +1071,7 @@ const Ti = async (e, t, o) => {
     middlewareData: p
   };
 };
-async function dt(e, t) {
+async function pt(e, t) {
   var o;
   t === void 0 && (t = {});
   const {
@@ -1087,7 +1087,7 @@ async function dt(e, t) {
     elementContext: d = "floating",
     altBoundary: u = !1,
     padding: p = 0
-  } = st(t, e), f = we(p), m = a[u ? d === "floating" ? "reference" : "floating" : d], y = Pt(await r.getClippingRect({
+  } = st(t, e), f = we(p), m = a[u ? d === "floating" ? "reference" : "floating" : d], v = 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,
@@ -1110,10 +1110,10 @@ async function dt(e, t) {
     strategy: l
   }) : x);
   return {
-    top: (y.top - P.top + f.top) / C.y,
-    bottom: (P.bottom - y.bottom + f.bottom) / C.y,
-    left: (y.left - P.left + f.left) / C.x,
-    right: (P.right - y.right + f.right) / C.x
+    top: (v.top - P.top + f.top) / C.y,
+    bottom: (P.bottom - v.bottom + f.bottom) / C.y,
+    left: (v.left - P.left + f.left) / C.x,
+    right: (P.right - v.right + f.right) / C.x
   };
 }
 const Li = (e) => ({
@@ -1137,17 +1137,17 @@ const Li = (e) => ({
     const d = we(h), u = {
       x: o,
       y: i
-    }, p = Zt(s), f = Jt(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], F = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
-    let O = F ? F[E] : 0;
-    (!O || !await (n.isElement == null ? void 0 : n.isElement(F))) && (O = a.floating[E] || r.floating[f]);
-    const V = C / 2 - P / 2, I = O / 2 - g[f] / 2 - 1, D = J(d[y], I), X = J(d[x], I), M = D, G = O - g[f] - X, S = O / 2 - g[f] / 2 + V, et = _t(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;
+    }, p = Zt(s), f = Jt(p), g = await n.getDimensions(c), m = p === "y", v = 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[v], I), X = J(d[x], I), M = D, G = A - g[f] - X, R = A / 2 - g[f] / 2 + V, et = _t(M, R, G), U = !l.arrow && at(s) != null && R !== et && r.reference[f] / 2 - (R < M ? D : X) - g[f] / 2 < 0, F = U ? R < M ? R - M : R - G : 0;
     return {
-      [p]: u[p] + N,
+      [p]: u[p] + F,
       data: {
         [p]: et,
-        centerOffset: S - et - N,
+        centerOffset: R - et - F,
         ...U && {
-          alignmentOffset: N
+          alignmentOffset: F
         }
       },
       reset: U
@@ -1177,47 +1177,47 @@ const Li = (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 ? [Et(a)] : Pi(a)), F = f !== "none";
-      !u && F && P.push(...Si(a, g, f, C));
-      const O = [a, ...P], V = await dt(t, m), I = [];
+      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)] : Pi(a)), $ = f !== "none";
+      !u && $ && P.push(...Si(a, g, f, C));
+      const A = [a, ...P], V = await pt(t, m), I = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (h && I.push(V[y]), d) {
-        const S = Ei(s, n, C);
-        I.push(V[S[0]], V[S[1]]);
+      if (h && I.push(V[v]), d) {
+        const R = Ei(s, n, C);
+        I.push(V[R[0]], V[R[1]]);
       }
       if (D = [...D, {
         placement: s,
         overflows: I
-      }], !I.every((S) => S <= 0)) {
+      }], !I.every((R) => R <= 0)) {
         var X, M;
-        const S = (((X = r.flip) == null ? void 0 : X.index) || 0) + 1, et = O[S];
+        const R = (((X = r.flip) == null ? void 0 : X.index) || 0) + 1, et = A[R];
         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(($) => Y($.placement) === x ? $.overflows[0] > 0 : !0)))
+        D.every((N) => Y(N.placement) === x ? N.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: S,
+              index: R,
               overflows: D
             },
             reset: {
               placement: et
             }
           };
-        let U = (M = D.filter((N) => N.overflows[0] <= 0).sort((N, $) => N.overflows[1] - $.overflows[1])[0]) == null ? void 0 : M.placement;
+        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;
         if (!U)
           switch (p) {
             case "bestFit": {
               var G;
-              const N = (G = D.filter(($) => {
-                if (F) {
-                  const Q = Y($.placement);
+              const F = (G = D.filter((N) => {
+                if ($) {
+                  const Q = Y(N.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(($) => [$.placement, $.overflows.filter((Q) => Q > 0).reduce((Q, $e) => Q + $e, 0)]).sort(($, Q) => $[1] - Q[1])[0]) == null ? void 0 : G[0];
-              N && (U = N);
+              }).map((N) => [N.placement, N.overflows.filter((Q) => Q > 0).reduce((Q, Ne) => Q + Ne, 0)]).sort((N, Q) => N[1] - Q[1])[0]) == null ? void 0 : G[0];
+              F && (U = F);
               break;
             }
             case "initialPlacement":
@@ -1259,7 +1259,7 @@ const ki = function(e) {
       } = st(e, t);
       switch (i) {
         case "referenceHidden": {
-          const r = await dt(t, {
+          const r = await pt(t, {
             ...s,
             elementContext: "reference"
           }), n = pe(r, o.reference);
@@ -1271,7 +1271,7 @@ const ki = function(e) {
           };
         }
         case "escaped": {
-          const r = await dt(t, {
+          const r = await pt(t, {
             ...s,
             altBoundary: !0
           }), n = pe(r, o.floating);
@@ -1287,13 +1287,13 @@ const ki = function(e) {
       }
     }
   };
-}, Fi = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ni(e, t) {
+}, $i = /* @__PURE__ */ new Set(["left", "top"]);
+async function Fi(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 = Fi.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 = $i.has(n) ? -1 : 1, h = r && l ? -1 : 1, d = st(t, e);
   let {
     mainAxis: u,
     crossAxis: p,
@@ -1315,7 +1315,7 @@ async function Ni(e, t) {
     y: p * h
   };
 }
-const $i = function(e) {
+const Ni = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1326,7 +1326,7 @@ const $i = function(e) {
         y: r,
         placement: n,
         middlewareData: a
-      } = t, l = await Ni(t, e);
+      } = t, l = await Fi(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,
@@ -1352,11 +1352,11 @@ const $i = function(e) {
         limiter: a = {
           fn: (m) => {
             let {
-              x: y,
+              x: v,
               y: x
             } = m;
             return {
-              x: y,
+              x: v,
               y: x
             };
           }
@@ -1365,14 +1365,14 @@ const $i = function(e) {
       } = st(e, t), c = {
         x: o,
         y: i
-      }, h = await dt(t, l), d = Y(Z(s)), u = be(d);
+      }, h = await pt(t, l), d = Y(Z(s)), u = be(d);
       let p = c[u], f = c[d];
       if (r) {
-        const m = u === "y" ? "top" : "left", y = u === "y" ? "bottom" : "right", x = p + h[m], E = p - h[y];
+        const m = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", x = p + h[m], E = p - h[v];
         p = _t(x, p, E);
       }
       if (n) {
-        const m = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", x = f + h[m], E = f - h[y];
+        const m = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", x = f + h[m], E = f - h[v];
         f = _t(x, f, E);
       }
       const g = a.fn({
@@ -1408,22 +1408,22 @@ const $i = function(e) {
         apply: l = () => {
         },
         ...c
-      } = st(e, t), h = await dt(t, c), d = Z(s), u = at(s), p = Y(s) === "y", {
+      } = st(e, t), h = await pt(t, c), d = Z(s), u = at(s), p = Y(s) === "y", {
         width: f,
         height: g
       } = r.floating;
-      let m, y;
-      d === "top" || d === "bottom" ? (m = d, y = u === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (y = d, m = u === "end" ? "top" : "bottom");
-      const x = g - h.top - h.bottom, E = f - h.left - h.right, C = J(g - h[m], x), P = J(f - h[y], E), F = !t.middlewareData.shift;
-      let O = C, V = P;
-      if ((o = t.middlewareData.shift) != null && o.enabled.x && (V = E), (i = t.middlewareData.shift) != null && i.enabled.y && (O = x), F && !u) {
+      let m, v;
+      d === "top" || d === "bottom" ? (m = d, v = u === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = d, m = u === "end" ? "top" : "bottom");
+      const x = g - h.top - h.bottom, E = f - h.left - h.right, C = J(g - h[m], x), P = J(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 D = T(h.left, 0), X = T(h.right, 0), M = T(h.top, 0), G = T(h.bottom, 0);
-        p ? V = f - 2 * (D !== 0 || X !== 0 ? D + X : T(h.left, h.right)) : O = g - 2 * (M !== 0 || G !== 0 ? M + G : T(h.top, h.bottom));
+        p ? V = f - 2 * (D !== 0 || X !== 0 ? D + X : T(h.left, h.right)) : A = g - 2 * (M !== 0 || G !== 0 ? M + G : T(h.top, h.bottom));
       }
       await l({
         ...t,
         availableWidth: V,
-        availableHeight: O
+        availableHeight: A
       });
       const I = await n.getDimensions(a.floating);
       return f !== I.width || g !== I.height ? {
@@ -1434,7 +1434,7 @@ const $i = function(e) {
     }
   };
 };
-function Ot() {
+function At() {
   return typeof window < "u";
 }
 function lt(e) {
@@ -1449,16 +1449,16 @@ function q(e) {
   return (t = (xe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function xe(e) {
-  return Ot() ? e instanceof Node || e instanceof L(e).Node : !1;
+  return At() ? e instanceof Node || e instanceof L(e).Node : !1;
 }
 function z(e) {
-  return Ot() ? e instanceof Element || e instanceof L(e).Element : !1;
+  return At() ? e instanceof Element || e instanceof L(e).Element : !1;
 }
 function W(e) {
-  return Ot() ? e instanceof HTMLElement || e instanceof L(e).HTMLElement : !1;
+  return At() ? e instanceof HTMLElement || e instanceof L(e).HTMLElement : !1;
 }
 function fe(e) {
-  return !Ot() || 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 Bi = /* @__PURE__ */ new Set(["inline", "contents"]);
 function gt(e) {
@@ -1475,7 +1475,7 @@ function Mi(e) {
   return Ii.has(lt(e));
 }
 const Hi = [":popover-open", ":modal"];
-function At(e) {
+function St(e) {
   return Hi.some((t) => {
     try {
       return e.matches(t);
@@ -1485,16 +1485,16 @@ function At(e) {
   });
 }
 const Wi = ["transform", "translate", "scale", "rotate", "perspective"], qi = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Vi = ["paint", "layout", "strict", "content"];
-function St(e) {
+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));
 }
 function Ui(e) {
   let t = tt(e);
   for (; W(t) && !rt(t); ) {
-    if (St(t))
+    if (Rt(t))
       return t;
-    if (At(t))
+    if (St(t))
       return null;
     t = tt(t);
   }
@@ -1510,7 +1510,7 @@ function rt(e) {
 function B(e) {
   return L(e).getComputedStyle(e);
 }
-function Rt(e) {
+function Tt(e) {
   return z(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -1535,15 +1535,15 @@ function Ee(e) {
   const t = tt(e);
   return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && gt(t) ? t : Ee(t);
 }
-function pt(e, t, o) {
+function ut(e, t, o) {
   var i;
   t === void 0 && (t = []), o === void 0 && (o = !0);
   const s = Ee(e), r = s === ((i = e.ownerDocument) == null ? void 0 : i.body), n = L(s);
   if (r) {
     const a = Bt(n);
-    return t.concat(n, n.visualViewport || [], gt(s) ? s : [], a && o ? pt(a) : []);
+    return t.concat(n, n.visualViewport || [], gt(s) ? s : [], a && o ? ut(a) : []);
   }
-  return t.concat(s, pt(s, [], o));
+  return t.concat(s, ut(s, [], o));
 }
 function Bt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
@@ -1598,7 +1598,7 @@ function ot(e, t, o, i) {
     const u = L(r), p = i && z(i) ? L(i) : i;
     let f = u, g = Bt(f);
     for (; g && i && p !== f; ) {
-      const m = nt(g), y = g.getBoundingClientRect(), x = B(g), E = y.left + (g.clientLeft + parseFloat(x.paddingLeft)) * m.x, C = y.top + (g.clientTop + parseFloat(x.paddingTop)) * m.y;
+      const m = nt(g), v = g.getBoundingClientRect(), x = B(g), E = v.left + (g.clientLeft + parseFloat(x.paddingLeft)) * m.x, C = v.top + (g.clientTop + parseFloat(x.paddingTop)) * m.y;
       l *= m.x, c *= m.y, h *= m.x, d *= m.y, l += E, c += C, f = L(g), g = Bt(f);
     }
   }
@@ -1610,7 +1610,7 @@ function ot(e, t, o, i) {
   });
 }
 function ie(e, t) {
-  const o = Rt(e).scrollLeft;
+  const o = Tt(e).scrollLeft;
   return t ? t.left + o : ot(q(e)).left + o;
 }
 function Oe(e, t, o) {
@@ -1631,7 +1631,7 @@ function Xi(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 ? St(t.floating) : !1;
   if (i === n || a && r)
     return o;
   let l = {
@@ -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" || gt(n)) && (l = Rt(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;
   }
@@ -1655,7 +1655,7 @@ function Gi(e) {
   return Array.from(e.getClientRects());
 }
 function Qi(e) {
-  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);
+  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;
   return B(i).direction === "rtl" && (n += T(t.clientWidth, i.clientWidth) - s), {
@@ -1717,11 +1717,11 @@ function eo(e, t) {
   const o = t.get(e);
   if (o)
     return o;
-  let i = pt(e, [], !1).filter((a) => z(a) && lt(a) !== "body"), s = null;
+  let i = ut(e, [], !1).filter((a) => z(a) && lt(a) !== "body"), s = null;
   const r = B(e).position === "fixed";
   let n = r ? tt(e) : e;
   for (; z(n) && !rt(n); ) {
-    const a = B(n), l = St(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) || gt(n) && !l && Ae(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
   }
   return t.set(e, i), i;
@@ -1733,7 +1733,7 @@ function io(e) {
     rootBoundary: i,
     strategy: s
   } = e;
-  const n = [...o === "clippingAncestors" ? At(t) ? [] : eo(t, this._c) : [].concat(o), i], a = n[0], l = n.reduce((c, h) => {
+  const n = [...o === "clippingAncestors" ? St(t) ? [] : eo(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 = J(d.right, c.right), c.bottom = J(d.bottom, c.bottom), c.left = T(d.left, c.left), c;
   }, ge(t, a, s));
@@ -1765,7 +1765,7 @@ function so(e, t, o) {
     l.x = ie(s);
   }
   if (i || !i && !r)
-    if ((lt(t) !== "body" || gt(s)) && (a = Rt(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();
@@ -1778,7 +1778,7 @@ function so(e, t, o) {
     height: n.height
   };
 }
-function Ft(e) {
+function $t(e) {
   return B(e).position === "static";
 }
 function me(e, t) {
@@ -1791,21 +1791,21 @@ function me(e, t) {
 }
 function Se(e, t) {
   const o = L(e);
-  if (At(e))
+  if (St(e))
     return o;
   if (!W(e)) {
     let s = tt(e);
     for (; s && !rt(s); ) {
-      if (z(s) && !Ft(s))
+      if (z(s) && !$t(s))
         return s;
       s = tt(s);
     }
     return o;
   }
   let i = me(e, t);
-  for (; i && Mi(i) && Ft(i); )
+  for (; i && Mi(i) && $t(i); )
     i = me(i, t);
-  return i && rt(i) && Ft(i) && !St(i) ? o : i || Ui(e) || o;
+  return i && rt(i) && $t(i) && !Rt(i) ? o : i || Ui(e) || o;
 }
 const no = async function(e) {
   const t = this.getOffsetParent || Se, o = this.getDimensions, i = await o(e.floating);
@@ -1854,21 +1854,21 @@ function ao(e, t) {
     } = c;
     if (a || t(), !u || !p)
       return;
-    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",
+    const f = yt(d), g = yt(s.clientWidth - (h + u)), m = yt(s.clientHeight - (d + p)), v = yt(h), E = {
+      rootMargin: -f + "px " + -g + "px " + -m + "px " + -v + "px",
       threshold: T(0, J(1, l)) || 1
     };
     let C = !0;
-    function P(F) {
-      const O = F[0].intersectionRatio;
-      if (O !== l) {
+    function P($) {
+      const A = $[0].intersectionRatio;
+      if (A !== l) {
         if (!C)
           return n();
-        O ? n(!1, O) : i = setTimeout(() => {
+        A ? n(!1, A) : i = setTimeout(() => {
           n(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !Re(c, e.getBoundingClientRect()) && n(), C = !1;
+      A === 1 && !Re(c, e.getBoundingClientRect()) && n(), C = !1;
     }
     try {
       o = new IntersectionObserver(P, {
@@ -1891,16 +1891,16 @@ function Mt(e, t, o, i) {
     elementResize: n = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = i, c = ee(e), h = s || r ? [...c ? pt(c) : [], ...pt(t)] : [];
-  h.forEach((y) => {
-    s && y.addEventListener("scroll", o, {
+  } = i, c = ee(e), h = s || r ? [...c ? ut(c) : [], ...ut(t)] : [];
+  h.forEach((v) => {
+    s && v.addEventListener("scroll", o, {
       passive: !0
-    }), r && y.addEventListener("resize", o);
+    }), r && v.addEventListener("resize", o);
   });
   const d = c && a ? ao(c, o) : null;
   let u = -1, p = null;
-  n && (p = new ResizeObserver((y) => {
-    let [x] = y;
+  n && (p = new ResizeObserver((v) => {
+    let [x] = v;
     x && x.target === c && p && (p.unobserve(t), cancelAnimationFrame(u), u = requestAnimationFrame(() => {
       var E;
       (E = p) == null || E.observe(t);
@@ -1909,17 +1909,17 @@ function Mt(e, t, o, i) {
   let f, g = l ? ot(e) : null;
   l && m();
   function m() {
-    const y = ot(e);
-    g && !Re(g, y) && o(), g = y, f = requestAnimationFrame(m);
+    const v = ot(e);
+    g && !Re(g, v) && o(), g = v, f = requestAnimationFrame(m);
   }
   return o(), () => {
-    var y;
+    var v;
     h.forEach((x) => {
       s && x.removeEventListener("scroll", o), r && x.removeEventListener("resize", o);
-    }), d?.(), (y = p) == null || y.disconnect(), p = null, l && cancelAnimationFrame(f);
+    }), d?.(), (v = p) == null || v.disconnect(), p = null, l && cancelAnimationFrame(f);
   };
 }
-const Ht = $i, Te = _i, Wt = Di, qt = zi, lo = ki, Le = Li, De = (e, t, o) => {
+const Ht = Ni, Te = _i, Wt = Di, qt = zi, lo = ki, Le = Li, De = (e, t, o) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: It,
     ...o
@@ -2017,9 +2017,9 @@ class po {
             Math.floor(u)
           ), m = f.height;
           this.initialHeight = this.isConstrained && this.initialHeight || m, this.isConstrained = m < this.initialHeight || g <= m;
-          const y = this.isConstrained ? `${g}px` : "";
+          const v = this.isConstrained ? `${g}px` : "";
           Object.assign(o.style, {
-            maxHeight: y,
+            maxHeight: v,
             maxWidth: `${Math.floor(p)}px`
           });
         },
@@ -2074,7 +2074,7 @@ class po {
     );
   }
 }
-var Tt = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.LongPress = "longpress", e))(Tt || {});
+var Lt = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.LongPress = "longpress", e))(Lt || {});
 class oe {
   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;
@@ -2097,7 +2097,7 @@ class oe {
       t && (customElements.whenDefined("cx-overlay").then(async () => {
         const { Overlay: o } = await Promise.resolve().then(() => Oo);
         this.overlay = new o(), this.overlay.open = !0;
-      }), Promise.resolve().then(() => Ne));
+      }), Promise.resolve().then(() => Fe));
     }
   }
   get overlay() {
@@ -2136,7 +2136,7 @@ const uo = 300, ke = {
 };
 class fo extends oe {
   constructor() {
-    super(...arguments), this.type = Tt.LongPress, this.longpressState = null, this.releaseDescription = it, this.handlePointerup = () => {
+    super(...arguments), this.type = Lt.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));
     };
   }
@@ -2194,7 +2194,7 @@ class fo extends oe {
     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));
-    const n = $t(
+    const n = Nt(
       t,
       "aria-describedby",
       [o.id]
@@ -2305,6 +2305,24 @@ governing permissions and limitations under the License.
     visibility: visible !important;
   }
 
+  .dialog.defer-slotted-visibility > slot::slotted(*) {
+    /**
+     * filter:opacity(0) paints the whole subtree as one group — descendants cannot opt out
+     * with visibility:visible (unlike visibility:hidden on an ancestor).
+     */
+    filter: opacity(0);
+    pointer-events: none;
+    visibility: hidden !important;
+    translate: -200vw -200vh;
+  }
+
+  .dialog.defer-slotted-visibility.defer-slotted-opened > slot::slotted(*) {
+    filter: none;
+    pointer-events: auto;
+    visibility: visible !important;
+    translate: none;
+  }
+
   /**
  * Offset the transition displacement from the trigger edge by
  * padding the equivelent distance off of the opposite edge.
@@ -2416,7 +2434,7 @@ class mo extends Event {
 const yo = Symbol("remove-slottable-request");
 class vo extends oe {
   constructor() {
-    super(...arguments), this.type = Tt.Click, this.preventNextToggle = !1;
+    super(...arguments), this.type = Lt.Click, this.preventNextToggle = !1;
   }
   handleClick() {
     this.preventNextToggle || (this.open = !this.open), this.preventNextToggle = !1;
@@ -2439,7 +2457,7 @@ class vo extends oe {
 const bo = 300;
 class wo extends oe {
   constructor() {
-    super(...arguments), this.type = Tt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+    super(...arguments), this.type = Lt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
   }
   handleTargetFocusin() {
     this.target.matches(":focus-visible") && (this.open = !0, this.focusedin = !0);
@@ -2468,7 +2486,7 @@ class wo extends oe {
     t === i ? this.prepareOverlayRelativeDescription() : t === o && this.prepareContentRelativeDescription();
   }
   prepareOverlayRelativeDescription() {
-    const t = $t(
+    const t = Nt(
       this.target,
       "aria-describedby",
       [this.overlay.id]
@@ -2480,7 +2498,7 @@ class wo extends oe {
   prepareContentRelativeDescription() {
     const t = [], o = this.overlay.elements.map((s) => (t.push(s.id), s.id || (s.id = `${this.overlay.tagName.toLowerCase()}-helper-${Ut()}`), s.id));
     this.elementIds = t;
-    const i = $t(
+    const i = Nt(
       this.target,
       "aria-describedby",
       o
@@ -2537,18 +2555,18 @@ const xo = {
   hover: wo,
   longpress: fo
 };
-var Eo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, R = (e, t, o, i) => {
+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--)
     (n = e[r]) && (s = (i ? n(t, o, s) : n(s)) || s);
   return i && s && Eo(t, o, s), s;
 };
 const Co = "showPopover" in document.createElement("div");
-let ct = pi(ht);
+let ct = pi(dt);
 Co ? ct = gi(ct) : ct = ui(ct);
 var K;
-const A = (K = class extends ct {
+const O = (K = class extends ct {
   constructor() {
-    super(), this._delayed = !1, this._disabled = !1, this.offset = 0, this._open = !1, this.lastRequestSlottableState = !1, this.receivesFocus = "auto", this._state = "closed", this.triggerElement = null, this.type = "auto", this.wasOpen = !1, this.closeOnFocusOut = (t) => {
+    super(), this._delayed = !1, this.deferSlottedVisibility = !1, this._disabled = !1, this.offset = 0, this._open = !1, this.lastRequestSlottableState = !1, this.receivesFocus = "auto", this._state = "closed", this.triggerElement = null, this.type = "auto", this.wasOpen = !1, this.closeOnFocusOut = (t) => {
       if (!t.relatedTarget)
         return;
       const o = new Event("overlay-relation-query", {
@@ -2573,7 +2591,7 @@ const A = (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 Ct);
+    return !!this.triggerElement && !(this.triggerElement instanceof Ot);
   }
   get placementController() {
     return this._placementController || (this._placementController = new po(this)), this._placementController;
@@ -2730,15 +2748,23 @@ const A = (K = class extends ct {
       "--swc-overlay-open-count": K.openCount.toString()
     };
   }
+  /** Reveal deferred slotted content only after the overlay reaches the opened state. */
+  get deferSlottedOpened() {
+    return this.deferSlottedVisibility && this.state === "opened";
+  }
   handleClose() {
     this.open = !1;
   }
   renderDialog() {
     return j`
       <dialog
-        class="dialog"
+        class=${ht({
+      "defer-slotted-opened": this.deferSlottedOpened,
+      "defer-slotted-visibility": this.deferSlottedVisibility,
+      dialog: !0
+    })}
         part="dialog"
-        placement=${Lt(
+        placement=${Dt(
       this.requiresPosition ? this.placement || "right" : void 0
     )}
         style=${se(this.dialogStyleMap)}
@@ -2754,12 +2780,16 @@ const A = (K = class extends ct {
   renderPopover() {
     return j`
       <div
-        class="dialog"
+        class=${ht({
+      "defer-slotted-opened": this.deferSlottedOpened,
+      "defer-slotted-visibility": this.deferSlottedVisibility,
+      dialog: !0
+    })}
         part="dialog"
-        placement=${Lt(
+        placement=${Dt(
       this.requiresPosition ? this.placement || "right" : void 0
     )}
-        popover=${Lt(this.popoverValue)}
+        popover=${Dt(this.popoverValue)}
         style=${se(this.dialogStyleMap)}
         @beforetoggle=${this.handleBeforetoggle}
         @close=${this.handleBrowserClose}
@@ -2788,77 +2818,80 @@ const A = (K = class extends ct {
       ${ze(go)}
     `
 ], K.openCount = 1, K);
-R([
-  v({ type: Boolean })
-], A.prototype, "delayed", 1);
-R([
-  ut(".dialog")
-], A.prototype, "dialogEl", 2);
-R([
-  v({ type: Boolean })
-], A.prototype, "disabled", 1);
-R([
+S([
+  y({ type: Boolean })
+], O.prototype, "delayed", 1);
+S([
+  y({ attribute: "defer-slotted-visibility", type: Boolean })
+], O.prototype, "deferSlottedVisibility", 2);
+S([
+  Ct(".dialog")
+], O.prototype, "dialogEl", 2);
+S([
+  y({ type: Boolean })
+], O.prototype, "disabled", 1);
+S([
   Ye({
     flatten: !0,
     selector: ':not([slot="longpress-describedby-descriptor"], slot)'
     // gather only elements slotted into the default slot
   })
-], A.prototype, "elements", 2);
-R([
-  v({ type: Number })
-], A.prototype, "offset", 2);
-R([
-  v({ reflect: !0, type: Boolean })
-], A.prototype, "open", 1);
-R([
-  v()
-], A.prototype, "placement", 2);
-R([
-  v({ attribute: "receives-focus" })
-], A.prototype, "receivesFocus", 2);
-R([
-  ut("slot")
-], A.prototype, "slotEl", 2);
-R([
+], O.prototype, "elements", 2);
+S([
+  y({ type: Number })
+], O.prototype, "offset", 2);
+S([
+  y({ reflect: !0, type: Boolean })
+], O.prototype, "open", 1);
+S([
+  y()
+], O.prototype, "placement", 2);
+S([
+  y({ attribute: "receives-focus" })
+], O.prototype, "receivesFocus", 2);
+S([
+  Ct("slot")
+], O.prototype, "slotEl", 2);
+S([
   Ie()
-], A.prototype, "state", 1);
-R([
-  v({ attribute: "tip-padding", type: Number })
-], A.prototype, "tipPadding", 2);
-R([
-  v()
-], A.prototype, "trigger", 2);
-R([
-  v({ attribute: "trigger-element" })
-], A.prototype, "triggerElement", 2);
-R([
-  v({ attribute: "trigger-interaction" })
-], A.prototype, "triggerInteraction", 2);
-R([
-  v()
-], A.prototype, "type", 2);
-let Fe = A;
+], O.prototype, "state", 1);
+S([
+  y({ attribute: "tip-padding", type: Number })
+], O.prototype, "tipPadding", 2);
+S([
+  y()
+], O.prototype, "trigger", 2);
+S([
+  y({ attribute: "trigger-element" })
+], O.prototype, "triggerElement", 2);
+S([
+  y({ attribute: "trigger-interaction" })
+], O.prototype, "triggerInteraction", 2);
+S([
+  y()
+], O.prototype, "type", 2);
+let $e = O;
 const Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LONGPRESS_INSTRUCTIONS: ke,
-  Overlay: Fe
+  Overlay: $e
 }, Symbol.toStringTag, { value: "Module" }));
-Je("cx-overlay", Fe);
-const Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+Je("cx-overlay", $e);
+const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 function Ao(e) {
   return So(e);
 }
-function Nt(e) {
+function Ft(e) {
   return e.assignedSlot ? e.assignedSlot : e.parentNode instanceof ShadowRoot ? e.parentNode.host : e.parentNode;
 }
 function So(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" || St(o) || t.tagName === "BODY"))
+    if (o.display !== "contents" && (o.position !== "static" || Rt(o) || t.tagName === "BODY"))
       return t;
   }
   return null;
@@ -2989,7 +3022,12 @@ let b = class extends Be {
     }
   }
   async updated(e) {
-    super.updated(e), e.has("active") && (this.active ? (this.start(), this.emit("cx-opened")) : this.stop()), e.has("anchor") && this.handleAnchorChange(), this.active && (await this.updateComplete, this.reposition());
+    super.updated(e), e.has("active") && (this.active ? (this.start(), this.strategy !== "overlay" && this.emit("cx-opened")) : this.stop()), e.has("anchor") && this.handleAnchorChange(), this.active && (await this.updateComplete, this.reposition());
+  }
+  async handleOverlayOpened() {
+    await this.updateComplete, await new Promise((e) => {
+      requestAnimationFrame(() => e());
+    }), this.active && this.emit("cx-opened");
   }
   async handleAnchorChange() {
     if (await this.stop(), this.anchor && typeof this.anchor == "string") {
@@ -3134,12 +3172,14 @@ let b = class extends Be {
   render() {
     const e = j`<cx-overlay
       ?open=${this.active}
+      defer-slotted-visibility
       placement="bottom"
       type="manual"
+      @cx-opened=${this.handleOverlayOpened}
     >
       <div
         part="popup"
-        class=${Dt({
+        class=${ht({
       popup: !0,
       "popup--active": this.active,
       "popup--has-arrow": this.arrow,
@@ -3160,7 +3200,7 @@ let b = class extends Be {
 
       <span
         part="hover-bridge"
-        class=${Dt({
+        class=${ht({
       "popup-hover-bridge": !0,
       "popup-hover-bridge--visible": this.hoverBridge && this.active
     })}
@@ -3171,7 +3211,7 @@ let b = class extends Be {
       () => e,
       () => j`<div
             part="popup"
-            class=${Dt({
+            class=${ht({
         popup: !0,
         "popup--active": this.active,
         "popup--fixed": this.strategy === "fixed",
@@ -3192,55 +3232,52 @@ let b = class extends Be {
 };
 b.styles = [ye, Ro];
 w([
-  ut(".popup")
+  Ct(".popup")
 ], b.prototype, "popup", 2);
 w([
-  ut(".popup__arrow")
+  Ct(".popup__arrow")
 ], b.prototype, "arrowEl", 2);
 w([
-  ut("cx-overlay")
-], b.prototype, "overlay", 2);
-w([
-  v()
+  y()
 ], b.prototype, "anchor", 2);
 w([
-  v({ reflect: !0, type: Boolean })
+  y({ reflect: !0, type: Boolean })
 ], b.prototype, "active", 2);
 w([
-  v({ reflect: !0 })
+  y({ reflect: !0 })
 ], b.prototype, "placement", 2);
 w([
-  v({ reflect: !0 })
+  y({ reflect: !0 })
 ], b.prototype, "strategy", 2);
 w([
-  v({ type: Number })
+  y({ type: Number })
 ], b.prototype, "distance", 2);
 w([
-  v({ type: Number })
+  y({ type: Number })
 ], b.prototype, "skidding", 2);
 w([
-  v({ type: Boolean })
+  y({ type: Boolean })
 ], b.prototype, "arrow", 2);
 w([
-  v({ attribute: "arrow-placement" })
+  y({ attribute: "arrow-placement" })
 ], b.prototype, "arrowPlacement", 2);
 w([
-  v({ attribute: "arrow-padding", type: Number })
+  y({ attribute: "arrow-padding", type: Number })
 ], b.prototype, "arrowPadding", 2);
 w([
-  v({ type: Boolean })
+  y({ type: Boolean })
 ], b.prototype, "flip", 2);
 w([
-  v({ type: Boolean })
+  y({ type: Boolean })
 ], b.prototype, "hide", 2);
 w([
-  v({ attribute: "hide-boundary", type: Object })
+  y({ attribute: "hide-boundary", type: Object })
 ], b.prototype, "hideBoundary", 2);
 w([
-  v({ attribute: "hide-boundary-strategy" })
+  y({ attribute: "hide-boundary-strategy" })
 ], b.prototype, "hideBoundaryStrategy", 2);
 w([
-  v({
+  y({
     attribute: "flip-fallback-placements",
     converter: {
       fromAttribute: (e) => e.split(" ").map((t) => t.trim()).filter((t) => t !== ""),
@@ -3249,43 +3286,43 @@ w([
   })
 ], b.prototype, "flipFallbackPlacements", 2);
 w([
-  v({ attribute: "flip-fallback-strategy" })
+  y({ attribute: "flip-fallback-strategy" })
 ], b.prototype, "flipFallbackStrategy", 2);
 w([
-  v({ attribute: "flip-boundary", type: Object })
+  y({ attribute: "flip-boundary", type: Object })
 ], b.prototype, "flipBoundary", 2);
 w([
-  v({ attribute: "flip-padding", type: Number })
+  y({ attribute: "flip-padding", type: Number })
 ], b.prototype, "flipPadding", 2);
 w([
-  v({ type: Boolean })
+  y({ type: Boolean })
 ], b.prototype, "shift", 2);
 w([
-  v({ attribute: "shift-boundary", type: Object })
+  y({ attribute: "shift-boundary", type: Object })
 ], b.prototype, "shiftBoundary", 2);
 w([
-  v({ attribute: "shift-padding", type: Number })
+  y({ attribute: "shift-padding", type: Number })
 ], b.prototype, "shiftPadding", 2);
 w([
-  v({ attribute: "auto-size" })
+  y({ attribute: "auto-size" })
 ], b.prototype, "autoSize", 2);
 w([
-  v()
+  y()
 ], b.prototype, "sync", 2);
 w([
-  v({ attribute: "sync-element" })
+  y({ attribute: "sync-element" })
 ], b.prototype, "syncElement", 2);
 w([
-  v({ attribute: "auto-size-boundary", type: Object })
+  y({ attribute: "auto-size-boundary", type: Object })
 ], b.prototype, "autoSizeBoundary", 2);
 w([
-  v({ attribute: "auto-size-padding", type: Number })
+  y({ attribute: "auto-size-padding", type: Number })
 ], b.prototype, "autoSizePadding", 2);
 w([
-  v({ attribute: "hover-bridge", type: Boolean })
+  y({ attribute: "hover-bridge", type: Boolean })
 ], b.prototype, "hoverBridge", 2);
 w([
-  v({ attribute: "auto-width-factor" })
+  y({ attribute: "auto-width-factor" })
 ], b.prototype, "autoWidthFactor", 2);
 w([
   Ve(200)