@threadlabs/looma 0.31.1 → 0.31.3

package/components/shared/overlay.js

@@ -364,7 +364,7 @@ export function createViewportSurface(surface, options = {}) {
       // Suppress newly introduced UA borders without overriding authored theme-dependent chrome.
       for (const side of absentBorders) surface.style[`border${side}Width`] = "0";
     } else {
-      Object.assign(surface.style, { padding: "0", border: "0", background: "transparent" });
+      Object.assign(surface.style, { padding: "0", border: "0", background: "transparent", overflow: "visible" });
     }
   }
   const hideSurface = () => {

package/components/shared/tooltip.js

@@ -0,0 +1,7 @@
+/** Resolve the inherited pointer-intent delay; CSS time values and millisecond numbers are accepted. */
+export function tooltipShowDelay(element, fallback = 500) {
+  if (!element) return fallback;
+  const value = element.ownerDocument.defaultView.getComputedStyle(element).getPropertyValue("--ui-tooltip-show-delay").trim();
+  const match = /^([0-9]+(?:\.[0-9]+)?)(ms|s)?$/.exec(value);
+  return match ? Number(match[1]) * (match[2] === "s" ? 1000 : 1) : fallback;
+}

package/components/ui-editor-toolbar/ui-editor-toolbar.html

@@ -73,6 +73,7 @@
     }
 
     :host([floating]) {
+      box-sizing: border-box;
       position: relative;
       top: auto;
       width: max-content;

package/components/ui-popover/ui-popover.html

@@ -1,5 +1,7 @@
 <template component="ui-popover" module="./ui-popover.js">
   <defs>
+    <prop name="bare" type="boolean" default="false"
+    >Delegates the surface to its content, with no padding, border, background, shadow, or overflow clipping.</prop>
     <prop name="size" type="keyword" values="content, sm, md, lg" default="content"
     >Optional size preset. content keeps the existing intrinsic sizing; the other sizes constrain the surface for compact, medium, or large content.</prop>
     <prop name="open" type="boolean" default="false">Whether the popover is open initially or when set externally.</prop>
@@ -93,6 +95,15 @@
       box-shadow: var(--_ui-popover-shadow, var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg))));
     }
 
+    /* A toolbar or card can supply its own surface, including an unclipped shadow. */
+    :host([bare]) .surface {
+      overflow: visible;
+      padding: 0;
+      border: 0;
+      background: transparent;
+      box-shadow: none;
+    }
+
     :host(:not(:state(internalOpen))) {
       display: none;
     }

package/components/ui-tooltip/ui-tooltip.js

@@ -1,3 +1,4 @@
+import { tooltipShowDelay } from "../shared/tooltip.js";
 import { closeOverlay, createAnchoredSurface, createIdResolver, onOverlayOpen, openOverlay } from "../shared/overlay.js";
 
 const warmTooltips = new WeakMap();
@@ -61,7 +62,7 @@ export function connect(host) {
     showTimer = setTimeout(() => {
       showTimer = null;
       setOpen(true, "pointer");
-    }, warm.active > 0 || warm.until > Date.now() ? 0 : Math.max(0, Number(host.props.showDelay.value ?? 500)));
+    }, warm.active > 0 || warm.until > Date.now() ? 0 : Math.max(0, host.props.showDelay.inputValue != null ? Number(host.props.showDelay.value) : tooltipShowDelay(element)));
   };
   const onLeave = () => {
     clearShow();
@@ -134,6 +135,8 @@ export function connect(host) {
     if (how === "hover") {
       trigger.addEventListener("pointerenter", onEnter);
       trigger.addEventListener("pointerleave", onLeave);
+      // Editor decorations can acquire their tooltip after the pointer has already entered.
+      if (trigger.matches(":hover")) onEnter({ pointerType: "mouse" });
     }
     trigger.addEventListener("focusin", onFocusin);
     trigger.addEventListener("focusout", onFocusout);