@orangelogic/design-system 2.154.0 → 2.155.0

package/library/chunks/active-elements.jTVWtBDp.js

@@ -0,0 +1,10 @@
+function* d(o = document.activeElement) {
+  o != null && (yield o, "shadowRoot" in o && o.shadowRoot && o.shadowRoot.mode !== "closed" && (yield* d(o.shadowRoot.activeElement)));
+}
+function s() {
+  return [...d()].pop();
+}
+export {
+  d as a,
+  s as g
+};

package/library/chunks/{color-swatch-group.BX90sRwa.js → color-swatch-group.Gh-drOGJ.js}

@@ -4,7 +4,7 @@ import { n as f, C as Pe } from "./lib-cortex-element.CVMmyPMC.js";
 import { C as rn, a as is } from "./color-swatch.BhBZe8OE.js";
 import { c as $e } from "./component.styles.CRO4Odto.js";
 import { C as Et } from "./button.8syoJXYs.js";
-import { C as ta, o as ia, O as Yo } from "./dialog.DIXmnVis.js";
+import { C as ta, o as ia, O as Yo } from "./dialog.Bzf4-IgH.js";
 import { C as oi } from "./icon-button.DbVIFgu7.js";
 import Pt from "../components/tooltip.js";
 import { i as nn, r as sa, f as Yt, m as oa, a as ra, t as an, g as na, b as aa, c as la } from "./toast.TDU3wVhq.js";
