@orangelogic/design-system 2.78.0 → 2.79.0

package/library/chunks/{flow.D0FqdfOy.js → flow.D2CqFQa7.js}

@@ -1,11 +1,11 @@
-import { D as at, x as z, al as lt, e as N, am as he, q as I, H as ct, F as ht, I as gt, J as ve, C as Ge, a as $, _ as oe, b7 as ut, L as O, T as B, b as Qe, aj as re, j as G, h as M, G as Ze, P as dt, b8 as ft, b9 as De, m as le, o as ge, r as Ae, b5 as Fe, R as pt, aZ as K, b3 as Oe, ba as kt, bb as mt } from "./am-chart.oZVBmpnn.js";
-import { L as Be } from "./LinearGradient.CxfXxvMw.js";
+import { D as at, x as z, al as lt, e as N, am as he, q as I, H as ct, F as ht, I as gt, J as ve, C as Ge, a as $, _ as oe, b7 as ut, L as O, T as B, b as Qe, aj as re, j as G, h as M, G as Ze, P as dt, b8 as ft, b9 as De, m as le, o as ge, r as Ae, b5 as Fe, R as pt, aZ as K, b3 as Oe, ba as kt, bb as mt } from "./am-chart.H2jnOzFc.js";
+import { L as Be } from "./LinearGradient.B1z9AGUt.js";
 import "./index.DcjJFMlq.js";
 import "./transform.BuqENXeT.js";
-import { S as yt } from "./Slice.Dm56LTKj.js";
-import { R as _t } from "./RadialLabel.HfsGiN4x.js";
+import { S as yt } from "./Slice.DiEswWa6.js";
+import { R as _t } from "./RadialLabel.DyVOf2K8.js";
 import { c as We, a as ze } from "./MonotoneXTension.CJMEHHj3.js";
