contain-css-svelte 1.2.2 → 1.2.3

package/dist/overlays/Tooltip.svelte

@@ -4,7 +4,7 @@ import { COLOR_VARS, PADDING_VARS, RADIUS_VARS, TYPOGRAPHY_CONTAINER_VARS, } fro
 let tooltipDiv = $state();
 let targetDiv = $state();
 let tooltipMeasurementDiv = $state();
-let { tooltipText = "", vertical = "bottom", horizontal = "right", children, tooltip, block = false, class: className, ...restProps } = $props();
+let { tooltipText = "", vertical = "bottom", horizontal = "right", children, tooltip, block = false, tooltipDisabled = false, class: className, ...restProps } = $props();
 /* The wrapper is the element a caller is pointing at -- the tooltip itself
    is a popover the component owns and positions. */
 /* The shorthands this component's own CSS backs, one group per mixin
@@ -37,6 +37,10 @@ function hidePopover() {
     unwatchViewport();
     tooltipDiv?.togglePopover(false);
 }
+$effect(() => {
+    if (tooltipDisabled)
+        hidePopover();
+});
 /**
  * Find the rect to anchor the tooltip to.
  *
@@ -203,13 +207,15 @@ onDestroy(() => {
         unwatchViewport();
 });
 async function showPopover() {
+    if (tooltipDisabled)
+        return;
     wantsShow = true;
     if (!hasRendered) {
         hasRendered = true;
         // Wait for the content to exist before measuring it — positioning reads
         // the measurement element's height/width to decide flip direction.
         await tick();
-        if (!wantsShow)
+        if (!wantsShow || tooltipDisabled)
             return;
     }
     if (!positionTooltip())

package/dist/overlays/Tooltip.svelte.d.ts

@@ -8,6 +8,7 @@ declare const Tooltip: import("svelte").Component<ContainProps<HTMLAttributes<HT
     children?: import("svelte").Snippet;
     tooltip?: import("svelte").Snippet;
     block?: boolean;
+    tooltipDisabled?: boolean;
 }, StyleProps<readonly ["bg", "fg", "padding", "borderRadius", "fontFamily", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "textAlign", "textTransform", "textDecoration", "fontVariant", "lineWidth"]>>, {}, "">;
 type Tooltip = ReturnType<typeof Tooltip>;
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contain-css-svelte",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "license": "MIT",
   "scripts": {
     "capture:review": "node scripts/capture-review.mjs",