@orangelogic/design-system 2.154.0 → 2.156.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/library/chunks/active-elements.jTVWtBDp.js +10 -0
  2. package/library/chunks/{color-swatch-group.BX90sRwa.js → color-swatch-group.oFxwjebo.js} +354 -343
  3. package/library/chunks/{confirm-popover.BFBhjDQ9.js → confirm-popover.C-eHPJaU.js} +1 -1
  4. package/library/chunks/{dialog.DIXmnVis.js → dialog.Bzf4-IgH.js} +1 -1
  5. package/library/chunks/{document-viewer.BN-OQfid.js → document-viewer.DXtjdvqe.js} +1 -1
  6. package/library/chunks/{header.DpBmcfR_.js → header.x8SZLjAG.js} +30 -3
  7. package/library/chunks/{image.DazATuAV.js → image.BO6NWyIo.js} +1 -1
  8. package/library/chunks/{modal.U1QltQKe.js → modal.jdGhujoh.js} +28 -35
  9. package/library/chunks/{tabbable.CcMz3mIL.js → tabbable.BwnZBHrm.js} +2 -2
  10. package/library/components/atoms.js +4 -4
  11. package/library/components/color-swatch-group.js +1 -1
  12. package/library/components/confirm-popover.js +2 -2
  13. package/library/components/dialog.js +2 -2
  14. package/library/components/document-viewer.js +2 -2
  15. package/library/components/drawer.js +1 -1
  16. package/library/components/dropdown.js +1 -1
  17. package/library/components/file-on-demand.js +2 -2
  18. package/library/components/header.js +1 -1
  19. package/library/components/image.js +1 -1
  20. package/library/components/masonry.js +1 -1
  21. package/library/components/menu-item.js +12 -6
  22. package/library/components/molecules.js +1 -1
  23. package/library/components/organisms.js +1 -1
  24. package/library/components/popup.js +37 -34
  25. package/library/components/select.js +34 -31
  26. package/library/components/types.js +6223 -6187
  27. package/library/components/video.js +1 -1
  28. package/library/package.json +1 -1
  29. package/library/packages/atoms/src/components/menu-item/submenu-controller.d.ts +1 -0
  30. package/library/packages/atoms/src/components/popup/popup.d.ts +1 -0
  31. package/library/packages/hybrid/table-core/src/table/table.d.ts +2 -0
  32. package/library/packages/hybrid/table-core/src/table/table.utils.d.ts +2 -1
  33. package/library/packages/molecules/src/multi-select/components/board/board.utils.d.ts +7 -0
  34. package/library/packages/organisms/src/content-builder/components/config-manager/config-manager.d.ts +1 -1
  35. package/library/packages/organisms/src/content-builder/components/gallery-picker/gallery-picker.d.ts +1 -1
  36. package/library/packages/organisms/src/content-builder/configs/search-box.d.ts +1 -0
  37. package/library/packages/organisms/src/content-builder/configs-controller.d.ts +2 -0
  38. package/library/packages/organisms/src/video-editor/components/video-editor-tracks/video-editor-tracks.d.ts +0 -3
  39. package/library/packages/organisms/src/video-editor/components/video-editor-transition/video-editor-transition.d.ts +6 -4
  40. package/library/packages/services/src/api/endpoints.d.ts +1 -1
  41. package/library/utils.js +142 -141
  42. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import { C as _ } from "./button.8syoJXYs.js";
2
- import { C as u, D as h } from "./dialog.DIXmnVis.js";
2
+ import { C as u, D as h } from "./dialog.Bzf4-IgH.js";
3
3
  import g from "../components/dropdown.js";
4
4
  import { C as x } from "./typography.IqHbnd3C.js";
5
5
  import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
@@ -4,7 +4,7 @@ import { i as _s, x as He, E as fr } from "./lit-element.jLBm65_O.js";
4
4
  import { a as ie, s as Te, w as os } from "./event.BeKOsirN.js";
5
5
  import { c as br } from "./custom-element.L4WJXn1j.js";
6
6
  import { L as yr } from "./i18n.Bchq8v1d.js";
7
- import { M as gr } from "./modal.U1QltQKe.js";
7
+ import { M as gr } from "./modal.jdGhujoh.js";
8
8
  import { l as ss, u as rs } from "./scroll.xtO5yojm.js";
9
9
  import { H as mr } from "./slot.j5oheLJC.js";