-import { C as wt } from "./Circle.tOnnO-F-.js";
+import { C as wt } from "./Circle.DBa5Ok8V.js";
 class xt extends at {
   setupDefaultRules() {
     super.setupDefaultRules();

package/library/chunks/{folder-select.B2qxSKA5.js → folder-select.DOsefkAC.js}

@@ -1,10 +1,10 @@
 import A from "../components/icon.js";
 import X from "../components/input.js";
 import Y from "../components/select.js";
-import { C as $, a as ee } from "./tree.OXvhEOjS.js";
+import { C as $, a as ee } from "./tree.q7xRVYyh.js";
 import { n as r, C as O } from "./lib-cortex-element.CVMmyPMC.js";
 import { h as I, F as te, b as re } from "./endpoints.B7lcoc1N.js";
-import { c as R } from "./component.styles.DMSLciL5.js";
+import { c as R } from "./component.styles.CRO4Odto.js";
 import { c as D } from "./custom-element.L4WJXn1j.js";
 import { L as w } from "./i18n.BUW7B9hr.js";
 import { w as m } from "./watch.BCJD77bD.js";
@@ -12,7 +12,7 @@ import { x as f, i as ae } from "./lit-element.jLBm65_O.js";
 import { r as x } from "./state.CSDxrqLd.js";
 import { e as B } from "./query.BBf1UFkC.js";
 import { r as se } from "./choose.BTbF6BAn.js";
-import { C as W } from "./button.DS64Tr8Z.js";
+import { C as W } from "./button.B-ktz-w4.js";
 import { d as le } from "./debounce.DaHuiSGU.js";
 import { o as y } from "./if-defined.BRoBj_Rp.js";
 import { c as q } from "./repeat.DbF2p5ae.js";
@@ -162,72 +162,17 @@ let n = class extends O {
     }
   }
   render() {
-    return f`
-      <cx-tree-item
-        class=${ce({
+    return f`<cx-tree-item class=${ce({
       "folder-select-tree-item": !0
-    })}
-        data-id=${this.folderId}
-        data-url=${y(this.url)}
-        data-name=${y(this.name?.trim() || void 0)}
-        data-representative-asset-id=${y(
+    })} data-id=${this.folderId} data-url=${y(this.url)} data-name=${y(this.name?.trim() || void 0)} data-representative-asset-id=${y(
       this.representativeAssetId || void 0
-    )}
-        role="option"
-        ?lazy=${this.hasChildren && this.data === null}
-        ?selected=${this.selectedValue === this.folderId}
-        @cx-lazy-load=${this.handleLazyLoad}
-      >
-        <cx-space
-          class="folder-select-tree-item__label"
-          direction="horizontal"
-          spacing="x-small"
-          align-items="center"
-          wrap="nowrap"
-        >
-          <cx-icon
-            class="folder-select-tree__item__icon"
-            name="folder"
-            variant=${this.docType === P.Album ? "outlined" : "filled"}
-          ></cx-icon>
-          <cx-line-clamp lines="1" class="folder-select-tree-item__title">
-            ${ne(this.name, this.searchTerm)}
-          </cx-line-clamp>
-        </cx-space>
-        ${q(
+    )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selectedValue === this.folderId} @cx-lazy-load=${this.handleLazyLoad}><cx-space class="folder-select-tree-item__label" direction="horizontal" spacing="x-small" align-items="center" wrap="nowrap"><cx-icon class="folder-select-tree__item__icon" name="folder" variant=${this.docType === P.Album ? "outlined" : "filled"}></cx-icon><cx-line-clamp lines="1" class="folder-select-tree-item__title">${ne(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${q(
       this.data || [],
       (e) => e.id,
-      (e) => f`<cx-folder-select-tree-item
-              slot="children"
-              folder-id=${e.id}
-              full-path=${e.fullPath}
-              name=${e.title}
-              representative-asset-id=${e.representativeAssetId}
-              selected-value=${this.selectedValue}
-              token=${this.token}
-              bearer-token=${this.bearerToken}
-              ?exclude-virtual-folders=${this.excludeVirtualFolders}
-              ?has-children=${e.hasChildren}
-              base-url=${this.baseUrl}
-              url=${y(e.url ?? void 0)}
-              .api=${this.api}
-              value=${e.url}
-            ></cx-folder-select-tree-item>`
-    )}
-      </cx-tree-item>
-      ${C(
+      (e) => f`<cx-folder-select-tree-item slot="children" folder-id=${e.id} full-path=${e.fullPath} name=${e.title} representative-asset-id=${e.representativeAssetId} selected-value=${this.selectedValue} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${e.hasChildren} base-url=${this.baseUrl} url=${y(e.url ?? void 0)} .api=${this.api} value=${e.url}></cx-folder-select-tree-item>`
+    )}</cx-tree-item>${C(
       this.hasMore,
-      () => f`
-          <div slot="children" class="load-more-button">
-            <cx-button
-              variant="text"
-              @click=${this.loadMore}
-              ?loading=${this.loading}
-            >
-              ${this.localize.term("more")}
-            </cx-button>
-          </div>
-        `
+      () => f`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
     )}
     `;
   }
@@ -400,59 +345,16 @@ let c = class extends O {
     };
   }
   renderFolder(e) {
-    return f`<cx-folder-select-tree-item
-      .api=${this.api}
-      base-url=${this.baseUrl}
-      doc-type=${e.docType}
-      folder-id=${e.id}
-      full-path=${y(e.fullPath ?? void 0)}
-      name=${e.title}
-      search-term=${this.searchTerm}
-      selected-value=${this.selectedValue}
-      token=${this.token}
-      bearer-token=${this.bearerToken}
-      url=${y(e.url ?? void 0)}
-      ?has-children=${e.hasChildren}
-      ?exclude-virtual-folders=${this.excludeVirtualFolders}
-    ></cx-folder-select-tree-item>`;
+    return f`<cx-folder-select-tree-item .api=${this.api} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${y(e.fullPath ?? void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} token=${this.token} bearer-token=${this.bearerToken} url=${y(e.url ?? void 0)} ?has-children=${e.hasChildren} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
   }
   render() {
-    return f`<cx-tree
-      class="folder-select-tree"
-      selection=${this.selection}
-      force-on-change
-      disabled-auto-expand
-      disabled-sync-checkboxes
-    >
-      ${C(
+    return f`<cx-tree class="folder-select-tree" selection=${this.selection} force-on-change disabled-auto-expand disabled-sync-checkboxes>${C(
       this.empty,
-      () => f`<div
-            class="folder-select-tree__empty-message"
-            role="status"
-            aria-live="polite"
-          >
-            <cx-typography variant="body3">
-              ${this.localize.term("noResults")}
-            </cx-typography>
-          </div>`
+      () => f`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`
     )}
       ${C(
       this.extraFolderData,
-      () => f`<cx-folder-select-tree-item
-          .api=${this.api}
-          base-url=${this.baseUrl}
-          doc-type=${y(this.extraFolderData?.docType ?? void 0)}
-          folder-id=${y(this.extraFolderData?.id ?? void 0)}
-          full-path=${y(this.extraFolderData?.fullPath ?? void 0)}
-          name=${this.extraFolderTitle || this.extraFolderData?.title}
-          search-term=${this.searchTerm}
-          selected-value=${this.selectedValue}
-          token=${this.token}
-          bearer-token=${this.bearerToken}
-          url=${y(this.extraFolderData?.url ?? void 0)}
-          ?has-children=${this.extraFolderData?.hasChildren}
-          ?exclude-virtual-folders=${this.excludeVirtualFolders}
-        ></cx-folder-select-tree-item>`
+      () => f`<cx-folder-select-tree-item .api=${this.api} base-url=${this.baseUrl} doc-type=${y(this.extraFolderData?.docType ?? void 0)} folder-id=${y(this.extraFolderData?.id ?? void 0)} full-path=${y(this.extraFolderData?.fullPath ?? void 0)} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} token=${this.token} bearer-token=${this.bearerToken} url=${y(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
     )}
       ${q(
       this.data,
@@ -461,18 +363,8 @@ let c = class extends O {
     )}
       ${C(
       this.hasMore,
-      () => f`
-          <cx-button
-            class="folder-select-tree__load-more"
-            variant="text"
-            @click=${this.loadMore}
-            ?loading=${this.loading}
-          >
-            ${this.localize.term("more")}
-          </cx-button>
-        `
-    )}
-    </cx-tree>`;
+      () => f`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
+    )}</cx-tree>`;
   }
 };
 S = /* @__PURE__ */ new WeakMap();
@@ -549,47 +441,7 @@ h([
 c = h([
   D("cx-folder-select-tree")
 ], c);
-const be = ae`
-  :host {
-    display: block;
-    width: 100%;
-  }
-
-  .folder-select {
-    display: flex;
-    flex-direction: column;
-    gap: var(--cx-spacing-x-small);
-  }
-
-  .folder-select-tree {
-    overflow: auto;
-    flex: 1;
-  }
-
-  .folder-select-tree__item__icon {
-    color: var(--cx-color-primary);
-  }
-
-  .folder-select-tree__empty-message {
-    font-size: var(--cx-font-size-small);
-    color: var(--cx-color-neutral-500);
-    padding-block: var(--cx-spacing-2x-small);
-    padding-inline: var(--cx-spacing-small);
-    text-align: center;
-    cursor: default;
-    user-select: none;
-  }
-
-  .folder-select-tree__load-more {
-    margin-inline: var(--cx-spacing-small);
-  }
-
-  .folder-select-tree-item::part(label),
-  .folder-select-tree-item__label,
-  .folder-select-tree-item__title {
-    overflow: hidden;
-  }
-`;
+const be = ae`:host{width:100%;display:block}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.folder-select-tree{flex:1;overflow:auto}.folder-select-tree__item__icon{color:var(--cx-color-primary)}.folder-select-tree__empty-message{font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small);padding-inline:var(--cx-spacing-small);text-align:center;cursor:default;user-select:none}.folder-select-tree__load-more{margin-inline:var(--cx-spacing-small)}.folder-select-tree-item::part(label),.folder-select-tree-item__label,.folder-select-tree-item__title{overflow:hidden}`;
 var ve = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, H = (e) => {
   throw TypeError(e);
 }, o = (e, t, a, i) => {
@@ -668,74 +520,16 @@ let s = class extends O {
     this.selectEl && (this.searchTerm = "", this.selectEl.getOptionValue = this.selectGetOptionValue, this.selectEl.getOptionLabel = this.selectGetOptionLabel, this.selectEl.getOptionSelected = this.selectGetOptionSelected, this.selectEl.filterCallback = this.selectFilterCallback, this.selectEl.setOptionSelected = this.selectSetOptionSelected, this.selectEl.handleDefaultSlotChange());
   }
   render() {
-    return f`<div class="folder-select">
-      ${se(this.variant, [
+    return f`<div class="folder-select">${se(this.variant, [
       [
         F.Input,
-        () => f`
-            <cx-input
-              aria-label=${this.localize.term("searchFolders")}
-              placeholder=${`${this.localize.term("searchFolders")}...`}
-              value=${this.searchTerm}
-              clearable
-              @cx-input=${this.handleSearchTermInputChange}
-            >
-              <cx-icon name="search" slot="prefix"></cx-icon>
-            </cx-input>
-            <cx-folder-select-tree
-              base-url=${this.baseUrl}
-              extra-folder-id=${this.extraFolderId}
-              extra-folder-title=${this.extraFolderTitle}
-              min-query-length=${this.minQueryLength}
-              search-term=${this.searchTerm}
-              selected-value=${this.value}
-              selection=${this.selection}
-              token=${this.token}
-              bearer-token=${this.bearerToken}
-              ?exclude-virtual-folders=${this.excludeVirtualFolders}
-              ?see-thru=${this.seeThru}
-              .api=${G(this, T)}
-              .firstFetchCallback=${this.firstFetchCallback}
-            >
-            </cx-folder-select-tree>
-          `
+        () => f`<cx-input aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${G(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
       ],
       [
         F.Select,
-        () => f`
-            <cx-select
-              clearable
-              hoist
-              lazy
-              name=${this.name}
-              value=${this.value}
-              .form=${this.form}
-              ?required=${this.required}
-              @input=${this.handleSearchTermSelectChange}
-              @cx-clear=${this.handleSearchTermSelectChange}
-              allow-freetext
-            >
-              <cx-folder-select-tree
-                base-url=${this.baseUrl}
-                extra-folder-id=${this.extraFolderId}
-                extra-folder-title=${this.extraFolderTitle}
-                min-query-length=${this.minQueryLength}
-                search-term=${this.searchTerm}
-                selected-value=${this.value}
-                selection=${this.selection}
-                token=${this.token}
-                bearer-token=${this.bearerToken}
-                ?exclude-virtual-folders=${this.excludeVirtualFolders}
-                ?see-thru=${this.seeThru}
-                .api=${G(this, T)}
-                .firstFetchCallback=${this.firstFetchCallback}
-              >
-              </cx-folder-select-tree>
-            </cx-select>
-          `
+        () => f`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSearchTermSelectChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${G(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
       ]
-    ])}
-    </div>`;
+    ])}</div>`;
   }
 };
 T = /* @__PURE__ */ new WeakMap();

package/library/chunks/form-control.styles.CaGWmeAS.js

@@ -0,0 +1,5 @@
+import { i as o } from "./lit-element.jLBm65_O.js";
+const r = o`.form-control .form-control__label,.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{color:var(--cx-input-label-color);margin-bottom:var(--cx-spacing-3x-small);display:inline-block}.form-control--has-label.form-control--small .form-control__label{font-size:var(--cx-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--cx-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control__label{font-size:var(--cx-input-label-font-size-large)}:host([required]) .form-control--has-label .form-control__label:after{color:var(--cx-input-required-content-color);content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}.form-control--has-help-text .form-control__help-text{color:var(--cx-input-help-text-color);margin-top:max(var(--cx-spacing-3x-small), 3px);display:block}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--cx-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--cx-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--cx-input-help-text-font-size-large)}.form-control--has-help-text.form-control--radio-group .form-control__help-text{margin-top:max(var(--cx-spacing-2x-small), 3px)}:host([data-user-invalid])::part(form-control-help-text){color:var(--cx-input-invalid-color)}`;
+export {
+  r as f
+};

package/library/chunks/{gantt.DfUM7Gvb.js → gantt.DSHD2gjO.js}

@@ -1,11 +1,11 @@
-import { Q as ft, D as wt, x as M, H as O, al as At, Z as rt, q as w, am as R, d as j, C as L, an as Ct, L as b, T, m as E, w as I, R as ct, $ as mt, t as q, e as y, P as ht, h as Q, a4 as G, aj as bt, ao as Tt, a as H, ap as tt, _ as et, z as ot, aq as Bt, B as S, G as V, ar as Pt, as as vt, at as xt, au as Rt, av as Xt, aw as Vt, ax as dt, r as Lt } from "./am-chart.oZVBmpnn.js";
-import { L as J, a as Ot, P as St, N as Gt, C as zt } from "./ProgressPie.4mPA6xqm.js";
-import { C as yt } from "./ColumnSeries.Ckz75x1M.js";
-import { T as gt } from "./Triangle.BECgi7mc.js";
-import { C as ut } from "./Circle.tOnnO-F-.js";
-import { C as kt, E as Mt } from "./EditableAxisLabel.CCMTJT7K.js";
-import { ColorPickerButton as Ht, ColorPicker as It } from "./colorPicker.C4w_vDjh.js";
-import { S as pt } from "./Scrollbar.Bgg-RhjP.js";
+import { Q as ft, D as wt, x as M, H as O, al as At, Z as rt, q as w, am as R, d as j, C as L, an as Ct, L as b, T, m as E, w as I, R as ct, $ as mt, t as q, e as y, P as ht, h as Q, a4 as G, aj as bt, ao as Tt, a as H, ap as tt, _ as et, z as ot, aq as Bt, B as S, G as V, ar as Pt, as as vt, at as xt, au as Rt, av as Xt, aw as Vt, ax as dt, r as Lt } from "./am-chart.H2jnOzFc.js";
+import { L as J, a as Ot, P as St, N as Gt, C as zt } from "./ProgressPie.DlCwXN17.js";
+import { C as yt } from "./ColumnSeries.DGazbfza.js";
+import { T as gt } from "./Triangle.BaOef7HV.js";
+import { C as ut } from "./Circle.DBa5Ok8V.js";
+import { C as kt, E as Mt } from "./EditableAxisLabel.wN0t_G2B.js";
+import { ColorPickerButton as Ht, ColorPicker as It } from "./colorPicker.06n6P3aK.js";
+import { S as pt } from "./Scrollbar.BdZVb_Z-.js";
 class Z extends ft {
 }
 Z.className = "GanttDateAxis";

package/library/chunks/header.D68fIfe2.js

@@ -0,0 +1,170 @@
+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.CRO4Odto.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.BUW7B9hr.js";
+import { w } from "./watch.BCJD77bD.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);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-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{color:var(--cx-color-neutral-700);content:"";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);margin-block:1em;margin-inline:40px;padding-left:1rem;display:block}.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);opacity:.25;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;width:100%;height:100%;font-weight:400;display:block;position:absolute;overflow:hidden}.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}`;
+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, 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
+};

package/library/chunks/{hierarchy.5kfBCoGt.js → hierarchy.DwVsMmsP.js}

@@ -1,12 +1,12 @@
-import { D as yi, F as mi, al as xi, x as Zt, I as _i, q as O, am as V, H as qt, C as yt, L as Z, T as K, b as Ue, R as ce, m as G, J as Ke, e as P, a2 as ke, aq as wi, a as X, _ as Ne, G as Ze, bi as Di, a4 as be, ap as Qt, r as ut, b1 as ki, o as Ae, h as Ni, j as bi, aZ as Pe } from "./am-chart.oZVBmpnn.js";
+import { D as yi, F as mi, al as xi, x as Zt, I as _i, q as O, am as V, H as qt, C as yt, L as Z, T as K, b as Ue, R as ce, m as G, J as Ke, e as P, a2 as ke, aq as wi, a as X, _ as Ne, G as Ze, bi as Di, a4 as be, ap as Qt, r as ut, b1 as ki, o as Ae, h as Ni, j as bi, aZ as Pe } from "./am-chart.H2jnOzFc.js";
 import { N as Ai, h as Pi } from "./index.CZJTjkLp.js";
-import { C as Jt } from "./Circle.tOnnO-F-.js";
+import { C as Jt } from "./Circle.DBa5Ok8V.js";
 import { t as Ci, d as Ri } from "./timer.B39XOBYL.js";
 import { c as mt, a as xt, i as Ti } from "./index.DU0XUO4k.js";
-import { S as zi } from "./Slice.Dm56LTKj.js";
-import { R as Li } from "./RadialLabel.HfsGiN4x.js";
+import { S as zi } from "./Slice.DiEswWa6.js";
+import { R as Li } from "./RadialLabel.DyVOf2K8.js";
 import { r as Si } from "./accessors.BHk36ecy.js";
-import { P as Mi } from "./Polygon.Dr-GV2hn.js";
+import { P as Mi } from "./Polygon.BwMvXN2H.js";
 import { a as Hi } from "./_commonjsHelpers.DQNKXVTB.js";
 import { r as Wi } from "./___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
 function Qe(s) {