@esri/calcite-components 1.0.0-next.647 → 1.0.0-next.648

package/dist/cjs/{floating-ui-e6837eef.js → floating-ui-58bc577e.js}

@@ -1,12 +1,12 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 
-const dom = require('./dom-fc9f7c5b.js');
-const debounce = require('./debounce-60b87419.js');
+const dom = require('./dom-8dcbe60b.js');
+const debounce = require('./debounce-b8ece744.js');
 
 function getSide(placement) {
   return placement.split('-')[0];
@@ -102,6 +102,7 @@ const computePosition$1 = async (reference, floating, config) => {
     middleware = [],
     platform
   } = config;
+  const validMiddleware = middleware.filter(Boolean);
   const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
 
   let rects = await platform.getElementRects({
@@ -117,11 +118,11 @@ const computePosition$1 = async (reference, floating, config) => {
   let middlewareData = {};
   let resetCount = 0;
 
-  for (let i = 0; i < middleware.length; i++) {
+  for (let i = 0; i < validMiddleware.length; i++) {
     const {
       name,
       fn
-    } = middleware[i];
+    } = validMiddleware[i];
     const {
       x: nextX,
       y: nextY,
@@ -866,7 +867,7 @@ function getNodeName(node) {
 function getUAString() {
   const uaData = navigator.userAgentData;
 
-  if (uaData != null && uaData.brands) {
+  if (uaData && Array.isArray(uaData.brands)) {
     return uaData.brands.map(item => item.brand + "/" + item.version).join(' ');
   }
 
@@ -907,11 +908,12 @@ function isTableElement(element) {
 function isContainingBlock(element) {
   // TODO: Try and use feature detection here instead
   const isFirefox = /firefox/i.test(getUAString());
-  const css = getComputedStyle(element); // This is non-exhaustive but covers the most common CSS properties that
+  const css = getComputedStyle(element);
+  const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter; // This is non-exhaustive but covers the most common CSS properties that
   // create a containing block.
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
 
-  return css.transform !== 'none' || css.perspective !== 'none' || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective'].some(value => css.willChange.includes(value)) || ['paint', 'layout', 'strict', 'content'].some( // TS 4.1 compat
+  return css.transform !== 'none' || css.perspective !== 'none' || (backdropFilter ? backdropFilter !== 'none' : false) || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective'].some(value => css.willChange.includes(value)) || ['paint', 'layout', 'strict', 'content'].some( // TS 4.1 compat
   value => {
     const contain = css.contain;
     return contain != null ? contain.includes(value) : false;
@@ -1041,14 +1043,12 @@ function getParentNode(node) {
     return node;
   }
 
-  return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    // @ts-ignore
-    node.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    node.parentNode || ( // DOM Element detected
-    isShadowRoot(node) ? node.host : null) || // ShadowRoot detected
-    getDocumentElement(node) // fallback
-
-  );
+  const result = // Step into the shadow DOM of the parent of a slotted node
+  node.assignedSlot || // DOM Element detected
+  node.parentNode || ( // ShadowRoot detected
+  isShadowRoot(node) ? node.host : null) || // Fallback
+  getDocumentElement(node);
+  return isShadowRoot(result) ? result.host : result;
 }
 
 function getTrueOffsetParent(element) {
@@ -1062,16 +1062,11 @@ function getTrueOffsetParent(element) {
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
 
-  if (isShadowRoot(currentNode)) {
-    currentNode = currentNode.host;
-  }
-
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
     } else {
-      const parent = currentNode.parentNode;
-      currentNode = isShadowRoot(parent) ? parent.host : parent;
+      currentNode = getParentNode(currentNode);
     }
   }
 
@@ -1238,45 +1233,6 @@ function getOverflowAncestors(node, list) {
   updatedList.concat(getOverflowAncestors(target));
 }
 
-function contains(parent, child) {
-  const rootNode = child.getRootNode == null ? void 0 : child.getRootNode(); // First, attempt with faster native method
-
-  if (parent.contains(child)) {
-    return true;
-  } // then fallback to custom implementation with Shadow DOM support
-  else if (rootNode && isShadowRoot(rootNode)) {
-    let next = child;
-
-    do {
-      // use `===` replace node.isSameNode()
-      if (next && parent === next) {
-        return true;
-      } // @ts-ignore: need a better way to handle this...
-
-
-      next = next.parentNode || next.host;
-    } while (next);
-  }
-
-  return false;
-}
-
-function getNearestParentCapableOfEscapingClipping(element, clippingAncestors) {
-  let currentNode = element;
-
-  while (currentNode && !isLastTraversableNode(currentNode) && // @ts-expect-error
-  !clippingAncestors.includes(currentNode)) {
-    if (isElement(currentNode) && ['absolute', 'fixed'].includes(getComputedStyle(currentNode).position)) {
-      break;
-    }
-
-    const parentNode = getParentNode(currentNode);
-    currentNode = isShadowRoot(parentNode) ? parentNode.host : parentNode;
-  }
-
-  return currentNode;
-}
-
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, false, strategy === 'fixed');
   const top = clientRect.top + element.clientTop;
@@ -1293,13 +1249,13 @@ function getInnerBoundingClientRect(element, strategy) {
   };
 }
 
-function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
-  if (clippingParent === 'viewport') {
+function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  if (clippingAncestor === 'viewport') {
     return rectToClientRect(getViewportRect(element, strategy));
   }
 
-  if (isElement(clippingParent)) {
-    return getInnerBoundingClientRect(clippingParent, strategy);
+  if (isElement(clippingAncestor)) {
+    return getInnerBoundingClientRect(clippingAncestor, strategy);
   }
 
   return rectToClientRect(getDocumentRect(getDocumentElement(element)));
@@ -1308,27 +1264,29 @@ function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
 // `initial`
 
 
-function getClippingAncestors(element) {
-  const clippingAncestors = getOverflowAncestors(element);
-  const nearestEscapableParent = getNearestParentCapableOfEscapingClipping(element, clippingAncestors);
-  let clipperElement = null;
+function getClippingElementAncestors(element) {
+  let result = getOverflowAncestors(element).filter(el => isElement(el) && getNodeName(el) !== 'body');
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle(element).position === 'fixed';
+  let currentNode = elementIsFixed ? getParentNode(element) : element; // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
 
-  if (nearestEscapableParent && isHTMLElement(nearestEscapableParent)) {
-    const offsetParent = getOffsetParent(nearestEscapableParent);
+  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    const computedStyle = getComputedStyle(currentNode);
+    const containingBlock = isContainingBlock(currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position);
 
-    if (isOverflowElement(nearestEscapableParent)) {
-      clipperElement = nearestEscapableParent;
-    } else if (isHTMLElement(offsetParent)) {
-      clipperElement = offsetParent;
+    if (shouldDropCurrentNode) {
+      // Drop non-containing blocks
+      result = result.filter(ancestor => ancestor !== currentNode);
+    } else {
+      // Record last containing block for next iteration
+      currentContainingBlockComputedStyle = computedStyle;
     }
-  }
-
-  if (!isElement(clipperElement)) {
-    return [];
-  } // @ts-ignore isElement check ensures we return Array<Element>
 
+    currentNode = getParentNode(currentNode);
+  }
 
-  return clippingAncestors.filter(clippingAncestors => clipperElement && isElement(clippingAncestors) && contains(clippingAncestors, clipperElement) && getNodeName(clippingAncestors) !== 'body');
+  return result;
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping ancestors
 
@@ -1340,8 +1298,8 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const mainClippingAncestors = boundary === 'clippingAncestors' ? getClippingAncestors(element) : [].concat(boundary);
-  const clippingAncestors = [...mainClippingAncestors, rootBoundary];
+  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element) : [].concat(boundary);
+  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
     const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
@@ -1366,20 +1324,25 @@ const platform = {
   getDimensions,
   getOffsetParent,
   getDocumentElement,
-  getElementRects: _ref => {
+
+  async getElementRects(_ref) {
     let {
       reference,
       floating,
       strategy
     } = _ref;
+    const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+    const getDimensionsFn = this.getDimensions;
     return {
-      reference: getRectRelativeToOffsetParent(reference, getOffsetParent(floating), strategy),
-      floating: { ...getDimensions(floating),
+      reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
+      floating: {
         x: 0,
-        y: 0
+        y: 0,
+        ...(await getDimensionsFn(floating))
       }
     };
   },
+
   getClientRects: element => Array.from(element.getClientRects()),
   isRTL: element => getComputedStyle(element).direction === 'rtl'
 };
@@ -1400,7 +1363,7 @@ function autoUpdate(reference, floating, update, options) {
     animationFrame = false
   } = options;
   const ancestorScroll = _ancestorScroll && !animationFrame;
-  const ancestors = ancestorScroll || ancestorResize ? [...(isElement(reference) ? getOverflowAncestors(reference) : []), ...getOverflowAncestors(floating)] : [];
+  const ancestors = ancestorScroll || ancestorResize ? [...(isElement(reference) ? getOverflowAncestors(reference) : reference.contextElement ? getOverflowAncestors(reference.contextElement) : []), ...getOverflowAncestors(floating)] : [];
   ancestors.forEach(ancestor => {
     ancestorScroll && ancestor.addEventListener('scroll', update, {
       passive: true
@@ -1419,6 +1382,11 @@ function autoUpdate(reference, floating, update, options) {
       initialUpdate = false;
     });
     isElement(reference) && !animationFrame && observer.observe(reference);
+
+    if (!isElement(reference) && reference.contextElement && !animationFrame) {
+      observer.observe(reference.contextElement);
+    }
+
     observer.observe(floating);
   }
 
@@ -1497,7 +1465,7 @@ async function patchFloatingUiForNonChromiumBrowsers() {
   if (config.floatingUINonChromiumPositioningFix &&
     // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
     /firefox|safari/i.test(getUAString())) {
-    const { getClippingRect, getElementRects, getOffsetParent } = await Promise.resolve().then(function () { return require('./nonChromiumPlatformUtils-422da801.js'); });
+    const { getClippingRect, getElementRects, getOffsetParent } = await Promise.resolve().then(function () { return require('./nonChromiumPlatformUtils-d9338106.js'); });
     platform.getClippingRect = getClippingRect;
     platform.getOffsetParent = getOffsetParent;
     platform.getElementRects = getElementRects;

package/dist/cjs/{focusTrapComponent-ccc646b5.js → focusTrapComponent-4575255a.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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 
-const dom = require('./dom-fc9f7c5b.js');
+const dom = require('./dom-8dcbe60b.js');
 
 /*!
 * tabbable 6.0.1

package/dist/cjs/{form-bdafdc1e.js → form-54565442.js}

@@ -1,12 +1,12 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 
-const dom = require('./dom-fc9f7c5b.js');
-const index = require('./index-7e0f281f.js');
+const dom = require('./dom-8dcbe60b.js');
+const index = require('./index-66bfeb5a.js');
 
 /**
  * Exported for testing purposes.

package/dist/cjs/{guid-e00c2fae.js → guid-4caf8697.js}

@@ -1,7 +1,7 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 

package/dist/cjs/{index-7e0f281f.js → index-66bfeb5a.js}

@@ -1,7 +1,7 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 

package/dist/cjs/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 

package/dist/cjs/{interactive-f768090a.js → interactive-61857e22.js}

@@ -1,7 +1,7 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 

package/dist/cjs/{interfaces-156df26c.js → interfaces-f9527bdd.js}

@@ -1,7 +1,7 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 

package/dist/cjs/{key-25858919.js → key-aa68c66b.js}

@@ -1,7 +1,7 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 

package/dist/cjs/{label-af7b6837.js → label-ebe09dfe.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-next.647
+ * v1.0.0-next.648
  */
 'use strict';
 
-const dom = require('./dom-fc9f7c5b.js');
+const dom = require('./dom-8dcbe60b.js');
 
 /**
  * Exported for testing purposes only

package/dist/cjs/{loadable-2c272f47.js → loadable-f0410eb8.js}

@@ -1,7 +1,7 @@
 /*!
  * 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-next.647
+ * v1.0.0-next.648
  */
 'use strict';