@esri/calcite-components 1.0.0-next.606 → 1.0.0-next.608

package/dist/esm/calcite-tip_3.entry.js

@@ -1,15 +1,15 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-06118eda.js';
-import { g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-640caf51.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-11c2a834.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-833c523f.js';
-import { c as createObserver } from './observers-74e54f0e.js';
-import './resources-64b0963b.js';
-import './guid-11f68c50.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-a6731e85.js';
+import { g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-a87ef22f.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-f79e69a8.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4d2ab5e9.js';
+import { c as createObserver } from './observers-fcb97ebe.js';
+import './resources-7432b8c4.js';
+import './guid-9d2910aa.js';
 
 const CSS$1 = {
   header: "header",

package/dist/esm/calcite-tooltip_2.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-06118eda.js';
-import { g as guid } from './guid-11f68c50.js';
-import { b as defaultOffsetDistance, c as connectFloatingUI, a as disconnectFloatingUI, p as positionFloatingUI, F as FloatingCSS, r as repositionDebounceTimeout } from './floating-ui-b2f9718e.js';
-import { i as isPrimaryPointerButton, q as queryElementRoots, t as toAriaBoolean } from './dom-640caf51.js';
-import { d as debounce } from './debounce-98d20a38.js';
-import './resources-64b0963b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a6731e85.js';
+import { g as guid } from './guid-9d2910aa.js';
+import { b as defaultOffsetDistance, c as connectFloatingUI, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-ac993e39.js';
+import { i as isPrimaryPointerButton, q as queryElementRoots, t as toAriaBoolean } from './dom-a87ef22f.js';
+import './debounce-2bc2a354.js';
+import './resources-7432b8c4.js';
 
 const CSS = {
   container: "container",
@@ -176,7 +176,7 @@ class TooltipManager$1 {
   }
 }
 
-const tooltipCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;transform:scale(0)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);visibility:hidden;transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;visibility:visible;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-placement^=top]) .arrow{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=left]) .arrow{direction:ltr;inset-inline-end:-4px}:host([data-placement^=right]) .arrow{direction:ltr;inset-inline-start:-4px}.container{position:relative;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}";
+const tooltipCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);visibility:hidden;transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;visibility:visible;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-placement^=top]) .arrow{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=left]) .arrow{direction:ltr;inset-inline-end:-4px}:host([data-placement^=right]) .arrow{direction:ltr;inset-inline-start:-4px}.container{position:relative;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}";
 
 const manager = new TooltipManager$1();
 const Tooltip = class {
@@ -225,7 +225,6 @@ const Tooltip = class {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
-    this.debouncedReposition = debounce(() => this.reposition(), repositionDebounceTimeout);
     this.setUpReferenceElement = (warn = true) => {
       this.removeReferences();
       this.effectiveReferenceElement = this.getReferenceElement();
@@ -264,19 +263,24 @@ const Tooltip = class {
     };
   }
   offsetDistanceOffsetHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   offsetSkiddingHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
-  openHandler() {
-    this.debouncedReposition();
+  openHandler(value) {
+    if (value) {
+      this.reposition(true);
+    }
+    else {
+      updateAfterClose(this.el);
+    }
   }
   overlayPositioningHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   placementHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   referenceElementHandler() {
     this.setUpReferenceElement();
@@ -293,7 +297,7 @@ const Tooltip = class {
     if (this.referenceElement && !this.effectiveReferenceElement) {
       this.setUpReferenceElement();
     }
-    this.debouncedReposition();
+    this.reposition(true);
     this.hasLoaded = true;
   }
   disconnectedCallback() {
@@ -305,19 +309,24 @@ const Tooltip = class {
   //  Public Methods
   //
   // --------------------------------------------------------------------------
-  /** Updates the position of the component. */
-  async reposition() {
+  /**
+   * Updates the position of the component.
+   *
+   * @param delayed
+   */
+  async reposition(delayed = false) {
     const { el, effectiveReferenceElement, placement, overlayPositioning, offsetDistance, offsetSkidding, arrowEl } = this;
-    return positionFloatingUI({
+    return reposition(this, {
       floatingEl: el,
       referenceEl: effectiveReferenceElement,
       overlayPositioning,
       placement,
       offsetDistance,
       offsetSkidding,
+      includeArrow: true,
       arrowEl,
       type: "tooltip"
-    });
+    }, delayed);
   }
   getReferenceElement() {
     const { referenceElement, el } = this;

package/dist/esm/calcite-tree_2.entry.js

@@ -1,15 +1,15 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06118eda.js';
-import { f as focusElement, n as nodeListToArray, l as getRootNode, g as getSlotted, a as getElementDir, t as toAriaBoolean, m as filterDirectChildren } from './dom-640caf51.js';
-import { C as CSS_UTILITY } from './resources-64b0963b.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-833c523f.js';
-import { u as updateHostInteraction } from './interactive-fccdf326.js';
-import './guid-11f68c50.js';
-import './observers-74e54f0e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a6731e85.js';
+import { f as focusElement, n as nodeListToArray, l as getRootNode, g as getSlotted, a as getElementDir, t as toAriaBoolean, m as filterDirectChildren } from './dom-a87ef22f.js';
+import { C as CSS_UTILITY } from './resources-7432b8c4.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4d2ab5e9.js';
+import { u as updateHostInteraction } from './interactive-39616428.js';
+import './guid-9d2910aa.js';
+import './observers-fcb97ebe.js';
 
 var TreeSelectionMode;
 (function (TreeSelectionMode) {

package/dist/esm/calcite-value-list_2.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-06118eda.js';
-import { S as Sortable } from './sortable.esm-76542737.js';
-import { g as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as getItemData, k as keyDownHandler, c as moveItemIndex, i as initialize, e as initializeObserver, f as cleanUpObserver, j as calciteListFocusOutHandler, r as removeItem, l as calciteListItemChangeHandler, n as calciteInternalListItemValueChangeHandler, o as setUpItems, p as setFocus, L as List, I as ICON_TYPES$1, C as CSS$1, S as SLOTS$1 } from './resources-bad5148f.js';
-import { c as createObserver } from './observers-74e54f0e.js';
-import { u as updateHostInteraction } from './interactive-fccdf326.js';
-import { g as guid } from './guid-11f68c50.js';
-import { g as getSlotted } from './dom-640caf51.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-833c523f.js';
-import './array-16ebf5c6.js';
-import './debounce-98d20a38.js';
-import './resources-64b0963b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-a6731e85.js';
+import { S as Sortable } from './sortable.esm-c1ee4e1b.js';
+import { g as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as getItemData, k as keyDownHandler, c as moveItemIndex, i as initialize, e as initializeObserver, f as cleanUpObserver, j as calciteListFocusOutHandler, r as removeItem, l as calciteListItemChangeHandler, n as calciteInternalListItemValueChangeHandler, o as setUpItems, p as setFocus, L as List, I as ICON_TYPES$1, C as CSS$1, S as SLOTS$1 } from './resources-524fe319.js';
+import { c as createObserver } from './observers-fcb97ebe.js';
+import { u as updateHostInteraction } from './interactive-39616428.js';
+import { g as guid } from './guid-9d2910aa.js';
+import { g as getSlotted } from './dom-a87ef22f.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4d2ab5e9.js';
+import './array-d19f31ef.js';
+import './debounce-2bc2a354.js';
+import './resources-7432b8c4.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite.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.606
+ * v1.0.0-next.608
  */
-import { d as doc, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-06118eda.js';
-import { g as globalScripts } from './app-globals-1b919870.js';
-import './resources-64b0963b.js';
+import { d as doc, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-a6731e85.js';
+import { g as globalScripts } from './app-globals-a2b52b66.js';
+import './resources-7432b8c4.js';
 
 /*
  Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com

package/dist/esm/{conditionalSlot-833c523f.js → conditionalSlot-4d2ab5e9.js}

@@ -1,10 +1,10 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { f as forceUpdate } from './index-06118eda.js';
-import { c as createObserver } from './observers-74e54f0e.js';
+import { f as forceUpdate } from './index-a6731e85.js';
+import { c as createObserver } from './observers-fcb97ebe.js';
 
 const observed = new Set();
 let mutationObserver;

package/dist/esm/{debounce-98d20a38.js → debounce-2bc2a354.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.606
+ * v1.0.0-next.608
  */
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;

package/dist/esm/{dom-640caf51.js → dom-a87ef22f.js}

@@ -1,10 +1,10 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { C as CSS_UTILITY } from './resources-64b0963b.js';
-import { g as guid } from './guid-11f68c50.js';
+import { C as CSS_UTILITY } from './resources-7432b8c4.js';
+import { g as guid } from './guid-9d2910aa.js';
 
 /**
  * This helper will guarantee an ID on the provided element.

package/dist/esm/{filter-38e63edc.js → filter-761cb8ee.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { a as isSymbol, S as Symbol, i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce-98d20a38.js';
+import { a as isSymbol, S as Symbol, i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce-2bc2a354.js';
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee

package/dist/esm/{floating-ui-b2f9718e.js → floating-ui-ac993e39.js}

@@ -1,9 +1,10 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { a as getElementDir } from './dom-640caf51.js';
+import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-a87ef22f.js';
+import { d as debounce } from './debounce-2bc2a354.js';
 
 function getSide(placement) {
   return placement.split('-')[0];
@@ -893,9 +894,10 @@ function isOverflowElement(element) {
   const {
     overflow,
     overflowX,
-    overflowY
+    overflowY,
+    display
   } = getComputedStyle(element);
-  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
 }
 function isTableElement(element) {
   return ['table', 'td', 'th'].includes(getNodeName(element));
@@ -907,8 +909,11 @@ function isContainingBlock(element) {
   // 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' || // @ts-ignore (TS 4.1 compat)
-  css.contain === 'paint' || ['transform', 'perspective'].includes(css.willChange) || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false);
+  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
+  value => {
+    const contain = css.contain;
+    return contain != null ? contain.includes(value) : false;
+  });
 }
 function isLayoutViewport() {
   // Not Safari
@@ -918,6 +923,9 @@ function isLayoutViewport() {
   // const vV = win.visualViewport;
   // return vV ? Math.abs(win.innerWidth / vV.scale - vV.width) < 0.5 : true;
 }
+function isLastTraversableNode(node) {
+  return ['html', 'body', '#document'].includes(getNodeName(node));
+}
 
 const min = Math.min;
 const max = Math.max;
@@ -1056,7 +1064,7 @@ function getContainingBlock(element) {
     currentNode = currentNode.host;
   }
 
-  while (isHTMLElement(currentNode) && !['html', 'body'].includes(getNodeName(currentNode))) {
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
     } else {
@@ -1200,7 +1208,7 @@ function getDocumentRect(element) {
 function getNearestOverflowAncestor(node) {
   const parentNode = getParentNode(node);
 
-  if (['html', 'body', '#document'].includes(getNodeName(parentNode))) {
+  if (isLastTraversableNode(parentNode)) {
     // @ts-ignore assume body is always available
     return node.ownerDocument.body;
   }
@@ -1251,6 +1259,22 @@ function contains(parent, child) {
   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;
@@ -1284,15 +1308,25 @@ function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
 
 function getClippingAncestors(element) {
   const clippingAncestors = getOverflowAncestors(element);
-  const canEscapeClipping = ['absolute', 'fixed'].includes(getComputedStyle(element).position);
-  const clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
+  const nearestEscapableParent = getNearestParentCapableOfEscapingClipping(element, clippingAncestors);
+  let clipperElement = null;
+
+  if (nearestEscapableParent && isHTMLElement(nearestEscapableParent)) {
+    const offsetParent = getOffsetParent(nearestEscapableParent);
+
+    if (isOverflowElement(nearestEscapableParent)) {
+      clipperElement = nearestEscapableParent;
+    } else if (isHTMLElement(offsetParent)) {
+      clipperElement = offsetParent;
+    }
+  }
 
   if (!isElement(clipperElement)) {
     return [];
   } // @ts-ignore isElement check ensures we return Array<Element>
 
 
-  return clippingAncestors.filter(clippingAncestors => isElement(clippingAncestors) && contains(clippingAncestors, clipperElement) && getNodeName(clippingAncestors) !== 'body');
+  return clippingAncestors.filter(clippingAncestors => clipperElement && isElement(clippingAncestors) && contains(clippingAncestors, clipperElement) && getNodeName(clippingAncestors) !== 'body');
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping ancestors
 
@@ -1359,12 +1393,11 @@ function autoUpdate(reference, floating, update, options) {
 
   const {
     ancestorScroll: _ancestorScroll = true,
-    ancestorResize: _ancestorResize = true,
+    ancestorResize = true,
     elementResize = true,
     animationFrame = false
   } = options;
   const ancestorScroll = _ancestorScroll && !animationFrame;
-  const ancestorResize = _ancestorResize && !animationFrame;
   const ancestors = ancestorScroll || ancestorResize ? [...(isElement(reference) ? getOverflowAncestors(reference) : []), ...getOverflowAncestors(floating)] : [];
   ancestors.forEach(ancestor => {
     ancestorScroll && ancestor.addEventListener('scroll', update, {
@@ -1433,6 +1466,45 @@ const computePosition = (reference, floating, options) => computePosition$1(refe
   ...options
 });
 
+/**
+ * This module helps users provide custom configuration for component internals.
+ *
+ * @internal
+ */
+const configOverrides = globalThis["calciteComponentsConfig"];
+const config = {
+  /**
+   * We apply a custom fix to improve positioning for non-Chromium browsers.
+   * The fix comes at a performance cost, so provides users a way to opt-out if necessary.
+   *
+   * @internal
+   */
+  floatingUINonChromiumPositioningFix: true,
+  ...configOverrides
+};
+
+const floatingUIBrowserCheck = patchFloatingUiForNonChromiumBrowsers();
+async function patchFloatingUiForNonChromiumBrowsers() {
+  function getUAString() {
+    const uaData = navigator.userAgentData;
+    if (uaData === null || uaData === void 0 ? void 0 : uaData.brands) {
+      return uaData.brands.map((item) => `${item.brand}/${item.version}`).join(" ");
+    }
+    return navigator.userAgent;
+  }
+  if (config.floatingUINonChromiumPositioningFix &&
+    // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
+    /firefox|safari/i.test(getUAString())) {
+    const { getClippingRect, getElementRects, getOffsetParent } = await import('./nonChromiumPlatformUtils-42471681.js');
+    platform.getClippingRect = getClippingRect;
+    platform.getOffsetParent = getOffsetParent;
+    platform.getElementRects = getElementRects;
+  }
+}
+const placementDataAttribute = "data-placement";
+/**
+ * Exported for testing purposes only
+ */
 const repositionDebounceTimeout = 100;
 const effectivePlacements = [
   "top",
@@ -1513,9 +1585,40 @@ function getEffectivePlacement(floatingEl, placement) {
     .replace(/leading/gi, placements[0])
     .replace(/trailing/gi, placements[1]);
 }
+/**
+ * Convenience function to manage `reposition` calls for FloatingUIComponents that use `positionFloatingUI.
+ *
+ * Note: this is not needed for components that use `calcite-popover`.
+ *
+ * @param component
+ * @param options
+ * @param options.referenceEl
+ * @param options.floatingEl
+ * @param options.overlayPositioning
+ * @param options.placement
+ * @param options.disableFlip
+ * @param options.flipPlacements
+ * @param options.offsetDistance
+ * @param options.offsetSkidding
+ * @param options.arrowEl
+ * @param options.type
+ * @param delayed
+ */
+async function reposition(component, options, delayed = false) {
+  if (!component.open) {
+    return;
+  }
+  return delayed ? debouncedReposition(options) : positionFloatingUI(options);
+}
+const debouncedReposition = debounce(positionFloatingUI, repositionDebounceTimeout, {
+  leading: true,
+  maxWait: repositionDebounceTimeout
+});
 /**
  * Positions the floating element relative to the reference element.
  *
+ * **Note:** exported for testing purposes only
+ *
  * @param root0
  * @param root0.referenceEl
  * @param root0.floatingEl
@@ -1527,12 +1630,14 @@ function getEffectivePlacement(floatingEl, placement) {
  * @param root0.offsetSkidding
  * @param root0.arrowEl
  * @param root0.type
+ * @param root0.includeArrow
  */
-async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning = "absolute", placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
+async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning = "absolute", placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, includeArrow = false, arrowEl, type }) {
   var _a;
-  if (!referenceEl || !floatingEl) {
+  if (!referenceEl || !floatingEl || (includeArrow && !arrowEl)) {
     return null;
   }
+  await floatingUIBrowserCheck;
   const { x, y, placement: effectivePlacement, strategy: position, middlewareData } = await computePosition(referenceEl, floatingEl, {
     strategy: overlayPositioning,
     placement: placement === "auto" || placement === "auto-start" || placement === "auto-end"
@@ -1558,7 +1663,7 @@ async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning
   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);
+  floatingEl.setAttribute(placementDataAttribute, effectivePlacement);
   const transform = `translate(${Math.round(x)}px,${Math.round(y)}px)`;
   Object.assign(floatingEl.style, {
     visibility,
@@ -1569,6 +1674,11 @@ async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning
     transform
   });
 }
+/**
+ * Exported for testing purposes only
+ *
+ * @internal
+ */
 const cleanupMap = new WeakMap();
 /**
  * Helper to set up floating element interactions on connectedCallback.
@@ -1582,11 +1692,15 @@ function connectFloatingUI(component, referenceEl, floatingEl) {
     return;
   }
   disconnectFloatingUI(component, referenceEl, floatingEl);
-  cleanupMap.set(component, autoUpdate(referenceEl, floatingEl, () => {
-    if (component.open) {
-      component.reposition();
-    }
-  }));
+  const position = component.overlayPositioning;
+  // ensure position matches for initial positioning
+  floatingEl.style.position = position;
+  if (position === "absolute") {
+    moveOffScreen(floatingEl);
+  }
+  const runAutoUpdate = autoUpdate
+    ;
+  cleanupMap.set(component, runAutoUpdate(referenceEl, floatingEl, () => component.reposition()));
 }
 /**
  * Helper to tear down floating element interactions on disconnectedCallback.
@@ -1599,6 +1713,7 @@ function disconnectFloatingUI(component, referenceEl, floatingEl) {
   if (!floatingEl || !referenceEl) {
     return;
   }
+  getTransitionTarget(floatingEl).removeEventListener("transitionend", handleTransitionElTransitionEnd);
   const cleanup = cleanupMap.get(component);
   if (cleanup) {
     cleanup();
@@ -1612,5 +1727,41 @@ const visiblePointerSize = 4;
  * @default 6
  */
 const defaultOffsetDistance = Math.ceil(Math.hypot(visiblePointerSize, visiblePointerSize));
+/**
+ * This utils applies floating element styles to avoid affecting layout when closed.
+ *
+ * This should be called when the closing transition will start.
+ *
+ * @param floatingEl
+ */
+function updateAfterClose(floatingEl) {
+  if (!floatingEl || floatingEl.style.position !== "absolute") {
+    return;
+  }
+  getTransitionTarget(floatingEl).addEventListener("transitionend", handleTransitionElTransitionEnd);
+}
+function getTransitionTarget(floatingEl) {
+  // assumes floatingEl w/ shadowRoot is a FloatingUIComponent
+  return floatingEl.shadowRoot || floatingEl;
+}
+function handleTransitionElTransitionEnd(event) {
+  const floatingTransitionEl = event.target;
+  if (
+  // using any prop from floating-ui transition
+  event.propertyName === "opacity" &&
+    floatingTransitionEl.classList.contains(FloatingCSS.animation)) {
+    const floatingEl = getFloatingElFromTransitionTarget(floatingTransitionEl);
+    moveOffScreen(floatingEl);
+    getTransitionTarget(floatingEl).removeEventListener("transitionend", handleTransitionElTransitionEnd);
+  }
+}
+function moveOffScreen(floatingEl) {
+  floatingEl.style.transform = "";
+  floatingEl.style.top = "-99999px";
+  floatingEl.style.left = "-99999px";
+}
+function getFloatingElFromTransitionTarget(floatingTransitionEl) {
+  return closestElementCrossShadowBoundary(floatingTransitionEl, `[${placementDataAttribute}]`);
+}
 
-export { FloatingCSS as F, disconnectFloatingUI as a, defaultOffsetDistance as b, connectFloatingUI as c, defaultMenuPlacement as d, filterComputedPlacements as f, positionFloatingUI as p, repositionDebounceTimeout as r };
+export { FloatingCSS as F, disconnectFloatingUI as a, defaultOffsetDistance as b, connectFloatingUI as c, defaultMenuPlacement as d, rectToClientRect as e, filterComputedPlacements as f, reposition as r, updateAfterClose as u };

package/dist/esm/{form-493b70e6.js → form-a1efc73f.js}

@@ -1,10 +1,10 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */
-import { c as closestElementCrossShadowBoundary } from './dom-640caf51.js';
-import { h } from './index-06118eda.js';
+import { c as closestElementCrossShadowBoundary } from './dom-a87ef22f.js';
+import { h } from './index-a6731e85.js';
 
 /**
  * Exported for testing purposes.

package/dist/esm/{guid-11f68c50.js → guid-9d2910aa.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.606
+ * v1.0.0-next.608
  */
 function gen(counts) {
   return counts

package/dist/esm/{index-06118eda.js → index-a6731e85.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.606
+ * v1.0.0-next.608
  */
 const NAMESPACE = 'calcite';
 

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
  * 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.606
+ * v1.0.0-next.608
  */

package/dist/esm/{interactive-fccdf326.js → interactive-39616428.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.606
+ * v1.0.0-next.608
  */
 function noopClick() {
   /** noop */