@watermarkinsights/ripple 4.1.0-1 → 4.1.0-4

package/dist/cjs/{chartFunctions-dae496d3.js → chartFunctions-40836feb.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-670c5d2a.js');
-const functions = require('./functions-4a9309de.js');
+const index = require('./index-fae02cd7.js');
+const functions = require('./functions-09a01c96.js');
 
 const colors = {
   salmon: "#ff5f4e",

package/dist/cjs/{functions-4a9309de.js → functions-09a01c96.js}

@@ -7833,30 +7833,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
@@ -8060,7 +8076,7 @@ function findPrev(list, item, loop = false) {
   if (!!list && !item)
     return list[list.length - 1]; // if list was passed but no item, get the last item
   if (!list.includes(item))
-    return; // if list is empty or doesn't include item 
+    return; // if list is empty or doesn't include item
   let current = list.indexOf(item);
   let beforeFirst = loop ? list.length - 1 : 0; // before first item can be first (hard stop) or back to last
   let prev = current > 0 ? current - 1 : beforeFirst;
@@ -8070,7 +8086,7 @@ function findNext(list, item, loop = false) {
   if (!!list && !item)
     return list[0]; // if list was passed but no item, get the first item
   if (!list.includes(item))
-    return; // if list is empty or doesn't include item 
+    return; // if list is empty or doesn't include item
   let current = list.indexOf(item);
   const last = list.length - 1;
   let afterLast = loop ? 0 : last; // after last item can be last (hard stop) or back to first

package/dist/{esm/global-c083cac3.js → cjs/global-b46bb506.js}

@@ -1,4 +1,6 @@
-const version = "4.1.0-1";
+'use strict';
+
+const version = "4.1.0-4";
 
 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;
 }