@orangelogic/design-system 2.206.0 → 2.208.0

package/library/chunks/{document-viewer.CfH1u-Ds.js → document-viewer.CgSEgZ5S.js}

@@ -17451,7 +17451,7 @@ const getRndInteger = (l, t) => Math.floor(Math.random() * (t - l + 1)) + l, are
     [t]
   ), M = reactExports.useCallback(() => {
     const G = u.current?.querySelector("cx-menu-item[checked]");
-    G && (u.current?.setCurrentItem(G), Z.current?.(), Z.current = focusWhenVisible(G));
+    G && (Z.current?.(), Z.current = focusWhenVisible(G));
   }, []), o = reactExports.useCallback(
     (G) => {
       l || N.current?.open || G.key !== "Enter" && G.key !== " " || (G.preventDefault(), N.current?.show());

package/library/chunks/{header.Cbu_nxls.js → header.DcEskmXD.js}

@@ -1,5 +1,5 @@
-import x from "../components/copy-button.js";
-import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
+import b from "../components/copy-button.js";
+import { n as l, C as x } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as k } from "./component.styles.CRO4Odto.js";
 import { i as p } from "./lit-element.jLBm65_O.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
@@ -9,7 +9,7 @@ import { e as m } from "./query.BBf1UFkC.js";
 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";
+import { i as s, u as g } from "./static.UA3G1Deq.js";
 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);
@@ -73,29 +73,21 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
     list-style: none;
   }
 
-  /* Scale the number/bullet marker with the item's font (matches the content-builder text block's */
-  .ProseMirror li::marker {
-    font-size: var(--font-size);
-  }
-
   /* Highlight the full link range when the cursor is inside it. */
   .ProseMirror .link--active {
     background-color: var(--cx-color-primary-100);
     border-radius: var(--cx-border-radius-x-small);
   }
 
-  /* 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;
-  }
-
+  /* Sits just above the table. TableView.updateButtonPosition() overrides top/transform
+     to drop it below the table when there is not enough room above; without this default
+     the absolute box falls back to its static position, which is already below the table,
+     so the handle rendered under every table instead of over it. */
   .ProseMirror .tableWrapper .floating-button {
     opacity: 0;
     position: absolute;
+    top: 0;
+    transform: translateY(-100%);
     transition: opacity 0.2s ease-in-out;
   }
 
@@ -226,13 +218,49 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
     z-index: 2;
   }
 
+  /* Tiptap injects these into document.head, which never reaches this shadow root, so the
+     caret placed before or after a block rendered as an invisible 0px box. */
+  .ProseMirror-gapcursor {
+    display: none;
+    pointer-events: none;
+    position: absolute;
+    margin: 0;
+  }
+
+  .ProseMirror-gapcursor::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: -2px;
+    width: 20px;
+    border-top: 1px solid var(--cx-color-neutral-900);
+    animation: prosemirror-cursor-blink 1.1s steps(2, start) infinite;
+  }
+
+  .ProseMirror-focused .ProseMirror-gapcursor {
+    display: block;
+  }
+
+  @keyframes prosemirror-cursor-blink {
+    to {
+      visibility: hidden;
+    }
+  }
+
   .ProseMirror table td,
   .ProseMirror table th {
-    border: 1px dashed var(--cx-color-neutral-400);
     min-width: 1rem;
     position: relative;
   }
 
