@orangelogic/design-system 3.0.0 → 3.2.0

package/library/components/pagination.js

@@ -1,9 +1,9 @@
 import "./space.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/icon-button.CVrxJcZq.js";
-import { C as k } from "../chunks/pagination.mzolTIpF.js";
+import "../chunks/icon-button.BWJ1Vqn5.js";
+import { C as k } from "../chunks/pagination.CSPKsj4y.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.DbXTTLXx.js";
+import "../chunks/i18n.BA19xtyU.js";
 import "../chunks/math.DuKzLacZ.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
@@ -11,9 +11,9 @@ import "../chunks/state.CSDxrqLd.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/repeat.CFjcER6_.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.BnkkUqiI.js";
-import "../chunks/input.33UmFGqR.js";
-import "../chunks/option.B6odSlS2.js";
+import "../chunks/button.CpY4FCwE.js";
+import "../chunks/input.xgeLCG8I.js";
+import "../chunks/option.jeaj7_Lr.js";
 import "./select.js";
 import "./tooltip.js";
 import "../chunks/typography.IqHbnd3C.js";

package/library/components/popup.js

@@ -1,16 +1,16 @@
 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 { n as g, 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 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 mt, p as ne, f as We, a as qe } from "../chunks/browser.BHOCIF_A.js";
