@esri/calcite-components 1.0.0-beta.93 → 1.0.0-beta.95

package/dist/cjs/{floating-ui-9ea3748d.js → floating-ui-99430551.js}

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.93
+ * v1.0.0-beta.95
  */
 'use strict';
 
-const dom = require('./dom-9d34fe95.js');
+const dom = require('./dom-df1903f9.js');
 
 function getSide(placement) {
   return placement.split('-')[0];
@@ -1048,55 +1048,7 @@ function getTrueOffsetParent(element) {
     return null;
   }
 
-  return composedOffsetParent(element);
-}
-/**
- * Polyfills the old offsetParent behavior from before the spec was changed:
- * https://github.com/w3c/csswg-drafts/issues/159
- */
-
-
-function composedOffsetParent(element) {
-  let {
-    offsetParent
-  } = element;
-  let ancestor = element;
-  let foundInsideSlot = false;
-
-  while (ancestor && ancestor !== offsetParent) {
-    const {
-      assignedSlot
-    } = ancestor;
-
-    if (assignedSlot) {
-      let newOffsetParent = assignedSlot.offsetParent;
-
-      if (getComputedStyle(assignedSlot).display === 'contents') {
-        const hadStyleAttribute = assignedSlot.hasAttribute('style');
-        const oldDisplay = assignedSlot.style.display;
-        assignedSlot.style.display = getComputedStyle(ancestor).display;
-        newOffsetParent = assignedSlot.offsetParent;
-        assignedSlot.style.display = oldDisplay;
-
-        if (!hadStyleAttribute) {
-          assignedSlot.removeAttribute('style');
-        }
-      }
-
-      ancestor = assignedSlot;
-
-      if (offsetParent !== newOffsetParent) {
-        offsetParent = newOffsetParent;
-        foundInsideSlot = true;
-      }
-    } else if (isShadowRoot(ancestor) && ancestor.host && foundInsideSlot) {
-      break;
-    }
-
-    ancestor = isShadowRoot(ancestor) && ancestor.host || ancestor.parentNode;
-  }
-
-  return offsetParent;
+  return element.offsetParent;
 }
 
 function getContainingBlock(element) {
@@ -1483,183 +1435,184 @@ const computePosition = (reference, floating, options) => computePosition$1(refe
   ...options
 });
 
