@esri/calcite-components 1.4.3-next.7 → 1.4.3

package/dist/collection/components/tooltip/utils.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.4.3-next.6
+ * v1.4.3
  */
 import { queryElementRoots } from "../../utils/dom";
 export function getEffectiveReferenceElement(tooltip) {

package/dist/collection/components/tree/tree.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.4.3-next.6
+ * v1.4.3
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getRootNode, nodeListToArray } from "../../utils/dom";

package/dist/collection/components/tree/utils.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.4.3-next.6
+ * v1.4.3
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/collection/components/tree-item/resources.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.4.3-next.6
+ * v1.4.3
  */
 export const CSS = {
   actionsEnd: "actions-end",

package/dist/collection/components/tree-item/tree-item.css

@@ -299,16 +299,17 @@
 .children-container {
   position: relative;
   block-size: 0px;
+  transform-origin: top;
   overflow: hidden;
+  opacity: 0;
   margin-inline-start: 1.25rem;
   transform: scaleY(0);
-  opacity: 0;
   transition: var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;
-  transform-origin: top;
 }
 .item--expanded > .children-container {
   overflow: visible;
   opacity: 1;
+  transform: none;
   block-size: auto;
 }
 

package/dist/collection/components/tree-item/tree-item.js

@@ -1,13 +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.4.3-next.6
+ * v1.4.3
  */
 import { h, Host } from "@stencil/core";
 import { slotChangeHasAssignedElement, filterDirectChildren, getElementDir, getSlotted, nodeListToArray, toAriaBoolean } from "../../utils/dom";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
-import { updateHostInteraction } from "../../utils/interactive";
-import { onToggleOpenCloseComponent } from "../../utils/openCloseComponent";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { CSS_UTILITY } from "../../utils/resources";
 import { CSS, ICONS, SLOTS } from "./resources";
 /**
@@ -17,8 +16,6 @@ import { CSS, ICONS, SLOTS } from "./resources";
  */
 export class TreeItem {
   constructor() {
-    this.openTransitionProp = "opacity";
-    this.transitionProp = "expanded";
     this.iconClickHandler = (event) => {
       event.stopPropagation();
       this.expanded = !this.expanded;
@@ -51,36 +48,11 @@ export class TreeItem {
   }
   expandedHandler(newValue) {
     this.updateParentIsExpanded(this.el, newValue);
-    onToggleOpenCloseComponent(this, true);
   }
-  getselectionMode() {
+  getSelectionMode() {
     this.isSelectionMultiLike =
       this.selectionMode === "multiple" || this.selectionMode === "multichildren";
   }
-  /**
-   * Defines method for `beforeOpen` event handler.
-   */
-  onBeforeOpen() {
-    this.transitionEl.style.transform = "scaleY(1)";
-  }
-  /**
-   * Defines method for `open` event handler:
-   */
-  onOpen() {
-    this.transitionEl.style.transform = "none";
-  }
-  /**
-   * Defines method for `beforeClose` event handler:
-   */
-  onBeforeClose() {
-    // pattern needs to be defined on how we emit events for components without `open` prop.
-  }
-  /**
-   * Defines method for `close` event handler:
-   */
-  onClose() {
-    this.transitionEl.style.transform = "scaleY(0)";
-  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -93,9 +65,11 @@ export class TreeItem {
       this.updateParentIsExpanded(this.parentTreeItem, expanded);
     }
     connectConditionalSlotComponent(this);
+    connectInteractive(this);
   }
   disconnectedCallback() {
     disconnectConditionalSlotComponent(this);
+    disconnectInteractive(this);
   }
   componentWillRender() {
     this.hasChildren = !!this.el.querySelector("calcite-tree");
@@ -120,9 +94,6 @@ export class TreeItem {
     }
   }
   componentWillLoad() {
-    if (this.expanded) {
-      onToggleOpenCloseComponent(this, true);
-    }
     requestAnimationFrame(() => (this.updateAfterInitialRender = true));
   }
   componentDidLoad() {
@@ -167,12 +138,7 @@ export class TreeItem {
       ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), h("div", { class: CSS.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), h("div", { class: {
         [CSS.childrenContainer]: true,
         [CSS_UTILITY.rtl]: rtl
-      }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined,
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: (el) => this.setTransitionEl(el) }, h("slot", { name: SLOTS.children })))));
-  }
-  setTransitionEl(el) {
-    this.transitionEl = el;
+      }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, h("slot", { name: SLOTS.children })))));
   }
   //--------------------------------------------------------------------------
   //