@@ -432,7 +432,9 @@ Ee = je([
 const qh = Z`:host{--cx-tooltip-arrow-size:0;flex:1;display:block}.board{--toggle-size:var(--cx-toggle-size-medium);background-color:var(--cx-color-neutral-100);border:1px solid var(--cx-color-neutral-300);border-radius:4px;flex-direction:column;height:100%;padding:16px 16px 0;display:flex}.board--dragging cx-input{pointer-events:none}.board__header{align-items:center;gap:16px;width:100%;height:40px;margin-bottom:16px;display:flex}.board__list{flex:1;max-height:500px;padding-left:0;overflow:hidden scroll}.board__header__text{-webkit-line-clamp:2;color:var(--cx-color-neutral);font-family:var(--cx-font-sans);text-overflow:ellipsis;white-space:pre-wrap;-webkit-box-orient:vertical;flex:1;font-weight:700;display:-webkit-box;overflow:hidden}.board__header__search{flex:0 0 160px}.board__footer{justify-content:space-between;align-items:center;height:40px;display:flex}.board__footer__text{font-family:var(--cx-font-sans)}.board__select-all{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);cursor:pointer;transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;border-radius:2px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.board--checked .board__select-all{border-color:var(--cx-color-primary);background-color:var(--cx-color-primary)}.board__select-all:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.board__checked-icon{display:inline-flex}`, Xh = (r) => {
   const e = r.getRootNode();
   return e instanceof ShadowRoot ? e.host : null;
-}, Jh = !!navigator.userAgent.match(/safari/i) && !navigator.userAgent.match(/chrome/i) && !navigator.userAgent.match(/android/i);
+};
+navigator.userAgent.match(/safari/i) && !navigator.userAgent.match(/chrome/i) && navigator.userAgent.match(/android/i);
+const Jh = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator.userAgent);
 var Yh = Object.defineProperty, Qh = Object.getOwnPropertyDescriptor, q = (r, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Qh(e, t) : e, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (s = (i ? n(e, t, s) : n(s)) || s);
@@ -747,7 +749,7 @@ let B = class extends Pe {
       dataIdAttr: "data-id",
       draggable: "cx-board-list-item[data-id]:not([readonly])",
       forceFallback: Jh,
-      // to fixed weird dragging behavior in Safari (https://link.orangelogic.com/Tasks/41N1B6)
+      // avoid native HTML5 drag image fly-in animation on macOS (https://link.orangelogic.com/Tasks/41N1B6)
       group: "shared",
       multiDrag: !0,
       onAdd: this.handleAdd,
@@ -6536,7 +6538,7 @@ class Su {
     let e = this.cell.getValue();
     await this.rebuildOptionsList();
     const { defaultValue: t } = this.params;
-    e == null && t != null && (e = t), this.initialValue = e, e == null ? (this.initialValues = [], this.input.value = []) : (this.initialValues = this._getSanitizedInitialValues(e), this.input.value = this.initialValues), this.input.handleValueChange(), this.isHeaderFilter && this.headerFilterInitialListGen();
+    e == null && t != null && (e = t), this.initialValue = e, e == null ? (this.initialValues = [], this.input.value = []) : (this.initialValues = this._getSanitizedInitialValues(e), this.input.value = this.initialValues), this.input.handleValueChange?.(), this.isHeaderFilter && this.headerFilterInitialListGen();
   }
   _getSanitizedInitialValues(e) {
     return (Array.isArray(e) ? e : [e]).map((i) => this.sanitizeValue(i));
@@ -20051,8 +20053,9 @@ class fm {
   constructor(e) {
     this.isSelectAllMode = !1, this.deselectedIds = /* @__PURE__ */ new Set(), this.selectedIdsForRemote = /* @__PURE__ */ new Set(), this.remoteTotalCount = 0, this.selectedRowsCount = 0, this.selectionSyncSkip = !1, this.isPageTransition = !1, this.host = e, this.host.addController(this), this.handleRowSelectionChanged = this.handleRowSelectionChanged.bind(this), this.handleDataLoaded = this.handleDataLoaded.bind(this), this.handleDataLoading = this.handleDataLoading.bind(this);
   }
-  // Tabulator.destroy() removes all listeners on the instance.
-  // CxTable.disconnectedCallback() always calls destroy(), so no manual off() needed here.
+  // Tabulator.destroy() does NOT remove `.on()` subscriptions — ExternalEventBus is
+  // never cleared, so a destroyed instance can still dispatch to the handlers below.
+  // No manual off() needed: onTableInit() re-subscribes against each new instance.
   hostConnected() {
   }
   hostDisconnected() {
@@ -20647,7 +20650,7 @@ let g = class extends Pe {
     }
   }
   async initTable() {
-    this.tabulatorInstance && (this.selectAllController.resetSelection(), this.overflowObserver?.disconnect(), this.verticalOsInstance?.destroy(), this.horizontalOsInstance?.destroy(), this.tabulatorInstance.destroy());
+    this.tabulatorInstance && (this.selectAllController.resetSelection(), this.overflowObserver?.disconnect(), this.verticalOsInstance?.destroy(), this.horizontalOsInstance?.destroy(), this.tabulatorInstance.off("tableBuilt"), this.tabulatorInstance.destroy());
     let e = this.rowHeader;
     e == null && (this.movableRows ? e = Hm : this.responsiveLayout === "collapse" && (e = {
       formatter: "responsiveCollapse"

package/library/chunks/{confirm-popover.BFBhjDQ9.js → confirm-popover.C-eHPJaU.js}

@@ -1,5 +1,5 @@
 import { C as _ } from "./button.8syoJXYs.js";
-import { C as u, D as h } from "./dialog.DIXmnVis.js";
+import { C as u, D as h } from "./dialog.Bzf4-IgH.js";
 import g from "../components/dropdown.js";
 import { C as x } from "./typography.IqHbnd3C.js";
 import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";

package/library/chunks/{dialog.DIXmnVis.js → dialog.Bzf4-IgH.js}

@@ -4,7 +4,7 @@ import { i as _s, x as He, E as fr } from "./lit-element.jLBm65_O.js";
 import { a as ie, s as Te, w as os } from "./event.BeKOsirN.js";
 import { c as br } from "./custom-element.L4WJXn1j.js";
 import { L as yr } from "./i18n.Bchq8v1d.js";
-import { M as gr } from "./modal.U1QltQKe.js";
+import { M as gr } from "./modal.jdGhujoh.js";
 import { l as ss, u as rs } from "./scroll.xtO5yojm.js";
 import { H as mr } from "./slot.j5oheLJC.js";
 import { w as $s } from "./watch.DOt4Mabe.js";

package/library/chunks/{header.DpBmcfR_.js → header.x8SZLjAG.js}

@@ -10,7 +10,7 @@ import { e as u } from "./class-map.BiVq-cVR.js";
 import { o as P } from "./style-map.llVFPd__.js";
 import { n as M } from "./when.Dr1es41R.js";
 import { i as l, u as g } from "./static.UA3G1Deq.js";
-const C = p`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, #fff 10px, #fff 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, z = p`
+const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, #fff 10px, #fff 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, C = p`
   .column-resize-handle {
     background-color: var(--editor-table-resize-handle-color);
     bottom: -2px;
@@ -58,12 +58,39 @@ const C = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
     outline: none;
     white-space: pre-wrap;
     line-height: normal;
+    padding-top: 0px;
+    padding-bottom: 0px;
   }
 
   .ProseMirror p {
     margin: 0;
   }
 
+  /* Indentation wrapper (list as first child, no text of its own) shows no bullet;
+     a normal item renders its paragraph first so keeps its bullet. */
+  .ProseMirror li:has(> ul:first-child),
+  .ProseMirror li:has(> ol:first-child) {
+    list-style: none;
+  }
+
+  /* Scale the number/bullet marker with the item's font (matches the content-builder text block's */
+  .ProseMirror li::marker {
+    color: var(--color);
+    font-family: var(--font-family, inherit), var(--cx-font-sans);
+    font-size: var(--font-size);
+    font-style: var(--font-style, inherit);
+    font-weight: var(--font-weight);
+  }
+
+  /* Keep a hyperlink's underline attached to superscript/subscript text. */
+  .ProseMirror a:has(:is(sub, sup)) {
+    text-decoration: none;
+  }
+
+  .ProseMirror a :is(sub, sup) {
+    text-decoration: underline;
+  }
+
   .ProseMirror .tableWrapper .floating-button {
     opacity: 0;
     position: absolute;
@@ -532,7 +559,7 @@ const C = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
     cursor: not-allowed;
   }
 
-  ${C}
+  ${z}
 `;
 var t = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(t || {}), f = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(f || {});
 const H = p`:host{--color:light-dark(#000,#fff);--text-align:left;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{line-height:var(--line-height,1.5);word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family), var(--cx-font-sans);font-style:var(--font-style,normal);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}:host([custom-line-height]) .heading{line-height:unset}`;
@@ -650,7 +677,7 @@ let o = class extends b {
 };
 o.styles = [
   k,
-  z,
+  C,
   H
 ];
 o.dependencies = {

package/library/chunks/{modal.U1QltQKe.js → modal.jdGhujoh.js}

@@ -1,42 +1,37 @@
-import { a as l } from "./tabbable.CcMz3mIL.js";
-function* h(t = document.activeElement) {
-  t != null && (yield t, "shadowRoot" in t && t.shadowRoot && t.shadowRoot.mode !== "closed" && (yield* h(t.shadowRoot.activeElement)));
+import { g as l, a as u } from "./active-elements.jTVWtBDp.js";
+import { g as h } from "./tabbable.BwnZBHrm.js";
+let i = [];
+function v() {
+  return [...i];
 }
-function d() {
-  return [...h()].pop();
-}
-let n = [];
-function f() {
-  return [...n];
-}
-class v {
+class m {
   constructor(e) {
     this.tabDirection = "forward", this.handleFocusIn = () => {
       this.isActive() && this.checkFocus();
-    }, this.handleKeyDown = (o) => {
-      if (o.key !== "Tab" || this.isExternalActivated || !this.isActive())
+    }, this.handleKeyDown = (n) => {
+      if (n.key !== "Tab" || this.isExternalActivated || !this.isActive())
         return;
-      const c = d();
-      if (this.previousFocus = c, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus))
+      const o = l();
+      if (this.previousFocus = o, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus))
         return;
-      o.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
-      const s = l(this.element);
-      let i = s.findIndex(
-        (r) => r === c
+      n.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
+      const t = h(this.element);
+      let s = t.findIndex(
+        (r) => r === o
       );
       this.previousFocus = this.currentFocus;
-      const a = this.tabDirection === "forward" ? 1 : -1;
+      const c = this.tabDirection === "forward" ? 1 : -1;
       for (; ; ) {
-        i + a >= s.length ? i = 0 : i + a < 0 ? i = s.length - 1 : i += a, this.previousFocus = this.currentFocus;
+        s + c >= t.length ? s = 0 : s + c < 0 ? s = t.length - 1 : s += c, this.previousFocus = this.currentFocus;
         const r = (
           /** @type {HTMLElement} */
-          s[i]
+          t[s]
         );
         if (this.tabDirection === "backward" && this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus) || r && this.possiblyHasTabbableChildren(r))
           return;
-        o.preventDefault(), this.currentFocus = r, this.currentFocus?.focus({ preventScroll: !1 });
-        const u = [...h()];
-        if (u.includes(this.currentFocus) || !u.includes(this.previousFocus))
+        n.preventDefault(), this.currentFocus = r, this.currentFocus?.focus({ preventScroll: !1 });
+        const a = [...u()];
+        if (a.includes(this.currentFocus) || !a.includes(this.previousFocus))
           break;
       }
       setTimeout(() => this.checkFocus());
@@ -46,15 +41,15 @@ class v {
   }
   /** Activates focus trapping. */
   activate() {
-    n.push(this.element), document.addEventListener("focusin", this.handleFocusIn), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp);
+    i.push(this.element), document.addEventListener("focusin", this.handleFocusIn), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp);
   }
   /** Deactivates focus trapping. */
   deactivate() {
-    n = n.filter((e) => e !== this.element), this.currentFocus = null, document.removeEventListener("focusin", this.handleFocusIn), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp);
+    i = i.filter((e) => e !== this.element), this.currentFocus = null, document.removeEventListener("focusin", this.handleFocusIn), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp);
   }
   /** Determines if this modal element is currently active or not. */
   isActive() {
-    return n[n.length - 1] === this.element;
+    return i[i.length - 1] === this.element;
   }
   /** Activates external modal behavior and temporarily disables focus trapping. */
   activateExternal() {
@@ -66,10 +61,10 @@ class v {
   }
   checkFocus() {
     if (this.isActive() && !this.isExternalActivated) {
-      const e = l(this.element);
+      const e = h(this.element);
       if (!this.element.matches(":focus-within")) {
-        const o = e[0], c = e[e.length - 1], s = this.tabDirection === "forward" ? o : c;
-        typeof s?.focus == "function" && (this.currentFocus = s, s.focus({ preventScroll: !1 }));
+        const n = e[0], o = e[e.length - 1], t = this.tabDirection === "forward" ? n : o;
+        typeof t?.focus == "function" && (this.currentFocus = t, t.focus({ preventScroll: !1 }));
       }
     }
   }
@@ -80,8 +75,6 @@ class v {
   }
 }
 export {
-  v as M,
-  h as a,
-  f as b,
-  d as g
+  m as M,
+  v as g
 };

package/library/chunks/{tabbable.CcMz3mIL.js → tabbable.BwnZBHrm.js}

@@ -58,6 +58,6 @@ function l(t) {
   });
 }
 export {
-  l as a,
-  g
+  g as a,
+  l as g
 };

package/library/components/atoms.js

@@ -18,7 +18,7 @@ import { default as q } from "./copy-button.js";
 import { default as K } from "./date-calendar.js";
 import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
-import { C as _ } from "../chunks/dialog.DIXmnVis.js";
+import { C as _ } from "../chunks/dialog.Bzf4-IgH.js";
 import { default as oe } from "./divider.js";
 import { C as ae } from "../chunks/document-viewer.BN-OQfid.js";
 import { C as xe } from "../chunks/dot-pagination.BdZc-K0r.js";
@@ -33,7 +33,7 @@ import { default as Se } from "./format-number.js";
 import { default as De } from "./format-time.js";
 import { default as Be } from "./grid.js";
 import { default as he } from "./grid-item.js";
-import { C as Pe } from "../chunks/header.DpBmcfR_.js";
+import { C as Pe } from "../chunks/header.x8SZLjAG.js";
 import { C as Me } from "../chunks/hub-connection.CA_wS_wh.js";
 import { f } from "../chunks/icon.mxNZ85k0.js";
 import { C as Fe } from "../chunks/icon.mxNZ85k0.js";

package/library/components/color-swatch-group.js

@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/color-swatch.BhBZe8OE.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as v } from "../chunks/color-swatch-group.BX90sRwa.js";
+import { C as v } from "../chunks/color-swatch-group.Gh-drOGJ.js";
 import "../chunks/content-builder.BU8X7I6V.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";

package/library/components/confirm-popover.js

@@ -1,10 +1,10 @@
 import "../chunks/button.8syoJXYs.js";
-import "../chunks/dialog.DIXmnVis.js";
+import "../chunks/dialog.Bzf4-IgH.js";
 import "./dropdown.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as x } from "../chunks/confirm-popover.BFBhjDQ9.js";
+import { C as x } from "../chunks/confirm-popover.C-eHPJaU.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/lit-element.jLBm65_O.js";

package/library/components/dialog.js

@@ -1,10 +1,10 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as q } from "../chunks/dialog.DIXmnVis.js";
+import { C as q } from "../chunks/dialog.Bzf4-IgH.js";
 import "../chunks/event.BeKOsirN.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
-import "../chunks/modal.U1QltQKe.js";
+import "../chunks/modal.jdGhujoh.js";
 import "../chunks/scroll.xtO5yojm.js";
 import "../chunks/slot.j5oheLJC.js";
 import "../chunks/watch.DOt4Mabe.js";

package/library/components/drawer.js

@@ -3,7 +3,7 @@ import { c as z } from "../chunks/component.styles.CRO4Odto.js";
 import { a as d, s as h, w as v } from "../chunks/event.BeKOsirN.js";
 import { c as P } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as D } from "../chunks/i18n.Bchq8v1d.js";
-import { M as O } from "../chunks/modal.U1QltQKe.js";
+import { M as O } from "../chunks/modal.jdGhujoh.js";
 import { l as w, u } from "../chunks/scroll.xtO5yojm.js";
 import { H as $ } from "../chunks/slot.j5oheLJC.js";
 import { w as C } from "../chunks/watch.DOt4Mabe.js";

package/library/components/dropdown.js

@@ -5,7 +5,7 @@ import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
 import { f as x } from "../chunks/focus-when-visible.jWSw9ks0.js";
 import { L as C } from "../chunks/i18n.Bchq8v1d.js";
 import { H as E } from "../chunks/slot.j5oheLJC.js";
-import { g as m } from "../chunks/tabbable.CcMz3mIL.js";
+import { a as m } from "../chunks/tabbable.BwnZBHrm.js";
 import { w as D } from "../chunks/watch.DOt4Mabe.js";
 import { i as k, x as T } from "../chunks/lit-element.jLBm65_O.js";
 import { e as h } from "../chunks/query.BBf1UFkC.js";

package/library/components/file-on-demand.js

@@ -16,7 +16,7 @@ import { n as p } from "../chunks/when.Dr1es41R.js";
 import { b as Tt } from "../chunks/_baseIteratee.BdKyHJ5i.js";
 import zt from "./avatar.js";
 import { C as Pt } from "../chunks/button.8syoJXYs.js";
-import { C as Et } from "../chunks/dialog.DIXmnVis.js";
+import { C as Et } from "../chunks/dialog.Bzf4-IgH.js";
 import Lt from "./divider.js";
 import nt from "./format-bytes.js";
 import { C as vt } from "../chunks/icon-button.DbVIFgu7.js";
@@ -30,7 +30,7 @@ import { C as Nt } from "../chunks/tab-group.kSg5_10g.js";
 import Bt from "./tab-panel.js";
 import bt from "./tooltip.js";
 import { C as rt } from "../chunks/typography.IqHbnd3C.js";
-import { C as jt } from "../chunks/confirm-popover.BFBhjDQ9.js";
+import { C as jt } from "../chunks/confirm-popover.C-eHPJaU.js";
 import { d as Mt } from "../chunks/debounce.DaHuiSGU.js";
 import { a as Z } from "../chunks/number.CtCaI0T_.js";
 import { i as X, b as pt } from "../chunks/url.-WDYqplj.js";

package/library/components/header.js

@@ -1,7 +1,7 @@
 import "./copy-button.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as x } from "../chunks/header.DpBmcfR_.js";
+import { C as x } from "../chunks/header.x8SZLjAG.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/watch.DOt4Mabe.js";

package/library/components/menu-item.js

@@ -1,10 +1,10 @@
 import { n as r, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
 import { c as L } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as y, L as M } from "../chunks/i18n.Bchq8v1d.js";
+import { d as g, L as M } from "../chunks/i18n.Bchq8v1d.js";
 import { H as z, g as P } from "../chunks/slot.j5oheLJC.js";
 import { w as v } from "../chunks/watch.DOt4Mabe.js";
-import { i as E, x as h, E as g } from "../chunks/lit-element.jLBm65_O.js";
+import { i as E, x as h, E as y } from "../chunks/lit-element.jLBm65_O.js";
 import { e as p } from "../chunks/query.BBf1UFkC.js";
 import { e as f } from "../chunks/class-map.BiVq-cVR.js";
 import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
@@ -232,11 +232,17 @@ class B {
           i.closeSubmenu?.();
         });
   }
-  // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.
+  // Schedule a recalculation of the skidding value
   updateSkidding() {
+    requestAnimationFrame(() => {
+      this.calculateSkidding();
+    });
+  }
+  // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.
+  calculateSkidding() {
     if (!this.host.parentElement?.computedStyleMap)
       return;
-    const e = this.host.parentElement.computedStyleMap(), t = y(this.host) === "rtl", i = this.host.submenuPlacement ?? (t ? "left-start" : "right-start"), l = i.startsWith("left") || i.startsWith("right");
+    const e = this.host.parentElement.computedStyleMap(), t = g(this.host) === "rtl", i = this.host.submenuPlacement ?? (t ? "left-start" : "right-start"), l = i.startsWith("left") || i.startsWith("right");
     let a = [];
     l && (i.endsWith("-start") ? a = ["padding-top", "border-top-width", "margin-top"] : i.endsWith("-end") && (a = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
     const u = a.reduce((c, b) => {
@@ -249,7 +255,7 @@ class B {
     return this.popupRef.value ? this.popupRef.value.active : !1;
   }
   renderSubmenu() {
-    const e = y(this.host) === "rtl";
+    const e = g(this.host) === "rtl";
     if (!this.hasSlotController.test("submenu"))
       return null;
     const t = this.host.submenuPlacement ?? (e ? "left-start" : "right-start");
@@ -365,7 +371,7 @@ let s = class extends w {
       "menu-item__check--suffix": this.checkPlacement === d.Suffix
     })}><cx-icon name="check"></cx-icon></slot>`, i = this.checkPlacement === d.Suffix;
     return this.renderBase(h`
-      ${i ? g : t}<slot name="prefix" part="prefix" class="menu-item__prefix"></slot><slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot><slot name="suffix" part="suffix" class="menu-item__suffix"></slot><slot name="submenu-icon" part="submenu-icon" class="menu-item__chevron"><cx-icon name=${e} aria-hidden="true"></cx-icon></slot>${i ? t : g}
+      ${i ? y : t}<slot name="prefix" part="prefix" class="menu-item__prefix"></slot><slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot><slot name="suffix" part="suffix" class="menu-item__suffix"></slot><slot name="submenu-icon" part="submenu-icon" class="menu-item__chevron"><cx-icon name=${e} aria-hidden="true"></cx-icon></slot>${i ? t : y}
 
       ${this.submenuController.renderSubmenu()}
       ${this.loading ? h`<cx-spinner part="spinner" exportparts="base:spinner__base"></cx-spinner>` : ""}

package/library/components/molecules.js

@@ -1,7 +1,7 @@
 import { default as e } from "./bicolor-picker.js";
 import { default as a } from "./border-input-group.js";
 import { C as x } from "../chunks/color-swatch.BhBZe8OE.js";
-import { C as u } from "../chunks/confirm-popover.BFBhjDQ9.js";
+import { C as u } from "../chunks/confirm-popover.C-eHPJaU.js";
 import { default as d } from "./corner-position-input-group.js";
 import { default as l } from "./cropper.js";
 import { default as i } from "./dynamic-select.js";

package/library/components/organisms.js

@@ -1,5 +1,5 @@
 import { C as a } from "../chunks/asset-link-format.DzYh0_YS.js";
-import { C as t } from "../chunks/color-swatch-group.BX90sRwa.js";
+import { C as t } from "../chunks/color-swatch-group.Gh-drOGJ.js";
 import { default as C } from "./file-on-demand.js";
 export {
   a as CxAssetLinkFormat,