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

package/library/chunks/{tree.CeMLCbs-.js → tree.QCQd_cuc.js}

@@ -1,10 +1,10 @@
 import { C as R, n as l } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as N } from "./component.styles.DMSLciL5.js";
+import { c as N } from "./component.styles.CRO4Odto.js";
 import { c as G } from "./custom-element.L4WJXn1j.js";
-import { L as M } from "./i18n.C0iakJkV.js";
+import { L as Z } from "./i18n.BFqTRDCA.js";
 import { c as K } from "./math.DqTA6ya4.js";
-import { w as b } from "./watch.q1sEjPWL.js";
-import { i as Z, x as g, E as L } from "./lit-element.jLBm65_O.js";
+import { w as b } from "./watch.BCJD77bD.js";
+import { i as H, x as g, E as L } from "./lit-element.jLBm65_O.js";
 import { r as y } from "./state.CSDxrqLd.js";
 import { e as f } from "./query.BBf1UFkC.js";
 import { s as z, a as U, b as $ } from "./animate.El-MpOws.js";
@@ -12,7 +12,7 @@ import { e as C } from "./class-map.BiVq-cVR.js";
 import { o as _ } from "./if-defined.BRoBj_Rp.js";
 import { l as W } from "./live.SCz6M8Gs.js";
 import { n as E } from "./when.Dr1es41R.js";
-import { g as P, s as H } from "./animation-registry.HmpwNuGH.js";
+import { g as P, s as M } from "./animation-registry.HmpwNuGH.js";
 import Y from "../components/checkbox.js";
 import J from "../components/icon.js";
 import Q from "../components/spinner.js";
@@ -33,15 +33,15 @@ for (let e = 0; e < 256; ++e)
 function ne(e, t = 0) {
   return (p[e[t + 0]] + p[e[t + 1]] + p[e[t + 2]] + p[e[t + 3]] + "-" + p[e[t + 4]] + p[e[t + 5]] + "-" + p[e[t + 6]] + p[e[t + 7]] + "-" + p[e[t + 8]] + p[e[t + 9]] + "-" + p[e[t + 10]] + p[e[t + 11]] + p[e[t + 12]] + p[e[t + 13]] + p[e[t + 14]] + p[e[t + 15]]).toLowerCase();
 }
