@watermarkinsights/ripple 3.36.0 → 3.37.0

package/dist/esm/{functions-7fc7cf30.js → functions-d52b728c.js}

@@ -8785,30 +8785,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
@@ -9152,4 +9168,4 @@ function handleDisabledAttribute(el, isDisabled) {
   }
 }
 
-export { transposeMatrix as A, wrapAround as B, getSmallestSkipInterval as C, calcPercentageInRange as D, hasRoomRight as E, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, getPosition as e, findParentWithScrollbar as f, generateId as g, hideTooltip as h, intl as i, isRelatedTarget as j, checkForFocusableElInShadow as k, truncateText as l, snakeCaseToCamelCase as m, getNewIndexToFocus as n, shouldOpenUp as o, shouldOpenDown as p, shouldShiftRight as q, shouldShiftLeft as r, showTooltip as s, toBool as t, csvToArray as u, safeParseJSON as v, measureText as w, hasValidType as x, getTextDir as y, throttle as z };
+export { transposeMatrix as A, wrapAround as B, getSmallestSkipInterval as C, calcPercentageInRange as D, hasRoomRight as E, handleDisabledAttribute as a, triggerFormSubmit as b, getPosition as c, debounce as d, checkForActiveElInShadow as e, findParentWithScrollbar as f, generateId as g, hideTooltip as h, intl as i, isRelatedTarget as j, checkForFocusableElInShadow as k, truncateText as l, snakeCaseToCamelCase as m, getNewIndexToFocus as n, shouldOpenUp as o, shouldOpenDown as p, shouldShiftRight as q, shouldShiftLeft as r, showTooltip as s, toBool as t, csvToArray as u, safeParseJSON as v, measureText as w, hasValidType as x, getTextDir as y, throttle as z };

package/dist/{cjs/global-c795cff3.js → esm/global-06801d00.js}

@@ -1,6 +1,4 @@
-'use strict';
-
-const version = "3.36.0";
+const version = "3.37.0";
 
 function injectDefaultTheme() {
   const style = `
@@ -280,10 +278,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;
@@ -301,14 +301,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;
 }