@orangelogic/design-system 2.100.0 → 2.102.0

package/library/components/molecules.js

@@ -1,12 +1,12 @@
 import { default as e } from "./bicolor-picker.js";
 import { default as a } from "./border-input-group.js";
-import { C as p } from "../chunks/color-swatch.BUwHT5Cx.js";
-import { C } from "../chunks/confirm-popover.BMGnWZnC.js";
+import { C as p } from "../chunks/color-swatch.GsiCvj1n.js";
+import { C } from "../chunks/confirm-popover.PiSCZY6-.js";
 import { default as u } from "./corner-position-input-group.js";
 import { C as m } from "../chunks/cropper.Bib8Abm3.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.D4Ft0qRc.js";
-import { C as P } from "../chunks/list-editor.B_mnvgtZ.js";
+import { C as c } from "../chunks/folder-select.BM7yeAsU.js";
+import { C as P } from "../chunks/list-editor.CMakbQyU.js";
 import { default as I } from "./masonry.js";
 import { default as y } from "./padding-input-group.js";
 import { default as w } from "./position-picker.js";

package/library/components/organisms.js

@@ -1,6 +1,6 @@
 import { default as a } from "./asset-link-format.js";
-import { C as t } from "../chunks/color-swatch-group.Cfn8EGfK.js";
-import { C } from "../chunks/file-on-demand.CIjtKP0H.js";
+import { C as t } from "../chunks/color-swatch-group.C6c53two.js";
+import { C } from "../chunks/file-on-demand.DCxabV6T.js";
 export {
   a as CxAssetLinkFormat,
   t as CxColorSwatchGroup,

package/library/components/popup.js

@@ -6,10 +6,9 @@ import { e as He } from "../chunks/base.D76d76ww.js";
 import { e as ht } from "../chunks/class-map.BiVq-cVR.js";
 import { o as Lt } from "../chunks/if-defined.BRoBj_Rp.js";
 import { o as se } from "../chunks/style-map.llVFPd__.js";
-import { i as gt, p as ne, f as Ie, a as We } from "../chunks/browser.BHOCIF_A.js";
+import { i as mt, d as Ie, p as ne, f as We, a as qe } from "../chunks/debounce.CIEhztrj.js";
 import { c as ye } from "../chunks/component.styles.CRO4Odto.js";
-import { c as qe } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as Ve } from "../chunks/debounce.DaHuiSGU.js";
+import { c as Ve } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as je } from "../chunks/i18n.DK1uYlJT.js";
 import { n as Ue } from "../chunks/when.Dr1es41R.js";
 /**
@@ -617,7 +616,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,15 +665,15 @@ function mi(e) {
       kt(this.dialogEl) && (this.dialogEl.hidePopover(), this.dialogEl.showPopover());
     }
     firstUpdated(i) {
-      super.firstUpdated(i), gt() && k().then(() => {
+      super.firstUpdated(i), mt() && k().then(() => {
         this.dialogEl.showPopover();
       });
     }
     runConnectedCallback() {
-      gt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
+      mt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), gt() && document.removeEventListener(
+      super.disconnectedCallback(), mt() && document.removeEventListener(
         "fullscreenchange",
         this.handleFullscreenChange
       );
@@ -740,7 +739,7 @@ function mi(e) {
             h();
           },
           { once: !0 }
-        ), gt() || this.dialogEl.hidePopover()) : h();
+        ), mt() || this.dialogEl.hidePopover()) : h();
       };
       return this.elements.forEach((a, l) => {
         Xt(a, r(a, l), n(a, l));
@@ -749,7 +748,7 @@ function mi(e) {
   }
   return t;
 }
-const gi = "showPopover" in document.createElement("div");
+const mi = "showPopover" in document.createElement("div");
 class yi {
   constructor() {
     this.root = document.body, this.stack = [], this.handlePointerdown = (t) => {
@@ -784,7 +783,7 @@ class yi {
         t.preventDefault();
         return;
       }
-      gi || o?.type !== "manual" && o && this.closeOverlay(o);
+      mi || o?.type !== "manual" && o && this.closeOverlay(o);
     }, this.bindEvents();
   }
   get document() {
@@ -1025,11 +1024,11 @@ const Ti = async (e, t, o) => {
     x: h,
     y: d
   } = de(c, i, l), u = i, p = {}, f = 0;
-  for (let m = 0; m < a.length; m++) {
+  for (let g = 0; g < a.length; g++) {
     const {
-      name: g,
+      name: m,
       fn: v
-    } = a[m], {
+    } = a[g], {
       x,
       y: E,
       data: C,
@@ -1050,8 +1049,8 @@ const Ti = async (e, t, o) => {
     });
     h = x ?? h, d = E ?? d, p = {
       ...p,
-      [g]: {
-        ...p[g],
+      [m]: {
+        ...p[m],
         ...C
       }
     }, P && f <= 50 && (f++, typeof P == "object" && (P.placement && (u = P.placement), P.rects && (c = P.rects === !0 ? await n.getElementRects({
@@ -1061,7 +1060,7 @@ const Ti = async (e, t, o) => {
     }) : P.rects), {
       x: h,
       y: d
-    } = de(c, u, l)), m = -1);
+    } = de(c, u, l)), g = -1);
   }
   return {
     x: h,
@@ -1087,8 +1086,8 @@ async function pt(e, t) {
     elementContext: d = "floating",
     altBoundary: u = !1,
     padding: p = 0
-  } = st(t, e), f = we(p), g = a[u ? d === "floating" ? "reference" : "floating" : d], v = Pt(await r.getClippingRect({
-    element: (o = await (r.isElement == null ? void 0 : r.isElement(g))) == null || o ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+  } = st(t, e), f = we(p), 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,
     strategy: l
@@ -1137,10 +1136,10 @@ const Di = (e) => ({
     const d = we(h), u = {
       x: o,
       y: i
-    }, p = Zt(s), f = Qt(p), m = await n.getDimensions(c), g = p === "y", v = g ? "top" : "left", x = g ? "bottom" : "right", E = g ? "clientHeight" : "clientWidth", C = r.reference[f] + r.reference[p] - u[p] - r.floating[f], P = u[p] - r.reference[p], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    }, p = Zt(s), f = Qt(p), g = await n.getDimensions(c), 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, M = A / 2 - m[f] / 2 - 1, L = Q(d[v], M), X = Q(d[x], M), H = L, G = A - m[f] - X, R = A / 2 - m[f] / 2 + V, et = _t(H, R, G), j = !l.arrow && at(s) != null && R !== et && r.reference[f] / 2 - (R < H ? L : X) - m[f] / 2 < 0, F = j ? R < H ? R - H : R - G : 0;
+    const V = C / 2 - P / 2, M = A / 2 - g[f] / 2 - 1, L = Q(d[v], M), X = Q(d[x], M), H = L, G = A - g[f] - X, R = A / 2 - g[f] / 2 + V, et = _t(H, R, G), j = !l.arrow && at(s) != null && R !== et && r.reference[f] / 2 - (R < H ? L : X) - g[f] / 2 < 0, F = j ? R < H ? R - H : R - G : 0;
     return {
       [p]: u[p] + F,
       data: {
@@ -1172,14 +1171,14 @@ const Di = (e) => ({
         fallbackPlacements: u,
         fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: f = "none",
-        flipAlignment: m = !0,
-        ...g
+        flipAlignment: g = !0,
+        ...m
       } = st(e, t);
       if ((o = r.arrow) != null && o.alignmentOffset)
         return {};
-      const v = Z(s), x = Y(a), E = Z(a) === a, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), P = u || (E || !m ? [Et(a)] : Pi(a)), $ = f !== "none";
-      !u && $ && P.push(...Si(a, m, f, C));
-      const A = [a, ...P], V = await pt(t, g), M = [];
+      const v = Z(s), x = Y(a), E = Z(a) === a, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), P = u || (E || !g ? [Et(a)] : Pi(a)), $ = f !== "none";
+      !u && $ && P.push(...Si(a, g, f, C));
+      const A = [a, ...P], V = await pt(t, m), M = [];
       let L = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (h && M.push(V[v]), d) {
         const R = Ei(s, n, C);
@@ -1350,11 +1349,11 @@ const Ni = function(e) {
         mainAxis: r = !0,
         crossAxis: n = !1,
         limiter: a = {
-          fn: (g) => {
+          fn: (m) => {
             let {
               x: v,
               y: x
-            } = g;
+            } = m;
             return {
               x: v,
               y: x
@@ -1368,23 +1367,23 @@ const Ni = function(e) {
       }, h = await pt(t, l), d = Y(Z(s)), u = be(d);
       let p = c[u], f = c[d];
       if (r) {
-        const g = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", x = p + h[g], E = p - h[v];
+        const 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 g = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", x = f + h[g], E = f - h[v];
+        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 m = a.fn({
+      const g = a.fn({
         ...t,
         [u]: p,
         [d]: f
       });
       return {
-        ...m,
+        ...g,
         data: {
-          x: m.x - o,
-          y: m.y - i,
+          x: g.x - o,
+          y: g.y - i,
           enabled: {
             [u]: r,
             [d]: n
@@ -1410,15 +1409,15 @@ const Ni = function(e) {
         ...c
       } = st(e, t), h = await pt(t, c), d = Z(s), u = at(s), p = Y(s) === "y", {
         width: f,
-        height: m
+        height: g
       } = r.floating;
-      let g, v;
-      d === "top" || d === "bottom" ? (g = d, v = u === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = d, g = u === "end" ? "top" : "bottom");
-      const x = m - h.top - h.bottom, E = f - h.left - h.right, C = Q(m - h[g], x), P = Q(f - h[v], E), $ = !t.middlewareData.shift;
+      let 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 = Q(g - h[m], 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), H = T(h.top, 0), G = T(h.bottom, 0);
-        p ? V = f - 2 * (L !== 0 || X !== 0 ? L + X : T(h.left, h.right)) : A = m - 2 * (H !== 0 || G !== 0 ? H + G : T(h.top, h.bottom));
+        p ? V = f - 2 * (L !== 0 || X !== 0 ? L + X : T(h.left, h.right)) : A = g - 2 * (H !== 0 || G !== 0 ? H + G : T(h.top, h.bottom));
       }
       await l({
         ...t,
@@ -1426,7 +1425,7 @@ const Ni = function(e) {
         availableHeight: A
       });
       const M = await n.getDimensions(a.floating);
-      return f !== M.width || m !== M.height ? {
+      return f !== M.width || g !== M.height ? {
         reset: {
           rects: !0
         }
@@ -1461,7 +1460,7 @@ function fe(e) {
   return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
 }
 const Bi = /* @__PURE__ */ new Set(["inline", "contents"]);