@@ -585,7 +551,7 @@ export class TreeItem {
         "methodName": "expandedHandler"
       }, {
         "propName": "selectionMode",
-        "methodName": "getselectionMode"
+        "methodName": "getSelectionMode"
       }];
   }
   static get listeners() {

package/dist/collection/components/value-list/resources.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.4.3-next.6
+ * v1.4.3
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/value-list/utils.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.4.3-next.6
+ * v1.4.3
  */
 import { getItemIndex } from "../pick-list/shared-list-logic";
 export function getScreenReaderText(item, status, valueList) {

package/dist/collection/components/value-list/value-list.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.4.3-next.6
+ * v1.4.3
  */
 import { h } from "@stencil/core";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
@@ -113,6 +113,7 @@ export class ValueList {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     initialize.call(this);
@@ -131,6 +132,7 @@ export class ValueList {
     updateHostInteraction(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectSortableComponent(this);
     disconnectLocalized(this);
     disconnectMessages(this);

package/dist/collection/components/value-list-item/resources.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.4.3-next.6
+ * v1.4.3
  */
 export const ICONS = {
   drag: "drag"

package/dist/collection/components/value-list-item/value-list-item.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.6
+ * v1.4.3
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { getSlotted } from "../../utils/dom";
 import { guid } from "../../utils/guid";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { CSS, SLOTS as PICK_LIST_SLOTS } from "../pick-list-item/resources";
 import { ICON_TYPES } from "../pick-list/resources";
@@ -59,9 +59,11 @@ export class ValueListItem {
   // --------------------------------------------------------------------------
   connectedCallback() {
     connectConditionalSlotComponent(this);
+    connectInteractive(this);
   }
   disconnectedCallback() {
     disconnectConditionalSlotComponent(this);
+    disconnectInteractive(this);
   }
   componentWillLoad() {
     setUpLoadableComponent(this);

package/dist/collection/index.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.4.3-next.6
+ * v1.4.3
  */
 // ⚠️ do not modify this file ⚠️
 // this file was added as a workaround to force the build to export `getAssetPath`,

package/dist/collection/utils/array.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.4.3-next.6
+ * v1.4.3
  */
 export function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/collection/utils/browser.js

@@ -0,0 +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.4.3
+ */
+export function getUserAgentData() {
+  return navigator.userAgentData;
+}
+export function getUserAgentString() {
+  const uaData = getUserAgentData();
+  return uaData?.brands
+    ? uaData.brands.map(({ brand, version }) => `${brand}/${version}`).join(" ")
+    : navigator.userAgent;
+}

package/dist/collection/utils/conditionalSlot.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.4.3-next.6
+ * v1.4.3
  */
 import { forceUpdate } from "@stencil/core";
 import { createObserver } from "./observers";

package/dist/collection/utils/config.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.4.3-next.6
+ * v1.4.3
  */
 /**
  * This module helps users provide custom configuration for component internals.

package/dist/collection/utils/date.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.4.3-next.6
+ * v1.4.3
  */
 import { numberStringFormatter } from "./locale";
 /**

package/dist/collection/utils/dom.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.4.3-next.6
+ * v1.4.3
  */
 import { tabbable } from "tabbable";
 import { guid } from "./guid";

package/dist/collection/utils/filter.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.4.3-next.6
+ * v1.4.3
  */
 import { escapeRegExp, forIn } from "lodash-es";
 export const filter = (data, value) => {

package/dist/collection/utils/floating-ui.js

@@ -1,43 +1,125 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.6
+ * v1.4.3
  */
 import { arrow, autoPlacement, autoUpdate, computePosition, flip, hide, offset, platform, shift } from "@floating-ui/dom";
 import { Build } from "@stencil/core";
 import { debounce } from "lodash-es";
 import { config } from "./config";
 import { getElementDir } from "./dom";
+import { getUserAgentData, getUserAgentString } from "./browser";
 const floatingUIBrowserCheck = patchFloatingUiForNonChromiumBrowsers();
-async function patchFloatingUiForNonChromiumBrowsers() {
-  function getUAData() {
-    return navigator.userAgentData;
-  }
-  function getUAString() {
-    const uaData = getUAData();
-    return uaData?.brands
-      ? uaData.brands.map(({ brand, version }) => `${brand}/${version}`).join(" ")
-      : navigator.userAgent;
-  }
-  function isChrome109OrAbove() {
-    const uaData = getUAData();
-    if (uaData?.brands) {
-      return !!uaData.brands.find(({ brand, version }) => (brand === "Google Chrome" || brand === "Chromium") && Number(version) >= 109);
-    }
-    return !!navigator.userAgent.split(" ").find((ua) => {
-      const [browser, version] = ua.split("/");
-      return browser === "Chrome" && parseInt(version) >= 109;
-    });
+function isChrome109OrAbove() {
+  const uaData = getUserAgentData();
+  if (uaData?.brands) {
+    return !!uaData.brands.find(({ brand, version }) => (brand === "Google Chrome" || brand === "Chromium") && Number(version) >= 109);
   }
+  return !!navigator.userAgent.split(" ").find((ua) => {
+    const [browser, version] = ua.split("/");
+    return browser === "Chrome" && parseInt(version) >= 109;
+  });
+}
+async function patchFloatingUiForNonChromiumBrowsers() {
   if (Build.isBrowser &&
     config.floatingUINonChromiumPositioningFix &&
     // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
-    (/firefox|safari/i.test(getUAString()) || isChrome109OrAbove())) {
+    (/firefox|safari/i.test(getUserAgentString()) || isChrome109OrAbove())) {
     const { offsetParent } = await import("composed-offset-position");
     const originalGetOffsetParent = platform.getOffsetParent;
     platform.getOffsetParent = (element) => originalGetOffsetParent(element, offsetParent);
   }
 }
+/**
+ * Positions the floating element relative to the reference element.
+ *
+ * **Note:** exported for testing purposes only
+ *
+ * @param root0
+ * @param root0.referenceEl
+ * @param root0.floatingEl
+ * @param root0.overlayPositioning
+ * @param root0.placement
+ * @param root0.flipDisabled
+ * @param root0.flipPlacements
+ * @param root0.offsetDistance
+ * @param root0.offsetSkidding
+ * @param root0.arrowEl
+ * @param root0.type
+ * @param component
+ * @param root0.referenceEl.referenceEl
+ * @param root0.referenceEl.floatingEl
+ * @param root0.referenceEl.overlayPositioning
+ * @param root0.referenceEl.placement
+ * @param root0.referenceEl.flipDisabled
+ * @param root0.referenceEl.flipPlacements
+ * @param root0.referenceEl.offsetDistance
+ * @param root0.referenceEl.offsetSkidding
+ * @param root0.referenceEl.arrowEl
+ * @param root0.referenceEl.type
+ * @param component.referenceEl
+ * @param component.floatingEl
+ * @param component.overlayPositioning
+ * @param component.placement
+ * @param component.flipDisabled
+ * @param component.flipPlacements
+ * @param component.offsetDistance
+ * @param component.offsetSkidding
+ * @param component.arrowEl
+ * @param component.type
+ */
+export const positionFloatingUI = 
+/* we export arrow function to allow us to spy on it during testing */
+async (component, { referenceEl, floatingEl, overlayPositioning = "absolute", placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) => {
+  if (!referenceEl || !floatingEl) {
+    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"
+      ? undefined
+      : getEffectivePlacement(floatingEl, placement),
+    middleware: getMiddleware({
+      placement,
+      flipDisabled,
+      flipPlacements,
+      offsetDistance,
+      offsetSkidding,
+      arrowEl,
+      type
+    })
+  });
+  if (arrowEl && middlewareData.arrow) {
+    const { x, y } = middlewareData.arrow;
+    const side = effectivePlacement.split("-")[0];
+    const alignment = x != null ? "left" : "top";
+    const transform = ARROW_CSS_TRANSFORM[side];
+    const reset = { left: "", top: "", bottom: "", right: "" };
+    if ("floatingLayout" in component) {
+      component.floatingLayout = side === "left" || side === "right" ? "horizontal" : "vertical";
+    }
+    Object.assign(arrowEl.style, {
+      ...reset,
+      [alignment]: `${alignment == "left" ? x : y}px`,
+      [side]: "100%",
+      transform
+    });
+  }
+  const referenceHidden = middlewareData.hide?.referenceHidden;
+  const visibility = referenceHidden ? "hidden" : null;
+  const pointerEvents = visibility ? "none" : null;
+  floatingEl.setAttribute(placementDataAttribute, effectivePlacement);
+  const transform = `translate(${Math.round(x)}px,${Math.round(y)}px)`;
+  Object.assign(floatingEl.style, {
+    visibility,
+    pointerEvents,
+    position,
+    top: "0",
+    left: "0",
+    transform
+  });
+};
 /**
  * Exported for testing purposes only
  */
@@ -187,112 +269,34 @@ export async function reposition(component, options, delayed = false) {
   if (!component.open) {
     return;
   }
-  return delayed ? debouncedReposition(component, options) : positionFloatingUI(component, options);
+  const positionFunction = delayed ? getDebouncedReposition(component) : positionFloatingUI;
+  return positionFunction(component, options);
+}
+function getDebouncedReposition(component) {
+  let debounced = componentToDebouncedRepositionMap.get(component);
+  if (debounced) {
+    return debounced;
+  }
+  debounced = debounce(positionFloatingUI, repositionDebounceTimeout, {
+    leading: true,
+    maxWait: repositionDebounceTimeout
+  });
+  componentToDebouncedRepositionMap.set(component, debounced);
+  return debounced;
 }
-const debouncedReposition = debounce(positionFloatingUI, repositionDebounceTimeout, {
-  leading: true,
-  maxWait: repositionDebounceTimeout
-});
 const ARROW_CSS_TRANSFORM = {
   top: "",
   left: "rotate(-90deg)",
   bottom: "rotate(180deg)",
   right: "rotate(90deg)"
 };
-/**
- * Positions the floating element relative to the reference element.
- *
- * **Note:** exported for testing purposes only
- *
- * @param root0
- * @param root0.referenceEl
- * @param root0.floatingEl
- * @param root0.overlayPositioning
- * @param root0.placement
- * @param root0.flipDisabled
- * @param root0.flipPlacements
- * @param root0.offsetDistance
- * @param root0.offsetSkidding
- * @param root0.arrowEl
- * @param root0.type
- * @param component
- * @param root0.referenceEl.referenceEl
- * @param root0.referenceEl.floatingEl
- * @param root0.referenceEl.overlayPositioning
- * @param root0.referenceEl.placement
- * @param root0.referenceEl.flipDisabled
- * @param root0.referenceEl.flipPlacements
- * @param root0.referenceEl.offsetDistance
- * @param root0.referenceEl.offsetSkidding
- * @param root0.referenceEl.arrowEl
- * @param root0.referenceEl.type
- * @param component.referenceEl
- * @param component.floatingEl
- * @param component.overlayPositioning
- * @param component.placement
- * @param component.flipDisabled
- * @param component.flipPlacements
- * @param component.offsetDistance
- * @param component.offsetSkidding
- * @param component.arrowEl
- * @param component.type
- */
-export async function positionFloatingUI(component, { referenceEl, floatingEl, overlayPositioning = "absolute", placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
-  if (!referenceEl || !floatingEl) {
-    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"
-      ? undefined
-      : getEffectivePlacement(floatingEl, placement),
-    middleware: getMiddleware({
-      placement,
-      flipDisabled,
-      flipPlacements,
-      offsetDistance,
-      offsetSkidding,
-      arrowEl,
-      type
-    })
-  });
-  if (arrowEl && middlewareData.arrow) {
-    const { x, y } = middlewareData.arrow;
-    const side = effectivePlacement.split("-")[0];
-    const alignment = x != null ? "left" : "top";
-    const transform = ARROW_CSS_TRANSFORM[side];
-    const reset = { left: "", top: "", bottom: "", right: "" };
-    if ("floatingLayout" in component) {
-      component.floatingLayout = side === "left" || side === "right" ? "horizontal" : "vertical";
-    }
-    Object.assign(arrowEl.style, {
-      ...reset,
-      [alignment]: `${alignment == "left" ? x : y}px`,
-      [side]: "100%",
-      transform
-    });
-  }
-  const referenceHidden = middlewareData.hide?.referenceHidden;
-  const visibility = referenceHidden ? "hidden" : null;
-  const pointerEvents = visibility ? "none" : null;
-  floatingEl.setAttribute(placementDataAttribute, effectivePlacement);
-  const transform = `translate(${Math.round(x)}px,${Math.round(y)}px)`;
-  Object.assign(floatingEl.style, {
-    visibility,
-    pointerEvents,
-    position,
-    top: "0",
-    left: "0",
-    transform
-  });
-}
 /**
  * Exported for testing purposes only
  *
  * @internal
  */
 export const cleanupMap = new WeakMap();
+const componentToDebouncedRepositionMap = new WeakMap();
 /**
  * Helper to set up floating element interactions on connectedCallback.
  *
@@ -334,11 +338,10 @@ export function disconnectFloatingUI(component, referenceEl, floatingEl) {
   if (!floatingEl || !referenceEl) {
     return;
   }
-  const cleanup = cleanupMap.get(component);
-  if (cleanup) {
-    cleanup();
-  }
+  cleanupMap.get(component)?.();
   cleanupMap.delete(component);
+  componentToDebouncedRepositionMap.get(component)?.cancel();
+  componentToDebouncedRepositionMap.delete(component);
 }
 const visiblePointerSize = 4;
 /**

package/dist/collection/utils/focusTrapComponent.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.4.3-next.6
+ * v1.4.3
  */
 import { createFocusTrap } from "focus-trap";
 import { focusElement, tabbableOptions } from "./dom";

package/dist/collection/utils/form.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.4.3-next.6
+ * v1.4.3
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom";

package/dist/collection/utils/globalAttributes.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.4.3-next.6
+ * v1.4.3
  */
 import { createObserver } from "./observers";
 const allowedGlobalAttributes = ["lang", "role"];

package/dist/collection/utils/globalScript.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.4.3-next.6
+ * v1.4.3
  */
 import { initModeChangeEvent } from "./mode";
 /**