@orangelogic/design-system 2.43.0 → 2.44.0

package/library/components/line-clamp.js

@@ -1,8 +1,8 @@
 import "../chunks/button.DrU92LJQ.js";
 import "./tooltip.js";
 import "./resize-observer.js";
-import { i as g, n as r, C as x, x as h, c as w } from "../chunks/custom-element.fmLrnDZr.js";
-import { c as b } from "../chunks/component.styles.DtouHn2g.js";
+import { i as g, n as r, C as b, x as h, c as x } from "../chunks/custom-element.fmLrnDZr.js";
+import { c as w } from "../chunks/component.styles.DtouHn2g.js";
 import { i as f } from "../chunks/browser.Va59Ix3P.js";
 import { d as C } from "../chunks/popup.CJrePm7n.js";
 import { r as u } from "../chunks/state.Dt9F_SuS.js";
@@ -38,28 +38,28 @@ const v = g`
     padding-left: 0;
   }
 `;
-var T = Object.defineProperty, B = Object.getOwnPropertyDescriptor, e = (i, s, n, a) => {
-  for (var l = a > 1 ? void 0 : a ? B(s, n) : s, o = i.length - 1, p; o >= 0; o--)
+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;
 };
-let t = class extends x {
+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.hoverBridge = !0, 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.disabledTooltip = !1, this.disabledHoverBridge = !1, this.placement = "top", this.isClamped = !1, this.tooltipContent = "", this.calculated = !1;
   }
   async updateTooltipContent() {
     const s = 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 ?? "";
+          let d = o.childNodes.length > 0 || o.shadowRoot ? "" : o.textContent ?? "";
           if (await customElements.whenDefined(o.nodeName.toLowerCase()), o.shadowRoot) {
-            const d = o.shadowRoot?.childNodes ?? [];
-            for (const m of d)
-              c += await n(m);
+            const c = o.shadowRoot?.childNodes ?? [];
+            for (const m of c)
+              d += await n(m);
           }
-          for (const d of o.childNodes)
-            c += await n(d);
-          return c.trim();
+          for (const c of o.childNodes)
+            d += await n(c);
+          return d.trim();
         } catch {
         }
       return o.nodeType !== Node.COMMENT_NODE ? o.textContent ?? "" : "";