+import { i as gt, 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 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 { L as Ue } from "../chunks/i18n.BA19xtyU.js";
 import { n as Ye } from "../chunks/when.Dr1es41R.js";
 /**
  * @license
@@ -603,7 +603,7 @@ function fi(e) {
   }
   return t;
 }
-const gi = CSS.supports("(overlay: auto)");
+const mi = CSS.supports("(overlay: auto)");
 function kt(e) {
   let t = !1;
   try {
@@ -617,7 +617,7 @@ function kt(e) {
   }
   return t || o;
 }
-function mi(e) {
+function gi(e) {
   class t extends e {
     constructor(...i) {
       super(...i), this.handleFullscreenChange = this.handleFullscreenChange.bind(this);
@@ -666,21 +666,21 @@ function mi(e) {
       kt(this.dialogEl) && (this.dialogEl.hidePopover(), this.dialogEl.showPopover());
     }
     firstUpdated(i) {
-      super.firstUpdated(i), mt() && k().then(() => {
+      super.firstUpdated(i), gt() && k().then(() => {
         this.dialogEl.showPopover();
       });
     }
     runConnectedCallback() {
-      mt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
+      gt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), mt() && document.removeEventListener(
+      super.disconnectedCallback(), gt() && document.removeEventListener(
         "fullscreenchange",
         this.handleFullscreenChange
       );
     }
     async ensureOnDOM(i) {
-      await k(), gi || await this.shouldHidePopover(i), await this.shouldShowPopover(i), await k();
+      await k(), mi || 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 }
-        ), mt() || this.dialogEl.hidePopover()) : h();
+        ), gt() || this.dialogEl.hidePopover()) : h();
       };
       return this.elements.forEach((a, l) => {
         Xt(a, r(a, l), n(a, l));
@@ -1025,11 +1025,11 @@ const Di = async (e, t, o) => {
     x: h,
     y: d
   } = de(c, i, l), u = i, p = {}, f = 0;
-  for (let g = 0; g < a.length; g++) {
+  for (let m = 0; m < a.length; m++) {
     const {
       name: y,
       fn: v
-    } = a[g], {
+    } = a[m], {
       x,
       y: E,
       data: C,
@@ -1061,7 +1061,7 @@ const Di = async (e, t, o) => {
     }) : P.rects), {
       x: h,
       y: d
-    } = de(c, u, l)), g = -1);
+    } = de(c, u, l)), m = -1);
   }
   return {
     x: h,
@@ -1137,10 +1137,10 @@ const Li = (e) => ({
     const d = we(h), u = {
       x: o,
       y: i
-    }, 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));
+    }, p = Zt(s), f = Qt(p), m = 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 - 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;
+    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;
     return {
       [p]: u[p] + F,
       data: {
@@ -1172,13 +1172,13 @@ const Li = (e) => ({
         fallbackPlacements: u,
         fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: f = "none",
-        flipAlignment: g = !0,
+        flipAlignment: m = !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 || !g ? [Et(a)] : Ci(a)), $ = f !== "none";
-      !u && $ && P.push(...Ri(a, g, f, C));
+      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)] : Ci(a)), $ = f !== "none";
+      !u && $ && P.push(...Ri(a, m, 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) {
@@ -1375,16 +1375,16 @@ const _i = function(e) {
         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 g = a.fn({
+      const m = a.fn({
         ...t,
         [u]: p,
         [d]: f
       });
       return {
-        ...g,
+        ...m,
         data: {
-          x: g.x - o,
-          y: g.y - i,
+          x: m.x - o,
+          y: m.y - i,
           enabled: {
             [u]: r,
             [d]: n
@@ -1410,15 +1410,15 @@ const _i = function(e) {
         ...c
       } = st(e, t), h = await pt(t, c), d = Z(s), u = at(s), p = Y(s) === "y", {
         width: f,
-        height: g
+        height: m
       } = r.floating;
       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;
+      const x = m - h.top - h.bottom, E = f - h.left - h.right, C = Q(m - 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 = g - 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 = m - 2 * (I !== 0 || G !== 0 ? I + G : T(h.top, h.bottom));
       }
       await l({
         ...t,
@@ -1426,7 +1426,7 @@ const _i = function(e) {
         availableHeight: A
       });
       const M = await n.getDimensions(a.floating);
-      return f !== M.width || g !== M.height ? {
+      return f !== M.width || m !== M.height ? {
         reset: {
           rects: !0
         }
@@ -1461,7 +1461,7 @@ function fe(e) {
   return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
 }
 const Mi = /* @__PURE__ */ new Set(["inline", "contents"]);
-function gt(e) {
+function mt(e) {
   const {
     overflow: t,
     overflowX: o,
@@ -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) && gt(t) ? t : Ee(t);
+  return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && mt(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 || [], gt(s) ? s : [], a && o ? ut(a) : []);
+    return t.concat(n, n.visualViewport || [], mt(s) ? s : [], a && o ? ut(a) : []);
   }
   return t.concat(s, ut(s, [], o));
 }
@@ -1596,10 +1596,10 @@ function ot(e, t, o, i) {
   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, 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);
+    let f = u, m = Bt(f);
+    for (; m && i && p !== f; ) {
+      const y = nt(m), v = m.getBoundingClientRect(), x = B(m), E = v.left + (m.clientLeft + parseFloat(x.paddingLeft)) * y.x, C = v.top + (m.clientTop + parseFloat(x.paddingTop)) * y.y;
+      l *= y.x, c *= y.y, h *= y.x, d *= y.y, l += E, c += C, f = D(m), m = Bt(f);
     }
   }
   return Pt({
@@ -1639,7 +1639,7 @@ function Gi(e) {
     scrollTop: 0
   }, c = H(1);
   const h = H(0), d = W(i);
-  if ((d || !d && !r) && ((lt(i) !== "body" || gt(n)) && (l = Tt(i)), W(i))) {
+  if ((d || !d && !r) && ((lt(i) !== "body" || mt(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;
   }
@@ -1690,7 +1690,7 @@ function eo(e, t) {
     y: c
   };
 }
-function ge(e, t, o) {
+function me(e, t, o) {
   let i;
   if (t === "viewport")
     i = Zi(e, o);
@@ -1722,7 +1722,7 @@ function io(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 && to.has(s.position) || gt(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) || mt(n) && !l && Ae(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
   }
   return t.set(e, i), i;
 }
@@ -1734,9 +1734,9 @@ function oo(e) {
     strategy: s
   } = e;
   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);
+    const d = me(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;
-  }, ge(t, a, s));
+  }, me(t, a, s));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -1765,7 +1765,7 @@ function no(e, t, o) {
     l.x = ie(s);
   }
   if (i || !i && !r)
-    if ((lt(t) !== "body" || gt(s)) && (a = Tt(t)), i) {
+    if ((lt(t) !== "body" || mt(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 no(e, t, o) {
 function $t(e) {
   return B(e).position === "static";
 }
-function me(e, t) {
+function ge(e, t) {
   if (!W(e) || B(e).position === "fixed")
     return null;
   if (t)
@@ -1802,9 +1802,9 @@ function Se(e, t) {
     }
     return o;
   }
-  let i = me(e, t);
+  let i = ge(e, t);
   for (; i && Hi(i) && $t(i); )
-    i = me(i, t);
+    i = ge(i, t);
   return i && rt(i) && $t(i) && !Rt(i) ? o : i || Ui(e) || o;
 }
 const ro = async function(e) {
@@ -1854,8 +1854,8 @@ function lo(e, t) {
     } = c;
     if (a || t(), !u || !p)
       return;
-    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",
+    const f = yt(d), m = yt(s.clientWidth - (h + u)), y = yt(s.clientHeight - (d + p)), v = yt(h), E = {
+      rootMargin: -f + "px " + -m + "px " + -y + "px " + -v + "px",
       threshold: T(0, Q(1, l)) || 1
     };
     let C = !0;
@@ -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, g = l ? ot(e) : null;
+  let f, m = l ? ot(e) : null;
   l && y();
   function y() {
     const v = ot(e);
-    g && !Re(g, v) && o(), g = v, f = requestAnimationFrame(y);
+    m && !Re(m, v) && o(), m = v, f = requestAnimationFrame(y);
   }
   return o(), () => {
     var v;
@@ -2012,12 +2012,12 @@ class uo {
       i,
       qt({
         apply: ({ availableHeight: u, availableWidth: p, rects: { floating: f } }) => {
-          const g = Math.max(
+          const m = Math.max(
             ho,
             Math.floor(u)
           ), y = f.height;
-          this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || g <= y;
-          const v = this.isConstrained ? `${g}px` : "";
+          this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || m <= y;
+          const v = this.isConstrained ? `${m}px` : "";
           Object.assign(o.style, {
             maxHeight: v,
             maxWidth: `${Math.floor(p)}px`
@@ -2134,7 +2134,7 @@ const fo = 300, ke = {
   mouse: "Click and hold for additional options",
   touch: "Double tap and long press for additional options"
 };
-class go extends oe {
+class mo 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));
@@ -2226,7 +2226,7 @@ class go 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}}`;
+const go = 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 yo extends Event {
   constructor(t, o, i) {
     super("slottable-request", {
@@ -2358,7 +2358,7 @@ class xo extends oe {
 const Eo = {
   click: bo,
   hover: xo,
-  longpress: go
+  longpress: mo
 };
 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--)
@@ -2367,7 +2367,7 @@ var Po = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, S = (e, t,
 };
 const Oo = "showPopover" in document.createElement("div");
 let ct = ui(dt);
-Oo ? ct = mi(ct) : ct = fi(ct);
+Oo ? ct = gi(ct) : ct = fi(ct);
 var K;
 const O = (K = class extends ct {
   constructor() {
@@ -2592,20 +2592,20 @@ const O = (K = class extends ct {
 }, K.styles = [
   ye,
   Vt`
-      ${Be(mo)}
+      ${Be(go)}
     `
 ], K.openCount = 1, K);
 S([
-  m({ type: Boolean })
+  g({ type: Boolean })
 ], O.prototype, "delayed", 1);
 S([
-  m({ attribute: "defer-slotted-visibility", type: Boolean })
+  g({ attribute: "defer-slotted-visibility", type: Boolean })
 ], O.prototype, "deferSlottedVisibility", 2);
 S([
   Ct(".dialog")
 ], O.prototype, "dialogEl", 2);
 S([
-  m({ type: Boolean })
+  g({ type: Boolean })
 ], O.prototype, "disabled", 1);
 S([
   Ke({
@@ -2615,16 +2615,16 @@ S([
   })
 ], O.prototype, "elements", 2);
 S([
-  m({ type: Number })
+  g({ type: Number })
 ], O.prototype, "offset", 2);
 S([
-  m({ reflect: !0, type: Boolean })
+  g({ reflect: !0, type: Boolean })
 ], O.prototype, "open", 1);
 S([
-  m()
+  g()
 ], O.prototype, "placement", 2);
 S([
-  m({ attribute: "receives-focus" })
+  g({ attribute: "receives-focus" })
 ], O.prototype, "receivesFocus", 2);
 S([
   Ct("slot")
@@ -2633,19 +2633,19 @@ S([
   Ie()
 ], O.prototype, "state", 1);
 S([
-  m({ attribute: "tip-padding", type: Number })
+  g({ attribute: "tip-padding", type: Number })
 ], O.prototype, "tipPadding", 2);
 S([
-  m()
+  g()
 ], O.prototype, "trigger", 2);
 S([
-  m({ attribute: "trigger-element" })
+  g({ attribute: "trigger-element" })
 ], O.prototype, "triggerElement", 2);
 S([
-  m({ attribute: "trigger-interaction" })
+  g({ attribute: "trigger-interaction" })
 ], O.prototype, "triggerInteraction", 2);
 S([
-  m()
+  g()
 ], O.prototype, "type", 2);
 let $e = O;
 const Ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -2688,7 +2688,7 @@ function ko(e) {
 }
 let b = class extends Me {
   constructor() {
-    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 = () => {
+    super(...arguments), this.isTornDown = !1, 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;
@@ -2715,8 +2715,11 @@ let b = class extends Me {
   get isSizeMiddleWareUsed() {
     return this.sync || this.autoSize;
   }
+  connectedCallback() {
+    super.connectedCallback(), this.isTornDown = !1;
+  }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.stopImmediate();
+    super.disconnectedCallback(), this.isTornDown = !0, this.stopImmediate();
   }
   connectedUpdatedCallback() {
     if (this.strategy === "overlay" && (this.start(), !ne)) {
@@ -2744,9 +2747,9 @@ let b = class extends Me {
     )), this.anchorEl && this.start();
   }
   start() {
-    !this.anchorEl || !this.isConnected || (this.cleanup = It(this.anchorEl, this.popup, () => {
+    !this.anchorEl || !this.isConnected || this.isTornDown || (this.stopImmediate(), this.cleanup = It(this.anchorEl, this.popup, () => {
       this.reposition();
-    }));
+    }), (this.isTornDown || !this.isConnected) && this.stopImmediate());
   }
   stopImmediate() {
     this.cleanup && (this.cleanup(), this.cleanup = void 0, this.removeAttribute("data-current-placement"), this.style.removeProperty("--auto-size-available-width"), this.style.removeProperty("--auto-size-available-height"));
@@ -2895,49 +2898,49 @@ w([
   Ct(".popup__arrow")
 ], b.prototype, "arrowEl", 2);
 w([
-  m()
+  g()
 ], b.prototype, "anchor", 2);
 w([
-  m({ reflect: !0, type: Boolean })
+  g({ reflect: !0, type: Boolean })
 ], b.prototype, "active", 2);
 w([
-  m({ reflect: !0 })
+  g({ reflect: !0 })
 ], b.prototype, "placement", 2);
 w([
-  m({ reflect: !0 })
+  g({ reflect: !0 })
 ], b.prototype, "strategy", 2);
 w([
-  m({ reflect: !0, type: String })
+  g({ reflect: !0, type: String })
 ], b.prototype, "toggle", 2);
 w([
-  m({ type: Number })
+  g({ type: Number })
 ], b.prototype, "distance", 2);
 w([
-  m({ type: Number })
+  g({ type: Number })
 ], b.prototype, "skidding", 2);
 w([
-  m({ type: Boolean })
+  g({ type: Boolean })
 ], b.prototype, "arrow", 2);
 w([
-  m({ attribute: "arrow-placement" })
+  g({ attribute: "arrow-placement" })
 ], b.prototype, "arrowPlacement", 2);
 w([
-  m({ attribute: "arrow-padding", type: Number })
+  g({ attribute: "arrow-padding", type: Number })
 ], b.prototype, "arrowPadding", 2);
 w([
-  m({ type: Boolean })
+  g({ type: Boolean })
 ], b.prototype, "flip", 2);
 w([
-  m({ type: Boolean })
+  g({ type: Boolean })
 ], b.prototype, "hide", 2);
 w([
-  m({ attribute: "hide-boundary", type: Object })
+  g({ attribute: "hide-boundary", type: Object })
 ], b.prototype, "hideBoundary", 2);
 w([
-  m({ attribute: "hide-boundary-strategy" })
+  g({ attribute: "hide-boundary-strategy" })
 ], b.prototype, "hideBoundaryStrategy", 2);
 w([
-  m({
+  g({
     attribute: "flip-fallback-placements",
     converter: {
       fromAttribute: (e) => e.split(" ").map((t) => t.trim()).filter((t) => t !== ""),
@@ -2946,43 +2949,43 @@ w([
   })
 ], b.prototype, "flipFallbackPlacements", 2);
 w([
-  m({ attribute: "flip-fallback-strategy" })
+  g({ attribute: "flip-fallback-strategy" })
 ], b.prototype, "flipFallbackStrategy", 2);
 w([
-  m({ attribute: "flip-boundary", type: Object })
+  g({ attribute: "flip-boundary", type: Object })
 ], b.prototype, "flipBoundary", 2);
 w([
-  m({ attribute: "flip-padding", type: Number })
+  g({ attribute: "flip-padding", type: Number })
 ], b.prototype, "flipPadding", 2);
 w([
-  m({ type: Boolean })
+  g({ type: Boolean })
 ], b.prototype, "shift", 2);
 w([
-  m({ attribute: "shift-boundary", type: Object })
+  g({ attribute: "shift-boundary", type: Object })
 ], b.prototype, "shiftBoundary", 2);
 w([
-  m({ attribute: "shift-padding", type: Number })
+  g({ attribute: "shift-padding", type: Number })
 ], b.prototype, "shiftPadding", 2);
 w([
-  m({ attribute: "auto-size" })
+  g({ attribute: "auto-size" })
 ], b.prototype, "autoSize", 2);
 w([
-  m()
+  g()
 ], b.prototype, "sync", 2);
 w([
-  m({ attribute: "sync-element" })
+  g({ attribute: "sync-element" })
 ], b.prototype, "syncElement", 2);
 w([
-  m({ attribute: "auto-size-boundary", type: Object })
+  g({ attribute: "auto-size-boundary", type: Object })
 ], b.prototype, "autoSizeBoundary", 2);
 w([
-  m({ attribute: "auto-size-padding", type: Number })
+  g({ attribute: "auto-size-padding", type: Number })
 ], b.prototype, "autoSizePadding", 2);
 w([
-  m({ attribute: "hover-bridge", type: Boolean })
+  g({ attribute: "hover-bridge", type: Boolean })
 ], b.prototype, "hoverBridge", 2);
 w([
-  m({ attribute: "auto-width-factor" })
+  g({ attribute: "auto-width-factor" })
 ], b.prototype, "autoWidthFactor", 2);
 w([
   je(200)

package/library/components/position-picker.js

@@ -6,7 +6,7 @@ import { n as u, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
 import { P as i } from "../chunks/position-picker.DjnhxIKF.js";
 import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as v } from "../chunks/i18n.DbXTTLXx.js";
+import { L as v } from "../chunks/i18n.BA19xtyU.js";
 import { i as f, x as k } from "../chunks/lit-element.jLBm65_O.js";
 const $ = f`.position-picker__column{width:fit-content}.position-picker__column::part(base){justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.position-picker__radio{--checked-color:var(--cx-color-neutral-0);--checked-border-color:var(--cx-color-neutral-0);--checked-background-color:var(--cx-color-primary);--checked-hover-border-color:var(--cx-color-neutral-0);--checked-hover-background-color:var(--cx-color-primary)}`;
 var C = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (c, o, t, a) => {

package/library/components/progress-bar.js

@@ -1,7 +1,7 @@
 import { n as i, C as d } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as h } from "../chunks/component.styles.CRO4Odto.js";
 import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as b } from "../chunks/i18n.DbXTTLXx.js";
+import { L as b } from "../chunks/i18n.BA19xtyU.js";
 import { i as g, x as c } from "../chunks/lit-element.jLBm65_O.js";
 import { e as u } from "../chunks/class-map.BiVq-cVR.js";
 import { o as v } from "../chunks/if-defined.BRoBj_Rp.js";

package/library/components/progress-ring.js

@@ -1,7 +1,7 @@
 import { n as l, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as d } from "../chunks/component.styles.CRO4Odto.js";
 import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as u } from "../chunks/i18n.DbXTTLXx.js";
+import { L as u } from "../chunks/i18n.BA19xtyU.js";
 import { i as f, x as v } from "../chunks/lit-element.jLBm65_O.js";
 import { r as h } from "../chunks/state.CSDxrqLd.js";
 import { e as m } from "../chunks/query.BBf1UFkC.js";

package/library/components/range.js

@@ -7,7 +7,7 @@ import { d as $ } from "../chunks/debounce.DaHuiSGU.js";
 import { d as O } from "../chunks/default-value.COZopaet.js";
 import { d as w } from "../chunks/drag.DenOh3AE.js";
 import { F as N } from "../chunks/form.DSsy3Fcy.js";
-import { L as S } from "../chunks/i18n.DbXTTLXx.js";
+import { L as S } from "../chunks/i18n.BA19xtyU.js";
 import { c as d } from "../chunks/math.DuKzLacZ.js";
 import { H as A } from "../chunks/slot.j5oheLJC.js";
 import { w as v } from "../chunks/watch.DJF5K-8U.js";