@watermarkinsights/ripple 3.36.0 → 3.37.0

package/dist/cjs/{chartFunctions-41c67866.js → chartFunctions-4d828b26.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-670c5d2a.js');
-const functions = require('./functions-45f36418.js');
+const index = require('./index-fae02cd7.js');
+const functions = require('./functions-0c27162e.js');
 
 const colors = {
   salmon: "#ff5f4e",

package/dist/cjs/{functions-45f36418.js → functions-0c27162e.js}

@@ -8787,30 +8787,46 @@ function adjustTooltipPlacement(placement, anchorEl, tooltipHeight, tooltipWidth
   return placement;
 }
 function showTooltip(placement, anchorEl, tooltipText) {
-  const tooltipEl = document.getElementById("wm-tooltip");
-  tooltipEl.textContent = tooltipText;
-  // tooltip only has a maxWidth if it contains whitespace and can break
-  const hasNoWhitespace = tooltipText.match(/^[^\s]+$/);
-  if (hasNoWhitespace) {
-    tooltipEl.classList.add("single-word");
-    tooltipEl.style.setProperty("--wmTooltipMaxWidth", "none");
-  }
-  else {
-    tooltipEl.classList.remove("single-word");
-    tooltipEl.style.removeProperty("--wmTooltipMaxWidth");
-  }
-  const tooltipRect = tooltipEl.getBoundingClientRect();
-  const anchorRect = anchorEl.getBoundingClientRect();
-  const adjustedPlacement = adjustTooltipPlacement(placement, anchorEl, tooltipRect.height, tooltipRect.width);
-  let verticalPos, horizontalPos;
-  [verticalPos, horizontalPos] = positionTooltip(adjustedPlacement, anchorRect, tooltipRect.height, tooltipRect.width);
-  tooltipEl.style.setProperty("--wmTooltipTop", verticalPos + "px");
-  tooltipEl.style.setProperty("--wmTooltipLeft", horizontalPos + "px");
-  tooltipEl.classList.add("show");
+  // until popover is supported by firefox, we have to check for and position additional tooltip rendered within the modal's dialog element
+  // this additional tooltip is only rendered in browsers that do not support popover
+  const tooltipEls = document.querySelectorAll(".wm-tooltip");
+  tooltipEls.forEach((tooltipEl) => {
+    //@ts-ignore
+    if (!!tooltipEl.showPopover) {
+      //@ts-ignore
+      tooltipEl.showPopover();
+    }
+    tooltipEl.classList.add("show");
+    tooltipEl.textContent = tooltipText;
+    // tooltip only has a maxWidth if it contains whitespace and can break
+    const hasNoWhitespace = tooltipText.match(/^[^\s]+$/);
+    if (hasNoWhitespace) {
+      tooltipEl.classList.add("single-word");
+      tooltipEl.style.setProperty("--wmTooltipMaxWidth", "none");
+    }
+    else {
+      tooltipEl.classList.remove("single-word");
+      tooltipEl.style.removeProperty("--wmTooltipMaxWidth");
+    }
+    const tooltipRect = tooltipEl.getBoundingClientRect();
+    const anchorRect = anchorEl.getBoundingClientRect();
+    const adjustedPlacement = adjustTooltipPlacement(placement, anchorEl, tooltipRect.height, tooltipRect.width);
+    let verticalPos, horizontalPos;
+    [verticalPos, horizontalPos] = positionTooltip(adjustedPlacement, anchorRect, tooltipRect.height, tooltipRect.width);
+    tooltipEl.style.setProperty("--wmTooltipTop", verticalPos + "px");
+    tooltipEl.style.setProperty("--wmTooltipLeft", horizontalPos + "px");
+  });
 }
 function hideTooltip() {
-  const tooltipEl = document.getElementById("wm-tooltip");
-  tooltipEl.classList.remove("show");
+  const tooltipEls = document.querySelectorAll(".wm-tooltip");
+  tooltipEls.forEach((tooltipEl) => {
+    //@ts-ignore
+    if (!!tooltipEl.hidePopover) {
+      //@ts-ignore
+      tooltipEl.hidePopover();
+    }
+    tooltipEl.classList.remove("show");
+  });
 }
 function positionTooltip(placement, anchorRect, tooltipHeight, tooltipWidth) {
   // to get the center positions, calculate the difference between the button width and the tooltip width

package/dist/{esm/global-1dca883b.js → cjs/global-a2ca8069.js}

@@ -1,4 +1,6 @@
-const version = "3.36.0";
+'use strict';
+
+const version = "3.37.0";
 
 function injectDefaultTheme() {
   const style = `
@@ -278,10 +280,12 @@ const tooltipContainer = document.createElement("div");
 tooltipContainer.id = "wm-tooltip-container";
 const tooltipEl = document.createElement("div");
 tooltipEl.id = "wm-tooltip";
+tooltipEl.classList.add("wm-tooltip");
+tooltipEl.setAttribute("popover", "manual");
 tooltipEl.setAttribute("aria-hidden", "true");
 const tooltipStyles = document.createElement("style");
 tooltipStyles.textContent = `
-#wm-tooltip {
+.wm-tooltip {
   position: fixed;
   overflow: hidden;
   pointer-events: none;
@@ -299,14 +303,20 @@ tooltipStyles.textContent = `
   transition-property: opacity;
   transition-delay: 0s;
   opacity: 0;
+  inset: unset;
   top: 0;
   left: 0;
   transform: translateZ(0);
   will-change: transform;
   transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));
+  border: none;
+}
+
+.wm-tooltip:popover-open {
+  opacity: 0;
 }
 
-#wm-tooltip.show {
+.wm-tooltip.show {
   transition-delay: 500ms;
   opacity: 1;
 }