@@ -134,7 +134,7 @@ let t = class extends x {
           class="tooltip"
           content=${this.tooltip}
           hoist
-          .hoverBridge=${this.hoverBridge}
+          ?disabled-hover-bridge=${this.disabledHoverBridge}
           .flipBoundary=${this.flipBoundary}
           .shiftBoundary=${this.shiftBoundary}
           placement=${this.placement}
@@ -147,7 +147,7 @@ let t = class extends x {
             class="tooltip"
             content=${this.tooltipContent}
             hoist
-            .hoverBridge=${this.hoverBridge}
+            ?disabled-hover-bridge=${this.disabledHoverBridge}
             .flipBoundary=${this.flipBoundary}
             .shiftBoundary=${this.shiftBoundary}
             placement=${this.placement}
@@ -158,7 +158,7 @@ let t = class extends x {
     `;
   }
 };
-t.styles = [b, v];
+t.styles = [w, v];
 e([
   r({ type: Number })
 ], t.prototype, "lines", 2);
@@ -181,8 +181,8 @@ e([
   r({ attribute: "disabled-tooltip", type: Boolean })
 ], t.prototype, "disabledTooltip", 2);
 e([
-  r({ attribute: "hover-bridge", reflect: !0, type: Boolean })
-], t.prototype, "hoverBridge", 2);
+  r({ attribute: "disabled-hover-bridge", reflect: !0, type: Boolean })
+], t.prototype, "disabledHoverBridge", 2);
 e([
   r({ attribute: "flip-boundary", type: Object })
 ], t.prototype, "flipBoundary", 2);
@@ -211,7 +211,7 @@ e([
   C(100)
 ], t.prototype, "handleResize", 1);
 t = e([
-  w("cx-line-clamp")
+  x("cx-line-clamp")
 ], t);
 export {
   t as default

package/library/components/tooltip.js

@@ -1,4 +1,4 @@
-import { i as v, n as i, C as b, x as w, c as x } from "../chunks/custom-element.fmLrnDZr.js";
+import { i as b, n as i, C as v, x as w, c as x } from "../chunks/custom-element.fmLrnDZr.js";
 import { c as C } from "../chunks/component.styles.DtouHn2g.js";
 import { s as g, p as c, a as u, g as y, b as m } from "../chunks/animation-registry.DavRkTTr.js";
 import { w as f } from "../chunks/event.mFzZi4sr.js";
@@ -7,7 +7,7 @@ import { w as l } from "../chunks/watch.BCJD77bD.js";
 import { e as d } from "../chunks/query.BBf1UFkC.js";
 import { e as B } from "../chunks/class-map.DqNfBvJI.js";
 import { C as D } from "../chunks/popup.CJrePm7n.js";
-const O = v`
+const O = b`
   :host {
     --hide-delay: 0ms;
     --show-delay: 500ms;
@@ -69,9 +69,9 @@ var T = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (o, s, n
     (h = o[p]) && (r = (a ? h(s, n, r) : h(r)) || r);
   return a && r && T(s, n, r), r;
 };
-let t = class extends b {
+let t = class extends v {
   constructor() {
-    super(), this.localize = new k(this), this.content = "", this.placement = "top", this.disabled = !1, this.distance = 8, this.open = !1, this.skidding = 0, this.trigger = "hover focus", this.hoist = !1, this.hoverBridge = !0, this.handleBlur = this.handleBlur.bind(this), this.handleFocus = this.handleFocus.bind(this), this.handleClick = this.handleClick.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleMouseOut = this.handleMouseOut.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.addEventListener("blur", this.handleBlur, !0), this.addEventListener("focus", this.handleFocus, !0), this.addEventListener("click", this.handleClick), this.addEventListener("mouseover", this.handleMouseOver), this.addEventListener("mouseout", this.handleMouseOut);
+    super(), this.localize = new k(this), this.content = "", this.placement = "top", this.disabled = !1, this.distance = 8, this.open = !1, this.skidding = 0, this.trigger = "hover focus", this.hoist = !1, this.disabledHoverBridge = !1, this.handleBlur = this.handleBlur.bind(this), this.handleFocus = this.handleFocus.bind(this), this.handleClick = this.handleClick.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleMouseOut = this.handleMouseOut.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.addEventListener("blur", this.handleBlur, !0), this.addEventListener("focus", this.handleFocus, !0), this.addEventListener("click", this.handleClick), this.addEventListener("mouseover", this.handleMouseOver), this.addEventListener("mouseout", this.handleMouseOut);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.closeWatcher?.destroy(), document.removeEventListener("keydown", this.handleDocumentKeyDown);
@@ -161,7 +161,7 @@ let t = class extends b {
         "
         class=${B({
       tooltip: !0,
-      "tooltip--disabled-hover": !this.hoverBridge,
+      "tooltip--disabled-hover": this.disabledHoverBridge,
       "tooltip--open": this.open
     })}
         placement=${this.placement}
@@ -171,7 +171,7 @@ let t = class extends b {
         flip
         shift
         arrow
-        ?hover-bridge=${this.hoverBridge}
+        ?hover-bridge=${!this.disabledHoverBridge}
         .anchor=${this.anchor}
         .flipBoundary=${this.flipBoundary}
         .shiftBoundary=${this.shiftBoundary}
@@ -229,8 +229,8 @@ e([
   i({ type: Boolean })
 ], t.prototype, "hoist", 2);
 e([
-  i({ attribute: "hover-bridge", reflect: !0, type: Boolean })
-], t.prototype, "hoverBridge", 2);
+  i({ attribute: "disabled-hover-bridge", reflect: !0, type: Boolean })
+], t.prototype, "disabledHoverBridge", 2);
 e([
   i({ attribute: "flip-boundary", type: Object })
 ], t.prototype, "flipBoundary", 2);

package/library/components/types.js

@@ -499,7 +499,7 @@ let Ri = class extends zn {
   }
   render() {
     return Z`<div class="viewer-config">
-      <cx-tooltip content=${this.localize.term("settings")} .hoverBridge="false" trigger="hover">
+      <cx-tooltip content=${this.localize.term("settings")} disabled-hover-bridge trigger="hover">
         <cx-dropdown class="viewer-config__dropdown" placement="top-end" stay-open-on-select hoist flip-padding="-10">
             <cx-icon-button
               slot="trigger"
@@ -1092,7 +1092,7 @@ let ni = class extends zn {
 
         <div class="viewer-control__action-buttons">
           <div class="viewer-control__action-buttons__left">
-            <cx-tooltip content=${this.isAnimationPlaying ? this.localize.term("pause") : this.localize.term("play")} .hoverBridge="false">
+            <cx-tooltip content=${this.isAnimationPlaying ? this.localize.term("pause") : this.localize.term("play")} disabled-hover-bridge>
               <cx-icon-button
                 class="viewer-control__play-pause-btn"
                 name=${this.isAnimationPlaying ? "pause" : "play_arrow"}
@@ -1104,7 +1104,7 @@ let ni = class extends zn {
 
             <div class="viewer-control__time-display">${this.currentTime} / ${this.totalTime}</div>
 
-            <cx-tooltip content=${this.localize.term("animation")} .hoverBridge="false" trigger="hover">
+            <cx-tooltip content=${this.localize.term("animation")} disabled-hover-bridge trigger="hover">
               <cx-dropdown class="viewer-control__animation-dropdown" placement="top-start" stay-open-on-select>
                 <cx-button class="viewer-control__animation-button" variant="custom" slot="trigger" caret> ${this.selectedAnimation} </cx-button>
                 <cx-menu class="viewer-control__animation-menu" @cx-select=${this.handleAnimationSelect}>
@@ -1133,7 +1133,7 @@ let ni = class extends zn {
           </div>
 
           <div class="viewer-control__action-buttons__right">
-            <cx-tooltip content=${this.localize.term("start")} .hoverBridge="false">
+            <cx-tooltip content=${this.localize.term("start")} disabled-hover-bridge>
               <cx-icon-button
                 class="viewer-control__icon-button"
                 name="replay"
@@ -1163,7 +1163,7 @@ let ni = class extends zn {
 
             <cx-tooltip
               content=${this.isFullscreen ? this.localize.term("exitFullscreen") : this.localize.term("fullscreen")}
-              .hoverBridge="false"
+              disabled-hover-bridge
             >
               <cx-icon-button
                 class="viewer-control__icon-button"
@@ -1180,7 +1180,7 @@ let ni = class extends zn {
         <div class="viewer-control--static">
           <cx-tooltip
             content=${this.localize.term("resetPosition")}
-            .hoverBridge="false"
+            disabled-hover-bridge
           >
             <cx-icon-button
               class="viewer-control__icon-button"
@@ -1208,7 +1208,7 @@ let ni = class extends zn {
           ></cx-3d-viewer-config>
           <cx-tooltip
             content=${this.isFullscreen ? this.localize.term("exitFullscreen") : this.localize.term("fullscreen")}
-            .hoverBridge="false"
+            disabled-hover-bridge
           >
             <cx-icon-button
               class="viewer-control__icon-button"
@@ -4346,7 +4346,6 @@ const vJ = Dn`
       transparent
     );
     position: relative;
-    isolation: isolate;
   }
 
   :host(:focus-visible) {
@@ -20987,7 +20986,7 @@ let tu = class extends zn {
           <cx-tooltip
             content=${l}
             .disabled=${n.disabled || !l}
-            .hoverBridge=${!1}
+            disabled-hover-bridge
             hoist
           >
             <cx-line-clamp lines="1">${n.label}</cx-line-clamp>
@@ -21019,7 +21018,7 @@ let tu = class extends zn {
               slot="suffix"
               content=${F8(a ?? "")}
               .disabled=${!a}
-              .hoverBridge=${!1}
+              disabled-hover-bridge
               hoist
             >
               <cx-switch
@@ -135521,7 +135520,7 @@ let q2 = class extends _d {
     return Z` <cx-tooltip
       content=${this.tooltip}
       ?disabled=${!this.tooltip || this.disabled || this.open}
-      .hoverBridge=${!1}
+      disabled-hover-bridge
     >
       ${super.render()}</cx-tooltip
     >`;
@@ -147266,7 +147265,7 @@ let La = class extends zn {
           class="board-list-item__text__content"
           lines="2"
           ?disabled-tooltip=${!!this.tooltip}
-          .hoverBridge=${!1}
+          disabled-hover-bridge
         >
           ${this.text}
         </cx-line-clamp>
@@ -147275,7 +147274,7 @@ let La = class extends zn {
           hoist
           trigger="manual"
           ?disabled=${this.disabledTooltip || !this.tooltip}
-          .hoverBridge=${!1}
+          disabled-hover-bridge
         >
           <div class="board-list-item__text__anchor"></div>
           <div slot="content">${Yu(this.tooltip)}</div>
@@ -153685,7 +153684,7 @@ let Ra = class extends zn {
     })}
         >
           <div class="video-editor-track__name">
-            <cx-line-clamp lines="1">
+            <cx-line-clamp lines="1" disabled-hover-bridge>
               <cx-typography variant="body2">
                 ${this.data.label}
               </cx-typography>

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.43.0",
+  "version": "2.44.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/line-clamp/line-clamp.d.ts

@@ -34,7 +34,7 @@ export default class CxLineClamp extends CortexElement {
      */
     tooltip: string;
     disabledTooltip: boolean;
-    hoverBridge: boolean;
+    disabledHoverBridge: boolean;
     /** The flip boundary for the tooltip. */
     flipBoundary: Element | Element[];
     /** The shift boundary for the tooltip. */

package/library/packages/atoms/src/components/tooltip/tooltip.d.ts

@@ -80,7 +80,7 @@ export default class CxTooltip extends CortexElement {
      * because the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is
      * active.
      */
-    hoverBridge: boolean;
+    disabledHoverBridge: boolean;
     /** The flip boundary for the popup. */
     flipBoundary: Element | Element[];
     /** The shift boundary for the popup. */

package/library/react-web-component.d.ts

@@ -1563,7 +1563,7 @@
         /**
           * When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the gap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane because the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is active.
         */
-        hoverBridge?: boolean;
+        disabledHoverBridge?: boolean;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -2717,7 +2717,7 @@
         /**
           * 
         */
-        hoverBridge?: boolean;
+        disabledHoverBridge?: boolean;
         /**
           * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip inside of the viewport.
         */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.43.0",
+  "version": "2.44.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {