@orangelogic/design-system 2.82.0-pr83033.77 → 2.82.0-pr83033.78

package/library/chunks/{header.DLIfsoT9.js → header.CcQJPVGU.js}

@@ -1,5 +1,5 @@
 import b from "../components/copy-button.js";
-import { n as c, C as k } from "./lib-cortex-element.CVMmyPMC.js";
+import { n as s, C as k } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as x } from "./component.styles.CRO4Odto.js";
 import { i as u } from "./lit-element.jLBm65_O.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
@@ -9,14 +9,14 @@ import { e as m } from "./query.BBf1UFkC.js";
 import { e as p } from "./class-map.BiVq-cVR.js";
 import { o as P } from "./style-map.llVFPd__.js";
 import { n as C } from "./when.Dr1es41R.js";
-import { i as l, u as h } from "./static.UA3G1Deq.js";
+import { i as c, u as h } from "./static.UA3G1Deq.js";
 const z = u`.column-resize-handle{background-color:var(--editor-table-resize-handle-color);pointer-events:none;z-index:10000;width:4px;position:absolute;top:-2px;bottom:-2px;right:-4px;height:unset!important;max-height:unset!important}.column-resize-handle.bottom-handle{bottom:0}.column-resize-handle.top-handle{top:0}.row-resize-handle{background-color:var(--editor-table-resize-handle-color);pointer-events:none;height:4px;z-index:20, 10000;position:absolute;bottom:-4px;left:-2px;right:-2px;max-width:unset!important;width:unset!important}.row-resize-handle.left-handle{left:0}.row-resize-handle.right-handle{right:0}.ProseMirror{--editor-table-resize-handle-color:#adf;white-space:normal;outline:none}.ProseMirror p{margin:0}.ProseMirror .tableWrapper .floating-button{opacity:0;transition:opacity .2s ease-in-out;position:absolute}.ProseMirror code .inline-boundary{background-color:#b4d7ff}.ProseMirror .code-block-wrapper{background-color:var(--cx-color-neutral-50);border-radius:var(--cx-border-radius-medium);color:var(--cx-color-neutral-700);min-height:3rem;padding:var(--cx-spacing-x-small);white-space:normal;position:relative}.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar{gap:var(--cx-spacing-small);right:var(--cx-spacing-2x-small);top:var(--cx-spacing-2x-small);display:flex;position:absolute}.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar,.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar.hidden{opacity:0;pointer-events:none}.ProseMirror .code-block-wrapper:hover cx-rte-code-block-toolbar:not(.hidden),.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar.open{opacity:1;pointer-events:auto}.ProseMirror .floating-button{position:absolute}.ProseMirror .mce-item-anchor{position:relative;text-decoration:none!important}.ProseMirror .mce-item-anchor:before{background-color:var(--cx-color-neutral-700);content:"";height:.75rem;width:.75rem;margin-inline-end:var(--cx-spacing-3x-small,2px);display:inline-block;-webkit-mask:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M17%203H7c-1.1%200-1.99.9-1.99%202L5%2021l7-3%207%203V5c0-1.1-.9-2-2-2zm0%2015l-5-2.18L7%2018V5h10v13z%22%2F%3E%3C%2Fsvg%3E) 50%/contain no-repeat;mask:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M17%203H7c-1.1%200-1.99.9-1.99%202L5%2021l7-3%207%203V5c0-1.1-.9-2-2-2zm0%2015l-5-2.18L7%2018V5h10v13z%22%2F%3E%3C%2Fsvg%3E) 50%/contain no-repeat}.ProseMirror .tableWrapper{position:relative}.ProseMirror .tableWrapper:hover .floating-button,.ProseMirror .tableWrapper.ProseMirror-selectednode .floating-button{opacity:1}.ProseMirror code{font-family:monospace}.ProseMirror code [class*=InLn-]{font-family:inherit}.ProseMirror blockquote{border-left:3px solid var(--cx-color-neutral-300);margin-block:1em;margin-inline:40px;padding-left:1rem;display:block}.ProseMirror p.is-editor-empty{font-family:var(--cx-font-sans);position:relative}.ProseMirror p.is-editor-empty:first-child:before{color:var(--cx-color-neutral-1000);content:attr(data-placeholder);opacity:.25;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;width:100%;height:100%;font-weight:400;display:block;position:absolute;overflow:hidden}.rich-text--editable .ProseMirror-selectednode>table{outline:2px dashed var(--cx-color-primary);outline-offset:-2px}.ProseMirror figure{margin:0}.ProseMirror table .selectedCell:after{background:var(--cx-color-neutral-300);content:"";opacity:.4;pointer-events:none;z-index:2;height:100%;position:absolute;inset:0}.ProseMirror table td,.ProseMirror table th{border:1px dashed var(--cx-color-neutral-400);min-width:1rem;position:relative}.ProseMirror table[data-align=center]{margin-left:auto;margin-right:auto}.ProseMirror table[data-align=right]{margin-left:auto}.ProseMirror.cursor-col-resize{cursor:col-resize}.ProseMirror.cursor-row-resize{cursor:row-resize}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:var(--cx-font-size-x-small);text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;hyphens:none;direction:ltr;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;line-height:1.5}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-] ::selection{text-shadow:none;background:#75a7ca}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{background:#1e1e1e;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{color:#db4c69;background:#f9f2f4;border-radius:.3em;padding:.1em .3em}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{z-index:1;position:relative}.line-highlight{z-index:0;pointer-events:none;line-height:inherit;white-space:pre;background:#f7ebc6;margin-top:1em;padding:0;position:absolute;left:0;right:0;box-shadow:inset 5px 0 #f7d87c}.bg-find-in-selection-range{background-color:var(--cx-color-neutral-300)}.bg-search-result{background-color:var(--cx-color-success-300)}.bg-light-search-result{background-color:var(--cx-color-success-400)}.bg-search-result .bg-find-in-selection-range,.bg-light-search-result .bg-find-in-selection-range{background-color:#0000}span.mention{cursor:not-allowed}`;
 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 M = u`: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 A = Object.defineProperty, H = Object.getOwnPropertyDescriptor, n = (e, r, a, s) => {
-  for (var i = s > 1 ? void 0 : s ? H(r, a) : r, d = e.length - 1, g; d >= 0; d--)
-    (g = e[d]) && (i = (s ? g(r, a, i) : g(i)) || i);
-  return s && i && A(r, a, i), i;
+var H = Object.defineProperty, A = Object.getOwnPropertyDescriptor, r = (e, n, a, i) => {
+  for (var l = i > 1 ? void 0 : i ? A(n, a) : n, d = e.length - 1, g; d >= 0; d--)
+    (g = e[d]) && (l = (i ? g(n, a, l) : g(l)) || l);
+  return i && l && H(n, a, l), l;
 };
 const L = {
   [t.H1]: "heading-1",
@@ -26,12 +26,12 @@ const L = {
   [t.H5]: "heading-5",
   [t.H6]: "heading-6"
 }, D = {
-  [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]: c`h1`,
+  [t.H2]: c`h2`,
+  [t.H3]: c`h3`,
+  [t.H4]: c`h4`,
+  [t.H5]: c`h5`,
+  [t.H6]: c`h6`
 };
 let o = class extends k {
   constructor() {
@@ -111,18 +111,25 @@ let o = class extends k {
     e.stopPropagation();
   }
   renderHeading(e) {
-    const r = L[this.variant], a = D[this.variant];
-    return h`<${a} part="heading" class=${p({ heading: !0, [r]: !0 })} style=${P({
-      fontSize: /\d/.test(this.fontSize || "") ? this.fontSize : void 0
+    const n = L[this.variant], a = D[this.variant], i = /\d/.test(this.fontSize || "");
+    return h`<${a} part="heading" class=${p({ heading: !0, [n]: !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
     })}>${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 h`<div part="base" class=${p({
       container: !0,
-      "container--has-copy-button": r
+      "container--has-copy-button": n
     })}>${this.renderHeading(h`<slot></slot>`)}
-        ${C(r, () => h`<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>`;
+        ${C(n, () => h`<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>`;
   }
 };
 o.styles = [
@@ -133,34 +140,34 @@ o.styles = [
 o.dependencies = {
   "cx-copy-button": b
 };
-n([
+r([
   m("slot")
 ], o.prototype, "defaultSlot", 2);
-n([
+r([
   m(".heading")
 ], o.prototype, "heading", 2);
-n([
-  c({ reflect: !0, type: String })
+r([
+  s({ reflect: !0, type: String })
 ], o.prototype, "variant", 2);
-n([
-  c({ attribute: "font-size", reflect: !0, type: String })
+r([
+  s({ attribute: "font-size", reflect: !0, type: String })
 ], o.prototype, "fontSize", 2);
-n([
-  c({ attribute: "has-anchor-link", type: Boolean })
+r([
+  s({ attribute: "has-anchor-link", type: Boolean })
 ], o.prototype, "hasAnchorLink", 2);
-n([
-  c({ attribute: "anchor-link", type: String })
+r([
+  s({ attribute: "anchor-link", type: String })
 ], o.prototype, "anchorLink", 2);
-n([
-  c({ type: String })
+r([
+  s({ type: String })
 ], o.prototype, "alignment", 2);
-n([
-  c({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
+r([
+  s({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
 ], o.prototype, "disabledCopyButton", 2);
-n([
+r([
   w("variant")
 ], o.prototype, "handleHeadingChange", 1);
-o = n([
+o = r([
   v("cx-header")
 ], o);
 export {

package/library/components/atoms.js

@@ -29,7 +29,7 @@ import { default as fe } from "./format-number.js";
 import { default as se } from "./format-time.js";
 import { default as Ce } from "./grid.js";
 import { default as le } from "./grid-item.js";
-import { C as ne } from "../chunks/header.DLIfsoT9.js";
+import { C as ne } from "../chunks/header.CcQJPVGU.js";
 import { C as ge } from "../chunks/hub-connection.o5uGJIEI.js";
 import { default as be } from "./icon.js";
 import { C as Te } from "../chunks/icon-button.B0dBmDjq.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.DLIfsoT9.js";
+import { C as x } from "../chunks/header.CcQJPVGU.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.B3iQULG4.js";
 import "../chunks/watch.-l12N6CA.js";