10
10
  import { w as $s } from "./watch.DOt4Mabe.js";
@@ -34,7 +34,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
34
34
  import { r as r$1 } from "./state.CSDxrqLd.js";
35
35
  import { e } from "./class-map.BiVq-cVR.js";
36
36
  import { n as n$1 } from "./when.Dr1es41R.js";
37
- import { C as CxImage } from "./image.DazATuAV.js";
37
+ import { C as CxImage } from "./image.BO6NWyIo.js";
38
38
  var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
39
39
  function commonjsRequire(l) {
40
40
  throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -10,7 +10,7 @@ import { e as u } from "./class-map.BiVq-cVR.js";
10
10
  import { o as P } from "./style-map.llVFPd__.js";
11
11
  import { n as M } from "./when.Dr1es41R.js";
12
12
  import { i as l, u as g } from "./static.UA3G1Deq.js";
13
- 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`
13
+ 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`
14
14
  .column-resize-handle {
15
15
  background-color: var(--editor-table-resize-handle-color);
16
16
  bottom: -2px;
@@ -58,12 +58,39 @@ const C = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
58
58
  outline: none;
59
59
  white-space: pre-wrap;
60
60
  line-height: normal;
61
+ padding-top: 0px;
62
+ padding-bottom: 0px;
61
63
  }
62
64
 
63
65
  .ProseMirror p {
64
66
  margin: 0;
65
67
  }
66
68
 
69
+ /* Indentation wrapper (list as first child, no text of its own) shows no bullet;
70
+ a normal item renders its paragraph first so keeps its bullet. */
71
+ .ProseMirror li:has(> ul:first-child),
72
+ .ProseMirror li:has(> ol:first-child) {
73
+ list-style: none;
74
+ }
75
+
76
+ /* Scale the number/bullet marker with the item's font (matches the content-builder text block's */
77
+ .ProseMirror li::marker {
78
+ color: var(--color);
79
+ font-family: var(--font-family, inherit), var(--cx-font-sans);
80
+ font-size: var(--font-size);
81
+ font-style: var(--font-style, inherit);
82
+ font-weight: var(--font-weight);
83
+ }
84
+
85
+ /* Keep a hyperlink's underline attached to superscript/subscript text. */
86
+ .ProseMirror a:has(:is(sub, sup)) {
87
+ text-decoration: none;
88
+ }
89
+
90
+ .ProseMirror a :is(sub, sup) {
91
+ text-decoration: underline;
92
+ }
93
+
67
94
  .ProseMirror .tableWrapper .floating-button {
68
95
  opacity: 0;
69
96
  position: absolute;
@@ -532,7 +559,7 @@ const C = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
532
559
  cursor: not-allowed;
533
560
  }
534
561
 
535
- ${C}
562
+ ${z}
536
563
  `;
537
564
  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 || {});
538
565
  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 {
650
677
  };
651
678
  o.styles = [
652
679
  k,
653
- z,
680
+ C,
654
681
  H
655
682
  ];
656
683
  o.dependencies = {
@@ -277,7 +277,7 @@ function Ve(i, t) {
277
277
  }
278
278
  var Ke = ".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}";
279
279
  Ve(Ke);
280
- const Xe = se`:host([effect=jump]) .container,:host([effect=text-reveal]) .container,:host([effect=zoom]) .container{overflow:initial}:host([effect=jump]) .highlighter{transition:all var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=jump]) .highlighter:hover{transform:translateY(calc(var(--highlightable-item-effect-jump-distance,0) * -1))}.highlighter--effect-text-reveal,:host([effect=zoom]) .highlighter--zoom-style-within-borders{overflow:hidden}:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{z-index:3;animation:none}:host([effect=zoom][zoom-style=pop-out]) .highlighter:not(:hover){animation:drop-z var(--transition-transform-duration) forwards}@keyframes drop-z{0%{z-index:2}99%{z-index:2}to{z-index:0}}.highlighter--can-hover:hover:after,.highlighter--selected:after,.highlighter--color-overlay:after{content:"";pointer-events:none;width:100%;height:100%;transition:all var(--transition-duration,.5s) var(--easing,linear);position:absolute;top:0;left:0}.highlighter--can-hover:hover:after,.highlighter--selected:after{outline:2px solid var(--cx-color-primary)}.highlighter--border:hover .image{border-color:var(--highlightable-item-highlight-border-color,var(--cx-color-primary))}.highlighter--color-overlay:after{border-radius:var(--border-radius,none)}.highlighter--color-overlay:hover:after{background-color:var(--highlightable-item-highlight-color-overlay-color,transparent)}.highlighter--drop-shadow:hover .image{box-shadow:var(--highlightable-item-highlight-drop-shadow,none)}.highlighter--background:hover .highlightable-item{--content-background-color:var(--highlightable-item-highlight-background,transparent);--highlightable-item-background-color:var(--highlightable-item-highlight-background,transparent)}.highlighter--opacity{opacity:var(--highlightable-item-highlight-opacity,1)}:host([effect=zoom][zoom-style=within-borders]) .highlighter .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter{transition:transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=zoom][zoom-style=within-borders]) .highlighter:hover .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{transform:scale(var(--highlightable-item-effect-zoom-scale,1))}.highlightable-item{transition:background-color var(--transition-duration,.5s) var(--easing,linear), border-color var(--transition-duration,.5s) var(--easing,linear), box-shadow var(--transition-duration,.5s) var(--easing,linear), opacity var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear), visibility var(--transition-duration,.5s) var(--easing,linear)}`, Ge = se`
280
+ const Xe = se`:host([effect=jump]) .container,:host([effect=text-reveal]) .container,:host([effect=zoom]) .container{overflow:initial}:host([effect=jump]) .highlighter{transition:all var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=jump]) .highlighter:hover{transform:translateY(calc(var(--highlightable-item-effect-jump-distance,0) * -1))}:host([effect=zoom][zoom-style=pop-out]){overflow-clip-margin:var(--column-padding,10px);overflow:clip}.highlighter--effect-text-reveal,:host([effect=zoom]) .highlighter--zoom-style-within-borders{overflow:hidden}:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{z-index:3;animation:none}:host([effect=zoom][zoom-style=pop-out]) .highlighter:not(:hover){animation:drop-z var(--transition-transform-duration) forwards}@keyframes drop-z{0%{z-index:2}99%{z-index:2}to{z-index:0}}.highlighter--can-hover:hover:after,.highlighter--selected:after,.highlighter--color-overlay:after{content:"";pointer-events:none;width:100%;height:100%;transition:all var(--transition-duration,.5s) var(--easing,linear);position:absolute;top:0;left:0}.highlighter--can-hover:hover:after,.highlighter--selected:after{outline:2px solid var(--cx-color-primary)}.highlighter--border:hover .image{border-color:var(--highlightable-item-highlight-border-color,var(--cx-color-primary))}.highlighter--color-overlay:after{border-radius:var(--border-radius,none)}.highlighter--color-overlay:hover:after{background-color:var(--highlightable-item-highlight-color-overlay-color,transparent)}.highlighter--drop-shadow:hover .image{box-shadow:var(--highlightable-item-highlight-drop-shadow,none)}.highlighter--background:hover .highlightable-item{--content-background-color:var(--highlightable-item-highlight-background,transparent);--highlightable-item-background-color:var(--highlightable-item-highlight-background,transparent)}.highlighter--opacity{opacity:var(--highlightable-item-highlight-opacity,1)}:host([effect=zoom][zoom-style=within-borders]) .highlighter .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter{transition:transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=zoom][zoom-style=within-borders]) .highlighter:hover .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{transform:scale(var(--highlightable-item-effect-zoom-scale,1))}.highlightable-item{transition:background-color var(--transition-duration,.5s) var(--easing,linear), border-color var(--transition-duration,.5s) var(--easing,linear), box-shadow var(--transition-duration,.5s) var(--easing,linear), opacity var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear), visibility var(--transition-duration,.5s) var(--easing,linear)}`, Ge = se`
281
281
  :host {
282
282
  --justify-content: flex-start;
283
283
  --border-radius: 0px;
@@ -1,42 +1,37 @@
1
- import { a as l } from "./tabbable.CcMz3mIL.js";
2
- function* h(t = document.activeElement) {
3
- t != null && (yield t, "shadowRoot" in t && t.shadowRoot && t.shadowRoot.mode !== "closed" && (yield* h(t.shadowRoot.activeElement)));
1
+ import { g as l, a as u } from "./active-elements.jTVWtBDp.js";
2
+ import { g as h } from "./tabbable.BwnZBHrm.js";
3
+ let i = [];
4
+ function v() {
5
+ return [...i];
4
6
  }
5
- function d() {
6
- return [...h()].pop();
7
- }
8
- let n = [];
9
- function f() {
10
- return [...n];
11
- }
12
- class v {
7
+ class m {
13
8
  constructor(e) {
14
9
  this.tabDirection = "forward", this.handleFocusIn = () => {
15
10
  this.isActive() && this.checkFocus();
16
- }, this.handleKeyDown = (o) => {
17
- if (o.key !== "Tab" || this.isExternalActivated || !this.isActive())
11
+ }, this.handleKeyDown = (n) => {
12
+ if (n.key !== "Tab" || this.isExternalActivated || !this.isActive())
18
13
  return;
19
- const c = d();
20
- if (this.previousFocus = c, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus))
14
+ const o = l();
15
+ if (this.previousFocus = o, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus))
21
16
  return;
22
- o.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
23
- const s = l(this.element);
24
- let i = s.findIndex(
25
- (r) => r === c
17
+ n.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
18
+ const t = h(this.element);
19
+ let s = t.findIndex(
20
+ (r) => r === o
26
21
  );
27
22
  this.previousFocus = this.currentFocus;
28
- const a = this.tabDirection === "forward" ? 1 : -1;
23
+ const c = this.tabDirection === "forward" ? 1 : -1;
29
24
  for (; ; ) {
30
- i + a >= s.length ? i = 0 : i + a < 0 ? i = s.length - 1 : i += a, this.previousFocus = this.currentFocus;
25
+ s + c >= t.length ? s = 0 : s + c < 0 ? s = t.length - 1 : s += c, this.previousFocus = this.currentFocus;
31
26
  const r = (
32
27
  /** @type {HTMLElement} */
33
- s[i]
28
+ t[s]
34
29
  );
35
30
  if (this.tabDirection === "backward" && this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus) || r && this.possiblyHasTabbableChildren(r))
36
31
  return;
37
- o.preventDefault(), this.currentFocus = r, this.currentFocus?.focus({ preventScroll: !1 });
38
- const u = [...h()];
39
- if (u.includes(this.currentFocus) || !u.includes(this.previousFocus))
32
+ n.preventDefault(), this.currentFocus = r, this.currentFocus?.focus({ preventScroll: !1 });
33
+ const a = [...u()];
34
+ if (a.includes(this.currentFocus) || !a.includes(this.previousFocus))
40
35
  break;
41
36
  }
42
37
  setTimeout(() => this.checkFocus());
@@ -46,15 +41,15 @@ class v {
46
41
  }
47
42
  /** Activates focus trapping. */
48
43
  activate() {
49
- n.push(this.element), document.addEventListener("focusin", this.handleFocusIn), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp);
44
+ i.push(this.element), document.addEventListener("focusin", this.handleFocusIn), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp);
50
45
  }
51
46
  /** Deactivates focus trapping. */
52
47
  deactivate() {
53
- 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);
48
+ 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);
54
49
  }
55
50
  /** Determines if this modal element is currently active or not. */
56
51
  isActive() {
57
- return n[n.length - 1] === this.element;
52
+ return i[i.length - 1] === this.element;
58
53
  }
59
54
  /** Activates external modal behavior and temporarily disables focus trapping. */
60
55
  activateExternal() {
@@ -66,10 +61,10 @@ class v {
66
61
  }
67
62
  checkFocus() {
68
63
  if (this.isActive() && !this.isExternalActivated) {
69
- const e = l(this.element);
64
+ const e = h(this.element);
70
65
  if (!this.element.matches(":focus-within")) {
71
- const o = e[0], c = e[e.length - 1], s = this.tabDirection === "forward" ? o : c;
72
- typeof s?.focus == "function" && (this.currentFocus = s, s.focus({ preventScroll: !1 }));
66
+ const n = e[0], o = e[e.length - 1], t = this.tabDirection === "forward" ? n : o;
67
+ typeof t?.focus == "function" && (this.currentFocus = t, t.focus({ preventScroll: !1 }));
73
68
  }
74
69
  }
75
70
  }
@@ -80,8 +75,6 @@ class v {
80
75
  }
81
76
  }
82
77
  export {
83
- v as M,
84
- h as a,
85
- f as b,
86
- d as g
78
+ m as M,
79
+ v as g
87
80
  };
@@ -58,6 +58,6 @@ function l(t) {
58
58
  });
59
59
  }
60
60
  export {
61
- l as a,
62
- g
61
+ g as a,
62
+ l as g
63
63
  };
@@ -18,9 +18,9 @@ import { default as q } from "./copy-button.js";
18
18
  import { default as K } from "./date-calendar.js";
19
19
  import { default as W } from "./details.js";
20
20
  import { default as Y } from "./diff.js";
21
- import { C as _ } from "../chunks/dialog.DIXmnVis.js";
21
+ import { C as _ } from "../chunks/dialog.Bzf4-IgH.js";
22
22
  import { default as oe } from "./divider.js";
23
- import { C as ae } from "../chunks/document-viewer.BN-OQfid.js";
23
+ import { C as ae } from "../chunks/document-viewer.DXtjdvqe.js";
24
24
  import { C as xe } from "../chunks/dot-pagination.BdZc-K0r.js";
25
25
  import { default as me } from "./dot-status.js";
26
26
  import { default as pe } from "./drawer.js";
@@ -33,13 +33,13 @@ import { default as Se } from "./format-number.js";
33
33
  import { default as De } from "./format-time.js";
34
34
  import { default as Be } from "./grid.js";
35
35
  import { default as he } from "./grid-item.js";
36
- import { C as Pe } from "../chunks/header.DpBmcfR_.js";
36
+ import { C as Pe } from "../chunks/header.x8SZLjAG.js";
37
37
  import { C as Me } from "../chunks/hub-connection.CA_wS_wh.js";
38
38
  import { f } from "../chunks/icon.mxNZ85k0.js";
39
39
  import { C as Fe } from "../chunks/icon.mxNZ85k0.js";
40
40
  import { C as Oe } from "../chunks/icon-button.DbVIFgu7.js";
41
41
  import { C as Ee } from "../chunks/iframe.DcHjOcLG.js";
42
- import { C as Le } from "../chunks/image.DazATuAV.js";
42
+ import { C as Le } from "../chunks/image.BO6NWyIo.js";
43
43
  import { default as je } from "./image-comparer.js";
44
44
  import { default as Qe } from "./include.js";
45
45
  import { C as qe } from "../chunks/input.BcyLZUmv.js";
@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
3
3
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
4
4
  import "../chunks/color-swatch.BhBZe8OE.js";
5
5
  import "../chunks/component.styles.CRO4Odto.js";
6
- import { C as v } from "../chunks/color-swatch-group.BX90sRwa.js";
6
+ import { C as v } from "../chunks/color-swatch-group.oFxwjebo.js";
7
7
  import "../chunks/content-builder.BU8X7I6V.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/debounce.DaHuiSGU.js";
@@ -1,10 +1,10 @@
1
1
  import "../chunks/button.8syoJXYs.js";
2
- import "../chunks/dialog.DIXmnVis.js";
2
+ import "../chunks/dialog.Bzf4-IgH.js";
3
3
  import "./dropdown.js";
4
4
  import "../chunks/typography.IqHbnd3C.js";
5
5
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
6
6
  import "../chunks/component.styles.CRO4Odto.js";
7
- import { C as x } from "../chunks/confirm-popover.BFBhjDQ9.js";
7
+ import { C as x } from "../chunks/confirm-popover.C-eHPJaU.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/i18n.Bchq8v1d.js";
10
10
  import "../chunks/lit-element.jLBm65_O.js";
@@ -1,10 +1,10 @@
1
1
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import "../chunks/component.styles.CRO4Odto.js";
3
- import { C as q } from "../chunks/dialog.DIXmnVis.js";
3
+ import { C as q } from "../chunks/dialog.Bzf4-IgH.js";
4
4
  import "../chunks/event.BeKOsirN.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/i18n.Bchq8v1d.js";
7
- import "../chunks/modal.U1QltQKe.js";
7
+ import "../chunks/modal.jdGhujoh.js";
8
8
  import "../chunks/scroll.xtO5yojm.js";
9
9
  import "../chunks/slot.j5oheLJC.js";
10
10
  import "../chunks/watch.DOt4Mabe.js";
@@ -1,5 +1,5 @@
1
1
  import "../chunks/resizable-component.styles.CAfXABBc.js";
2
- import { C as b } from "../chunks/document-viewer.BN-OQfid.js";
2
+ import { C as b } from "../chunks/document-viewer.DXtjdvqe.js";
3
3
  import "../chunks/component.styles.CRO4Odto.js";
4
4
  import "../chunks/index.Cpamj0jB.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
@@ -10,7 +10,7 @@ import "../chunks/state.CSDxrqLd.js";
10
10
  import "../chunks/class-map.BiVq-cVR.js";
11
11
  import "../chunks/when.Dr1es41R.js";
12
12
  import "../chunks/icon.mxNZ85k0.js";
13
- import "../chunks/image.DazATuAV.js";
13
+ import "../chunks/image.BO6NWyIo.js";
14
14
  import "../chunks/typography.IqHbnd3C.js";
15
15
  export {
16
16
  b as default
@@ -3,7 +3,7 @@ import { c as z } from "../chunks/component.styles.CRO4Odto.js";
3
3
  import { a as d, s as h, w as v } from "../chunks/event.BeKOsirN.js";
4
4
  import { c as P } from "../chunks/custom-element.L4WJXn1j.js";
5
5
  import { L as D } from "../chunks/i18n.Bchq8v1d.js";
6
- import { M as O } from "../chunks/modal.U1QltQKe.js";
6
+ import { M as O } from "../chunks/modal.jdGhujoh.js";
7
7
  import { l as w, u } from "../chunks/scroll.xtO5yojm.js";
8
8
  import { H as $ } from "../chunks/slot.j5oheLJC.js";
9
9
  import { w as C } from "../chunks/watch.DOt4Mabe.js";
@@ -5,7 +5,7 @@ import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
5
5
  import { f as x } from "../chunks/focus-when-visible.jWSw9ks0.js";
6
6
  import { L as C } from "../chunks/i18n.Bchq8v1d.js";
7
7
  import { H as E } from "../chunks/slot.j5oheLJC.js";
8
- import { g as m } from "../chunks/tabbable.CcMz3mIL.js";
8
+ import { a as m } from "../chunks/tabbable.BwnZBHrm.js";
9
9
  import { w as D } from "../chunks/watch.DOt4Mabe.js";
10
10
  import { i as k, x as T } from "../chunks/lit-element.jLBm65_O.js";
11
11
  import { e as h } from "../chunks/query.BBf1UFkC.js";
@@ -16,7 +16,7 @@ import { n as p } from "../chunks/when.Dr1es41R.js";
16
16
  import { b as Tt } from "../chunks/_baseIteratee.BdKyHJ5i.js";
17
17
  import zt from "./avatar.js";
18
18
  import { C as Pt } from "../chunks/button.8syoJXYs.js";
19
- import { C as Et } from "../chunks/dialog.DIXmnVis.js";
19
+ import { C as Et } from "../chunks/dialog.Bzf4-IgH.js";
20
20
  import Lt from "./divider.js";
21
21
  import nt from "./format-bytes.js";
22
22
  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";
30
30
  import Bt from "./tab-panel.js";
31
31
  import bt from "./tooltip.js";
32
32
  import { C as rt } from "../chunks/typography.IqHbnd3C.js";
33
- import { C as jt } from "../chunks/confirm-popover.BFBhjDQ9.js";
33
+ import { C as jt } from "../chunks/confirm-popover.C-eHPJaU.js";
34
34
  import { d as Mt } from "../chunks/debounce.DaHuiSGU.js";
35
35
  import { a as Z } from "../chunks/number.CtCaI0T_.js";
36
36
  import { i as X, b as pt } from "../chunks/url.-WDYqplj.js";
@@ -1,7 +1,7 @@
1
1
  import "./copy-button.js";
2
2
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
3
3
  import "../chunks/component.styles.CRO4Odto.js";
4
- import { C as x } from "../chunks/header.DpBmcfR_.js";
4
+ import { C as x } from "../chunks/header.x8SZLjAG.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/i18n.Bchq8v1d.js";
7
7
  import "../chunks/watch.DOt4Mabe.js";
@@ -1,7 +1,7 @@
1
1
  import "../chunks/resizable-component.styles.CAfXABBc.js";
2
2
  import "../chunks/component.styles.CRO4Odto.js";
3
3
  import "../chunks/index.Cpamj0jB.js";
4
- import { C as y } from "../chunks/image.DazATuAV.js";
4
+ import { C as y } from "../chunks/image.BO6NWyIo.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/debounce.DaHuiSGU.js";
7
7
  import "../chunks/i18n.Bchq8v1d.js";
@@ -1,7 +1,7 @@
1
1
  import _ from "./grid.js";
2
2
  import f from "./grid-item.js";
3
3
  import { C as v } from "../chunks/icon-button.DbVIFgu7.js";
4
- import { C as S } from "../chunks/image.DazATuAV.js";
4
+ import { C as S } from "../chunks/image.BO6NWyIo.js";
5
5
  import $ from "./space.js";
6
6
  import C from "./tooltip.js";
7
7
  import { n, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
@@ -1,10 +1,10 @@
1
1
  import { n as r, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
3
3
  import { c as L } from "../chunks/custom-element.L4WJXn1j.js";
4
- import { d as y, L as M } from "../chunks/i18n.Bchq8v1d.js";
4
+ import { d as g, L as M } from "../chunks/i18n.Bchq8v1d.js";
5
5
  import { H as z, g as P } from "../chunks/slot.j5oheLJC.js";
6
6
  import { w as v } from "../chunks/watch.DOt4Mabe.js";
7
- import { i as E, x as h, E as g } from "../chunks/lit-element.jLBm65_O.js";
7
+ import { i as E, x as h, E as y } from "../chunks/lit-element.jLBm65_O.js";
8
8
  import { e as p } from "../chunks/query.BBf1UFkC.js";
9
9
  import { e as f } from "../chunks/class-map.BiVq-cVR.js";
10
10
  import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
@@ -232,11 +232,17 @@ class B {
232
232
  i.closeSubmenu?.();
233
233
  });
234
234
  }
235
- // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.
235
+ // Schedule a recalculation of the skidding value
236
236
  updateSkidding() {
237
+ requestAnimationFrame(() => {
238
+ this.calculateSkidding();
239
+ });
240
+ }
241
+ // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.
242
+ calculateSkidding() {
237
243
  if (!this.host.parentElement?.computedStyleMap)
238
244
  return;
239
- 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");
245
+ 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");
240
246
  let a = [];
241
247
  l && (i.endsWith("-start") ? a = ["padding-top", "border-top-width", "margin-top"] : i.endsWith("-end") && (a = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
242
248
  const u = a.reduce((c, b) => {
@@ -249,7 +255,7 @@ class B {
249
255
  return this.popupRef.value ? this.popupRef.value.active : !1;
250
256
  }
251
257
  renderSubmenu() {
252
- const e = y(this.host) === "rtl";
258
+ const e = g(this.host) === "rtl";
253
259
  if (!this.hasSlotController.test("submenu"))
254
260
  return null;
255
261
  const t = this.host.submenuPlacement ?? (e ? "left-start" : "right-start");
@@ -365,7 +371,7 @@ let s = class extends w {
365
371
  "menu-item__check--suffix": this.checkPlacement === d.Suffix
366
372
  })}><cx-icon name="check"></cx-icon></slot>`, i = this.checkPlacement === d.Suffix;
