@orangelogic/design-system 2.140.0 → 2.141.0

package/library/components/line-clamp.js

@@ -1,23 +1,23 @@
-import "../chunks/button.J4LDuhyW.js";
+import "../chunks/button.C6-GrLyD.js";
 import "./tooltip.js";
 import "./resize-observer.js";
-import { n as r, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { n as s, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CRO4Odto.js";
-import { i as f } from "../chunks/browser.BHOCIF_A.js";
+import { i as m } from "../chunks/browser.BHOCIF_A.js";
 import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as x } from "../chunks/debounce.DaHuiSGU.js";
 import { i as v, x as h } from "../chunks/lit-element.jLBm65_O.js";
 import { r as u } from "../chunks/state.CSDxrqLd.js";
-import { e as m } from "../chunks/query.BBf1UFkC.js";
+import { e as f } from "../chunks/query.BBf1UFkC.js";
 const C = v`:host{--toggler-color:var(--cx-color-primary)}.content{text-overflow:ellipsis;white-space:normal;overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toggler{margin-top:var(--cx-spacing-2x-small);display:block}.toggler::part(base){color:var(--toggler-color);font-weight:var(--cx-font-weight-medium);text-transform:none;width:auto}.toggler::part(label){padding-left:0}`;
-var T = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, e = (i, s, n, a) => {
-  for (var l = a > 1 ? void 0 : a ? $(s, n) : s, o = i.length - 1, p; o >= 0; o--)
-    (p = i[o]) && (l = (a ? p(s, n, l) : p(l)) || l);
-  return a && l && T(s, n, l), l;
+var T = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, e = (i, r, n, a) => {
+  for (var l = a > 1 ? void 0 : a ? $(r, n) : r, o = i.length - 1, p; o >= 0; o--)
+    (p = i[o]) && (l = (a ? p(r, n, l) : p(l)) || l);
+  return a && l && T(r, n, l), l;
 };
 let t = class extends b {
   constructor() {
-    super(...arguments), this.lines = 1, this.open = !1, this.showMore = !1, this.showMoreText = "View more...", this.showLessText = "View less...", this.disabledTooltip = !1, this.disabledHoverBridge = !1, this.placement = "top", this.isClamped = !1, this.tooltipContent = "", this.calculated = !1;
+    super(...arguments), this.lines = 1, this.open = !1, this.showMore = !1, this.showMoreText = "View more...", this.showLessText = "View less...", this.clampedTooltip = "", this.disabledTooltip = !1, this.disabledHoverBridge = !1, this.placement = "top", this.isClamped = !1, this.tooltipContent = "", this.calculated = !1;
   }
   connectedUpdatedCallback() {
     this.updateTooltipContent(), this.mutationObserver = new MutationObserver(() => {
@@ -32,7 +32,7 @@ let t = class extends b {
     super.disconnectedCallback(), this.mutationObserver?.disconnect();
   }
   async updateTooltipContent() {
-    const s = this.shadowRoot.querySelector("slot").assignedNodes({ flatten: !0 }), n = async (o) => {
+    const r = this.shadowRoot.querySelector("slot").assignedNodes({ flatten: !0 }), n = async (o) => {
       if (o.nodeType === Node.ELEMENT_NODE)
         try {
           let c = o.childNodes.length > 0 || o.shadowRoot ? "" : o.textContent ?? "";
@@ -48,7 +48,7 @@ let t = class extends b {
         }
       return o.nodeType !== Node.COMMENT_NODE ? o.textContent ?? "" : "";
     }, a = [];
-    for (const o of s) {
+    for (const o of r) {
       const p = await n(o);
       a.push(p);
     }
@@ -63,8 +63,8 @@ let t = class extends b {
     i.currentTarget === this.tooltipElement && requestAnimationFrame(() => {
       if (!this.content)
         return;
-      const s = this.content.style.display;
-      this.content.style.display = "none", this.content.getBoundingClientRect(), this.content.style.display = s;
+      const r = this.content.style.display;
+      this.content.style.display = "none", this.content.getBoundingClientRect(), this.content.style.display = r;
     });
   }
   /**
@@ -81,50 +81,56 @@ let t = class extends b {
   toggleShowingMore() {
     this.open = !this.open;
   }
+  get resolvedTooltipContent() {
+    return this.clampedTooltip || this.tooltipContent;
+  }
   render() {
     const i = h`<div part="base"><cx-resize-observer @cx-resize=${this.handleResize}><span class="content" part="content" style="-webkit-line-clamp: ${this.lines}"><slot></slot></span></cx-resize-observer></div>`;
-    let s = null;
-    return this.isClamped && (s = h`<cx-button part="toggler" size="small" variant="text" class="toggler" @click=${this.toggleShowingMore}>${this.open ? this.showLessText : this.showMoreText}</cx-button>`), this.showMore ? h`
+    let r = null;
+    return this.isClamped && (r = h`<cx-button part="toggler" size="small" variant="text" class="toggler" @click=${this.toggleShowingMore}>${this.open ? this.showLessText : this.showMoreText}</cx-button>`), this.showMore ? h`
         ${this.open && this.calculated ? h`<slot></slot>` : i}
-        ${s}
-      ` : this.disabledTooltip ? i : this.tooltip ? h`<cx-tooltip part="tooltip" class="tooltip" content=${this.tooltip} hoist ?disabled-hover-bridge=${this.disabledHoverBridge} .flipBoundary=${this.flipBoundary} .shiftBoundary=${this.shiftBoundary} placement=${this.placement} @cx-after-hide=${f() ? this.handleTooltipAfterHide : null}>${i}</cx-tooltip>` : h`
-      ${this.isClamped ? h`<cx-tooltip part="tooltip" class="tooltip" content=${this.tooltipContent} hoist ?disabled-hover-bridge=${this.disabledHoverBridge} .flipBoundary=${this.flipBoundary} .shiftBoundary=${this.shiftBoundary} placement=${this.placement} @cx-after-hide=${f() ? this.handleTooltipAfterHide : null}>${i}</cx-tooltip>` : i}
+        ${r}
+      ` : this.disabledTooltip ? i : this.tooltip ? h`<cx-tooltip part="tooltip" class="tooltip" content=${this.tooltip} hoist ?disabled-hover-bridge=${this.disabledHoverBridge} .flipBoundary=${this.flipBoundary} .shiftBoundary=${this.shiftBoundary} placement=${this.placement} @cx-after-hide=${m() ? this.handleTooltipAfterHide : null}>${i}</cx-tooltip>` : h`
+      ${this.isClamped && this.resolvedTooltipContent ? h`<cx-tooltip part="tooltip" class="tooltip" content=${this.resolvedTooltipContent} hoist ?disabled-hover-bridge=${this.disabledHoverBridge} .flipBoundary=${this.flipBoundary} .shiftBoundary=${this.shiftBoundary} placement=${this.placement} @cx-after-hide=${m() ? this.handleTooltipAfterHide : null}>${i}</cx-tooltip>` : i}
     `;
   }
 };
 t.styles = [g, C];
 e([
-  r({ type: Number })
+  s({ type: Number })
 ], t.prototype, "lines", 2);
 e([
-  r({ reflect: !0, type: Boolean })
+  s({ reflect: !0, type: Boolean })
 ], t.prototype, "open", 2);
 e([
-  r({ attribute: "show-more", type: Boolean })
+  s({ attribute: "show-more", type: Boolean })
 ], t.prototype, "showMore", 2);
 e([
-  r({ attribute: "show-more-text", type: String })
+  s({ attribute: "show-more-text", type: String })
 ], t.prototype, "showMoreText", 2);
 e([
-  r({ attribute: "show-less-text", type: String })
+  s({ attribute: "show-less-text", type: String })
 ], t.prototype, "showLessText", 2);
 e([
-  r({ type: String })
+  s({ type: String })
 ], t.prototype, "tooltip", 2);
 e([
-  r({ attribute: "disabled-tooltip", type: Boolean })
+  s({ attribute: "clamped-tooltip", type: String })
+], t.prototype, "clampedTooltip", 2);
+e([
+  s({ attribute: "disabled-tooltip", type: Boolean })
 ], t.prototype, "disabledTooltip", 2);
 e([
-  r({ attribute: "disabled-hover-bridge", reflect: !0, type: Boolean })
+  s({ attribute: "disabled-hover-bridge", reflect: !0, type: Boolean })
 ], t.prototype, "disabledHoverBridge", 2);
 e([
-  r({ attribute: "flip-boundary", type: Object })
+  s({ attribute: "flip-boundary", type: Object })
 ], t.prototype, "flipBoundary", 2);
 e([
-  r({ attribute: "shift-boundary", type: Object })
+  s({ attribute: "shift-boundary", type: Object })
 ], t.prototype, "shiftBoundary", 2);
 e([
-  r()
+  s()
 ], t.prototype, "placement", 2);
 e([
   u()
@@ -136,10 +142,10 @@ e([
   u()
 ], t.prototype, "calculated", 2);
 e([
-  m(".content")
+  f(".content")
 ], t.prototype, "content", 2);
 e([
-  m(".tooltip")
+  f(".tooltip")
 ], t.prototype, "tooltipElement", 2);
 e([
   x(100)

package/library/components/molecules.js

@@ -1,11 +1,11 @@
 import { default as e } from "./bicolor-picker.js";
 import { default as a } from "./border-input-group.js";
 import { C as x } from "../chunks/color-swatch.DimFgBSf.js";
-import { C as u } from "../chunks/confirm-popover.DV5q0KyE.js";
+import { C as u } from "../chunks/confirm-popover.CTdjw4Mi.js";
 import { default as d } from "./corner-position-input-group.js";
 import { default as l } from "./cropper.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.BQXuKb-8.js";
+import { C as c } from "../chunks/folder-select.CpK1RX9O.js";
 import { default as P } from "./masonry.js";
 import { default as I } from "./padding-input-group.js";
 import { default as y } from "./position-picker.js";

package/library/components/organisms.js

@@ -1,6 +1,6 @@
-import { C } from "../chunks/asset-link-format.CoMUMoyK.js";
-import { C as e } from "../chunks/color-swatch-group.DedQQk4J.js";
-import { C as x } from "../chunks/file-on-demand.C3ib6J00.js";
+import { C } from "../chunks/asset-link-format.BDuHqEN5.js";
+import { C as e } from "../chunks/color-swatch-group.BqJHjmG5.js";
+import { C as x } from "../chunks/file-on-demand.Bxq3-Dk1.js";
 export {
   C as CxAssetLinkFormat,
   e as CxColorSwatchGroup,

package/library/components/padding-input-group.js

@@ -1,4 +1,4 @@
-import { C as i } from "../chunks/input.DID1aXiO.js";
+import { C as i } from "../chunks/input.ClJ4MEsk.js";
 import l from "./input-group.js";
 import { n as c, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as f } from "../chunks/component.styles.CRO4Odto.js";

package/library/components/pagination.js

@@ -1,7 +1,7 @@
 import "./space.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/icon-button.LhIEmHNF.js";
-import { C as k } from "../chunks/pagination.BNU2UmTy.js";
+import { C as k } from "../chunks/pagination.CNeaChqP.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DeUAP8n2.js";
 import "../chunks/math.DuKzLacZ.js";
@@ -11,8 +11,8 @@ import "../chunks/state.CSDxrqLd.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/repeat.CFjcER6_.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.J4LDuhyW.js";
-import "../chunks/input.DID1aXiO.js";
+import "../chunks/button.C6-GrLyD.js";
+import "../chunks/input.ClJ4MEsk.js";
 import "../chunks/option.n6PDuSs1.js";
 import "./select.js";
 import "./tooltip.js";

package/library/components/radio-group.js

@@ -3,7 +3,7 @@ import { c as g } from "../chunks/component.styles.CRO4Odto.js";
 import { f as y } from "../chunks/form-control.styles.CaGWmeAS.js";
 import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as x } from "../chunks/default-value.COZopaet.js";
-import { F as b, c as C, a as w, v as R } from "../chunks/form.K1XOtu3S.js";
+import { F as b, c as C, a as w, v as R } from "../chunks/form.BSqXLytJ.js";
 import { H as V } from "../chunks/slot.j5oheLJC.js";
 import { w as h } from "../chunks/watch.CThbualB.js";
 import { i as E, x as u } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/range.js

@@ -6,7 +6,7 @@ import { c as U } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as $ } from "../chunks/debounce.DaHuiSGU.js";
 import { d as O } from "../chunks/default-value.COZopaet.js";
 import { d as w } from "../chunks/drag.DXEXVXPv.js";
-import { F as N } from "../chunks/form.K1XOtu3S.js";
+import { F as N } from "../chunks/form.BSqXLytJ.js";
 import { L as S } from "../chunks/i18n.DeUAP8n2.js";
 import { c as d } from "../chunks/math.DuKzLacZ.js";
 import { H as A } from "../chunks/slot.j5oheLJC.js";

package/library/components/select.js

@@ -6,7 +6,7 @@ import { f as D } from "../chunks/form-control.styles.CaGWmeAS.js";
 import { s as x, a as y, w as v } from "../chunks/event.BeKOsirN.js";
 import { c as z } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as I } from "../chunks/default-value.COZopaet.js";
-import { F as $ } from "../chunks/form.K1XOtu3S.js";
+import { F as $ } from "../chunks/form.BSqXLytJ.js";
 import { L } from "../chunks/i18n.DeUAP8n2.js";
 import { s as F } from "../chunks/scroll.xtO5yojm.js";
 import { H as V } from "../chunks/slot.j5oheLJC.js";

package/library/components/shadow-input-group.js

@@ -1,4 +1,4 @@
-import { C as u } from "../chunks/input.DID1aXiO.js";
+import { C as u } from "../chunks/input.ClJ4MEsk.js";
 import l from "./input-group.js";
 import m from "./space.js";
 import { n as h, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";

package/library/components/share-option-list.js

@@ -7,7 +7,7 @@ import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as E } from "../chunks/i18n.DeUAP8n2.js";
 import { c as b } from "../chunks/math.DuKzLacZ.js";
 import { w as m } from "../chunks/watch.CThbualB.js";
-import { c as x } from "../chunks/dom.acWb8KCK.js";
+import { c as x } from "../chunks/dom.CU_mBy9D.js";
 import { i as z, x as g } from "../chunks/lit-element.jLBm65_O.js";
 import { r as v } from "../chunks/state.CSDxrqLd.js";
 import { t as L } from "../chunks/event-options.CYHYGOd8.js";

package/library/components/size-input-group.js

@@ -1,5 +1,5 @@
 import { C as x } from "../chunks/icon-button.LhIEmHNF.js";
-import { C as d } from "../chunks/input.DID1aXiO.js";
+import { C as d } from "../chunks/input.ClJ4MEsk.js";
 import g from "./select.js";
 import v from "./space.js";
 import k from "./tooltip.js";

package/library/components/switch.js

@@ -3,7 +3,7 @@ import { c as m } from "../chunks/component.styles.CRO4Odto.js";
 import { f } from "../chunks/form-control.styles.CaGWmeAS.js";
 import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as w } from "../chunks/default-value.COZopaet.js";
-import { F as b } from "../chunks/form.K1XOtu3S.js";
+import { F as b } from "../chunks/form.BSqXLytJ.js";
 import { H as x } from "../chunks/slot.j5oheLJC.js";
 import { w as u } from "../chunks/watch.CThbualB.js";
 import { i as _, x as n } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/tab-group.js

@@ -1,12 +1,12 @@
 import "./resize-observer.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as A } from "../chunks/tab-group.5O3lqvyG.js";
+import { C as A } from "../chunks/tab-group.COQGzlw4.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DeUAP8n2.js";
 import "../chunks/scroll.xtO5yojm.js";
 import "../chunks/watch.CThbualB.js";
-import "../chunks/dom.acWb8KCK.js";
+import "../chunks/dom.CU_mBy9D.js";
 import "../chunks/parse.Cu5nBDTb.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
@@ -18,7 +18,7 @@ import "../chunks/guard.D4axKaMo.js";
 import "../chunks/map.D8heArFD.js";
 import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.J4LDuhyW.js";
+import "../chunks/button.C6-GrLyD.js";
 import "./dropdown.js";
 import "../chunks/icon-button.LhIEmHNF.js";
 import "./menu.js";

package/library/components/textarea.js

@@ -3,7 +3,7 @@ import { c as b } from "../chunks/component.styles.CRO4Odto.js";
 import { f as g } from "../chunks/form-control.styles.CaGWmeAS.js";
 import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as y } from "../chunks/default-value.COZopaet.js";
-import { F as _ } from "../chunks/form.K1XOtu3S.js";
+import { F as _ } from "../chunks/form.BSqXLytJ.js";
 import { H as z } from "../chunks/slot.j5oheLJC.js";
 import { w as d } from "../chunks/watch.CThbualB.js";
 import { i as C, x as p } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/timecode.js

@@ -1,7 +1,7 @@
 import { C as l, T as f } from "../chunks/typography.DJC_UXgs.js";
 import { n as i, C as y } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as d } from "../chunks/component.styles.CRO4Odto.js";
-import { T as g, f as n } from "../chunks/string.CjJ09HK3.js";
+import { T as g, f as n } from "../chunks/string.BmBJ_BLT.js";
 import { t as u } from "../chunks/converters.DkDtLstb.js";
 import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
 import { w as h } from "../chunks/watch.CThbualB.js";

package/library/components/tree-item.js

@@ -12,11 +12,11 @@ import "../chunks/if-defined.BRoBj_Rp.js";
 import "../chunks/live.DCegntDo.js";
 import "../chunks/when.Dr1es41R.js";
 import "../chunks/animation-registry.HmpwNuGH.js";
-import "../chunks/checkbox.Cjcht4xR.js";
+import "../chunks/checkbox.i5dgRvaf.js";
 import "../chunks/icon.DnBh6-56.js";
 import "./line-clamp.js";
 import "./spinner.js";
-import { C as k } from "../chunks/tree.CbwFiRJI.js";
+import { C as k } from "../chunks/tree.DeIv5gWv.js";
 export {
   k as default
 };

package/library/components/tree.js

@@ -4,7 +4,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DeUAP8n2.js";
 import "../chunks/math.DuKzLacZ.js";
 import "../chunks/watch.CThbualB.js";
-import { a as y, b, s as f, c as x } from "../chunks/tree.CbwFiRJI.js";
+import { a as y, b, s as f, c as x } from "../chunks/tree.DeIv5gWv.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";