-let w;
+let I;
 const oe = new Uint8Array(16);
 function ae() {
-  if (!w) {
+  if (!I) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    w = crypto.getRandomValues.bind(crypto);
+    I = crypto.getRandomValues.bind(crypto);
   }
-  return w(oe);
+  return I(oe);
 }
 const re = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), F = { randomUUID: re };
 function se(e, t, i) {
@@ -53,260 +53,7 @@ function se(e, t, i) {
     throw new Error("Random bytes length must be >= 16");
   return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, ne(n);
 }
-const le = Z`
-  :host {
-    display: block;
-    outline: 0;
-
-    --selected-color: var(--cx-color-primary-600);
-    --selected-background-color: var(--cx-color-primary-50);
-    --hover-background-color: var(--cx-menu-item-background-color-hover);
-    --active-background-color: var(--cx-color-neutral-200);
-    --item-padding: var(--cx-spacing-2x-small) var(--cx-spacing-x-small);
-  }
-
-  :host(:focus-visible) .tree-item {
-    outline: var(--cx-focus-ring);
-    outline-offset: calc(-1 * var(--cx-focus-ring-width));
-  }
-
-  [hidden] {
-    display: none !important;
-  }
-
-  slot:not([name])::slotted(cx-icon) {
-    margin-inline-end: var(--cx-spacing-x-small);
-  }
-
-  .tree-item {
-    position: relative;
-    display: flex;
-    align-items: stretch;
-    flex-direction: column;
-    color: var(--cx-color-neutral);
-    cursor: pointer;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  .tree-item__checkbox {
-    margin-inline-end: var(--cx-spacing-x-small);
-  }
-
-  .tree-item__expand-button,
-  .tree-item__checkbox,
-  .tree-item__label {
-    font-family: var(--cx-font-sans);
-    font-size: var(--cx-tree-item-font-size, var(--cx-font-size-small));
-    font-weight: var(--cx-tree-item-font-weight, var(--cx-font-weight-medium));
-    line-height: var(--cx-tree-item-line-height, var(--cx-line-height-large));
-    letter-spacing: var(--cx-tree-item-letter-spacing, var(--cx-letter-spacing-normal));
-  }
-
-  .tree-item__checkbox::part(base) {
-    display: flex;
-    align-items: center;
-  }
-
-  .tree-item__checkbox::part(label) {
-    margin-inline-start: 0;
-  }
-
-  .tree-item__indentation {
-    display: block;
-    width: 1em;
-    flex-shrink: 0;
-  }
-
-  .tree-item__expand-spinner {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  .tree-item__expand-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: content-box;
-    color: var(--cx-color-neutral-500);
-    min-width: max(1em, 1rem);
-    min-height: max(1em, 1rem);
-    flex-shrink: 0;
-    cursor: pointer;
-  }
-
-  .tree-item__expand-button {
-    transition: var(--cx-transition-medium) rotate ease;
-    position: relative;
-  }
-
-  .tree-item--expanded .tree-item__expand-button {
-    rotate: 90deg;
-  }
-
-  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {
-    rotate: -90deg;
-  }
-
-  .tree-item--expanded slot[name='expand-icon'],
-  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {
-    display: none;
-  }
-
-  :host(:not([aria-disabled='true']))
-    .tree-item--selected
-    .tree-item__item
-    .tree-item__expand-icon-slot {
-    color: var(--selected-color);
-  }
-
-  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {
-    visibility: hidden;
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  .tree-item__expand-button--visible {
-    cursor: pointer;
-  }
-
-  .tree-item__item {
-    display: flex;
-    align-items: center;
-    border-radius: var(--cx-border-radius-large);
-    padding: var(
-      --item-padding,
-      var(--cx-spacing-x-small) var(--cx-spacing-small)
-    );
-    transition: var(--cx-transition-x-fast) background-color ease;
-  }
-
-  .tree-item__item:hover {
-    background-color: var(--hover-background-color);
-  }
-
-  .tree-item__item:active {
-    background-color: var(--active-background-color);
-  }
-
-  .tree-item--disabled .tree-item__item {
-    opacity: 0.5;
-    outline: none;
-    cursor: default;
-  }
-
-  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
-    background-color: var(--selected-background-color);
-    color: var(--selected-color);
-  }
-
-  :host(:not([aria-disabled='true'])) .tree-item__expand-button {
-    color: var(--cx-color-neutral);
-  }
-
-  :host(:not([aria-disabled='true'])) .tree-item--selected,
-  :host(:not([aria-disabled='true']))
-    .tree-item--selected
-    .tree-item__expand-button,
-  :host(:not([aria-disabled='true']))
-    .tree-item--selected
-    .tree-item__actions::slotted(cx-icon-button) {
-    color: var(--cx-color-neutral-0);
-  }
-
-  :host(:not([aria-disabled='true']))
-    .tree-item--selected
-    .tree-item__actions::slotted(cx-icon-button) {
-    --hover-background-color: var(--cx-color-neutral-0);
-  }
-
-  .tree-item__label {
-    display: flex;
-    align-items: center;
-  }
-
-  .tree-item__actions {
-    display: flex;
-    align-items: center;
-    margin-inline-start: auto;
-    font-size: var(--cx-font-size-medium);
-    width: fit-content;
-  }
-
-  .tree-item__actions::slotted(*) {
-    visibility: hidden;
-    opacity: 0;
-    transition:
-      var(--cx-transition-x-fast) visibility,
-      var(--cx-transition-x-fast) opacity ease;
-  }
-
-  .tree-item__item:hover .tree-item__actions::slotted(*) {
-    visibility: visible;
-    opacity: 1;
-  }
-
-  /**
-   * If overlay attribute is not supported, the cx-overlay
-   * inside dropdown will be hidden if the dropdown itself is hidden.
-   * Thus, we fallback by making dropdown visible if it's open.
-   * See 41MFC1
-   */
-  @supports not (overlay: auto) {
-    .tree-item__actions::slotted(cx-dropdown[open]) {
-      visibility: visible;
-      opacity: 1;
-    }
-  }
-
-  .tree-item__children {
-    display: flex;
-    flex-direction: column;
-    font-size: calc(1em + var(--indent-size, var(--cx-spacing-medium)));
-    gap: var(--children-gap, 0);
-  }
-
-  @media (forced-colors: active) {
-    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
-      outline: dashed 1px SelectedItem;
-    }
-  }
-
-  ::slotted(cx-tree-item) {
-    --hover-background-color: inherit;
-    --active-background-color: inherit;
-    --selected-background-color: inherit;
-    --selected-color: inherit;
-  }
-
-  :host([data-dragging]) {
-    position: relative;
-  }
-
-  :host([data-dragging='inside']) {
-    background-color: var(--cx-color-primary-400);
-  }
-
-  :host([data-dragging='before'])::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    border-top: var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);
-  }
-
-  :host([data-dragging='after'])::before {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    border-bottom: var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);
-  }
-`, k = "tree-sortable", I = 0.2, O = (e) => e == null;
+const le = H`:host{--selected-color:var(--cx-color-primary-600);--selected-background-color:var(--cx-color-primary-50);--hover-background-color:var(--cx-menu-item-background-color-hover);--active-background-color:var(--cx-color-neutral-200);--item-padding:var(--cx-spacing-2x-small) var(--cx-spacing-x-small);outline:0;display:block}:host(:focus-visible) .tree-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}[hidden]{display:none!important}slot:not([name])::slotted(cx-icon){margin-inline-end:var(--cx-spacing-x-small)}.tree-item{color:var(--cx-color-neutral);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:stretch;display:flex;position:relative}.tree-item__checkbox{margin-inline-end:var(--cx-spacing-x-small)}.tree-item__expand-button,.tree-item__checkbox,.tree-item__label{font-family:var(--cx-font-sans);font-size:var(--cx-tree-item-font-size,var(--cx-font-size-small));font-weight:var(--cx-tree-item-font-weight,var(--cx-font-weight-medium));line-height:var(--cx-tree-item-line-height,var(--cx-line-height-large));letter-spacing:var(--cx-tree-item-letter-spacing,var(--cx-letter-spacing-normal))}.tree-item__checkbox::part(base){align-items:center;display:flex}.tree-item__checkbox::part(label){margin-inline-start:0}.tree-item__indentation{flex-shrink:0;width:1em;display:block}.tree-item__expand-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-item__expand-button{box-sizing:content-box;color:var(--cx-color-neutral-500);cursor:pointer;min-width:max(1em,1rem);min-height:max(1em,1rem);transition:var(--cx-transition-medium) rotate ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tree-item--expanded .tree-item__expand-button{rotate:90deg}.tree-item--expanded.tree-item--rtl .tree-item__expand-button{rotate:-90deg}.tree-item--expanded slot[name=expand-icon],.tree-item:not(.tree-item--expanded) slot[name=collapse-icon]{display:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item .tree-item__expand-icon-slot{color:var(--selected-color)}.tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot{visibility:hidden;opacity:0;pointer-events:none}.tree-item__expand-button--visible{cursor:pointer}.tree-item__item{border-radius:var(--cx-border-radius-large);padding:var(--item-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));transition:var(--cx-transition-x-fast) background-color ease;align-items:center;display:flex}.tree-item__item:hover{background-color:var(--hover-background-color)}.tree-item__item:active{background-color:var(--active-background-color)}.tree-item--disabled .tree-item__item{opacity:.5;cursor:default;outline:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{background-color:var(--selected-background-color);color:var(--selected-color)}:host(:not([aria-disabled=true])) .tree-item__expand-button{color:var(--cx-color-neutral)}:host(:not([aria-disabled=true])) .tree-item--selected,:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__expand-button,:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){color:var(--cx-color-neutral-0)}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){--hover-background-color:var(--cx-color-neutral-0)}.tree-item__label{align-items:center;display:flex}.tree-item__actions{font-size:var(--cx-font-size-medium);align-items:center;width:fit-content;margin-inline-start:auto;display:flex}.tree-item__actions::slotted(*){visibility:hidden;opacity:0;transition:var(--cx-transition-x-fast) visibility, var(--cx-transition-x-fast) opacity ease}.tree-item__item:hover .tree-item__actions::slotted(*){visibility:visible;opacity:1}@supports not (overlay:auto){.tree-item__actions::slotted(cx-dropdown[open]){visibility:visible;opacity:1}}.tree-item__children{font-size:calc(1em + var(--indent-size,var(--cx-spacing-medium)));gap:var(--children-gap,0);flex-direction:column;display:flex}@media (forced-colors:active){:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{outline:1px dashed selecteditem}}::slotted(cx-tree-item){--hover-background-color:inherit;--active-background-color:inherit;--selected-background-color:inherit;--selected-color:inherit}:host([data-dragging]){position:relative}:host([data-dragging=inside]){background-color:var(--cx-color-primary-400)}:host([data-dragging=before]):before{content:"";border-top:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;top:0;left:0}:host([data-dragging=after]):before{content:"";border-bottom:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;bottom:0;left:0}`, k = "tree-sortable", w = 0.2, O = (e) => e == null;
 function de() {
   function e() {
   }
@@ -408,8 +155,8 @@ const j = (e) => ({
   fallbackOnBody: !0,
   forceFallback: ee(),
   getDropZone: (t) => t?.shadowRoot?.querySelector(".tree-item__item"),
-  insertAfterZonePercentage: 1 - I,
-  insertBeforeZonePercentage: I,
+  insertAfterZonePercentage: 1 - w,
+  insertBeforeZonePercentage: w,
   invertSwap: !0,
   onStart(t) {
     if (e.onStart?.(t), t.item.tagName === "CX-TREE-ITEM") {
@@ -418,7 +165,7 @@ const j = (e) => ({
     }
   },
   [k]: !0,
-  swapThreshold: I
+  swapThreshold: w
 });
 var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, s = (e, t, i, n) => {
   for (var r = n > 1 ? void 0 : n ? he(t, i) : t, o = e.length - 1, d; o >= 0; o--)
@@ -427,7 +174,7 @@ var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, s = (e, t,
 };
 let a = class extends R {
   constructor() {
-    super(), this.localize = new M(this), this.expanded = !1, this.selected = !1, this.disabled = !1, this.readonly = !1, this.lazy = !1, this.href = "", this.rel = "noreferrer noopener", this.itemId = "", this.sortable = !1, this.noDrag = !1, this.noSelect = !1, this.noDragInside = !1, this.sortableGroup = void 0, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.disabledSyncCheckboxes = !1, this.partialSyncCheckboxes = !1, this.previouslySelected = !1, this.focusable = !1, this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.sortableInstance = null, this.onDragStart = (e) => {
+    super(), this.localize = new Z(this), this.expanded = !1, this.selected = !1, this.disabled = !1, this.readonly = !1, this.lazy = !1, this.href = "", this.rel = "noreferrer noopener", this.itemId = "", this.sortable = !1, this.noDrag = !1, this.noSelect = !1, this.noDragInside = !1, this.sortableGroup = void 0, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.disabledSyncCheckboxes = !1, this.partialSyncCheckboxes = !1, this.previouslySelected = !1, this.focusable = !1, this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.sortableInstance = null, this.onDragStart = (e) => {
       if (e.dataTransfer) {
         const t = this.cloneNode(!0);
         t.style.backgroundColor = "red", t.style.display = "none", this.ownerDocument.body.appendChild(t), e.dataTransfer.setDragImage(t, 0, 0);
@@ -516,31 +263,13 @@ let a = class extends R {
   }
   renderExpandButton() {
     const e = this.localize.dir() === "rtl", t = this.showExpandButton;
-    return g` <div
-      part="expand-button"
-      class=${C({
+    return g`<div part="expand-button" class=${C({
       "tree-item__expand-button": !0,
       "tree-item__expand-button--visible": t
-    })}
-      aria-hidden="true"
-    >
-      ${E(
+    })} aria-hidden="true">${E(
       this.loading,
-      () => g`
-          <cx-spinner
-            part="spinner"
-            class="tree-item__expand-spinner"
-            exportparts="base:spinner__base"
-          ></cx-spinner>
-        `
-    )}
-      <slot class="tree-item__expand-icon-slot" name="expand-icon">
-        <cx-icon name=${e ? "chevron_left" : "chevron_right"}></cx-icon>
-      </slot>
-      <slot class="tree-item__expand-icon-slot" name="collapse-icon">
-        <cx-icon name=${e ? "chevron_left" : "chevron_right"}></cx-icon>
-      </slot>
-    </div>`;
+      () => g`<cx-spinner part="spinner" class="tree-item__expand-spinner" exportparts="base:spinner__base"></cx-spinner>`
+    )}<slot class="tree-item__expand-icon-slot" name="expand-icon"><cx-icon name=${e ? "chevron_left" : "chevron_right"}></cx-icon></slot><slot class="tree-item__expand-icon-slot" name="collapse-icon"><cx-icon name=${e ? "chevron_left" : "chevron_right"}></cx-icon></slot></div>`;
   }
   handleSortableUpdate(e) {
     const t = this.getChildrenItems({ includeDisabled: !0 });
@@ -582,11 +311,7 @@ let a = class extends R {
   }
   renderBase(e) {
     const t = this.showExpandButton;
-    return this.href ? g`
-        <a
-          id="anchor"
-          part="base"
-          class=${C({
+    return this.href ? g`<a id="anchor" part="base" class=${C({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -594,19 +319,7 @@ let a = class extends R {
       "tree-item--leaf": this.isLeaf,
       "tree-item--rtl": this.localize.dir() === "rtl",
       "tree-item--selected": this.selected
-    })}
-          href=${_(this.href)}
-          target=${_(this.target)}
-          download=${_(this.download)}
-          rel=${_(this.rel)}
-          ?inert=${this.disabled}
-        >
-          ${e}
-        </a>
-      ` : g`
-      <div
-        part="base"
-        class=${C({
+    })} href=${_(this.href)} target=${_(this.target)} download=${_(this.download)} rel=${_(this.rel)} ?inert=${this.disabled}>${e}</a>` : g`<div part="base" class=${C({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -614,38 +327,23 @@ let a = class extends R {
       "tree-item--leaf": this.isLeaf,
       "tree-item--rtl": this.localize.dir() === "rtl",
       "tree-item--selected": this.selected
-    })}
-      >
-        ${e}
-      </div>
-    `;
+    })}>${e}</div>`;
   }
   render() {
-    return this.renderBase(g`
-      <div
-        class="tree-item__item"
-        part="
+    return this.renderBase(g`<div class="tree-item__item" part="
             item
             ${this.disabled ? "item--disabled" : ""}
             ${this.expanded ? "item--expanded" : ""}
             ${this.indeterminate ? "item--indeterminate" : ""}
             ${this.selected ? "item--selected" : ""}
-          "
-      >
-        <div class="tree-item__indentation" part="indentation"></div>
-
-        ${E(
+          "><div class="tree-item__indentation" part="indentation"></div>${E(
       this.expandButtonPlacement === "start",
       this.renderExpandButton,
       () => L
     )}
         ${E(
       this.selectable,
-      () => g`
-            <cx-checkbox
-              part="checkbox"
-              aria-label=${this.localize.term("checkbox")}
-              exportparts="
+      () => g`<cx-checkbox part="checkbox" aria-label=${this.localize.term("checkbox")} exportparts="
                 base:checkbox__base,
                 control:checkbox__control,
                 control--checked:checkbox__control--checked,
@@ -653,32 +351,12 @@ let a = class extends R {
                 checked-icon:checkbox__checked-icon,
                 indeterminate-icon:checkbox__indeterminate-icon,
                 label:checkbox__label
-              "
-              class="tree-item__checkbox"
-              ?disabled=${this.disabled}
-              ?checked=${W(this.selected)}
-              ?indeterminate=${this.indeterminate}
-              tabindex="-1"
-            ></cx-checkbox>
-          `
-    )}
-
-        <slot class="tree-item__label" part="label"></slot>
-        <slot class="tree-item__actions" part="actions" name="actions"></slot>
-
-        ${E(
+              " class="tree-item__checkbox" ?disabled=${this.disabled} ?checked=${W(this.selected)} ?indeterminate=${this.indeterminate} tabindex="-1"></cx-checkbox>`
+    )}<slot class="tree-item__label" part="label"></slot><slot class="tree-item__actions" part="actions" name="actions"></slot>${E(
       this.expandButtonPlacement === "end",
       this.renderExpandButton,
       () => L
-    )}
-      </div>
-      <div class="tree-item__children" part="children" role="group">
-        <slot
-          name="children"
-          @slotchange=${this.handleChildrenSlotChange}
-        ></slot>
-      </div>
-    `);
+    )}</div><div class="tree-item__children" part="children" role="group"><slot name="children" @slotchange=${this.handleChildrenSlotChange}></slot></div>`);
   }
 };
 a.styles = [N, le];
@@ -813,53 +491,21 @@ s([
 a = s([
   G("cx-tree-item")
 ], a);
-H("tree-item.expand", {
+M("tree-item.expand", {
   keyframes: [
     { height: "0", opacity: "0", overflow: "hidden" },
     { height: "auto", opacity: "1", overflow: "hidden" }
   ],
   options: { duration: 250, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-H("tree-item.collapse", {
+M("tree-item.collapse", {
   keyframes: [
     { height: "auto", opacity: "1", overflow: "hidden" },
     { height: "0", opacity: "0", overflow: "hidden" }
   ],
   options: { duration: 200, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-const pe = Z`
-  :host {
-    /*
-     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
-     * stay consistent.
-     */
-    --indent-guide-color: var(--cx-color-neutral-200);
-    --indent-guide-offset: 0;
-    --indent-guide-style: solid;
-    --indent-guide-width: 0;
-    --indent-size: var(--cx-spacing-large);
-
-    display: block;
-
-    /*
-     * Tree item indentation uses the "em" unit to increment its width on each level, so setting the font size to zero
-     * here removes the indentation for all the nodes on the first level.
-     */
-    font-size: 0;
-  }
-
-  :host::part(children) {
-    display: flex;
-    flex-direction: column;
-    gap: var(--children-gap, 0);
-  }
-
-  :host([dragging]) ::slotted(cx-tree-item) {
-    --hover-background-color: transparent !important;
-    --active-background-color: transparent !important;
-    --selected-background-color: transparent !important;
-  }
-`;
+const pe = H`:host{--indent-guide-color:var(--cx-color-neutral-200);--indent-guide-offset:0;--indent-guide-style:solid;--indent-guide-width:0;--indent-size:var(--cx-spacing-large);font-size:0;display:block}:host::part(children){gap:var(--children-gap,0);flex-direction:column;display:flex}:host([dragging]) ::slotted(cx-tree-item){--hover-background-color:transparent!important;--active-background-color:transparent!important;--selected-background-color:transparent!important}`;
 var ue = Object.defineProperty, me = Object.getOwnPropertyDescriptor, h = (e, t, i, n) => {
   for (var r = n > 1 ? void 0 : n ? me(t, i) : t, o = e.length - 1, d; o >= 0; o--)
     (d = e[o]) && (r = (n ? d(t, i, r) : d(r)) || r);
@@ -891,7 +537,7 @@ function A(e, t = !1, i = "single") {
 }
 let c = class extends R {
   constructor() {
-    super(), this.sortable = !1, this.sortableGroup = null, this.disabledSortableGroup = !1, this.selection = "single", this.disabledAutoExpand = !1, this.autoExpandToSelected = !1, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.forceOnChange = !1, this.labelSelectSingle = !1, this.noDragInside = !1, this.focusable = !1, this.clickTarget = null, this.localize = new M(this), this.sortableInstance = null, this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleSortableStart = this.handleSortableStart.bind(this), this.handleSortableEnd = this.handleSortableEnd.bind(this), this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleSlotChange = this.handleSlotChange.bind(this), this.handleTreeChanged = this.handleTreeChanged.bind(this), this.initTreeItem = this.initTreeItem.bind(this);
+    super(), this.sortable = !1, this.sortableGroup = null, this.disabledSortableGroup = !1, this.selection = "single", this.disabledAutoExpand = !1, this.autoExpandToSelected = !1, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.forceOnChange = !1, this.labelSelectSingle = !1, this.noDragInside = !1, this.focusable = !1, this.clickTarget = null, this.localize = new Z(this), this.sortableInstance = null, this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleSortableStart = this.handleSortableStart.bind(this), this.handleSortableEnd = this.handleSortableEnd.bind(this), this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleSlotChange = this.handleSlotChange.bind(this), this.handleTreeChanged = this.handleTreeChanged.bind(this), this.initTreeItem = this.initTreeItem.bind(this);
   }
   runConnectedCallback() {
     if (this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("cx-lazy-change", this.handleSlotChange), this.setAttribute("role", "tree"), this.setAttribute("tabindex", "0"), this.mutationObserver = new MutationObserver(this.handleTreeChanged), this.mutationObserver.observe(this, { childList: !0, subtree: !0 }), this.autoExpandToSelected) {
@@ -1131,21 +777,7 @@ let c = class extends R {
     });
   }
   render() {
-    return g`
-      <div
-        part="base"
-        class="tree"
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      >
-        <slot part="children" @slotchange=${this.handleSlotChange}></slot>
-        <span hidden aria-hidden="true"><slot name="expand-icon"></slot></span>
-        <span hidden aria-hidden="true">
-          <slot name="collapse-icon"></slot>
-        </span>
-      </div>
-    `;
+    return g`<div part="base" class="tree" @click=${this.handleClick} @keydown=${this.handleKeyDown} @mousedown=${this.handleMouseDown}><slot part="children" @slotchange=${this.handleSlotChange}></slot><span hidden aria-hidden="true"><slot name="expand-icon"></slot></span><span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span></div>`;
   }
 };
 c.styles = [N, pe];

package/library/chunks/typography.DJC_UXgs.js

@@ -0,0 +1,52 @@
+import { n as f, C as v } from "./lib-cortex-element.CVMmyPMC.js";
+import { c } from "./component.styles.CRO4Odto.js";
+import { c as d } from "./custom-element.L4WJXn1j.js";
+import { i as x, x as i } from "./lit-element.jLBm65_O.js";
+var t = /* @__PURE__ */ ((e) => (e.Body1 = "body1", e.Body2 = "body2", e.Body3 = "body3", e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.Small = "small", e))(t || {});
+const m = x`:host{--color:inherit;--font-family:var(--cx-font-sans);--font-style:normal;line-height:var(--cx-line-height-large);display:block}:host::part(base){-webkit-font-smoothing:antialiased}.heading,.body,.small{color:var(--color);font-weight:var(--cx-font-weight);font-family:var(--font-family);font-style:var(--font-style);letter-spacing:var(--letter-spacing,var(--cx-letter-spacing-normal));margin-block:0}.heading-1{font-size:var(--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(--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(--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(--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(--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(--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))}.body-1{font-size:var(--font-size,var(--cx-font-size-medium-large));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-x-large))}.body-2{font-size:var(--font-size,var(--cx-font-size-medium));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-large))}.body-3{font-size:var(--font-size,var(--cx-font-size-small));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-medium))}.small{font-size:var(--font-size,var(--cx-font-size-x-small));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-small))}`;
+var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, g = (e, n, o, r) => {
+  for (var a = r > 1 ? void 0 : r ? w(n, o) : n, l = e.length - 1, h; l >= 0; l--)
+    (h = e[l]) && (a = (r ? h(n, o, a) : h(a)) || a);
+  return r && a && b(n, o, a), a;
+};
+let s = class extends v {
+  constructor() {
+    super(...arguments), this.variant = t.Body1;
+  }
+  render() {
+    switch (this.variant) {
+      case t.Body1:
+        return i`<p part="base" class="body body-1"><slot></slot></p>`;
+      case t.Body2:
+        return i`<p part="base" class="body body-2"><slot></slot></p>`;
+      case t.Body3:
+        return i`<p part="base" class="body body-3"><slot></slot></p>`;
+      case t.Small:
+        return i`<small part="base" class="small"><slot></slot></small>`;
+      case t.H1:
+        return i`<h1 part="base" class="heading heading-1"><slot></slot></h1>`;
+      case t.H2:
+        return i`<h2 part="base" class="heading heading-2"><slot></slot></h2>`;
+      case t.H3:
+        return i`<h3 part="base" class="heading heading-3"><slot></slot></h3>`;
+      case t.H4:
+        return i`<h4 part="base" class="heading heading-4"><slot></slot></h4>`;
+      case t.H5:
+        return i`<h5 part="base" class="heading heading-5"><slot></slot></h5>`;
+      case t.H6:
+        return i`<h6 part="base" class="heading heading-6"><slot></slot></h6>`;
+    }
+    return i`<p part="base" class="body body-2"><slot></slot></p>`;
+  }
+};
+s.styles = [c, m];
+g([
+  f({ type: String })
+], s.prototype, "variant", 2);
+s = g([
+  d("cx-typography")
+], s);
+export {
+  s as C,
+  t as T
+};

package/library/chunks/url.Cj9cIQXJ.js

@@ -0,0 +1,27 @@
+function e(a, s = globalThis.location.origin) {
+  if (a) {
+    try {
+      const t = new URL(a);
+      if (t.origin === s)
+        return t.pathname + t.search + t.hash || "/";
+    } catch {
+    }
+    return a;
+  }
+}
+const z = (a, s = "https://", t = !1) => t && a.match(d) || a.match(/^[a-zA-Z][a-zA-Z\d+\-.]*:\/\//) ? a : `${s}${a}`, n = (a) => {
+  try {
+    return new URL(a), new RegExp(o, "i").test(a);
+  } catch {
+    return !1;
+  }
+}, d = "^(?![a-zA-Z][a-zA-Z\\d+\\-.]*:\\/\\/)(?!([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}($|\\/))[^\\s]+$", o = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$", c = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.){2,}[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$", _ = "^(https?:\\/\\/)((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$";
+export {
+  d as R,
+  c as U,
+  z as a,
+  o as b,
+  _ as c,
+  n as i,
+  e as t
+};

package/library/chunks/{venn.BOEi13la.js → venn.D739bOV3.js}

@@ -1,4 +1,4 @@
-import { D as ge, x as Y, al as ve, q as $, J as ie, C as K, G as Q, L as U, T as j, m as ee, b as xe, e as k, b4 as ye, _ as te, a as ne, v as de } from "./am-chart.B_OdX4Q-.js";
+import { D as ge, x as Y, al as ve, q as $, J as ie, C as K, G as Q, L as U, T as j, m as ee, b as xe, e as k, b4 as ye, _ as te, a as ne, v as de } from "./am-chart.H2jnOzFc.js";
 import "./index.DcjJFMlq.js";
 class ce extends ge {
   setupDefaultRules() {