@orangelogic/design-system 2.123.0 → 2.125.0

package/library/chunks/{asset.CPPr2-ir.js → asset.D_VITxRH.js}

@@ -453,12 +453,12 @@ export {
   Fe as c,
   Ce as d,
   Ne as e,
-  Le as f,
-  w as g,
-  $ as h,
-  U as i,
-  v as j,
-  ge as k,
+  ge as f,
+  Le as g,
+  w as h,
+  $ as i,
+  U as j,
+  v as k,
   j as l,
   W as m,
   x as n,

package/library/chunks/{header.BrmqvtqC.js → header.WRWyUU36.js}

@@ -1,6 +1,6 @@
 import x from "../components/copy-button.js";
-import { n as s, C as k } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as b } from "./component.styles.CRO4Odto.js";
+import { n as c, C as b } 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";
 import { L as y } from "./i18n.NAH4U8Lw.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 d } from "./static.UA3G1Deq.js";
+import { i as s, u as d } 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`
   .column-resize-handle {
     background-color: var(--editor-table-resize-handle-color);
@@ -534,31 +534,31 @@ const C = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
 
   ${C}
 `;
-var o = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(o || {}), f = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(f || {});
-const A = p`:host{--color:light-dark(#000,#fff);--font-family:var(--cx-font-sans);--text-align:left;--line-height:1;--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{word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family);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(--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(--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(--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(--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(--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(--cx-font-weight-semibold);line-height:var(--line-height,var(--cx-line-height-medium))}`;
-var H = Object.defineProperty, L = Object.getOwnPropertyDescriptor, n = (e, r, a, i) => {
-  for (var c = i > 1 ? void 0 : i ? L(r, a) : r, h = e.length - 1, g; h >= 0; h--)
-    (g = e[h]) && (c = (i ? g(r, a, c) : g(c)) || c);
-  return i && c && H(r, a, c), c;
+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);--font-family:var(--cx-font-sans);--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);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(--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(--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(--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(--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(--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(--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, r = (e, n, a, l) => {
+  for (var i = l > 1 ? void 0 : l ? A(n, a) : n, h = e.length - 1, g; h >= 0; h--)
+    (g = e[h]) && (i = (l ? g(n, a, i) : g(i)) || i);
+  return l && i && L(n, a, i), i;
 };
 const S = {
-  [o.H1]: "heading-1",
-  [o.H2]: "heading-2",
-  [o.H3]: "heading-3",
-  [o.H4]: "heading-4",
-  [o.H5]: "heading-5",
-  [o.H6]: "heading-6"
+  [t.H1]: "heading-1",
+  [t.H2]: "heading-2",
+  [t.H3]: "heading-3",
+  [t.H4]: "heading-4",
+  [t.H5]: "heading-5",
+  [t.H6]: "heading-6"
 }, T = {
-  [o.H1]: l`h1`,
-  [o.H2]: l`h2`,
-  [o.H3]: l`h3`,
-  [o.H4]: l`h4`,
-  [o.H5]: l`h5`,
-  [o.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 t = class extends k {
+let o = class extends b {
   constructor() {
-    super(), this.localize = new y(this), this.variant = o.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = f.Left, this.disabledCopyButton = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
+    super(), this.localize = new y(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();
       !e || e !== this.anchorID || this.scrollIntoView({
         block: "start"
@@ -634,67 +634,63 @@ let t = class extends k {
     e.stopPropagation();
   }
   renderHeading(e) {
-    const r = S[this.variant], a = T[this.variant], i = /\d/.test(this.fontSize || "");
-    return d`<${a} part="heading" class=${u({ heading: !0, [r]: !0 })} style=${P({
-      fontSize: i ? this.fontSize : void 0,
-      /**
-       * Reset line-height to the font's natural value so descenders fit
-       * inside the heading box; the host's tight `--line-height: 1`
-       * truncates glyph metrics at large custom font sizes and triggers a
-       * scrollbar in overflow:auto parents (e.g. cx-column).
-       */
-      lineHeight: i ? "normal" : void 0
+    const n = S[this.variant], a = T[this.variant], l = /\d/.test(this.fontSize || "");
+    return d`<${a} part="heading" class=${u({ heading: !0, [n]: !0 })} style=${P({
+      fontSize: l ? this.fontSize : void 0
     })}>${e}</${a}>`;
   }
   render() {
-    const e = this.hasAnchorLink ? `${this.ownerWindow.location.href.split("#")[0]}#${encodeURIComponent(this.anchorID)}` : "", r = this.hasAnchorLink && !this.disabledCopyButton;
+    const e = this.hasAnchorLink ? `${this.ownerWindow.location.href.split("#")[0]}#${encodeURIComponent(this.anchorID)}` : "", n = this.hasAnchorLink && !this.disabledCopyButton;
     return d`<div part="base" class=${u({
       container: !0,
-      "container--has-copy-button": r
+      "container--has-copy-button": n
     })}>${this.renderHeading(d`<slot></slot>`)}
-        ${M(r, () => d`<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(n, () => d`<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>`;
   }
 };
-t.styles = [
-  b,
+o.styles = [
+  k,
   z,
-  A
+  H
 ];
-t.dependencies = {
+o.dependencies = {
   "cx-copy-button": x
 };
-n([
+r([
   m("slot")
-], t.prototype, "defaultSlot", 2);
-n([
+], o.prototype, "defaultSlot", 2);
+r([
   m(".heading")
-], t.prototype, "heading", 2);
-n([
-  s({ reflect: !0, type: String })
-], t.prototype, "variant", 2);
-n([
-  s({ attribute: "font-size", reflect: !0, type: String })
-], t.prototype, "fontSize", 2);
-n([
-  s({ attribute: "has-anchor-link", type: Boolean })
-], t.prototype, "hasAnchorLink", 2);
-n([
-  s({ attribute: "anchor-link", type: String })
-], t.prototype, "anchorLink", 2);
-n([
-  s({ type: String })
-], t.prototype, "alignment", 2);
-n([
-  s({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
-], t.prototype, "disabledCopyButton", 2);
-n([
+], o.prototype, "heading", 2);
+r([
+  c({ reflect: !0, type: String })
+], o.prototype, "variant", 2);
+r([
+  c({ attribute: "font-size", reflect: !0, type: String })
+], o.prototype, "fontSize", 2);
+r([
+  c({ attribute: "has-anchor-link", type: Boolean })
+], o.prototype, "hasAnchorLink", 2);
+r([
+  c({ attribute: "anchor-link", type: String })
+], o.prototype, "anchorLink", 2);
+r([
+  c({ type: String })
+], o.prototype, "alignment", 2);
+r([
+  c({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
+], o.prototype, "disabledCopyButton", 2);
+r([
+  c({ attribute: "custom-line-height", reflect: !0, type: Boolean })
+], o.prototype, "customLineHeight", 2);
+r([
   w("variant")
-], t.prototype, "handleHeadingChange", 1);
-t = n([
+], o.prototype, "handleHeadingChange", 1);
+o = r([
   v("cx-header")
-], t);
+], o);
 export {
   f as A,
-  t as C,
-  o as V
+  o as C,
+  t as V
 };