367
373
  return this.renderBase(h`
368
- ${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}
374
+ ${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}
369
375
 
370
376
  ${this.submenuController.renderSubmenu()}
371
377
  ${this.loading ? h`<cx-spinner part="spinner" exportparts="base:spinner__base"></cx-spinner>` : ""}
@@ -1,7 +1,7 @@
1
1
  import { default as e } from "./bicolor-picker.js";
2
2
  import { default as a } from "./border-input-group.js";
3
3
  import { C as x } from "../chunks/color-swatch.BhBZe8OE.js";
4
- import { C as u } from "../chunks/confirm-popover.BFBhjDQ9.js";
4
+ import { C as u } from "../chunks/confirm-popover.C-eHPJaU.js";
5
5
  import { default as d } from "./corner-position-input-group.js";
6
6
  import { default as l } from "./cropper.js";
7
7
  import { default as i } from "./dynamic-select.js";
@@ -1,5 +1,5 @@
1
1
  import { C as a } from "../chunks/asset-link-format.DzYh0_YS.js";
2
- import { C as t } from "../chunks/color-swatch-group.BX90sRwa.js";
2
+ import { C as t } from "../chunks/color-swatch-group.oFxwjebo.js";
3
3
  import { default as C } from "./file-on-demand.js";
4
4
  export {
5
5
  a as CxAssetLinkFormat,