+  /* Authoring guide only: a dashed outline so borderless cells stay visible while editing.
+     Read-only surfaces must render the table exactly as the saved HTML describes it,
+     otherwise the editor shows borders the preview does not. */
+  .ProseMirror[contenteditable='true'] table td,
+  .ProseMirror[contenteditable='true'] table th {
+    border: 1px dashed var(--cx-color-neutral-400);
+  }
+
   .ProseMirror table[data-align='center'] {
     margin-left: auto;
     margin-right: auto;
@@ -565,10 +593,10 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
 `;
 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);--line-height:1.5;--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}`;
-var L = Object.defineProperty, A = Object.getOwnPropertyDescriptor, n = (e, r, a, s) => {
-  for (var i = s > 1 ? void 0 : s ? A(r, a) : r, h = e.length - 1, d; h >= 0; h--)
-    (d = e[h]) && (i = (s ? d(r, a, i) : d(i)) || i);
-  return s && i && L(r, a, i), i;
+var L = Object.defineProperty, A = Object.getOwnPropertyDescriptor, n = (e, r, a, c) => {
+  for (var i = c > 1 ? void 0 : c ? A(r, a) : r, d = e.length - 1, h; d >= 0; d--)
+    (h = e[d]) && (i = (c ? h(r, a, i) : h(i)) || i);
+  return c && i && L(r, a, i), i;
 };
 const S = {
   [t.H1]: "heading-1",
@@ -578,14 +606,14 @@ const S = {
   [t.H5]: "heading-5",
   [t.H6]: "heading-6"
 }, T = {
-  [t.H1]: l`h1`,
-  [t.H2]: l`h2`,
-  [t.H3]: l`h3`,
-  [t.H4]: l`h4`,
-  [t.H5]: l`h5`,
-  [t.H6]: l`h6`
+  [t.H1]: s`h1`,
+  [t.H2]: s`h2`,
+  [t.H3]: s`h3`,
+  [t.H4]: s`h4`,
+  [t.H5]: s`h5`,
+  [t.H6]: s`h6`
 };
-let o = class extends b {
+let o = class extends x {
   constructor() {
     super(), this.localize = new w(this), this.variant = t.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = f.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
       const e = this.getAnchorID();
@@ -674,7 +702,7 @@ let o = class extends b {
       container: !0,
       "container--has-copy-button": r
     })}>${this.renderHeading()}
-        ${M(r, () => g`<cx-copy-button part="copy-button" class="copy-button" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
+        ${M(r, () => g`<cx-copy-button part="copy-button" class="copy-button" size="small" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
   }
 };
 o.styles = [
@@ -683,7 +711,7 @@ o.styles = [
   H
 ];
 o.dependencies = {
-  "cx-copy-button": x
+  "cx-copy-button": b
 };
 n([
   m("slot")
@@ -692,25 +720,25 @@ n([
   m(".heading")
 ], o.prototype, "heading", 2);
 n([
-  c({ reflect: !0, type: String })
+  l({ reflect: !0, type: String })
 ], o.prototype, "variant", 2);
 n([
-  c({ attribute: "font-size", reflect: !0, type: String })
+  l({ attribute: "font-size", reflect: !0, type: String })
 ], o.prototype, "fontSize", 2);
 n([
-  c({ attribute: "has-anchor-link", type: Boolean })
+  l({ attribute: "has-anchor-link", type: Boolean })
 ], o.prototype, "hasAnchorLink", 2);
 n([
-  c({ attribute: "anchor-link", type: String })
+  l({ attribute: "anchor-link", type: String })
 ], o.prototype, "anchorLink", 2);
 n([
-  c({ type: String })
+  l({ type: String })
 ], o.prototype, "alignment", 2);
 n([
-  c({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
+  l({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
 ], o.prototype, "disabledCopyButton", 2);
 n([
-  c({ attribute: "custom-line-height", reflect: !0, type: Boolean })
+  l({ attribute: "custom-line-height", reflect: !0, type: Boolean })
 ], o.prototype, "customLineHeight", 2);
 n([
   y("variant")

package/library/components/atoms.js

@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
 import { C as _ } from "../chunks/dialog.B6hZ7fvn.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.CfH1u-Ds.js";
+import { C as ae } from "../chunks/document-viewer.CgSEgZ5S.js";
 import { C as xe } from "../chunks/dot-pagination.BqGFeFXK.js";
 import { default as me } from "./dot-status.js";
 import { default as pe } from "./drawer.js";
@@ -33,7 +33,7 @@ import { default as Se } from "./format-number.js";
 import { default as De } from "./format-time.js";
 import { default as we } from "./grid.js";
 import { default as he } from "./grid-item.js";
-import { C as Pe } from "../chunks/header.Cbu_nxls.js";
+import { C as Pe } from "../chunks/header.DcEskmXD.js";
 import { C as Me } from "../chunks/hub-connection.BtevPWYb.js";
 import { f } from "../chunks/icon.CpHbi8tH.js";
 import { C as Fe } from "../chunks/icon.CpHbi8tH.js";

package/library/components/document-viewer.js

@@ -1,5 +1,5 @@
 import "../chunks/resizable-component.styles.CAfXABBc.js";
-import { C as b } from "../chunks/document-viewer.CfH1u-Ds.js";
+import { C as b } from "../chunks/document-viewer.CgSEgZ5S.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/index.Cpamj0jB.js";
 import "../chunks/custom-element.L4WJXn1j.js";

package/library/components/dropdown.js

@@ -9,22 +9,22 @@ import { a as m } from "../chunks/tabbable.BwnZBHrm.js";
 import { w as D } from "../chunks/watch.DJF5K-8U.js";
 import { i as k, x as T } from "../chunks/lit-element.jLBm65_O.js";
 import { e as h } from "../chunks/query.BBf1UFkC.js";
-import { e as O } from "../chunks/class-map.BiVq-cVR.js";
-import { o as _ } from "../chunks/if-defined.BRoBj_Rp.js";
+import { e as L } from "../chunks/class-map.BiVq-cVR.js";
+import { o as O } from "../chunks/if-defined.BRoBj_Rp.js";
 import { s as y, g as f } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as L } from "../chunks/input.33UmFGqR.js";
-import d from "./menu.js";
-import S from "./popup.js";
-import A from "./textarea.js";
-const $ = k`:host{--panel-padding:0px;--panel-overflow:auto;display:inline-block}.dropdown::part(popup){z-index:var(--cx-z-index-dropdown)}.dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}.dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}.dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}.dropdown[data-current-placement^=right]::part(popup){transform-origin:0}.dropdown__trigger{display:var(--trigger-display,block)}.dropdown__panel{padding:var(--panel-padding);background-color:var(--cx-panel-background-color);border:var(--cx-panel-border-width) solid var(--cx-panel-border-color);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);box-shadow:var(--cx-shadow-large);border-radius:var(--cx-border-radius-large);pointer-events:none;max-height:min(var(--auto-size-available-height), var(--max-height,var(--auto-size-available-height)));overflow:var(--panel-overflow,auto);display:block}.dropdown--open .dropdown__panel{pointer-events:all}::slotted(cx-menu){border:none;max-width:min(100%, var(--auto-size-available-width))!important}.dropdown__trigger::slotted(cx-tooltip){line-height:1;display:inline-block}`;
-var K = Object.defineProperty, F = Object.getOwnPropertyDescriptor, n = (e, t, i, a) => {
-  for (var r = a > 1 ? void 0 : a ? F(t, i) : t, p = e.length - 1, l; p >= 0; p--)
-    (l = e[p]) && (r = (a ? l(t, i, r) : l(r)) || r);
-  return a && r && K(t, i, r), r;
+import { C as _ } from "../chunks/input.33UmFGqR.js";
+import l from "./menu.js";
+import F from "./popup.js";
+import S from "./textarea.js";
+const A = k`:host{--panel-padding:0px;--panel-overflow:auto;display:inline-block}.dropdown::part(popup){z-index:var(--cx-z-index-dropdown)}.dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}.dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}.dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}.dropdown[data-current-placement^=right]::part(popup){transform-origin:0}.dropdown__trigger{display:var(--trigger-display,block)}.dropdown__panel{padding:var(--panel-padding);background-color:var(--cx-panel-background-color);border:var(--cx-panel-border-width) solid var(--cx-panel-border-color);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);box-shadow:var(--cx-shadow-large);border-radius:var(--cx-border-radius-large);pointer-events:none;max-height:min(var(--auto-size-available-height), var(--max-height,var(--auto-size-available-height)));overflow:var(--panel-overflow,auto);display:block}.dropdown--open .dropdown__panel{pointer-events:all}::slotted(cx-menu){border:none;max-width:min(100%, var(--auto-size-available-width))!important}.dropdown__trigger::slotted(cx-tooltip){line-height:1;display:inline-block}`;
+var $ = Object.defineProperty, K = Object.getOwnPropertyDescriptor, o = (e, t, i, a) => {
+  for (var r = a > 1 ? void 0 : a ? K(t, i) : t, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (r = (a ? d(t, i, r) : d(r)) || r);
+  return a && r && $(t, i, r), r;
 };
-let o = class extends w {
+let n = class extends w {
   constructor() {
-    super(), this.localize = new C(this), this.hasSlotController = new E(this, "[default]"), this.pendingFocusCancel = null, this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.autoWidthFactor = 1, this.ignoredKeys = [], this.noFlip = !1, this.flipPadding = 10, this.handleKeyDown = this.handleKeyDown.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handlePanelSelect = this.handlePanelSelect.bind(this);
+    super(), this.localize = new C(this), this.hasSlotController = new E(this, "[default]"), this.pendingFocusCancel = null, this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.autoWidthFactor = 1, this.ignoredKeys = [], this.noFlip = !1, this.flipPadding = 10, this.handleKeyDown = this.handleKeyDown.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handleDocumentFocusIn = this.handleDocumentFocusIn.bind(this), this.handlePanelSelect = this.handlePanelSelect.bind(this);
   }
   /**
    * When hoisted, floating-ui still measures available space against the trigger's real overflow ancestors (e.g. a
@@ -58,17 +58,21 @@ let o = class extends w {
     const t = e.composedPath();
     this.containingElement && !t.includes(this.containingElement) && this.hide();
   }
+  handleDocumentFocusIn(e) {
+    const t = e.composedPath();
+    this.containingElement && !t.includes(this.containingElement) && this.hide();
+  }
   handlePanelSelect(e) {
     const t = e.target;
     !this.stayOpenOnSelect && t.tagName.toLowerCase() === "cx-menu" && (this.hide(), this.focusOnTrigger());
   }
   async handleTriggerClick() {
     this.open ? (this.hide(), this.panel.assignedElements().forEach(async (e) => {
-      e instanceof d && e.variant === "multiple" && e.resetActiveMenu();
+      e instanceof l && e.variant === "multiple" && e.resetActiveMenu();
     })) : (this.show(), this.focusOnTrigger());
   }
   handleTriggerKeyDown(e) {
-    if (this.disabled || this.ignoredKeys.includes(e.key) || e.key === " " && (e.target instanceof L || e.target instanceof A || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) || !["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(
+    if (this.disabled || this.ignoredKeys.includes(e.key) || e.key === " " && (e.target instanceof _ || e.target instanceof S || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) || !["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(
       e.key
     ))
       return;
@@ -158,10 +162,10 @@ let o = class extends w {
   addOpenListeners() {
     this.panel.addEventListener("cx-select", this.handlePanelSelect), "CloseWatcher" in globalThis ? (this.closeWatcher?.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
       this.hide(), this.focusOnTrigger();
-    }) : this.panel.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown);
+    }) : this.panel.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown), document.addEventListener("focusin", this.handleDocumentFocusIn);
   }
   removeOpenListeners() {
-    this.panel && (this.panel.removeEventListener("cx-select", this.handlePanelSelect), this.panel.removeEventListener("keydown", this.handleKeyDown)), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown), this.closeWatcher?.destroy();
+    this.panel && (this.panel.removeEventListener("cx-select", this.handlePanelSelect), this.panel.removeEventListener("keydown", this.handleKeyDown)), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown), document.removeEventListener("focusin", this.handleDocumentFocusIn), this.closeWatcher?.destroy();
   }
   async handleOpenChange() {
     if (this.disabled) {
@@ -174,7 +178,7 @@ let o = class extends w {
         dir: this.localize.dir()
       });
       await g(this.popup.popup, e, t), this.emit("cx-after-show"), this.panel.assignedElements().forEach(async (i) => {
-        i instanceof d && i.variant === "multiple" && (await i.updateComplete, i.adjustMenuSize(0));
+        i instanceof l && i.variant === "multiple" && (await i.updateComplete, i.adjustMenuSize(0));
       });
     } else {
       this.pendingFocusCancel?.(), this.pendingFocusCancel = null, this.emit("cx-hide"), this.removeOpenListeners(), await u(this);
@@ -182,59 +186,59 @@ let o = class extends w {
         dir: this.localize.dir()
       });
       await g(this.popup.popup, e, t), this.panel.hidden = !0, this.popup.active = !1, this.emit("cx-after-hide"), this.panel.assignedElements().forEach(async (i) => {
-        i instanceof d && i.variant === "multiple" && i.resetActiveMenu();
+        i instanceof l && i.variant === "multiple" && i.resetActiveMenu();
       });
     }
   }
   render() {
-    return T`<cx-popup part="base" exportparts="popup:base__popup" id="dropdown" placement=${this.placement} distance=${this.distance} skidding=${this.skidding} strategy=${this.hoist ? "overlay" : "absolute"} ?flip=${!this.noFlip} shift auto-size="both" auto-size-padding="10" .autoSizeBoundary=${this.hoistBoundary} .flipBoundary=${this.hoistBoundary} .shiftBoundary=${this.hoistBoundary} flip-padding=${this.flipPadding} sync=${_(this.sync ? this.sync : void 0)} class=${O({
+    return T`<cx-popup part="base" exportparts="popup:base__popup" id="dropdown" placement=${this.placement} distance=${this.distance} skidding=${this.skidding} strategy=${this.hoist ? "overlay" : "absolute"} ?flip=${!this.noFlip} shift auto-size="both" auto-size-padding="10" .autoSizeBoundary=${this.hoistBoundary} .flipBoundary=${this.hoistBoundary} .shiftBoundary=${this.hoistBoundary} flip-padding=${this.flipPadding} sync=${O(this.sync ? this.sync : void 0)} class=${L({
       dropdown: !0,
       "dropdown--open": this.open
     })} auto-width-factor=${this.autoWidthFactor}><slot name="trigger" slot="anchor" part="trigger" class="dropdown__trigger" @click=${this.handleTriggerClick} @keydown=${this.handleTriggerKeyDown} @keyup=${this.handleTriggerKeyUp} @slotchange=${this.handleTriggerSlotChange}></slot><div aria-hidden=${this.open && this.hasSlotController.test("[default]") ? "false" : "true"} aria-labelledby="dropdown"><slot part="panel" class="dropdown__panel"></slot></div></cx-popup>`;
   }
 };
-o.styles = [b, $];
-o.dependencies = { "cx-popup": S };
-n([
+n.styles = [b, A];
+n.dependencies = { "cx-popup": F };
+o([
   h(".dropdown")
-], o.prototype, "popup", 2);
-n([
+], n.prototype, "popup", 2);
+o([
   h(".dropdown__trigger")
-], o.prototype, "trigger", 2);
-n([
+], n.prototype, "trigger", 2);
+o([
   h(".dropdown__panel")
-], o.prototype, "panel", 2);
-n([
+], n.prototype, "panel", 2);
+o([
   s({ reflect: !0, type: Boolean })
-], o.prototype, "open", 2);
-n([
+], n.prototype, "open", 2);
+o([
   s({ reflect: !0 })
-], o.prototype, "placement", 2);
-n([
+], n.prototype, "placement", 2);
+o([
   s({ reflect: !0, type: Boolean })
-], o.prototype, "disabled", 2);
-n([
+], n.prototype, "disabled", 2);
+o([
   s({ attribute: "stay-open-on-select", reflect: !0, type: Boolean })
-], o.prototype, "stayOpenOnSelect", 2);
-n([
+], n.prototype, "stayOpenOnSelect", 2);
+o([
   s({ attribute: "containing-element" })
-], o.prototype, "containingElement", 2);
-n([
+], n.prototype, "containingElement", 2);
+o([
   s({ type: Number })
-], o.prototype, "distance", 2);
-n([
+], n.prototype, "distance", 2);
+o([
   s({ type: Number })
-], o.prototype, "skidding", 2);
-n([
+], n.prototype, "skidding", 2);
+o([
   s({ type: Boolean })
-], o.prototype, "hoist", 2);
-n([
+], n.prototype, "hoist", 2);
+o([
   s({ reflect: !0 })
-], o.prototype, "sync", 2);
-n([
+], n.prototype, "sync", 2);
+o([
   s({ attribute: "auto-width-factor" })
-], o.prototype, "autoWidthFactor", 2);
-n([
+], n.prototype, "autoWidthFactor", 2);
+o([
   s({
     attribute: "ignored-keys",
     converter: {
@@ -243,19 +247,19 @@ n([
     },
     type: String
   })
-], o.prototype, "ignoredKeys", 2);
-n([
+], n.prototype, "ignoredKeys", 2);
+o([
   s({ attribute: "no-flip", reflect: !0, type: Boolean })
-], o.prototype, "noFlip", 2);
-n([
+], n.prototype, "noFlip", 2);
+o([
   s({ attribute: "flip-padding", type: Number })
-], o.prototype, "flipPadding", 2);
-n([
+], n.prototype, "flipPadding", 2);
+o([
   D("open", { waitUntilFirstUpdate: !0 })
-], o.prototype, "handleOpenChange", 1);
-o = n([
+], n.prototype, "handleOpenChange", 1);
+n = o([
   v("cx-dropdown")
-], o);
+], n);
 y("dropdown.show", {
   keyframes: [
     { opacity: 0, scale: 0.9 },
@@ -271,5 +275,5 @@ y("dropdown.hide", {
   options: { duration: 100, easing: "ease" }
 });
 export {
-  o as default
+  n as default
 };

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.Cbu_nxls.js";
+import { C as x } from "../chunks/header.DcEskmXD.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/watch.DJF5K-8U.js";

package/library/components/menu-item.js

@@ -352,7 +352,7 @@ let i = class extends w {
       "menu-item--loading": this.loading,
       "menu-item--rtl": t,
       "menu-item--submenu-expanded": s
-    })} aria-haspopup=${this.isSubmenu()} href=${m(this.href)} target=${m(this.target)} download=${m(this.download)} rel=${m(this.rel)} aria-label=${this.getTextLabel()} ?inert=${this.disabled} @click=${this.handleAnchorClick}>${o}</a>` : h`<div id="anchor" part="base" class=${v({
+    })} aria-haspopup=${this.isSubmenu()} href=${m(this.href)} target=${m(this.target)} download=${m(this.download)} rel=${m(this.rel)} tabindex="-1" aria-label=${this.getTextLabel()} ?inert=${this.disabled} @click=${this.handleAnchorClick}>${o}</a>` : h`<div id="anchor" part="base" class=${v({
       "menu-item": !0,
       "menu-item--active": this.active,
       "menu-item--checkbox": this.type === "checkbox",