@esri/calcite-components 2.5.0-next.2 → 2.5.0-next.4

package/dist/components/da.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/date-picker-day.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { a as dateToISO } from './date.js';

package/dist/components/date-picker-month-header.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { e as getOrder, b as dateFromRange, n as nextMonth, p as prevMonth, f as formatCalendarYear, h as parseCalendarYear } from './date.js';

package/dist/components/date-picker-month.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as sameDate, b as dateFromRange, i as inRange } from './date.js';

package/dist/components/date-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { getAssetPath, proxyCustomElement, HTMLElement, createEvent, h, Host, Build } from '@stencil/core/internal/client/index.js';
 import { d as dateFromISO, g as getDaysDiff, a as dateToISO, b as dateFromRange, s as setEndOfDay } from './date.js';

package/dist/components/date.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { n as numberStringFormatter } from './locale.js';
 

package/dist/components/de-at.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/de-ch.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/de.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/debounce.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;

package/dist/components/dom.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { g as guid } from './guid.js';
 import { C as CSS_UTILITY } from './resources.js';

package/dist/components/dropdown.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { t as toAriaBoolean, i as isPrimaryPointerButton, v as focusElementInGroup, e as focusElement } from './dom.js';

package/dist/components/el.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/en-au.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/en-ca.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/en-gb.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/es-mx.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/es.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/et.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/fi.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/filter.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { a as isSymbol, S as Symbol, i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce.js';
 

package/dist/components/filter2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { f as filter } from './filter.js';

package/dist/components/floating-ui.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { Build } from '@stencil/core/internal/client/index.js';
 import { a as getElementDir } from './dom.js';

package/dist/components/focusTrapComponent.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { h as tabbable, j as focusable, k as isTabbable, l as getTabIndex, m as isFocusable, e as focusElement, n as tabbableOptions } from './dom.js';
 

package/dist/components/form.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { q as queryElementRoots, c as closestElementCrossShadowBoundary } from './dom.js';
 import { h } from '@stencil/core/internal/client/index.js';

package/dist/components/fr-ch.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/fr.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/graph.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';

package/dist/components/guid.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 function gen(counts) {
     return counts

package/dist/components/handle.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { t as toAriaBoolean } from './dom.js';

package/dist/components/he.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/hi.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/hr.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/hu.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/icon.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { getAssetPath, proxyCustomElement, HTMLElement, h, Host, Build } from '@stencil/core/internal/client/index.js';
 import { a as getElementDir, t as toAriaBoolean } from './dom.js';

package/dist/components/id.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as dayjs } from './calcite-input-time-picker.js';
 

package/dist/components/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { d as darkMode, a as autoMode } from './resources.js';
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client/index.js';

package/dist/components/index2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 function createCommonjsModule(fn, basedir, module) {
 	return module = {

package/dist/components/index3.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 const supportedTimeZones = (() => {
     const platformTimeZones = Intl.supportedValuesOf('timeZone');

package/dist/components/index4.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 class NativeDateEngine {
     constructor() {

package/dist/components/input-message.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
 import { o as setRequestedIcon } from './dom.js';

package/dist/components/input-number.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getSlotted, i as isPrimaryPointerButton, o as setRequestedIcon, a as getElementDir } from './dom.js';

package/dist/components/input-text.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getSlotted, o as setRequestedIcon, a as getElementDir } from './dom.js';

package/dist/components/input.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 /**
  * Exported for testing purposes only

package/dist/components/input2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getSlotted, i as isPrimaryPointerButton, o as setRequestedIcon, a as getElementDir } from './dom.js';

package/dist/components/interactive.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.2
+ * v2.5.0-next.4
  */
 import { Build, h } from '@stencil/core/internal/client/index.js';
 
@@ -20,7 +20,7 @@ function getUserAgentString() {
 
 // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
 const isFirefox = /firefox/i.test(getUserAgentString());
-const interactiveElementToParent = isFirefox
+const disabledElementToParent = isFirefox
     ? new WeakMap()
     : null;
 function interceptedClick() {
@@ -31,7 +31,7 @@ function interceptedClick() {
 }
 function onPointerDown(event) {
     const interactiveElement = event.target;
-    if (isFirefox && !interactiveElementToParent.get(interactiveElement)) {
+    if (isFirefox && !disabledElementToParent.get(interactiveElement)) {
         return;
     }
     const { disabled } = interactiveElement;
@@ -42,13 +42,13 @@ function onPointerDown(event) {
 }
 const nonBubblingWhenDisabledMouseEvents = ["mousedown", "mouseup", "click"];
 function onNonBubblingWhenDisabledMouseEvent(event) {
-    if (isFirefox && !interactiveElementToParent.get(event.target)) {
+    const interactiveElement = event.target;
+    if (isFirefox && !disabledElementToParent.get(interactiveElement)) {
         return;
     }
-    const { disabled } = event.target;
     // prevent disallowed mouse events from being emitted on the disabled host (per https://github.com/whatwg/html/issues/5886)
-    //⚠ we generally avoid stopping propagation of events, but this is needed to adhere to the intended spec changes above ⚠
-    if (disabled) {
+    // ⚠ we generally avoid stopping propagation of events, but this is needed to adhere to the intended spec changes above ⚠
+    if (interactiveElement.disabled) {
         event.stopImmediatePropagation();
         event.preventDefault();
     }
@@ -80,26 +80,41 @@ function updateHostInteraction(component) {
 }
 function blockInteraction(component) {
     component.el.click = interceptedClick;
-    addInteractionListeners(isFirefox ? getParentElement(component) : component.el);
+    if (isFirefox) {
+        const currentParent = getParentElement(component);
+        const trackedParent = disabledElementToParent.get(component.el);
+        if (trackedParent !== currentParent) {
+            removeInteractionListeners(trackedParent);
+            disabledElementToParent.set(component.el, currentParent);
+        }
+        addInteractionListeners(disabledElementToParent.get(component.el));
+        return;
+    }
+    addInteractionListeners(component.el);
 }
 function addInteractionListeners(element) {
     if (!element) {
-        // this path is only applicable to Firefox
+        // this early return path is only applicable to Firefox
         return;
     }
     element.addEventListener("pointerdown", onPointerDown, captureOnlyOptions);
     nonBubblingWhenDisabledMouseEvents.forEach((event) => element.addEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions));
 }
 function getParentElement(component) {
-    return interactiveElementToParent.get(component.el);
+    return (component.el.parentElement || component.el); /* assume element is host if it has no parent when connected */
 }
 function restoreInteraction(component) {
     delete component.el.click; // fallback on HTMLElement.prototype.click
-    removeInteractionListeners(isFirefox ? getParentElement(component) : component.el);
+    if (isFirefox) {
+        removeInteractionListeners(disabledElementToParent.get(component.el));
+        disabledElementToParent.delete(component.el);
+        return;
+    }
+    removeInteractionListeners(component.el);
 }
 function removeInteractionListeners(element) {
     if (!element) {
-        // this path is only applicable to Firefox
+        // this early return path is only applicable to Firefox
         return;
     }
     element.removeEventListener("pointerdown", onPointerDown, captureOnlyOptions);
@@ -116,9 +131,6 @@ function connectInteractive(component) {
     if (!component.disabled || !isFirefox) {
         return;
     }
-    const parent = component.el.parentElement ||
-        component.el; /* assume element is host if it has no parent when connected */
-    interactiveElementToParent.set(component.el, parent);
     blockInteraction(component);
 }
 /**
@@ -132,8 +144,6 @@ function disconnectInteractive(component) {
     if (!isFirefox) {
         return;
     }
-    // always remove on disconnect as render or connect will restore it
-    interactiveElementToParent.delete(component.el);
     restoreInteraction(component);
 }
 const CSS = {

package/dist/components/interactive.js.map

@@ -1 +1 @@
-{"file":"interactive.js","mappings":"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","names":[],"sources":["src/utils/browser.ts","src/utils/interactive.tsx"],"sourcesContent":["import { Build } from \"@stencil/core\";\n\ninterface NavigatorUAData {\n  brands: Array<{ brand: string; version: string }>;\n  mobile: boolean;\n  platform: string;\n}\n\nfunction getUserAgentData(): NavigatorUAData | undefined {\n  return (navigator as any).userAgentData;\n}\n\nexport function getUserAgentString(): string {\n  if (!Build.isBrowser) {\n    return \"\";\n  }\n\n  const uaData = getUserAgentData();\n\n  return uaData?.brands\n    ? uaData.brands.map(({ brand, version }) => `${brand}/${version}`).join(\" \")\n    : navigator.userAgent;\n}\n","import { getUserAgentString } from \"./browser\";\nimport { JSXAttributes } from \"@stencil/core/internal\";\nimport { FunctionalComponent, h, VNode } from \"@stencil/core\";\n\nexport interface InteractiveComponent {\n  /**\n   * The host element.\n   */\n  readonly el: HTMLElement;\n\n  /**\n   * When true, prevents user interaction.\n   *\n   * Notes:\n   *\n   * This prop should use the @Prop decorator and reflect.\n   * The `disabled` Sass mixin must be added to the component's stylesheet.\n   */\n  disabled: boolean;\n}\n\n/**\n * Exported for testing purposes only.\n *\n * @internal\n */\nexport type InteractiveHTMLElement = HTMLElement & Pick<InteractiveComponent, \"disabled\">;\n\n// ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️\nconst isFirefox = /firefox/i.test(getUserAgentString());\n\ntype ParentElement<T extends HTMLElement = HTMLElement> = T | null;\n\nconst interactiveElementToParent: WeakMap<InteractiveHTMLElement, ParentElement> | null = isFirefox\n  ? new WeakMap()\n  : null;\n\nfunction interceptedClick(): void {\n  const { disabled } = this as InteractiveHTMLElement;\n\n  if (!disabled) {\n    HTMLElement.prototype.click.call(this);\n  }\n}\n\nfunction onPointerDown(event: PointerEvent): void {\n  const interactiveElement = event.target as InteractiveHTMLElement;\n\n  if (isFirefox && !interactiveElementToParent.get(interactiveElement)) {\n    return;\n  }\n\n  const { disabled } = interactiveElement;\n\n  if (disabled) {\n    // prevent click from moving focus on host\n    event.preventDefault();\n  }\n}\n\nconst nonBubblingWhenDisabledMouseEvents = [\"mousedown\", \"mouseup\", \"click\"];\n\nfunction onNonBubblingWhenDisabledMouseEvent(event: MouseEvent): void {\n  if (isFirefox && !interactiveElementToParent.get(event.target as InteractiveHTMLElement)) {\n    return;\n  }\n\n  const { disabled } = event.target as InteractiveHTMLElement;\n\n  // prevent disallowed mouse events from being emitted on the disabled host (per https://github.com/whatwg/html/issues/5886)\n  //⚠ we generally avoid stopping propagation of events, but this is needed to adhere to the intended spec changes above ⚠\n  if (disabled) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n  }\n}\n\nconst captureOnlyOptions = { capture: true } as const;\n\n/**\n * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.\n *\n * This should be used in the `componentDidRender` lifecycle hook.\n *\n * **Notes**\n *\n * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.\n * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error\n *\n * @param component\n */\nexport function updateHostInteraction(component: InteractiveComponent): void {\n  if (component.disabled) {\n    component.el.setAttribute(\"aria-disabled\", \"true\");\n\n    if (component.el.contains(document.activeElement)) {\n      (document.activeElement as HTMLElement).blur();\n    }\n\n    blockInteraction(component);\n\n    return;\n  }\n\n  restoreInteraction(component);\n\n  component.el.removeAttribute(\"aria-disabled\");\n}\n\nfunction blockInteraction(component: InteractiveComponent): void {\n  component.el.click = interceptedClick;\n  addInteractionListeners(isFirefox ? getParentElement(component) : component.el);\n}\n\nfunction addInteractionListeners(element: HTMLElement): void {\n  if (!element) {\n    // this path is only applicable to Firefox\n    return;\n  }\n\n  element.addEventListener(\"pointerdown\", onPointerDown, captureOnlyOptions);\n  nonBubblingWhenDisabledMouseEvents.forEach((event) =>\n    element.addEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions),\n  );\n}\n\nfunction getParentElement(component: InteractiveComponent): ParentElement {\n  return interactiveElementToParent.get(component.el as InteractiveHTMLElement);\n}\n\nfunction restoreInteraction(component: InteractiveComponent): void {\n  delete component.el.click; // fallback on HTMLElement.prototype.click\n  removeInteractionListeners(isFirefox ? getParentElement(component) : component.el);\n}\n\nfunction removeInteractionListeners(element: HTMLElement): void {\n  if (!element) {\n    // this path is only applicable to Firefox\n    return;\n  }\n\n  element.removeEventListener(\"pointerdown\", onPointerDown, captureOnlyOptions);\n  nonBubblingWhenDisabledMouseEvents.forEach((event) =>\n    element.removeEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions),\n  );\n}\n\n/**\n * This utility helps disable components consistently in Firefox.\n *\n * It needs to be called in `connectedCallback` and is only needed for Firefox as it does not call capture event listeners before non-capture ones (see https://bugzilla.mozilla.org/show_bug.cgi?id=1731504).\n *\n * @param component\n */\nexport function connectInteractive(component: InteractiveComponent): void {\n  if (!component.disabled || !isFirefox) {\n    return;\n  }\n\n  const parent =\n    component.el.parentElement ||\n    component.el; /* assume element is host if it has no parent when connected */\n  interactiveElementToParent.set(component.el as InteractiveHTMLElement, parent);\n  blockInteraction(component);\n}\n\n/**\n * This utility restores interactivity to disabled components consistently in Firefox.\n *\n * It needs to be called in `disconnectedCallback` and is only needed for Firefox as it does not call capture event listeners before non-capture ones (see https://bugzilla.mozilla.org/show_bug.cgi?id=1731504).\n *\n * @param component\n */\nexport function disconnectInteractive(component: InteractiveComponent): void {\n  if (!isFirefox) {\n    return;\n  }\n\n  // always remove on disconnect as render or connect will restore it\n  interactiveElementToParent.delete(component.el as InteractiveHTMLElement);\n  restoreInteraction(component);\n}\n\nexport interface InteractiveContainerOptions extends JSXAttributes {\n  disabled: boolean;\n}\n\nexport const CSS = {\n  container: \"interaction-container\",\n};\n\nexport function InteractiveContainer(\n  { disabled }: InteractiveContainerOptions,\n  children: VNode[],\n): FunctionalComponent {\n  return (\n    <div class={CSS.container} inert={disabled}>\n      {...children}\n    </div>\n  );\n}\n"],"version":3}
+{"file":"interactive.js","mappings":"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","names":[],"sources":["src/utils/browser.ts","src/utils/interactive.tsx"],"sourcesContent":["import { Build } from \"@stencil/core\";\n\ninterface NavigatorUAData {\n  brands: Array<{ brand: string; version: string }>;\n  mobile: boolean;\n  platform: string;\n}\n\nfunction getUserAgentData(): NavigatorUAData | undefined {\n  return (navigator as any).userAgentData;\n}\n\nexport function getUserAgentString(): string {\n  if (!Build.isBrowser) {\n    return \"\";\n  }\n\n  const uaData = getUserAgentData();\n\n  return uaData?.brands\n    ? uaData.brands.map(({ brand, version }) => `${brand}/${version}`).join(\" \")\n    : navigator.userAgent;\n}\n","import { getUserAgentString } from \"./browser\";\nimport { JSXAttributes } from \"@stencil/core/internal\";\nimport { FunctionalComponent, h, VNode } from \"@stencil/core\";\n\nexport interface InteractiveComponent {\n  /**\n   * The host element.\n   */\n  readonly el: InteractiveHTMLElement;\n\n  /**\n   * When true, prevents user interaction.\n   *\n   * Notes:\n   *\n   * This prop should use the @Prop decorator and reflect.\n   * The `disabled` Sass mixin must be added to the component's stylesheet.\n   */\n  disabled: boolean;\n}\n\n/**\n * Exported for testing purposes only.\n *\n * @internal\n */\nexport type InteractiveHTMLElement = HTMLElement & Pick<InteractiveComponent, \"disabled\">;\n\n// ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️\nconst isFirefox = /firefox/i.test(getUserAgentString());\n\ntype ParentElement<T extends HTMLElement = HTMLElement> = T | null;\n\nconst disabledElementToParent: WeakMap<InteractiveHTMLElement, ParentElement> | null = isFirefox\n  ? new WeakMap()\n  : null;\n\nfunction interceptedClick(): void {\n  const { disabled } = this as InteractiveHTMLElement;\n\n  if (!disabled) {\n    HTMLElement.prototype.click.call(this);\n  }\n}\n\nfunction onPointerDown(event: PointerEvent): void {\n  const interactiveElement = event.target as InteractiveHTMLElement;\n\n  if (isFirefox && !disabledElementToParent.get(interactiveElement)) {\n    return;\n  }\n\n  const { disabled } = interactiveElement;\n\n  if (disabled) {\n    // prevent click from moving focus on host\n    event.preventDefault();\n  }\n}\n\nconst nonBubblingWhenDisabledMouseEvents = [\"mousedown\", \"mouseup\", \"click\"];\n\nfunction onNonBubblingWhenDisabledMouseEvent(event: MouseEvent): void {\n  const interactiveElement = event.target as InteractiveHTMLElement;\n\n  if (isFirefox && !disabledElementToParent.get(interactiveElement)) {\n    return;\n  }\n\n  // prevent disallowed mouse events from being emitted on the disabled host (per https://github.com/whatwg/html/issues/5886)\n  // ⚠ we generally avoid stopping propagation of events, but this is needed to adhere to the intended spec changes above ⚠\n  if (interactiveElement.disabled) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n  }\n}\n\nconst captureOnlyOptions = { capture: true } as const;\n\n/**\n * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.\n *\n * This should be used in the `componentDidRender` lifecycle hook.\n *\n * **Notes**\n *\n * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.\n * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error\n *\n * @param component\n */\nexport function updateHostInteraction(component: InteractiveComponent): void {\n  if (component.disabled) {\n    component.el.setAttribute(\"aria-disabled\", \"true\");\n\n    if (component.el.contains(document.activeElement)) {\n      (document.activeElement as HTMLElement).blur();\n    }\n\n    blockInteraction(component);\n\n    return;\n  }\n\n  restoreInteraction(component);\n\n  component.el.removeAttribute(\"aria-disabled\");\n}\n\nfunction blockInteraction(component: InteractiveComponent): void {\n  component.el.click = interceptedClick;\n\n  if (isFirefox) {\n    const currentParent = getParentElement(component);\n    const trackedParent = disabledElementToParent.get(component.el);\n\n    if (trackedParent !== currentParent) {\n      removeInteractionListeners(trackedParent);\n      disabledElementToParent.set(component.el, currentParent);\n    }\n\n    addInteractionListeners(disabledElementToParent.get(component.el));\n    return;\n  }\n\n  addInteractionListeners(component.el);\n}\n\nfunction addInteractionListeners(element: HTMLElement): void {\n  if (!element) {\n    // this early return path is only applicable to Firefox\n    return;\n  }\n\n  element.addEventListener(\"pointerdown\", onPointerDown, captureOnlyOptions);\n  nonBubblingWhenDisabledMouseEvents.forEach((event) =>\n    element.addEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions),\n  );\n}\n\nfunction getParentElement(component: InteractiveComponent): ParentElement {\n  return (\n    component.el.parentElement || component.el\n  ); /* assume element is host if it has no parent when connected */\n}\n\nfunction restoreInteraction(component: InteractiveComponent): void {\n  delete component.el.click; // fallback on HTMLElement.prototype.click\n\n  if (isFirefox) {\n    removeInteractionListeners(disabledElementToParent.get(component.el));\n    disabledElementToParent.delete(component.el);\n    return;\n  }\n\n  removeInteractionListeners(component.el);\n}\n\nfunction removeInteractionListeners(element: HTMLElement): void {\n  if (!element) {\n    // this early return path is only applicable to Firefox\n    return;\n  }\n\n  element.removeEventListener(\"pointerdown\", onPointerDown, captureOnlyOptions);\n  nonBubblingWhenDisabledMouseEvents.forEach((event) =>\n    element.removeEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions),\n  );\n}\n\n/**\n * This utility helps disable components consistently in Firefox.\n *\n * It needs to be called in `connectedCallback` and is only needed for Firefox as it does not call capture event listeners before non-capture ones (see https://bugzilla.mozilla.org/show_bug.cgi?id=1731504).\n *\n * @param component\n */\nexport function connectInteractive(component: InteractiveComponent): void {\n  if (!component.disabled || !isFirefox) {\n    return;\n  }\n\n  blockInteraction(component);\n}\n\n/**\n * This utility restores interactivity to disabled components consistently in Firefox.\n *\n * It needs to be called in `disconnectedCallback` and is only needed for Firefox as it does not call capture event listeners before non-capture ones (see https://bugzilla.mozilla.org/show_bug.cgi?id=1731504).\n *\n * @param component\n */\nexport function disconnectInteractive(component: InteractiveComponent): void {\n  if (!isFirefox) {\n    return;\n  }\n\n  restoreInteraction(component);\n}\n\nexport interface InteractiveContainerOptions extends JSXAttributes {\n  disabled: boolean;\n}\n\nexport const CSS = {\n  container: \"interaction-container\",\n};\n\nexport function InteractiveContainer(\n  { disabled }: InteractiveContainerOptions,\n  children: VNode[],\n): FunctionalComponent {\n  return (\n    <div class={CSS.container} inert={disabled}>\n      {...children}\n    </div>\n  );\n}\n"],"version":3}