-function mt(e) {
+function gt(e) {
   const {
     overflow: t,
     overflowX: o,
@@ -1533,7 +1532,7 @@ function tt(e) {
 }
 function Ee(e) {
   const t = tt(e);
-  return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && mt(t) ? t : Ee(t);
+  return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && gt(t) ? t : Ee(t);
 }
 function ut(e, t, o) {
   var i;
@@ -1541,7 +1540,7 @@ function ut(e, t, o) {
   const s = Ee(e), r = s === ((i = e.ownerDocument) == null ? void 0 : i.body), n = D(s);
   if (r) {
     const a = Bt(n);
-    return t.concat(n, n.visualViewport || [], mt(s) ? s : [], a && o ? ut(a) : []);
+    return t.concat(n, n.visualViewport || [], gt(s) ? s : [], a && o ? ut(a) : []);
   }
   return t.concat(s, ut(s, [], o));
 }
@@ -1596,10 +1595,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, m = Bt(f);
-    for (; m && i && p !== f; ) {
-      const g = nt(m), v = m.getBoundingClientRect(), x = B(m), E = v.left + (m.clientLeft + parseFloat(x.paddingLeft)) * g.x, C = v.top + (m.clientTop + parseFloat(x.paddingTop)) * g.y;
-      l *= g.x, c *= g.y, h *= g.x, d *= g.y, l += E, c += C, f = D(m), m = Bt(f);
+    let f = u, g = Bt(f);
+    for (; g && i && p !== f; ) {
+      const 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 = D(g), g = Bt(f);
     }
   }
   return Pt({
@@ -1639,7 +1638,7 @@ function Xi(e) {
     scrollTop: 0
   }, c = I(1);
   const h = I(0), d = W(i);
-  if ((d || !d && !r) && ((lt(i) !== "body" || mt(n)) && (l = Tt(i)), W(i))) {
+  if ((d || !d && !r) && ((lt(i) !== "body" || gt(n)) && (l = Tt(i)), W(i))) {
     const p = ot(i);
     c = nt(i), h.x = p.x + i.clientLeft, h.y = p.y + i.clientTop;
   }
@@ -1690,7 +1689,7 @@ function to(e, t) {
     y: c
   };
 }
-function me(e, t, o) {
+function ge(e, t, o) {
   let i;
   if (t === "viewport")
     i = Qi(e, o);
@@ -1722,7 +1721,7 @@ function eo(e, t) {
   let n = r ? tt(e) : e;
   for (; z(n) && !rt(n); ) {
     const a = B(n), l = Rt(n);
-    !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && Zi.has(s.position) || mt(n) && !l && Ae(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
+    !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && 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;
 }
@@ -1734,9 +1733,9 @@ function io(e) {
     strategy: s
   } = e;
   const n = [...o === "clippingAncestors" ? St(t) ? [] : eo(t, this._c) : [].concat(o), i], a = n[0], l = n.reduce((c, h) => {
-    const d = me(t, h, s);
+    const d = ge(t, h, s);
     return c.top = T(d.top, c.top), c.right = Q(d.right, c.right), c.bottom = Q(d.bottom, c.bottom), c.left = T(d.left, c.left), c;
-  }, me(t, a, s));
+  }, ge(t, a, s));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -1765,7 +1764,7 @@ function so(e, t, o) {
     l.x = ie(s);
   }
   if (i || !i && !r)
-    if ((lt(t) !== "body" || mt(s)) && (a = Tt(t)), i) {
+    if ((lt(t) !== "body" || gt(s)) && (a = Tt(t)), i) {
       const p = ot(t, !0, r, t);
       l.x = p.x + t.clientLeft, l.y = p.y + t.clientTop;
     } else s && c();
@@ -1781,7 +1780,7 @@ function so(e, t, o) {
 function $t(e) {
   return B(e).position === "static";
 }
-function ge(e, t) {
+function me(e, t) {
   if (!W(e) || B(e).position === "fixed")
     return null;
   if (t)
@@ -1802,9 +1801,9 @@ function Se(e, t) {
     }
     return o;
   }
-  let i = ge(e, t);
+  let i = me(e, t);
   for (; i && Hi(i) && $t(i); )
-    i = ge(i, t);
+    i = me(i, t);
   return i && rt(i) && $t(i) && !Rt(i) ? o : i || ji(e) || o;
 }
 const no = async function(e) {
@@ -1854,8 +1853,8 @@ function ao(e, t) {
     } = c;
     if (a || t(), !u || !p)
       return;
-    const f = yt(d), m = yt(s.clientWidth - (h + u)), g = yt(s.clientHeight - (d + p)), v = yt(h), E = {
-      rootMargin: -f + "px " + -m + "px " + -g + "px " + -v + "px",
+    const f = yt(d), g = yt(s.clientWidth - (h + u)), m = yt(s.clientHeight - (d + p)), v = yt(h), E = {
+      rootMargin: -f + "px " + -g + "px " + -m + "px " + -v + "px",
       threshold: T(0, Q(1, l)) || 1
     };
     let C = !0;
@@ -1906,11 +1905,11 @@ function Ht(e, t, o, i) {
       (E = p) == null || E.observe(t);
     })), o();
   }), c && !l && p.observe(c), p.observe(t));
-  let f, m = l ? ot(e) : null;
-  l && g();
-  function g() {
+  let f, g = l ? ot(e) : null;
+  l && m();
+  function m() {
     const v = ot(e);
-    m && !Re(m, v) && o(), m = v, f = requestAnimationFrame(g);
+    g && !Re(g, v) && o(), g = v, f = requestAnimationFrame(m);
   }
   return o(), () => {
     var v;
@@ -2012,12 +2011,12 @@ class po {
       i,
       qt({
         apply: ({ availableHeight: u, availableWidth: p, rects: { floating: f } }) => {
-          const m = Math.max(
+          const g = Math.max(
             co,
             Math.floor(u)
-          ), g = f.height;
-          this.initialHeight = this.isConstrained && this.initialHeight || g, this.isConstrained = g < this.initialHeight || m <= g;
-          const v = this.isConstrained ? `${m}px` : "";
+          ), m = f.height;
+          this.initialHeight = this.isConstrained && this.initialHeight || m, this.isConstrained = m < this.initialHeight || g <= m;
+          const v = this.isConstrained ? `${g}px` : "";
           Object.assign(o.style, {
             maxHeight: v,
             maxWidth: `${Math.floor(p)}px`
@@ -2226,8 +2225,8 @@ class fo extends oe {
     ));
   }
 }
-const mo = Vt`:host{pointer-events:none;--swc-overlay-animation-distance:var(--cx-spacing-medium);display:contents}.dialog{box-sizing:border-box;--cx-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:focus{outline:none}:host(:not([open])) .dialog{--cx-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}.dialog.defer-slotted-visibility>slot::slotted(*){filter:opacity(0);pointer-events:none;translate:-200vw -200vh;visibility:hidden!important}.dialog.defer-slotted-visibility.defer-slotted-opened>slot::slotted(*){filter:none;pointer-events:auto;translate:none;visibility:visible!important}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1 * var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1 * var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1 * var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1 * var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1}}@supports (overlay:auto){.dialog{transition:all var(--cx-transition-fast,.13s), translate 0s, display var(--cx-transition-fast,.13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}}`;
-class go extends Event {
+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 mo extends Event {
   constructor(t, o, i) {
     super("slottable-request", {
       bubbles: !1,
@@ -2367,7 +2366,7 @@ var Eo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, S = (e, t,
 };
 const Co = "showPopover" in document.createElement("div");
 let ct = pi(dt);
-Co ? ct = mi(ct) : ct = ui(ct);
+Co ? ct = gi(ct) : ct = ui(ct);
 var K;
 const O = (K = class extends ct {
   constructor() {
@@ -2528,7 +2527,7 @@ const O = (K = class extends ct {
   }
   requestSlottable() {
     this.lastRequestSlottableState !== this.open && (this.open || document.body.offsetHeight, this.dispatchEvent(
-      new go(
+      new mo(
         "overlay-content",
         this.open ? {} : yo
       )
@@ -2592,7 +2591,7 @@ const O = (K = class extends ct {
 }, K.styles = [
   ye,
   Vt`
-      ${ze(mo)}
+      ${ze(go)}
     `
 ], K.openCount = 1, K);
 S([
@@ -2719,7 +2718,7 @@ let b = class extends Be {
   }
   connectedUpdatedCallback() {
     if (this.strategy === "overlay" && (this.start(), !ne)) {
-      const e = Ie(this);
+      const e = We(this);
       e && (this.autoSizeBoundary = e, this.flipBoundary = e, this.shiftBoundary = e);
     }
   }
@@ -2811,7 +2810,7 @@ let b = class extends Be {
       placement: this.placement === "center" ? "bottom" : this.placement,
       platform: {
         ...Mt,
-        getOffsetParent: (t) => this.strategy === "absolute" ? Mt.getOffsetParent(t, Ao) : this.strategy === "overlay" && ne ? window : We(t) || window
+        getOffsetParent: (t) => this.strategy === "absolute" ? Mt.getOffsetParent(t, Ao) : this.strategy === "overlay" && ne ? window : qe(t) || window
       },
       strategy: ["overlay", "fixed"].includes(this.strategy) ? "fixed" : "absolute"
     }).then(({ middlewareData: t, placement: o, x: i, y: s }) => {
@@ -2978,10 +2977,10 @@ w([
   y({ attribute: "auto-width-factor" })
 ], b.prototype, "autoWidthFactor", 2);
 w([
-  Ve(200)
+  Ie(200)
 ], b.prototype, "start", 1);
 b = w([
-  qe("cx-popup")
+  Ve("cx-popup")
 ], b);
 export {
   b as default

package/library/components/range.js

@@ -3,7 +3,7 @@ import { n as u, C as I } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as P } from "../chunks/component.styles.CRO4Odto.js";
 import { f as F } from "../chunks/form-control.styles.CaGWmeAS.js";
 import { c as U } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as $ } from "../chunks/debounce.DaHuiSGU.js";
+import { d as $ } from "../chunks/debounce.CIEhztrj.js";
 import { d as O } from "../chunks/default-value.COZopaet.js";
 import { d as w } from "../chunks/drag.DXEXVXPv.js";
 import { F as N } from "../chunks/form.Ch1cwYzO.js";

package/library/components/select.js

@@ -3,10 +3,9 @@ import { C } from "../chunks/typography.DJC_UXgs.js";
 import { n as a, C as S } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as k } from "../chunks/component.styles.CRO4Odto.js";
 import { f as D } from "../chunks/form-control.styles.CaGWmeAS.js";
-import { s as x, a as y } from "../chunks/animate.El-MpOws.js";
+import { s as x, a as y, w as v } from "../chunks/event.BeKOsirN.js";
 import { c as z } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as L } from "../chunks/default-value.COZopaet.js";
-import { w as v } from "../chunks/event.mFzZi4sr.js";
 import { F as $ } from "../chunks/form.Ch1cwYzO.js";
 import { L as I } from "../chunks/i18n.DK1uYlJT.js";
 import { s as F } from "../chunks/scroll.xtO5yojm.js";

package/library/components/share-option-list.js

@@ -2,7 +2,7 @@ import _ from "./icon.js";
 import I from "./resize-observer.js";
 import { n as h, C as P } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as C } from "../chunks/component.styles.CRO4Odto.js";
-import { c as O } from "../chunks/animate.El-MpOws.js";
+import { c as O } from "../chunks/event.BeKOsirN.js";
 import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as E } from "../chunks/i18n.DK1uYlJT.js";
 import { c as b } from "../chunks/math.DqTA6ya4.js";

package/library/components/sidebar.js

@@ -8,11 +8,11 @@ import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as y } from "../chunks/drag.DXEXVXPv.js";
 import { H as C } from "../chunks/slot.j5oheLJC.js";
 import { w as g } from "../chunks/watch.BCJD77bD.js";
-import { i as z, E as h, x as l } from "../chunks/lit-element.jLBm65_O.js";
+import { i as z, E as p, x as l } from "../chunks/lit-element.jLBm65_O.js";
 import { r as w } from "../chunks/state.CSDxrqLd.js";
 import { e as $ } from "../chunks/query.BBf1UFkC.js";
-import { e as p } from "../chunks/class-map.BiVq-cVR.js";
-const k = z`:host{--_background-color:var(--background-color,var(--cx-color-neutral-0));--_hint-color:var(--hint-color,var(--cx-color-primary-300));--closed-width:0px;display:block}.sidebar{grid-template-areas:"main";display:grid;position:relative}.sidebar,.group--opened,.group--closed,.group_content,.open_trigger{height:100%}.group--opened,.group--closed{grid-area:main}.sidebar__header{padding:var(--cx-spacing-x-small) var(--cx-spacing-small);position:relative}.sidebar--no-header .sidebar__header{display:none}.content{padding:var(--cx-spacing-small);padding-bottom:var(--cx-spacing-small);flex-grow:1}.sidebar__divider{--spacing:6px;position:absolute;top:0}.sidebar__divider:hover{--color:var(--_hint-color);cursor:col-resize}.sidebar--not-resizable .sidebar__divider{cursor:default;pointer-events:none}.sidebar--not-resizable .sidebar__divider:hover{--color:inherit;cursor:default}.sidebar--left .sidebar__divider{right:calc(0px - var(--spacing))}.sidebar--right .sidebar__divider{left:calc(0px - var(--spacing))}.close_trigger{visibility:hidden;top:max(calc(var(--header-height) / 2), 32px);position:absolute;transform:translateY(-50%)}.close_trigger>cx-icon-button::part(base){background-color:var(--cx-color-neutral-0)}.sidebar--left .close_trigger{right:0;transform:translate(50%,-50%)}.sidebar--right .close_trigger{left:0;transform:translate(-50%,-50%)}.sidebar--opened:hover .close_trigger{visibility:visible}.open_trigger{padding:var(--cx-spacing-medium);cursor:pointer;background-color:var(--_background-color);position:relative}.open_trigger_hint{--spacing:0;position:absolute;top:0;right:0}.open_trigger:hover .open_trigger_hint{--color:var(--_hint-color)}.group_container{overflow-x:clip}.group--opened,.group--closed{flex-direction:column;display:flex}.group--closed{width:var(--closed-width)}.group_content{background-color:var(--_background-color);contain:inline-size;overflow-x:clip}.group--opened .group_content{width:var(--size);min-width:var(--min-width);max-width:var(--max-width)}.sidebar--opened .group--opened{visibility:visible}.sidebar--opened .group--closed{visibility:hidden;width:0}.sidebar:not(.sidebar--opened) .group--closed{visibility:visible}.sidebar:not(.sidebar--opened) .group--opened{contain:inline-size;visibility:hidden;width:0}`;
+import { e as h } from "../chunks/class-map.BiVq-cVR.js";
+const k = z`:host{--_background-color:var(--background-color,var(--cx-color-neutral-0));--_hint-color:var(--hint-color,var(--cx-color-primary-300));--closed-width:0px;display:block}.sidebar{grid-template-rows:100%;grid-template-areas:"main";display:grid;position:relative}.sidebar,.group--opened,.group--closed,.group_content,.open_trigger{height:100%}.group--opened,.group--closed{grid-area:main}.sidebar__header{padding:var(--cx-spacing-x-small) var(--cx-spacing-small);position:relative}.sidebar--no-header .sidebar__header{display:none}.content{padding:var(--cx-spacing-small);padding-bottom:var(--cx-spacing-small);flex-grow:1}.sidebar__divider{--spacing:6px;position:absolute;top:0}.sidebar__divider:hover{--color:var(--_hint-color);cursor:col-resize}.sidebar--not-resizable .sidebar__divider{cursor:default;pointer-events:none}.sidebar--not-resizable .sidebar__divider:hover{--color:inherit;cursor:default}.sidebar--left .sidebar__divider{right:calc(0px - var(--spacing))}.sidebar--right .sidebar__divider{left:calc(0px - var(--spacing))}.close_trigger{visibility:hidden;top:max(calc(var(--header-height) / 2), 32px);position:absolute;transform:translateY(-50%)}.close_trigger>cx-icon-button::part(base){background-color:var(--cx-color-neutral-0)}.sidebar--left .close_trigger{right:0;transform:translate(50%,-50%)}.sidebar--right .close_trigger{left:0;transform:translate(-50%,-50%)}.sidebar--opened:hover .close_trigger{visibility:visible}.open_trigger{padding:var(--cx-spacing-medium);cursor:pointer;background-color:var(--_background-color);position:relative}.open_trigger_hint{--spacing:0;position:absolute;top:0;right:0}.open_trigger:hover .open_trigger_hint{--color:var(--_hint-color)}.group_container{overflow-x:clip}.group--opened,.group--closed{flex-direction:column;display:flex}.group--closed{width:var(--closed-width)}.group_content{background-color:var(--_background-color);contain:inline-size;overflow:clip auto}.group--opened .group_content{width:var(--size);min-width:var(--min-width);max-width:var(--max-width)}.sidebar--opened .group--opened{visibility:visible}.sidebar--opened .group--closed{visibility:hidden;width:0}.sidebar:not(.sidebar--opened) .group--closed{visibility:visible}.sidebar:not(.sidebar--opened) .group--opened{contain:inline-size;visibility:hidden;width:0}`;
 var S = Object.defineProperty, B = Object.getOwnPropertyDescriptor, r = (e, o, t, a) => {
   for (var s = a > 1 ? void 0 : a ? B(o, t) : o, n = e.length - 1, c; n >= 0; n--)
     (c = e[n]) && (s = (a ? c(o, t, s) : c(s)) || s);
@@ -66,17 +66,17 @@ let i = class extends m {
   }
   render() {
     const e = this.hasSlotController.test("header");
-    return l`<div part="base" class=${p({
+    return l`<div part="base" class=${h({
       sidebar: !0,
       "sidebar--left": this.side === "left",
       "sidebar--no-header": !e,
       "sidebar--not-resizable": !this.resizable,
       "sidebar--opened": this.open,
       "sidebar--right": this.side === "right"
-    })}><div class=${p({
+    })}><div class=${h({
       "group--closed": !this.open,
       "group--opened": this.open
-    })}><div class="group_content"><cx-resize-observer @cx-resize=${this.handleResize}><div part="header" class="sidebar__header"><slot name="header"></slot></div></cx-resize-observer>${e ? l`<cx-divider style="--spacing:0"></cx-divider>` : h}<div part="content" class="content"><slot></slot></div></div><cx-divider class="sidebar__divider" vertical @mousedown=${this.handleDrag} @touchstart=${this.handleDrag}></cx-divider>${this.collapsible ? l`<div class="close_trigger" @click=${this.handleCloseTriggerClick}><cx-icon-button outline size="small" name=${this.side === "right" ? "keyboard_double_arrow_right" : "keyboard_double_arrow_left"}></cx-icon-button></div>` : h}</div>${this.collapsible ? l`<div class="group--closed"><div class="group_content"><div class="open_trigger" @click=${this.handleOpenTriggerClick}><slot name="open_trigger"><cx-icon name=${this.side === "right" ? "keyboard_double_arrow_left" : "keyboard_double_arrow_right"}></cx-icon></slot><cx-divider class="open_trigger_hint" vertical></cx-divider></div></div></div>` : h}</div>`;
+    })}><div class="group_content"><cx-resize-observer @cx-resize=${this.handleResize}><div part="header" class="sidebar__header"><slot name="header"></slot></div></cx-resize-observer>${e ? l`<cx-divider style="--spacing:0"></cx-divider>` : p}<div part="content" class="content"><slot></slot></div></div><cx-divider class="sidebar__divider" vertical @mousedown=${this.handleDrag} @touchstart=${this.handleDrag}></cx-divider>${this.collapsible ? l`<div class="close_trigger" @click=${this.handleCloseTriggerClick}><cx-icon-button outline size="small" name=${this.side === "right" ? "keyboard_double_arrow_right" : "keyboard_double_arrow_left"}></cx-icon-button></div>` : p}</div>${this.collapsible ? l`<div class="group--closed"><div class="group_content"><div class="open_trigger" @click=${this.handleOpenTriggerClick}><slot name="open_trigger"><cx-icon name=${this.side === "right" ? "keyboard_double_arrow_left" : "keyboard_double_arrow_right"}></cx-icon></slot><cx-divider class="open_trigger_hint" vertical></cx-divider></div></div></div>` : p}</div>`;
   }
 };
 i.styles = [f, k];

package/library/components/table.js

@@ -9,7 +9,7 @@ import "./spinner.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/overlayscrollbars.BMav4RQ4.js";
-import { A as z, k as F, l as P, d as S, g, b as y, i as A, m as D, n as I, c as f, a2 as h, a3 as E, D as G, o as H, E as j, p as k, F as K, q as L, r as V, s as q, G as B, t as J, u as N, j as O, v as Q, I as U, w as W, K as X, x as Y, M as Z, y as _, z as $, B as oo, J as eo, L as ao, N as so, O as lo, P as to, e as uo, Q as ro, h as Mo, U as io, V as po, W as mo, X as no, f as Co, R as Ro, Z as co, Y as bo, S as wo, _ as To, $ as vo, T as xo, a as zo, a0 as Fo, a1 as Po, C as So } from "../chunks/table.D4HIzy47.js";
+import { A as z, k as F, l as P, d as S, g, b as y, i as A, m as D, n as I, c as f, a2 as h, a3 as E, D as G, o as H, E as j, p as k, F as K, q as L, r as V, s as q, G as B, t as J, u as N, j as O, v as Q, I as U, w as W, K as X, x as Y, M as Z, y as _, z as $, B as oo, J as eo, L as ao, N as so, O as lo, P as to, e as uo, Q as ro, h as Mo, U as io, V as po, W as mo, X as no, f as Co, R as Ro, Z as co, Y as bo, S as wo, _ as To, $ as vo, T as xo, a as zo, a0 as Fo, a1 as Po, C as So } from "../chunks/table.Cm-ynClk.js";
 import "../chunks/pagination.Bi-8gmcy.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DK1uYlJT.js";