@esri/calcite-components 1.5.0-next.2 → 1.5.0-next.21

package/dist/collection/components/value-list/assets/value-list/t9n/messages_sk.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Zmena poradia ${itemLabel}, aktuálna pozícia ${position} z ${total}.",
-  "dragHandleChange": "${itemLabel}, nová pozícia ${position} z ${total}. Stlačte medzerník na potvrdenie.",
-  "dragHandleCommit": "${itemLabel}, aktuálna pozícia ${position} z ${total}.",
-  "dragHandleIdle": "${itemLabel}, stlačte medzerník a pomocou klávesov so šípkami zmeňte poradie obsahu. Aktuálna pozícia: ${position} z ${total}."
+  "dragHandleActive": "Zmena poradia {itemLabel}, aktuálna pozícia {position} z {total}.",
+  "dragHandleChange": "{itemLabel}, nová pozícia {position} z {total}. Stlačte medzerník na potvrdenie.",
+  "dragHandleCommit": "{itemLabel}, aktuálna pozícia {position} z {total}.",
+  "dragHandleIdle": "{itemLabel}, stlačte medzerník a pomocou klávesov so šípkami zmeňte poradie obsahu. Aktuálna pozícia: {position} z {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_sl.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Preurejanje ${itemLabel}, trenutni položaj ${position} od ${total}.",
-  "dragHandleChange": "${itemLabel}, nov položaj ${position} od ${total}. Za potrditev pritisnite presledek.",
-  "dragHandleCommit": "${itemLabel}, trenutni položaj ${position} od ${total}.",
-  "dragHandleIdle": "${itemLabel}, za preureditev vsebine pritisnite presledek in puščične tipke. Trenutni položaj ${position} od ${total}."
+  "dragHandleActive": "Preurejanje {itemLabel}, trenutni položaj {position} od {total}.",
+  "dragHandleChange": "{itemLabel}, nov položaj {position} od {total}. Za potrditev pritisnite presledek.",
+  "dragHandleCommit": "{itemLabel}, trenutni položaj {position} od {total}.",
+  "dragHandleIdle": "{itemLabel}, za preureditev vsebine pritisnite presledek in puščične tipke. Trenutni položaj {position} od {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_sr.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Promena redosleda ${itemLabel}, trenutna pozicija ${position} od ${total}.",
-  "dragHandleChange": "${itemLabel}, nova pozicija ${position} od ${total}. Pritisnite razmak da potvrdite.",
-  "dragHandleCommit": "${itemLabel}, trenutna pozicija ${position} od ${total}.",
-  "dragHandleIdle": "${itemLabel}, pritisnite razmak i koristite tastere sa strelicama kako bi reorganizovali sadržaj. Trenutna pozicija ${position} od ${total}."
+  "dragHandleActive": "Promena redosleda {itemLabel}, trenutna pozicija {position} od {total}.",
+  "dragHandleChange": "{itemLabel}, nova pozicija {position} od {total}. Pritisnite razmak da potvrdite.",
+  "dragHandleCommit": "{itemLabel}, trenutna pozicija {position} od {total}.",
+  "dragHandleIdle": "{itemLabel}, pritisnite razmak i koristite tastere sa strelicama kako bi reorganizovali sadržaj. Trenutna pozicija {position} od {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_sv.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Ändrar ordning på ${itemLabel}, aktuell position ${position} för ${total}.",
-  "dragHandleChange": "${itemLabel}, ny position ${position} för ${total}. Tryck på blanksteg för att bekräfta.",
-  "dragHandleCommit": "${itemLabel}, aktuell position ${position} för ${total}.",
-  "dragHandleIdle": "${itemLabel}, tryck på blanksteg och använd piltangenterna för att ändra ordning på innehållet. Den aktuella positionen ${position} för ${total}."
+  "dragHandleActive": "Ändrar ordning på {itemLabel}, aktuell position {position} för {total}.",
+  "dragHandleChange": "{itemLabel}, ny position {position} för {total}. Tryck på blanksteg för att bekräfta.",
+  "dragHandleCommit": "{itemLabel}, aktuell position {position} för {total}.",
+  "dragHandleIdle": "{itemLabel}, tryck på blanksteg och använd piltangenterna för att ändra ordning på innehållet. Den aktuella positionen {position} för {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_th.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "กำลังเรียงลำดับใหม่ ${itemLabel}, ตำแหน่งปัจจุบัน ${position} จาก ${total}",
-  "dragHandleChange": "${itemLabel}, ตำแหน่งใหม่ ${position} จาก ${total} กด Space เพื่อยืนยัน",
-  "dragHandleCommit": "${itemLabel}, ตำแหน่งปัจจุบัน ${position} จาก ${total}",
-  "dragHandleIdle": "${itemLabel}, กด Space และใช้ปุ่มลูกศรเพื่อเรียงลำดับเนื้อหาใหม่ ตำแหน่งที่ตั้งปัจจุบัน ${position} ของ ${total}"
+  "dragHandleActive": "กำลังเรียงลำดับใหม่ {itemLabel}, ตำแหน่งปัจจุบัน {position} จาก {total}",
+  "dragHandleChange": "{itemLabel}, ตำแหน่งใหม่ {position} จาก {total} กด Space เพื่อยืนยัน",
+  "dragHandleCommit": "{itemLabel}, ตำแหน่งปัจจุบัน {position} จาก {total}",
+  "dragHandleIdle": "{itemLabel}, กด Space และใช้ปุ่มลูกศรเพื่อเรียงลำดับเนื้อหาใหม่ ตำแหน่งที่ตั้งปัจจุบัน {position} ของ {total}"
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_tr.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "${itemLabel} yeniden sıralanıyor, geçerli konum ${position} / ${total}.",
-  "dragHandleChange": "${itemLabel}, yeni konum ${position} / ${total}. Onaylamak için boşluk tuşuna basın.",
-  "dragHandleCommit": "${itemLabel}, geçerli konum ${position} / ${total}.",
-  "dragHandleIdle": "${itemLabel}, içeriği yeniden sıralamak için boşluk tuşuna basın ve ok tuşlarını kullanın. Geçerli konum ${position} / ${total}."
+  "dragHandleActive": "{itemLabel} yeniden sıralanıyor, geçerli konum {position} / {total}.",
+  "dragHandleChange": "{itemLabel}, yeni konum {position} / {total}. Onaylamak için boşluk tuşuna basın.",
+  "dragHandleCommit": "{itemLabel}, geçerli konum {position} / {total}.",
+  "dragHandleIdle": "{itemLabel}, içeriği yeniden sıralamak için boşluk tuşuna basın ve ok tuşlarını kullanın. Geçerli konum {position} / {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_uk.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Перевпорядкування ${itemLabel}, поточне положення ${position} з ${total}.",
-  "dragHandleChange": "${itemLabel}, нове положення ${position} з ${total}. Натисніть пробіл для підтвердження.",
-  "dragHandleCommit": "${itemLabel}, поточне положення ${position} з ${total}.",
-  "dragHandleIdle": "${itemLabel}, натисніть пробіл і використовуйте клавіші зі стрілками, щоб змінити порядок змісту. Поточне положення ${position} з ${total}."
+  "dragHandleActive": "Перевпорядкування {itemLabel}, поточне положення {position} з {total}.",
+  "dragHandleChange": "{itemLabel}, нове положення {position} з {total}. Натисніть пробіл для підтвердження.",
+  "dragHandleCommit": "{itemLabel}, поточне положення {position} з {total}.",
+  "dragHandleIdle": "{itemLabel}, натисніть пробіл і використовуйте клавіші зі стрілками, щоб змінити порядок змісту. Поточне положення {position} з {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_vi.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Sắp xếp lại ${itemLabel}, vị trí hiện tại ${position} trên ${total}.",
-  "dragHandleChange": "${itemLabel}, vị trí mới ${position} trên ${total}. Nhấn dấu cách để xác nhận.",
-  "dragHandleCommit": "${itemLabel}, vị trí hiện tại ${position} trên ${total}.",
-  "dragHandleIdle": "${itemLabel}, nhấn dấu cách và sử dụng các phím mũi tên để sắp xếp lại nội dung. Vị trí hiện tại ${position} trên ${total}."
+  "dragHandleActive": "Sắp xếp lại {itemLabel}, vị trí hiện tại {position} trên {total}.",
+  "dragHandleChange": "{itemLabel}, vị trí mới {position} trên {total}. Nhấn dấu cách để xác nhận.",
+  "dragHandleCommit": "{itemLabel}, vị trí hiện tại {position} trên {total}.",
+  "dragHandleIdle": "{itemLabel}, nhấn dấu cách và sử dụng các phím mũi tên để sắp xếp lại nội dung. Vị trí hiện tại {position} trên {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_zh-CN.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "重新排序 ${itemLabel}，当前位置 ${position}，共 ${total} 个。",
-  "dragHandleChange": "${itemLabel}，新位置 ${position}，共 ${total} 个。 按空格键确认。",
-  "dragHandleCommit": "${itemLabel}，当前位置 ${position}，共 ${total} 个。",
-  "dragHandleIdle": "${itemLabel}，按空格键并使用方向键重新排序内容。 ${total} 的当前位置 ${position}。"
+  "dragHandleActive": "重新排序 {itemLabel}，当前位置 {position}，共 {total} 个。",
+  "dragHandleChange": "{itemLabel}，新位置 {position}，共 {total} 个。 按空格键确认。",
+  "dragHandleCommit": "{itemLabel}，当前位置 {position}，共 {total} 个。",
+  "dragHandleIdle": "{itemLabel}，按空格键并使用方向键重新排序内容。 {total} 的当前位置 {position}。"
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_zh-HK.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "正在重新排序 ${itemLabel}，目前位置 ${position}/${total}。",
-  "dragHandleChange": "${itemLabel}，新位置 ${position}/${total}。 按空格鍵確認。",
-  "dragHandleCommit": "${itemLabel}，目前位置 ${position}/${total}。",
-  "dragHandleIdle": "${itemLabel}，按空格鍵，然後使用方向鍵重新排序內容。 目前位置 ${position}/${total}。"
+  "dragHandleActive": "正在重新排序 {itemLabel}，目前位置 {position}/{total}。",
+  "dragHandleChange": "{itemLabel}，新位置 {position}/{total}。 按空格鍵確認。",
+  "dragHandleCommit": "{itemLabel}，目前位置 {position}/{total}。",
+  "dragHandleIdle": "{itemLabel}，按空格鍵，然後使用方向鍵重新排序內容。 目前位置 {position}/{total}。"
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_zh-TW.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "正在重新排序 ${itemLabel}，目前位置 ${position}/${total}。",
-  "dragHandleChange": "${itemLabel}，新位置 ${position}/${total}。 按空格鍵確認。",
-  "dragHandleCommit": "${itemLabel}，目前位置 ${position}/${total}。",
-  "dragHandleIdle": "${itemLabel}，按空格鍵，然後使用方向鍵重新排序內容。 目前位置 ${position}/${total}。"
+  "dragHandleActive": "正在重新排序 {itemLabel}，目前位置 {position}/{total}。",
+  "dragHandleChange": "{itemLabel}，新位置 {position}/{total}。 按空格鍵確認。",
+  "dragHandleCommit": "{itemLabel}，目前位置 {position}/{total}。",
+  "dragHandleIdle": "{itemLabel}，按空格鍵，然後使用方向鍵重新排序內容。 目前位置 {position}/{total}。"
 }

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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 import { getItemIndex } from "../pick-list/shared-list-logic";
 export function getScreenReaderText(item, status, valueList) {
@@ -27,7 +27,7 @@ export function getHandleAndItemElement(event) {
   return { handle, item };
 }
 export function replacePlaceholders(text, label, position, total) {
-  const replacePosition = text.replace("${position}", position.toString());
-  const replaceLabel = replacePosition.replace("${itemLabel}", label);
-  return replaceLabel.replace("${total}", total.toString());
+  const replacePosition = text.replace("{position}", position.toString());
+  const replaceLabel = replacePosition.replace("{itemLabel}", label);
+  return replaceLabel.replace("{total}", total.toString());
 }

package/dist/collection/components/value-list/value-list.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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 import { h } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
 import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
@@ -217,7 +217,7 @@ export class ValueList {
    * @param focusId
    */
   async setFocus(focusId) {
-    await componentLoaded(this);
+    await componentFocusable(this);
     return setFocus.call(this, focusId);
   }
   // --------------------------------------------------------------------------

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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 export const ICONS = {
   drag: "drag"

package/dist/collection/components/value-list-item/value-list-item.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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { getSlotted } from "../../utils/dom";
 import { guid } from "../../utils/guid";
 import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { CSS, SLOTS as PICK_LIST_SLOTS } from "../pick-list-item/resources";
 import { ICON_TYPES } from "../pick-list/resources";
 import { ICONS, SLOTS } from "./resources";
@@ -90,8 +90,8 @@ export class ValueListItem {
   }
   /** Set focus on the component. */
   async setFocus() {
-    await componentLoaded(this);
-    this.pickListItem?.setFocus();
+    await componentFocusable(this);
+    return this.pickListItem?.setFocus();
   }
   calciteListItemChangeHandler(event) {
     // adjust item payload from wrapped item before bubbling
@@ -253,7 +253,7 @@ export class ValueListItem {
         "docs": {
           "tags": [{
               "name": "see",
-              "text": "[ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)"
+              "text": "[ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)"
             }],
           "text": "Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null."
         },

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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 // ⚠️ 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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 export function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/collection/utils/browser.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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
-export function getUserAgentData() {
+function getUserAgentData() {
   return navigator.userAgentData;
 }
 export function getUserAgentString() {

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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 /**
  * This module helps users provide custom configuration for component internals.
@@ -10,13 +10,6 @@
  */
 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
 };
 export { config };

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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 import { tabbable } from "tabbable";
 import { guid } from "./guid";
@@ -127,7 +127,7 @@ export function queryElementRoots(element, { selector, id }) {
       ? "getElementById" in rootNode
         ? /*
           Check to make sure 'getElementById' exists in cases where element is no longer connected to the DOM and getRootNode() returns the element.
-          https://github.com/Esri/calcite-components/pull/4280
+          https://github.com/Esri/calcite-design-system/pull/4280
            */
           rootNode.getElementById(id)
         : null

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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 import { escapeRegExp, forIn } from "lodash-es";
 export const filter = (data, value) => {

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

@@ -1,35 +1,108 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.21
  */
 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();
-export 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(getUserAgentString()) || isChrome109OrAbove())) {
-    const { offsetParent } = await import("composed-offset-position");
+import { offsetParent } from "composed-offset-position";
+(function setUpFloatingUiForShadowDomPositioning() {
+  if (Build.isBrowser) {
     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;
+  }
+  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
  */
@@ -179,112 +252,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.
  *
@@ -326,11 +321,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;
 /**