@orangelogic/design-system 2.0.0-29DUO2-beta-3 → 2.0.0-29IORR-beta-2

package/library/chunks/header.BduX6KJP.js

@@ -1,777 +0,0 @@
-import k from "../components/copy-button.js";
-import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as x } from "./component.styles.DMSLciL5.js";
-import { i as u } from "./lit-element.jLBm65_O.js";
-import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as y } from "./i18n.C0iakJkV.js";
-import { w } from "./watch.q1sEjPWL.js";
-import { e as m } from "./query.BBf1UFkC.js";
-import { e as g } from "./class-map.BiVq-cVR.js";
-import { o as P } from "./style-map.llVFPd__.js";
-import { n as z } from "./when.Dr1es41R.js";
-import { i as l, u as h } from "./static.UA3G1Deq.js";
-const C = u`
-  .column-resize-handle {
-    background-color: var(--editor-table-resize-handle-color);
-    bottom: -2px;
-    height: unset !important;
-    max-height: unset !important;
-    pointer-events: none;
-    position: absolute;
-    right: -4px;
-    top: -2px;
-    width: 4px;
-    z-index: 10000;
-  }
-
-  .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);
-    bottom: -4px;
-    height: 4px;
-    left: -2px;
-    max-width: unset !important;
-    pointer-events: none;
-    position: absolute;
-    right: -2px;
-    width: unset !important;
-    z-index: 20, 10000;
-  }
-
-  .row-resize-handle.left-handle {
-    left: 0;
-  }
-
-  .row-resize-handle.right-handle {
-    right: 0;
-  }
-
-  .ProseMirror {
-    --editor-table-resize-handle-color: #adf;
-    outline: none;
-    white-space: normal;
-  }
-
-  .ProseMirror p {
-    margin: 0;
-  }
-
-  .ProseMirror .tableWrapper .floating-button {
-    opacity: 0;
-    position: absolute;
-    transition: opacity 0.2s ease-in-out;
-  }
-
-  .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);
-    position: relative;
-    white-space: normal;
-  }
-
-  .ProseMirror .code-block-wrapper cx-rte-code-block-toolbar {
-    display: flex;
-    gap: var(--cx-spacing-small);
-    position: absolute;
-    right: var(--cx-spacing-2x-small);
-    top: var(--cx-spacing-2x-small);
-  }
-
-  .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 {
-    color: var(--cx-color-neutral-700);
-    content: '\f02e';
-    font-family: FontAwesome;
-    font-size: 12px !important;
-  }
-
-  .ProseMirror .tableWrapper {
-    position: relative;
-  }
-
-  .ProseMirror .tableWrapper:hover .floating-button,
-  .ProseMirror .tableWrapper.ProseMirror-selectednode .floating-button {
-    opacity: 1;
-  }
-
-  .ProseMirror blockquote {
-    border-left: 3px solid var(--cx-color-neutral-300);
-    display: block;
-    margin-block-end: 1em;
-    margin-block-start: 1em;
-    margin-inline-end: 40px;
-    margin-inline-start: 40px;
-    padding-left: 1rem;
-  }
-
-  .ProseMirror p.is-editor-empty {
-    position: relative;
-  }
-
-  .ProseMirror p.is-editor-empty:first-child::before {
-    color: var(--cx-color-neutral-1000);
-    content: attr(data-placeholder);
-    display: block;
-    font-weight: 400;
-    height: 100%;
-    opacity: 0.25;
-    overflow: hidden;
-    pointer-events: none;
-    position: absolute;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    width: 100%;
-  }
-
-  .ProseMirror table .selectedCell:after {
-    background: var(--cx-color-neutral-300);
-    bottom: 0;
-    content: '';
-    height: 100%;
-    left: 0;
-    opacity: 0.4;
-    pointer-events: none;
-    position: absolute;
-    right: 0;
-    top: 0;
-    z-index: 2;
-  }
-
-  .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;
-    font-family:
-      Menlo, Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono', 'Courier New',
-      monospace;
-    direction: ltr;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    line-height: 1.5;
-    tab-size: 4;
-    hyphens: none;
-  }
-
-  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-'] {
-    padding: 1em;
-    margin: 0.5em 0;
-    overflow: auto;
-    background: #1e1e1e;
-  }
-
-  :not(pre) > code[class*='language-'] {
-    padding: 0.1em 0.3em;
-    border-radius: 0.3em;
-    color: #db4c69;
-    background: #f9f2f4;
-  }
-
-  /*********************************************************
-* Tokens
-*/
-  .namespace {
-    opacity: 0.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 {
-    color: #9cdcfe;
-  }
-
-  .token.parameter {
-    color: #9cdcfe;
-  }
-
-  .token.interpolation {
-    color: #9cdcfe;
-  }
-
-  .token.punctuation.interpolation-punctuation {
-    color: #569cd6;
-  }
-
-  .token.boolean {
-    color: #569cd6;
-  }
-
-  .token.property,
-  .token.variable,
-  .token.imports .token.maybe-class-name,
-  .token.exports .token.maybe-class-name {
-    color: #9cdcfe;
-  }
-
-  .token.selector {
-    color: #d7ba7d;
-  }
-
-  .token.escape {
-    color: #d7ba7d;
-  }
-
-  .token.tag {
-    color: #569cd6;
-  }
-
-  .token.tag .token.punctuation {
-    color: #808080;
-  }
-
-  .token.cdata {
-    color: #808080;
-  }
-
-  .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;
-  }
-
-  /*********************************************************
-* Language Specific
-*/
-
-  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: #808080;
-  }
-
-  /*********************************************************
-* Line highlighting
-*/
-  pre[data-line] {
-    position: relative;
-  }
-
-  pre[class*='language-'] > code[class*='language-'] {
-    position: relative;
-    z-index: 1;
-  }
-
-  .line-highlight {
-    position: absolute;
-    left: 0;
-    right: 0;
-    padding: 0;
-    margin-top: 1em;
-    background: #f7ebc6;
-    box-shadow: inset 5px 0 0 #f7d87c;
-    z-index: 0;
-    pointer-events: none;
-    line-height: inherit;
-    white-space: pre;
-  }
-`;
-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(#000000, #ffffff);
-    --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 {
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    padding: var(--padding, 0px);
-  }
-
-  .container ::slotted(p),
-  .container p {
-    word-wrap: break-word;
-  }
-
-  .heading {
-    margin-block-start: 0;
-    margin-block-end: 0;
-    color: var(--color);
-    font-family: var(--font-family);
-    text-align: var(--text-align, left);
-    flex: 1 1 auto;
-    max-width: 100%;
-
-    /* Fallback for engines without lh support (expects unitless --line-height) */
-    min-height: calc(var(--line-height, 1) * 1em);
-    /* Robust: equals computed line-height regardless of units */
-    min-height: 1lh;
-  }
-
-  .container.container--has-copy-button .heading {
-    max-width: calc(100% - 32px);
-    flex: 0 0 auto;
-  }
-
-  .copy-button {
-    opacity: 0;
-    transition: opacity var(--cx-transition-fast);
-    line-height: 0;
-    color: var(--cx-color-neutral-600);
-    pointer-events: none;
-    user-select: none;
-  }
-
-  .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, r = (e, n, a, s) => {
-  for (var i = s > 1 ? void 0 : s ? H(n, a) : n, d = e.length - 1, p; d >= 0; d--)
-    (p = e[d]) && (i = (s ? p(n, a, i) : p(i)) || i);
-  return s && i && A(n, a, i), i;
-};
-const L = {
-  [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 = {
-  [t.H1]: l`h1`,
-  [t.H2]: l`h2`,
-  [t.H3]: l`h3`,
-  [t.H4]: l`h4`,
-  [t.H5]: l`h5`,
-  [t.H6]: l`h6`
-};
-let o = class extends b {
-  constructor() {
-    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.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
-      const e = this.getAnchorID();
-      !e || e !== this.anchorID || this.scrollIntoView({
-        block: "start"
-      });
-    }, this.handleClick = this.handleClick.bind(this), this.handleCMS5PageReady = this.handleCMS5PageReady.bind(this);
-  }
-  /**
-   * Get the owner window
-   */
-  get ownerWindow() {
-    return this.ownerDocument.defaultView ?? window;
-  }
-  /**
-   * Get the anchor ID for the header.
-   * If `hasAnchorLink` is false, it returns an empty string.
-   * If `anchorLink` is provided, it returns that.
-   * Otherwise, it generates an anchor based on the text content of the header,
-   */
-  get anchorID() {
-    return this.hasAnchorLink && (this.anchorLink || this.textContent?.trim().replace(/\s+/g, "-").toLowerCase()) || "";
-  }
-  runFirstUpdated() {
-    setTimeout(() => {
-      this.scrollToAnchor();
-    }, 200);
-  }
-  runConnectedCallback() {
-    this.addEventListener("click", this.handleClick), this.setAttribute("role", "heading"), this.hasAnchorLink && (this.ownerWindow.addEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.addEventListener(
-      "cx-cms5-page-ready",
-      this.handleCMS5PageReady,
-      {
-        once: !0
-      }
-    ));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.ownerWindow.removeEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.removeEventListener(
-      "cx-cms5-page-ready",
-      this.scrollToAnchor
-    ), this.cms5PageReadyTimeout && (clearTimeout(this.cms5PageReadyTimeout), this.cms5PageReadyTimeout = null);
-  }
-  /**
-   * Scroll to anchor after CMS5 page is ready
-   * Wait 100ms for repaint reflow shift layout (not affect by fetching api in web component)
-   */
-  handleCMS5PageReady() {
-    this.cms5PageReadyTimeout && clearTimeout(this.cms5PageReadyTimeout), this.cms5PageReadyTimeout = setTimeout(() => {
-      this.scrollToAnchor();
-    }, 100);
-  }
-  handleClick(e) {
-    this.contentEditable === "true" && e.stopPropagation();
-  }
-  getAnchorID() {
-    let e = "";
-    const a = this.ownerWindow.location.href.split("#");
-    return a.length > 1 && (e = decodeURIComponent(a[1])), e;
-  }
-  /**
-   * After Tiptap editor is destroyed, the slot element is removed.
-   * This method is used to re-add the slot element.
-   */
-  addSlotElement() {
-    if (this.defaultSlot || !this.heading)
-      return;
-    const e = this.ownerDocument.createElement("slot");
-    this.heading.appendChild(e);
-  }
-  handleHeadingChange() {
-    this.setAttribute("aria-level", this.variant.replace("h", ""));
-  }
-  handleCopyButtonClick(e) {
-    e.stopPropagation();
-  }
-  renderHeading(e) {
-    const n = L[this.variant], a = T[this.variant];
-    return h`
-      <${a}
-        part="heading"
-        class=${g({ heading: !0, [n]: !0 })}
-        style=${P({
-      fontSize: /\d/.test(this.fontSize || "") ? this.fontSize : void 0
-    })}
-      >
-        ${e}
-      </${a}>
-    `;
-  }
-  render() {
-    const e = this.hasAnchorLink ? `${this.ownerWindow.location.href.split("#")[0]}#${encodeURIComponent(this.anchorID)}` : "", n = this.hasAnchorLink && !this.disabledCopyButton;
-    return h`
-      <div
-        part="base"
-        class=${g({
-      container: !0,
-      "container--has-copy-button": n
-    })}
-      >
-        ${this.renderHeading(h`<slot></slot>`)}
-        ${z(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 = [
-  x,
-  C,
-  M
-];
-o.dependencies = {
-  "cx-copy-button": k
-};
-r([
-  m("slot")
-], o.prototype, "defaultSlot", 2);
-r([
-  m(".heading")
-], 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([
-  w("variant")
-], o.prototype, "handleHeadingChange", 1);
-o = r([
-  v("cx-header")
-], o);
-export {
-  f as A,
-  o as C,
-  t as V
-};