-const effectivePlacements = [
-  "top",
-  "bottom",
-  "right",
-  "left",
-  "top-start",
-  "top-end",
-  "bottom-start",
-  "bottom-end",
-  "right-start",
-  "right-end",
-  "left-start",
-  "left-end"
-];
-const defaultMenuPlacement = "bottom-start";
-const FloatingCSS = {
-  animation: "calcite-floating-ui-anim",
-  animationActive: "calcite-floating-ui-anim--active"
-};
-function getMiddleware({ placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
-  const defaultMiddleware = [shift(), hide()];
-  if (type === "menu") {
-    return [
-      ...defaultMiddleware,
-      flip({
-        fallbackPlacements: flipPlacements || ["top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end"]
-      })
-    ];
-  }
-  if (type === "popover" || type === "tooltip") {
-    const middleware = [
-      ...defaultMiddleware,
-      offset({
-        mainAxis: typeof offsetDistance === "number" ? offsetDistance : 0,
-        crossAxis: typeof offsetSkidding === "number" ? offsetSkidding : 0
-      })
-    ];
-    if (placement === "auto" || placement === "auto-start" || placement === "auto-end") {
-      middleware.push(autoPlacement({ alignment: placement === "auto-start" ? "start" : placement === "auto-end" ? "end" : null }));
-    }
-    else if (!disableFlip) {
-      middleware.push(flip(flipPlacements ? { fallbackPlacements: flipPlacements } : {}));
-    }
-    if (arrowEl) {
-      middleware.push(arrow({
-        element: arrowEl
-      }));
-    }
-    return middleware;
-  }
-  return [];
-}
-function filterComputedPlacements(placements, el) {
-  const filteredPlacements = placements.filter((placement) => effectivePlacements.includes(placement));
-  if (filteredPlacements.length !== placements.length) {
-    console.warn(`${el.tagName}: Invalid value found in: flipPlacements. Try any of these: ${effectivePlacements
-      .map((placement) => `"${placement}"`)
-      .join(", ")
-      .trim()}`, { el });
-  }
-  return filteredPlacements;
-}
-/*
-In floating-ui, "*-start" and "*-end" are already flipped in RTL.
-There is no need for our "*-leading" and "*-trailing" values anymore.
-https://github.com/floating-ui/floating-ui/issues/1530
-https://github.com/floating-ui/floating-ui/issues/1563
-*/
-function getEffectivePlacement(floatingEl, placement) {
-  const placements = ["left", "right"];
-  if (dom.getElementDir(floatingEl) === "rtl") {
-    placements.reverse();
-  }
-  return placement
-    .replace(/-leading/gi, "-start")
-    .replace(/-trailing/gi, "-end")
-    .replace(/leading/gi, placements[0])
-    .replace(/trailing/gi, placements[1]);
-}
-/**
- * Positions the floating element relative to the reference element.
- *
- * @param root0
- * @param root0.referenceEl
- * @param root0.floatingEl
- * @param root0.overlayPositioning
- * @param root0.placement
- * @param root0.disableFlip
- * @param root0.flipPlacements
- * @param root0.offsetDistance
- * @param root0.offsetSkidding
- * @param root0.arrowEl
- * @param root0.type
- */
-async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning = "absolute", placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
-  var _a;
-  if (!referenceEl || !floatingEl) {
-    return null;
-  }
-  const { x, y, placement: effectivePlacement, strategy: position, middlewareData } = await computePosition(referenceEl, floatingEl, {
-    strategy: overlayPositioning,
-    placement: placement === "auto" || placement === "auto-start" || placement === "auto-end"
-      ? undefined
-      : getEffectivePlacement(floatingEl, placement),
-    middleware: getMiddleware({
-      placement,
-      disableFlip,
-      flipPlacements,
-      offsetDistance,
-      offsetSkidding,
-      arrowEl,
-      type
-    })
-  });
-  if (middlewareData === null || middlewareData === void 0 ? void 0 : middlewareData.arrow) {
-    const { x: arrowX, y: arrowY } = middlewareData.arrow;
-    Object.assign(arrowEl.style, {
-      left: arrowX != null ? `${arrowX}px` : "",
-      top: arrowY != null ? `${arrowY}px` : ""
-    });
-  }
-  const referenceHidden = (_a = middlewareData === null || middlewareData === void 0 ? void 0 : middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden;
-  const visibility = referenceHidden ? "hidden" : null;
-  const pointerEvents = visibility ? "none" : null;
-  floatingEl.setAttribute("data-placement", effectivePlacement);
-  const transform = `translate(${Math.round(x)}px,${Math.round(y)}px)`;
-  Object.assign(floatingEl.style, {
-    visibility,
-    pointerEvents,
-    position,
-    top: "0",
-    left: "0",
-    transform
-  });
-}
-const cleanupMap = new WeakMap();
-/**
- * Helper to set up floating element interactions on connectedCallback.
- *
- * @param component
- * @param referenceEl
- * @param floatingEl
- */
-function connectFloatingUI(component, referenceEl, floatingEl) {
-  if (!floatingEl || !referenceEl) {
-    return;
-  }
-  disconnectFloatingUI(component, referenceEl, floatingEl);
-  cleanupMap.set(component, autoUpdate(referenceEl, floatingEl, () => {
-    if (component.open) {
-      component.reposition();
-    }
-  }));
-}
-/**
- * Helper to tear down floating element interactions on disconnectedCallback.
- *
- * @param component
- * @param referenceEl
- * @param floatingEl
- */
-function disconnectFloatingUI(component, referenceEl, floatingEl) {
-  if (!floatingEl || !referenceEl) {
-    return;
-  }
-  const cleanup = cleanupMap.get(component);
-  if (cleanup) {
-    cleanup();
-  }
-  cleanupMap.delete(component);
-}
-const visiblePointerSize = 4;
-/**
- * Default offset the position of the floating element away from the reference element.
- *
- * @default 6
- */
+const repositionDebounceTimeout = 100;
+const effectivePlacements = [
+  "top",
+  "bottom",
+  "right",
+  "left",
+  "top-start",
+  "top-end",
+  "bottom-start",
+  "bottom-end",
+  "right-start",
+  "right-end",
+  "left-start",
+  "left-end"
+];
+const defaultMenuPlacement = "bottom-start";
+const FloatingCSS = {
+  animation: "calcite-floating-ui-anim",
+  animationActive: "calcite-floating-ui-anim--active"
+};
+function getMiddleware({ placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
+  const defaultMiddleware = [shift(), hide()];
+  if (type === "menu") {
+    return [
+      ...defaultMiddleware,
+      flip({
+        fallbackPlacements: flipPlacements || ["top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end"]
+      })
+    ];
+  }
+  if (type === "popover" || type === "tooltip") {
+    const middleware = [
+      ...defaultMiddleware,
+      offset({
+        mainAxis: typeof offsetDistance === "number" ? offsetDistance : 0,
+        crossAxis: typeof offsetSkidding === "number" ? offsetSkidding : 0
+      })
+    ];
+    if (placement === "auto" || placement === "auto-start" || placement === "auto-end") {
+      middleware.push(autoPlacement({ alignment: placement === "auto-start" ? "start" : placement === "auto-end" ? "end" : null }));
+    }
+    else if (!disableFlip) {
+      middleware.push(flip(flipPlacements ? { fallbackPlacements: flipPlacements } : {}));
+    }
+    if (arrowEl) {
+      middleware.push(arrow({
+        element: arrowEl
+      }));
+    }
+    return middleware;
+  }
+  return [];
+}
+function filterComputedPlacements(placements, el) {
+  const filteredPlacements = placements.filter((placement) => effectivePlacements.includes(placement));
+  if (filteredPlacements.length !== placements.length) {
+    console.warn(`${el.tagName}: Invalid value found in: flipPlacements. Try any of these: ${effectivePlacements
+      .map((placement) => `"${placement}"`)
+      .join(", ")
+      .trim()}`, { el });
+  }
+  return filteredPlacements;
+}
+/*
+In floating-ui, "*-start" and "*-end" are already flipped in RTL.
+There is no need for our "*-leading" and "*-trailing" values anymore.
+https://github.com/floating-ui/floating-ui/issues/1530
+https://github.com/floating-ui/floating-ui/issues/1563
+*/
+function getEffectivePlacement(floatingEl, placement) {
+  const placements = ["left", "right"];
+  if (dom.getElementDir(floatingEl) === "rtl") {
+    placements.reverse();
+  }
+  return placement
+    .replace(/-leading/gi, "-start")
+    .replace(/-trailing/gi, "-end")
+    .replace(/leading/gi, placements[0])
+    .replace(/trailing/gi, placements[1]);
+}
+/**
+ * Positions the floating element relative to the reference element.
+ *
+ * @param root0
+ * @param root0.referenceEl
+ * @param root0.floatingEl
+ * @param root0.overlayPositioning
+ * @param root0.placement
+ * @param root0.disableFlip
+ * @param root0.flipPlacements
+ * @param root0.offsetDistance
+ * @param root0.offsetSkidding
+ * @param root0.arrowEl
+ * @param root0.type
+ */
+async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning = "absolute", placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
+  var _a;
+  if (!referenceEl || !floatingEl) {
+    return null;
+  }
+  const { x, y, placement: effectivePlacement, strategy: position, middlewareData } = await computePosition(referenceEl, floatingEl, {
+    strategy: overlayPositioning,
+    placement: placement === "auto" || placement === "auto-start" || placement === "auto-end"
+      ? undefined
+      : getEffectivePlacement(floatingEl, placement),
+    middleware: getMiddleware({
+      placement,
+      disableFlip,
+      flipPlacements,
+      offsetDistance,
+      offsetSkidding,
+      arrowEl,
+      type
+    })
+  });
+  if (middlewareData === null || middlewareData === void 0 ? void 0 : middlewareData.arrow) {
+    const { x: arrowX, y: arrowY } = middlewareData.arrow;
+    Object.assign(arrowEl.style, {
+      left: arrowX != null ? `${arrowX}px` : "",
+      top: arrowY != null ? `${arrowY}px` : ""
+    });
+  }
+  const referenceHidden = (_a = middlewareData === null || middlewareData === void 0 ? void 0 : middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden;
+  const visibility = referenceHidden ? "hidden" : null;
+  const pointerEvents = visibility ? "none" : null;
+  floatingEl.setAttribute("data-placement", effectivePlacement);
+  const transform = `translate(${Math.round(x)}px,${Math.round(y)}px)`;
+  Object.assign(floatingEl.style, {
+    visibility,
+    pointerEvents,
+    position,
+    top: "0",
+    left: "0",
+    transform
+  });
+}
+const cleanupMap = new WeakMap();
+/**
+ * Helper to set up floating element interactions on connectedCallback.
+ *
+ * @param component
+ * @param referenceEl
+ * @param floatingEl
+ */
+function connectFloatingUI(component, referenceEl, floatingEl) {
+  if (!floatingEl || !referenceEl) {
+    return;
+  }
+  disconnectFloatingUI(component, referenceEl, floatingEl);
+  cleanupMap.set(component, autoUpdate(referenceEl, floatingEl, () => {
+    if (component.open) {
+      component.reposition();
+    }
+  }));
+}
+/**
+ * Helper to tear down floating element interactions on disconnectedCallback.
+ *
+ * @param component
+ * @param referenceEl
+ * @param floatingEl
+ */
+function disconnectFloatingUI(component, referenceEl, floatingEl) {
+  if (!floatingEl || !referenceEl) {
+    return;
+  }
+  const cleanup = cleanupMap.get(component);
+  if (cleanup) {
+    cleanup();
+  }
+  cleanupMap.delete(component);
+}
+const visiblePointerSize = 4;
+/**
+ * Default offset the position of the floating element away from the reference element.
+ *
+ * @default 6
+ */
 const defaultOffsetDistance = Math.ceil(Math.hypot(visiblePointerSize, visiblePointerSize));
 
 exports.FloatingCSS = FloatingCSS;
@@ -1669,3 +1622,4 @@ exports.defaultOffsetDistance = defaultOffsetDistance;
 exports.disconnectFloatingUI = disconnectFloatingUI;
 exports.filterComputedPlacements = filterComputedPlacements;
 exports.positionFloatingUI = positionFloatingUI;
+exports.repositionDebounceTimeout = repositionDebounceTimeout;