@watermarkinsights/ripple 4.1.0 → 4.2.0-0

package/dist/esm/{functions-37912d9a.js → functions-d0e70094.js}

@@ -3324,7 +3324,7 @@ function parseDateTimeSkeleton(skeleton) {
                 throw new RangeError('`D/F/g` (day) patterns are not supported, use `d` instead');
             // Weekday
             case 'E':
-                result.weekday = len === 4 ? 'long' : len === 5 ? 'narrow' : 'short';
+                result.weekday = len === 4 ? 'short' : len === 5 ? 'narrow' : 'short';
                 break;
             case 'e':
                 if (len < 4) {
@@ -3382,7 +3382,7 @@ function parseDateTimeSkeleton(skeleton) {
                 result.timeZoneName = len < 4 ? 'short' : 'long';
                 break;
             case 'Z': // 1..3, 4, 5: The ISO8601 varios formats
-            case 'O': // 1, 4: milliseconds in day short, long
+            case 'O': // 1, 4: miliseconds in day short, long
             case 'v': // 1, 4: generic non-location format
             case 'V': // 1, 2, 3, 4: time zone ID or city
             case 'X': // 1, 2, 3, 4: The ISO8601 varios formats
@@ -3812,10 +3812,6 @@ var timeData = {
         "hb",
         "H"
     ],
-    "BI": [
-        "H",
-        "h"
-    ],
     "BJ": [
         "H",
         "hB"
@@ -3865,10 +3861,6 @@ var timeData = {
         "hb",
         "hB"
     ],
-    "BY": [
-        "H",
-        "h"
-    ],
     "BZ": [
         "H",
         "h",
@@ -3957,10 +3949,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "CW": [
-        "H",
-        "hB"
-    ],
     "CX": [
         "H",
         "h",
@@ -4076,10 +4064,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "FO": [
-        "H",
-        "h"
-    ],
     "FR": [
         "H",
         "hB"
@@ -4125,10 +4109,6 @@ var timeData = {
         "hb",
         "hB"
     ],
-    "GL": [
-        "H",
-        "h"
-    ],
     "GM": [
         "h",
         "hb",
@@ -4193,10 +4173,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "HU": [
-        "H",
-        "h"
-    ],
     "IC": [
         "H",
         "h",
@@ -4269,8 +4245,8 @@ var timeData = {
     ],
     "JP": [
         "H",
-        "K",
-        "h"
+        "h",
+        "K"
     ],
     "KE": [
         "hB",
@@ -4421,10 +4397,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "MG": [
-        "H",
-        "h"
-    ],
     "MH": [
         "h",
         "hb",
@@ -4480,18 +4452,6 @@ var timeData = {
         "hb",
         "hB"
     ],
-    "MT": [
-        "H",
-        "h"
-    ],
-    "MU": [
-        "H",
-        "h"
-    ],
-    "MV": [
-        "H",
-        "h"
-    ],
     "MW": [
         "h",
         "hb",
@@ -4549,10 +4509,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "NO": [
-        "H",
-        "h"
-    ],
     "NP": [
         "H",
         "h",
@@ -4614,10 +4570,6 @@ var timeData = {
         "hB",
         "H"
     ],
-    "PL": [
-        "H",
-        "h"
-    ],
     "PM": [
         "H",
         "hB"
@@ -4676,10 +4628,6 @@ var timeData = {
     "RU": [
         "H"
     ],
-    "RW": [
-        "H",
-        "h"
-    ],
     "SA": [
         "h",
         "hB",
@@ -4812,24 +4760,12 @@ var timeData = {
         "H",
         "hB"
     ],
-    "TH": [
-        "H",
-        "h"
-    ],
-    "TJ": [
-        "H",
-        "h"
-    ],
     "TL": [
         "H",
         "hB",
         "hb",
         "h"
     ],
-    "TM": [
-        "H",
-        "h"
-    ],
     "TN": [
         "h",
         "hB",
@@ -4925,10 +4861,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "VN": [
-        "H",
-        "h"
-    ],
     "VU": [
         "h",
         "H"
@@ -4968,10 +4900,6 @@ var timeData = {
         "H",
         "hB"
     ],
-    "ZW": [
-        "H",
-        "h"
-    ],
     "af-ZA": [
         "H",
         "h",
@@ -6875,8 +6803,8 @@ function createDefaultFormatters(cache) {
 }
 var IntlMessageFormat = /** @class */ (function () {
     function IntlMessageFormat(message, locales, overrideFormats, opts) {
-        var _this = this;
         if (locales === void 0) { locales = IntlMessageFormat.defaultLocale; }
+        var _this = this;
         this.formatterCache = {
             number: {},
             dateTime: {},
@@ -7711,457 +7639,457 @@ function createIntl(config, cache) {
 
 const DEFAULT_LANGUAGE = "en";
 function getBrowserLang() {
-  const langAttr = document.documentElement.getAttribute("lang");
-  if (!!langAttr) {
-    return langAttr;
-  }
-  else if (window.navigator && window.navigator.language) {
-    const lang = window.navigator.languages ? window.navigator.languages[0] : window.navigator.language;
-    return lang.slice(0, 2);
-  }
-  else {
-    return DEFAULT_LANGUAGE;
-  }
+    const langAttr = document.documentElement.getAttribute("lang");
+    if (!!langAttr) {
+        return langAttr;
+    }
+    else if (window.navigator && window.navigator.language) {
+        const lang = window.navigator.languages ? window.navigator.languages[0] : window.navigator.language;
+        return lang.slice(0, 2);
+    }
+    else {
+        return DEFAULT_LANGUAGE;
+    }
 }
 // prevents memory leak
 const cache = createIntlCache();
 const locale = getBrowserLang();
 const intl = createIntl({
-  locale: locale,
-  defaultLocale: "en",
-  messages: lang[locale] || en,
+    locale: locale,
+    defaultLocale: "en",
+    messages: lang[locale] || en,
 }, cache);
 function generateId() {
-  return "wmcl-" + Math.random().toString(36).substr(2, 10);
+    return "wmcl-" + Math.random().toString(36).substr(2, 10);
 }
 // limits how many times a function fires
 // use when the function should run periodically, but not too often (e.g. window resize)
 function throttle(fn, wait) {
-  let timeout;
-  let shouldWait = false;
-  return function () {
-    const context = this;
-    if (!shouldWait) {
-      fn.apply(context, arguments);
-      shouldWait = true;
-      clearTimeout(timeout);
-      timeout = setTimeout(function () {
-        shouldWait = false;
-      }, wait);
-    }
-  };
+    let timeout;
+    let shouldWait = false;
+    return function () {
+        const context = this;
+        if (!shouldWait) {
+            fn.apply(context, arguments);
+            shouldWait = true;
+            clearTimeout(timeout);
+            timeout = setTimeout(function () {
+                shouldWait = false;
+            }, wait);
+        }
+    };
 }
 // waits until it hasn't been called for [timeout] ms.
 // use when the function should run only after something (event) is done firing
 function debounce(fn, wait) {
-  let timeout;
-  return function () {
-    const context = this;
-    const functionCall = () => fn.apply(context, arguments);
-    clearTimeout(timeout);
-    timeout = setTimeout(functionCall, wait);
-  };
+    let timeout;
+    return function () {
+        const context = this;
+        const functionCall = () => fn.apply(context, arguments);
+        clearTimeout(timeout);
+        timeout = setTimeout(functionCall, wait);
+    };
 }
 function getTextDir() {
-  const dir = document.querySelector("html").getAttribute("dir");
-  return dir ? dir.toLowerCase() : "";
+    const dir = document.querySelector("html").getAttribute("dir");
+    return dir ? dir.toLowerCase() : "";
 }
 function getPosition(el) {
-  const coords = el.getBoundingClientRect();
-  let x = coords.x;
-  let y = coords.y;
-  // Edge doesn't have x and y
-  if (!x) {
-    if (getTextDir() === "rtl") {
-      x = coords.right;
-    }
-    else {
-      x = coords.left;
+    const coords = el.getBoundingClientRect();
+    let x = coords.x;
+    let y = coords.y;
+    // Edge doesn't have x and y
+    if (!x) {
+        if (getTextDir() === "rtl") {
+            x = coords.right;
+        }
+        else {
+            x = coords.left;
+        }
+        y = coords.top;
     }
-    y = coords.top;
-  }
-  return { x, y };
+    return { x, y };
 }
 function findParentWithScrollbar(el) {
-  while (!!el) {
-    if (el.scrollHeight > el.clientHeight && ["scroll", "auto"].includes(window.getComputedStyle(el).overflowY)) {
-      return el;
+    while (!!el) {
+        if (el.scrollHeight > el.clientHeight && ["scroll", "auto"].includes(window.getComputedStyle(el).overflowY)) {
+            return el;
+        }
+        el = el.parentElement;
     }
-    el = el.parentElement;
-  }
 }
 function findParentWithHiddenOverflow(el) {
-  while (!!el) {
-    if (window.getComputedStyle(el).overflowY !== "visible") {
-      return el;
+    while (!!el) {
+        if (window.getComputedStyle(el).overflowY !== "visible") {
+            return el;
+        }
+        el = el.parentElement;
     }
-    el = el.parentElement;
-  }
 }
 function getContextMeasurements(el) {
-  const fixedRect = el.getBoundingClientRect();
-  const parentEl = findParentWithHiddenOverflow(el);
-  const parentRect = parentEl && parentEl.getBoundingClientRect();
-  // if parentEl is not found, measurements are checked against the viewport
-  return {
-    // NB boundingClientRect.bottom is space from top of viewport to bottom of el
-    // to get space below the el -> height of viewport minus boundingClientRect.bottom
-    spaceAbove: parentRect ? fixedRect.top - parentRect.top : fixedRect.top,
-    // NB boundingClientRect.bottom is space from top of viewport to bottom of el
-    // to get space below the el -> height of viewport minus boundingClientRect.bottom
-    spaceBelow: parentRect
-      ? parentRect.bottom - fixedRect.bottom
-      : document.documentElement.clientHeight - fixedRect.bottom,
-    spaceLeft: parentRect ? fixedRect.left - parentRect.left : fixedRect.left,
-    spaceRight: parentRect
-      ? parentRect.right - fixedRect.right
-      : document.documentElement.clientWidth - fixedRect.right,
-  };
+    const fixedRect = el.getBoundingClientRect();
+    const parentEl = findParentWithHiddenOverflow(el);
+    const parentRect = parentEl && parentEl.getBoundingClientRect();
+    // if parentEl is not found, measurements are checked against the viewport
+    return {
+        // NB boundingClientRect.bottom is space from top of viewport to bottom of el
+        // to get space below the el -> height of viewport minus boundingClientRect.bottom
+        spaceAbove: parentRect ? fixedRect.top - parentRect.top : fixedRect.top,
+        // NB boundingClientRect.bottom is space from top of viewport to bottom of el
+        // to get space below the el -> height of viewport minus boundingClientRect.bottom
+        spaceBelow: parentRect
+            ? parentRect.bottom - fixedRect.bottom
+            : document.documentElement.clientHeight - fixedRect.bottom,
+        spaceLeft: parentRect ? fixedRect.left - parentRect.left : fixedRect.left,
+        spaceRight: parentRect
+            ? parentRect.right - fixedRect.right
+            : document.documentElement.clientWidth - fixedRect.right,
+    };
 }
 function shouldOpenUp(fixedEl, //the element visible on the page when the component is closed
 closableElHeight, //the dropdown/popup/etc that becomes visible when the component is open
 offsetAbove = 0, // if closableEl covers a part of fixedEl, that part should be offset
 offsetBelow = 0) {
-  const { spaceAbove, spaceBelow } = getContextMeasurements(fixedEl);
-  //we want to open up only if there's not enough space below AND there is enough space above
-  const openUp = closableElHeight > spaceBelow + offsetBelow && closableElHeight <= spaceAbove + offsetAbove;
-  return openUp;
+    const { spaceAbove, spaceBelow } = getContextMeasurements(fixedEl);
+    //we want to open up only if there's not enough space below AND there is enough space above
+    const openUp = closableElHeight > spaceBelow + offsetBelow && closableElHeight <= spaceAbove + offsetAbove;
+    return openUp;
 }
 function shouldOpenDown(fixedEl, //the element visible on the page when the component is closed
 closableElHeight, //the dropdown/popup/etc that becomes visible when the component is open
 offsetAbove = 0, // if closableEl covers a part of fixedEl, that part should be offset
 offsetBelow = 0) {
-  const { spaceAbove, spaceBelow } = getContextMeasurements(fixedEl);
-  //we want to open up only if there's not enough space below AND there is enough space above
-  const openDown = closableElHeight > spaceAbove + offsetAbove && closableElHeight <= spaceBelow + offsetBelow;
-  return openDown;
+    const { spaceAbove, spaceBelow } = getContextMeasurements(fixedEl);
+    //we want to open up only if there's not enough space below AND there is enough space above
+    const openDown = closableElHeight > spaceAbove + offsetAbove && closableElHeight <= spaceBelow + offsetBelow;
+    return openDown;
 }
 function shouldShiftRight(fixedEl, closableElWidth) {
-  const { spaceLeft, spaceRight } = getContextMeasurements(fixedEl);
-  const needsSpaceLeft = closableElWidth > spaceLeft && spaceRight > spaceLeft;
-  return needsSpaceLeft;
+    const { spaceLeft, spaceRight } = getContextMeasurements(fixedEl);
+    const needsSpaceLeft = closableElWidth > spaceLeft && spaceRight > spaceLeft;
+    return needsSpaceLeft;
 }
 function shouldShiftLeft(fixedEl, closableElWidth) {
-  const { spaceLeft, spaceRight } = getContextMeasurements(fixedEl);
-  const needsSpaceRight = closableElWidth > spaceRight && spaceLeft > spaceRight;
-  return needsSpaceRight;
+    const { spaceLeft, spaceRight } = getContextMeasurements(fixedEl);
+    const needsSpaceRight = closableElWidth > spaceRight && spaceLeft > spaceRight;
+    return needsSpaceRight;
 }
 function adjustTooltipPlacement(placement, anchorEl, tooltipHeight, tooltipWidth) {
-  const { spaceLeft, spaceRight, spaceBelow, spaceAbove } = getContextMeasurements(anchorEl);
-  const enoughSpaceAbove = spaceAbove > tooltipHeight;
-  const enoughSpaceBelow = spaceBelow > tooltipHeight;
-  // a tooltip should never be closer than 24px to the edge of a screen
-  const enoughSpaceLeft = spaceLeft - 24 > tooltipWidth;
-  const enoughSpaceRight = spaceRight - 24 > tooltipWidth;
-  const swapAbove = (placement) => {
-    return !enoughSpaceAbove ? placement.replace("top", "bottom") : placement;
-  };
-  const swapBelow = (placement) => {
-    return !enoughSpaceBelow && enoughSpaceAbove ? placement.replace("bottom", "top") : placement;
-  };
-  const swapLeft = (placement, centeredPosition) => {
-    if (!enoughSpaceLeft && enoughSpaceRight) {
-      placement = placement.replace("left", "right");
-    }
-    else if (!enoughSpaceLeft && !enoughSpaceRight) {
-      placement = centeredPosition;
-    }
-    return placement;
-  };
-  const swapRight = (placement, centeredPosition) => {
-    if (!enoughSpaceRight && enoughSpaceLeft) {
-      placement = placement.replace("right", "left");
-    }
-    else if (!enoughSpaceRight && !enoughSpaceLeft) {
-      placement = centeredPosition;
+    const { spaceLeft, spaceRight, spaceBelow, spaceAbove } = getContextMeasurements(anchorEl);
+    const enoughSpaceAbove = spaceAbove > tooltipHeight;
+    const enoughSpaceBelow = spaceBelow > tooltipHeight;
+    // a tooltip should never be closer than 24px to the edge of a screen
+    const enoughSpaceLeft = spaceLeft - 24 > tooltipWidth;
+    const enoughSpaceRight = spaceRight - 24 > tooltipWidth;
+    const swapAbove = (placement) => {
+        return !enoughSpaceAbove ? placement.replace("top", "bottom") : placement;
+    };
+    const swapBelow = (placement) => {
+        return !enoughSpaceBelow && enoughSpaceAbove ? placement.replace("bottom", "top") : placement;
+    };
+    const swapLeft = (placement, centeredPosition) => {
+        if (!enoughSpaceLeft && enoughSpaceRight) {
+            placement = placement.replace("left", "right");
+        }
+        else if (!enoughSpaceLeft && !enoughSpaceRight) {
+            placement = centeredPosition;
+        }
+        return placement;
+    };
+    const swapRight = (placement, centeredPosition) => {
+        if (!enoughSpaceRight && enoughSpaceLeft) {
+            placement = placement.replace("right", "left");
+        }
+        else if (!enoughSpaceRight && !enoughSpaceLeft) {
+            placement = centeredPosition;
+        }
+        return placement;
+    };
+    // horizontal checks must occur before vertical checks, because horizontal can affect vertical placement but not vice versa
+    switch (placement) {
+        case "left":
+            placement = swapLeft(placement, "bottom");
+        case "right":
+            placement = swapRight(placement, "bottom");
+        case "top-left":
+            placement = swapLeft(placement, "top");
+            placement = swapAbove(placement);
+        case "top-right":
+            placement = swapRight(placement, "top");
+            placement = swapAbove(placement);
+        case "bottom-left":
+            placement = swapLeft(placement, "bottom");
+            placement = swapBelow(placement);
+        case "bottom-right":
+            placement = swapRight(placement, "bottom");
+            placement = swapBelow(placement);
+        case "top":
+            placement = swapAbove(placement);
+        case "bottom":
+            placement = swapBelow(placement);
     }
     return placement;
-  };
-  // horizontal checks must occur before vertical checks, because horizontal can affect vertical placement but not vice versa
-  switch (placement) {
-    case "left":
-      placement = swapLeft(placement, "bottom");
-    case "right":
-      placement = swapRight(placement, "bottom");
-    case "top-left":
-      placement = swapLeft(placement, "top");
-      placement = swapAbove(placement);
-    case "top-right":
-      placement = swapRight(placement, "top");
-      placement = swapAbove(placement);
-    case "bottom-left":
-      placement = swapLeft(placement, "bottom");
-      placement = swapBelow(placement);
-    case "bottom-right":
-      placement = swapRight(placement, "bottom");
-      placement = swapBelow(placement);
-    case "top":
-      placement = swapAbove(placement);
-    case "bottom":
-      placement = swapBelow(placement);
-  }
-  return placement;
 }
 function showTooltip(placement, anchorEl, tooltipText) {
-  // 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");
-  });
+    // 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 tooltipEls = document.querySelectorAll(".wm-tooltip");
-  tooltipEls.forEach((tooltipEl) => {
-    //@ts-ignore
-    if (!!tooltipEl.hidePopover) {
-      //@ts-ignore
-      tooltipEl.hidePopover();
-    }
-    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
-  const verticalDiff = (anchorRect.height - tooltipHeight) / 2;
-  const horizontalDiff = (anchorRect.width - tooltipWidth) / 2;
-  // the naming convention defaults to center in the absence of a value
-  // "top" and "bottom" imply centering horizontally; "right" and "left" imply centering vertically
-  // therefore we first set to center and adjust accordingly
-  let verticalPos = anchorRect.top + verticalDiff;
-  let horizontalPos = anchorRect.left + horizontalDiff;
-  if (placement.includes("top")) {
-    verticalPos = anchorRect.top - tooltipHeight - 8;
-  }
-  if (placement.includes("bottom")) {
-    verticalPos = anchorRect.bottom + 8;
-  }
-  if (placement.includes("left")) {
-    horizontalPos = anchorRect.left - tooltipWidth - 8;
-  }
-  if (placement.includes("right")) {
-    horizontalPos = anchorRect.right + 8;
-  }
-  // after all positioning has been calculated, if tooltip is off-screen or closer than 24px it is readjusted
-  // this only occurs when the tooltip is overflowing to the left and is placed top or bottom
-  // (button placed too far left, or screen size under 268px)
-  horizontalPos = Math.max(horizontalPos, 24);
-  return [verticalPos, horizontalPos];
+    // to get the center positions, calculate the difference between the button width and the tooltip width
+    const verticalDiff = (anchorRect.height - tooltipHeight) / 2;
+    const horizontalDiff = (anchorRect.width - tooltipWidth) / 2;
+    // the naming convention defaults to center in the absence of a value
+    // "top" and "bottom" imply centering horizontally; "right" and "left" imply centering vertically
+    // therefore we first set to center and adjust accordingly
+    let verticalPos = anchorRect.top + verticalDiff;
+    let horizontalPos = anchorRect.left + horizontalDiff;
+    if (placement.includes("top")) {
+        verticalPos = anchorRect.top - tooltipHeight - 8;
+    }
+    if (placement.includes("bottom")) {
+        verticalPos = anchorRect.bottom + 8;
+    }
+    if (placement.includes("left")) {
+        horizontalPos = anchorRect.left - tooltipWidth - 8;
+    }
+    if (placement.includes("right")) {
+        horizontalPos = anchorRect.right + 8;
+    }
+    // after all positioning has been calculated, if tooltip is off-screen or closer than 24px it is readjusted
+    // this only occurs when the tooltip is overflowing to the left and is placed top or bottom
+    // (button placed too far left, or screen size under 268px)
+    horizontalPos = Math.max(horizontalPos, 24);
+    return [verticalPos, horizontalPos];
 }
 function hasRoomRight(x, spaceNeeded) {
-  let horizOffset = 0;
-  // if (getTextDir() === "ltr") {
-  if (x.type === "click") {
-    // if it's a mouse event, deal with mouse coords
-    horizOffset = x.clientX;
-    // if it's a focus event, the offset is 0
-  }
-  else if (x.type === "focus") {
-    horizOffset = 0;
-  }
-  else {
-    // otherwise an element was passed, calculate how far it is from the edge of the window
-    let el = x; // re-assignment is for clarity
-    while (el) {
-      if (el.tagName == "BODY") {
-        // deal with browser quirks with body/window/document and page scroll
-        var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
-        horizOffset += el.offsetLeft - xScroll + el.clientLeft;
-      }
-      else {
-        // for all other non-BODY elements
-        horizOffset += el.offsetLeft - el.scrollLeft + el.clientLeft;
-      }
-      el = el.offsetParent;
+    let horizOffset = 0;
+    // if (getTextDir() === "ltr") {
+    if (x.type === "click") {
+        // if it's a mouse event, deal with mouse coords
+        horizOffset = x.clientX;
+        // if it's a focus event, the offset is 0
+    }
+    else if (x.type === "focus") {
+        horizOffset = 0;
     }
-    // }
-  }
-  return window.innerWidth - horizOffset >= spaceNeeded;
+    else {
+        // otherwise an element was passed, calculate how far it is from the edge of the window
+        let el = x; // re-assignment is for clarity
+        while (el) {
+            if (el.tagName == "BODY") {
+                // deal with browser quirks with body/window/document and page scroll
+                var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
+                horizOffset += el.offsetLeft - xScroll + el.clientLeft;
+            }
+            else {
+                // for all other non-BODY elements
+                horizOffset += el.offsetLeft - el.scrollLeft + el.clientLeft;
+            }
+            el = el.offsetParent;
+        }
+        // }
+    }
+    return window.innerWidth - horizOffset >= spaceNeeded;
 }
 function checkForActiveElInShadow(element) {
-  while (element && element.shadowRoot) {
-    element = element.shadowRoot.activeElement;
-  }
-  return element;
+    while (element && element.shadowRoot) {
+        element = element.shadowRoot.activeElement;
+    }
+    return element;
 }
 function snakeCaseToCamelCase(str) {
-  const snakeCaseRegexp = /^([a-z0-9]*)(_[a-z0-9]*)*$/g;
-  if (snakeCaseRegexp.test(str)) {
-    let camelCase = "";
-    let arr = str.split("_");
-    arr.forEach((word, idx) => {
-      camelCase += idx === 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1);
-    });
-    return camelCase;
-  }
-  else {
-    return str;
-  }
+    const snakeCaseRegexp = /^([a-z0-9]*)(_[a-z0-9]*)*$/g;
+    if (snakeCaseRegexp.test(str)) {
+        let camelCase = "";
+        let arr = str.split("_");
+        arr.forEach((word, idx) => {
+            camelCase += idx === 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1);
+        });
+        return camelCase;
+    }
+    else {
+        return str;
+    }
 }
 function csvToArray(csv) {
-  return csv ? csv.split(/, ?/) : [];
+    return csv ? csv.split(/, ?/) : [];
 }
 function getNewIndexToFocus(currentIndex, direction, listLength) {
-  let newIndex = currentIndex;
-  if (direction === "ArrowDown") {
-    newIndex = (currentIndex + 1) % listLength;
-  }
-  if (direction === "ArrowUp") {
-    newIndex = currentIndex === 0 ? listLength - 1 : currentIndex - 1;
-  }
-  return newIndex;
+    let newIndex = currentIndex;
+    if (direction === "ArrowDown") {
+        newIndex = (currentIndex + 1) % listLength;
+    }
+    if (direction === "ArrowUp") {
+        newIndex = currentIndex === 0 ? listLength - 1 : currentIndex - 1;
+    }
+    return newIndex;
 }
 function toBool(val) {
-  // string "false" needs to be treated as bool False because react wrappers convert bool to string.
-  return val == "false" ? false : !!val;
+    // string "false" needs to be treated as bool False because react wrappers convert bool to string.
+    return val == "false" ? false : !!val;
 }
 function measureText(originEl, placeholderText) {
-  const measurementEl = document.createElement("div");
-  const originStyles = getComputedStyle(originEl);
-  measurementEl.style.position = "absolute";
-  measurementEl.style.top = "-100vh";
-  measurementEl.style.fontFamily = originStyles.fontFamily;
-  measurementEl.style.fontWeight = originStyles.fontWeight;
-  measurementEl.style.fontSize = originStyles.fontSize;
-  measurementEl.textContent = placeholderText;
-  document.body.appendChild(measurementEl);
-  const boundingClientRect = measurementEl.getBoundingClientRect();
-  document.body.removeChild(measurementEl);
-  return boundingClientRect;
+    const measurementEl = document.createElement("div");
+    const originStyles = getComputedStyle(originEl);
+    measurementEl.style.position = "absolute";
+    measurementEl.style.top = "-100vh";
+    measurementEl.style.fontFamily = originStyles.fontFamily;
+    measurementEl.style.fontWeight = originStyles.fontWeight;
+    measurementEl.style.fontSize = originStyles.fontSize;
+    measurementEl.textContent = placeholderText;
+    document.body.appendChild(measurementEl);
+    const boundingClientRect = measurementEl.getBoundingClientRect();
+    document.body.removeChild(measurementEl);
+    return boundingClientRect;
 }
 function truncateText(textEl, text, availableSpace, endAmt) {
-  const cloneEl = document.createElement("div");
-  cloneEl.style.visibility = "hidden";
-  cloneEl.style.position = "absolute";
-  cloneEl.style.top = "-200vh";
-  cloneEl.style.left = "-200vh";
-  cloneEl.textContent = text;
-  textEl.appendChild(cloneEl);
-  const ellipses = "...";
-  const minimumLength = 2 + ellipses.length + endAmt;
-  let canFitText = availableSpace > cloneEl.clientWidth;
-  if (!canFitText && text.length > minimumLength) {
-    let frontChars = text.slice(0, text.length - endAmt - ellipses.length).trim();
-    let endChars = text.slice(-endAmt).trim();
-    let truncatedText = frontChars + ellipses + endChars;
-    cloneEl.textContent = truncatedText;
-    canFitText = availableSpace > cloneEl.clientWidth;
-    while (!canFitText && truncatedText.length > minimumLength) {
-      frontChars = frontChars.slice(0, -1).trim();
-      truncatedText = frontChars + ellipses + endChars;
-      cloneEl.textContent = truncatedText;
-      canFitText = availableSpace > cloneEl.clientWidth;
+    const cloneEl = document.createElement("div");
+    cloneEl.style.visibility = "hidden";
+    cloneEl.style.position = "absolute";
+    cloneEl.style.top = "-200vh";
+    cloneEl.style.left = "-200vh";
+    cloneEl.textContent = text;
+    textEl.appendChild(cloneEl);
+    const ellipses = "...";
+    const minimumLength = 2 + ellipses.length + endAmt;
+    let canFitText = availableSpace > cloneEl.clientWidth;
+    if (!canFitText && text.length > minimumLength) {
+        let frontChars = text.slice(0, text.length - endAmt - ellipses.length).trim();
+        let endChars = text.slice(-endAmt).trim();
+        let truncatedText = frontChars + ellipses + endChars;
+        cloneEl.textContent = truncatedText;
+        canFitText = availableSpace > cloneEl.clientWidth;
+        while (!canFitText && truncatedText.length > minimumLength) {
+            frontChars = frontChars.slice(0, -1).trim();
+            truncatedText = frontChars + ellipses + endChars;
+            cloneEl.textContent = truncatedText;
+            canFitText = availableSpace > cloneEl.clientWidth;
+        }
     }
-  }
-  const truncatedText = cloneEl.textContent;
-  cloneEl.remove();
-  return truncatedText;
+    const truncatedText = cloneEl.textContent;
+    cloneEl.remove();
+    return truncatedText;
 }
 function transposeMatrix(originalMatrix) {
-  let newMatrix = [];
-  for (let i = 0; i < originalMatrix[0].length; i++) {
-    let column = [];
-    for (let j = 0; j < originalMatrix.length; j++) {
-      column.push(originalMatrix[j][i]);
+    let newMatrix = [];
+    for (let i = 0; i < originalMatrix[0].length; i++) {
+        let column = [];
+        for (let j = 0; j < originalMatrix.length; j++) {
+            column.push(originalMatrix[j][i]);
+        }
+        newMatrix.push(column);
     }
-    newMatrix.push(column);
-  }
-  return newMatrix;
+    return newMatrix;
 }
 function wrapAround(currentIdx, step, endIdx) {
-  currentIdx += step;
-  if (currentIdx > endIdx) {
-    currentIdx = (currentIdx - 1) % endIdx;
-  }
-  while (currentIdx < 0) {
-    currentIdx = endIdx - Math.abs(currentIdx) + 1;
-  }
-  return currentIdx;
+    currentIdx += step;
+    if (currentIdx > endIdx) {
+        currentIdx = (currentIdx - 1) % endIdx;
+    }
+    while (currentIdx < 0) {
+        currentIdx = endIdx - Math.abs(currentIdx) + 1;
+    }
+    return currentIdx;
 }
 function skipByInterval(list, skipInterval) {
-  let skippedList = [];
-  for (let i = 0; i < list.length; i += 1 + skipInterval) {
-    skippedList.push(list[i]);
-  }
-  return skippedList;
+    let skippedList = [];
+    for (let i = 0; i < list.length; i += 1 + skipInterval) {
+        skippedList.push(list[i]);
+    }
+    return skippedList;
 }
 function getSmallestSkipInterval(list, maxLength) {
-  let skipInterval = 0;
-  let skippedList = list;
-  while (skipByInterval(list, skipInterval).length > maxLength) {
-    skipInterval++;
-    skippedList = skipByInterval(list, skipInterval);
-  }
-  return { skipInterval: skipInterval, skippedList: skippedList };
+    let skipInterval = 0;
+    let skippedList = list;
+    while (skipByInterval(list, skipInterval).length > maxLength) {
+        skipInterval++;
+        skippedList = skipByInterval(list, skipInterval);
+    }
+    return { skipInterval: skipInterval, skippedList: skippedList };
 }
 function calcPercentageInRange(value, rangeLowest, rangeHighest) {
-  const rangeDistance = rangeHighest - rangeLowest;
-  const adjustedValue = Math.abs(value - rangeLowest);
-  const percentage = (adjustedValue / rangeDistance) * 100;
-  return percentage;
+    const rangeDistance = rangeHighest - rangeLowest;
+    const adjustedValue = Math.abs(value - rangeLowest);
+    const percentage = (adjustedValue / rangeDistance) * 100;
+    return percentage;
 }
 function triggerFormSubmit(formEl) {
-  // requestSubmit is not supported by Safari v<16, use a polyfill for this
-  if (formEl.requestSubmit) {
-    formEl.requestSubmit();
-  }
-  else {
-    const submitButton = document.createElement("button");
-    submitButton.style.display = "none";
-    formEl.appendChild(submitButton);
-    submitButton.click();
-    document.removeChild(submitButton);
-  }
+    // requestSubmit is not supported by Safari v<16, use a polyfill for this
+    if (formEl.requestSubmit) {
+        formEl.requestSubmit();
+    }
+    else {
+        const submitButton = document.createElement("button");
+        submitButton.style.display = "none";
+        formEl.appendChild(submitButton);
+        submitButton.click();
+        document.removeChild(submitButton);
+    }
 }
 function handleDisabledAttribute(el, isDisabled) {
-  if (isDisabled == false && el.hasAttribute("disabled")) {
-    el.removeAttribute("disabled");
-  }
+    if (isDisabled == false && el.hasAttribute("disabled")) {
+        el.removeAttribute("disabled");
+    }
 }
 // get the prev/next element with an option to circle through the list
 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
-  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;
-  return list[prev];
+    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
+    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;
+    return list[prev];
 }
 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
-  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
-  let next = current !== last ? current + 1 : afterLast;
-  return list[next];
+    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
+    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
+    let next = current !== last ? current + 1 : afterLast;
+    return list[next];
 }
 
 export { getSmallestSkipInterval as A, calcPercentageInRange as B, hasRoomRight as C, 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, truncateText as j, snakeCaseToCamelCase as k, getNewIndexToFocus as l, shouldOpenUp as m, shouldOpenDown as n, shouldShiftRight as o, shouldShiftLeft as p, measureText as q, findNext as r, showTooltip as s, toBool as t, findPrev as u, csvToArray as v, getTextDir as w, throttle as x, transposeMatrix as y, wrapAround as z };