@esri/solutions-components 0.7.1 → 0.7.2

package/dist/esm/hr-1ba83f9d.js

@@ -0,0 +1,78 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { d as dayjs } from './calcite-input-time-picker-b0e9c281.js';
+import './index-b05b3079.js';
+import './form-e5d8cf1d.js';
+import './dom-7b3caf49.js';
+import './guid-abceb248.js';
+import './resources-99ae29ef.js';
+import './interactive-53ef126b.js';
+import './browser-aaebde6b.js';
+import './key-242646ba.js';
+import './label-be72bd90.js';
+import './loadable-a9b6b87e.js';
+import './locale-f23b92b1.js';
+import './observers-4ec1ca0a.js';
+import './focusTrapComponent-971a945b.js';
+import './time-1361fac3.js';
+import './math-7162ad13.js';
+import './t9n-9d03f26d.js';
+import './openCloseComponent-79521e6e.js';
+import './component-7a1690e7.js';
+
+// Croatian [hr]
+var monthFormat = 'siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca'.split('_');
+var monthStandalone = 'siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac'.split('_');
+var MONTHS_IN_FORMAT = /D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;
+
+var months = function months(dayjsInstance, format) {
+  if (MONTHS_IN_FORMAT.test(format)) {
+    return monthFormat[dayjsInstance.month()];
+  }
+
+  return monthStandalone[dayjsInstance.month()];
+};
+
+months.s = monthStandalone;
+months.f = monthFormat;
+var locale = {
+  name: 'hr',
+  weekdays: 'nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota'.split('_'),
+  weekdaysShort: 'ned._pon._uto._sri._čet._pet._sub.'.split('_'),
+  weekdaysMin: 'ne_po_ut_sr_če_pe_su'.split('_'),
+  months: months,
+  monthsShort: 'sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.'.split('_'),
+  weekStart: 1,
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'DD.MM.YYYY',
+    LL: 'D. MMMM YYYY',
+    LLL: 'D. MMMM YYYY H:mm',
+    LLLL: 'dddd, D. MMMM YYYY H:mm'
+  },
+  relativeTime: {
+    future: 'za %s',
+    past: 'prije %s',
+    s: 'sekunda',
+    m: 'minuta',
+    mm: '%d minuta',
+    h: 'sat',
+    hh: '%d sati',
+    d: 'dan',
+    dd: '%d dana',
+    M: 'mjesec',
+    MM: '%d mjeseci',
+    y: 'godina',
+    yy: '%d godine'
+  },
+  ordinal: function ordinal(n) {
+    return n + ".";
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;

package/dist/esm/hu-cb7c9b7d.js

@@ -0,0 +1,86 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { d as dayjs } from './calcite-input-time-picker-b0e9c281.js';
+import './index-b05b3079.js';
+import './form-e5d8cf1d.js';
+import './dom-7b3caf49.js';
+import './guid-abceb248.js';
+import './resources-99ae29ef.js';
+import './interactive-53ef126b.js';
+import './browser-aaebde6b.js';
+import './key-242646ba.js';
+import './label-be72bd90.js';
+import './loadable-a9b6b87e.js';
+import './locale-f23b92b1.js';
+import './observers-4ec1ca0a.js';
+import './focusTrapComponent-971a945b.js';
+import './time-1361fac3.js';
+import './math-7162ad13.js';
+import './t9n-9d03f26d.js';
+import './openCloseComponent-79521e6e.js';
+import './component-7a1690e7.js';
+
+// Hungarian [hu]
+var locale = {
+  name: 'hu',
+  weekdays: 'vasárnap_hétfő_kedd_szerda_csütörtök_péntek_szombat'.split('_'),
+  weekdaysShort: 'vas_hét_kedd_sze_csüt_pén_szo'.split('_'),
+  weekdaysMin: 'v_h_k_sze_cs_p_szo'.split('_'),
+  months: 'január_február_március_április_május_június_július_augusztus_szeptember_október_november_december'.split('_'),
+  monthsShort: 'jan_feb_márc_ápr_máj_jún_júl_aug_szept_okt_nov_dec'.split('_'),
+  ordinal: function ordinal(n) {
+    return n + ".";
+  },
+  weekStart: 1,
+  relativeTime: {
+    future: '%s múlva',
+    past: '%s',
+    s: function s(_, _s, ___, isFuture) {
+      return "n\xE9h\xE1ny m\xE1sodperc" + (isFuture || _s ? '' : 'e');
+    },
+    m: function m(_, s, ___, isFuture) {
+      return "egy perc" + (isFuture || s ? '' : 'e');
+    },
+    mm: function mm(n, s, ___, isFuture) {
+      return n + " perc" + (isFuture || s ? '' : 'e');
+    },
+    h: function h(_, s, ___, isFuture) {
+      return "egy " + (isFuture || s ? 'óra' : 'órája');
+    },
+    hh: function hh(n, s, ___, isFuture) {
+      return n + " " + (isFuture || s ? 'óra' : 'órája');
+    },
+    d: function d(_, s, ___, isFuture) {
+      return "egy " + (isFuture || s ? 'nap' : 'napja');
+    },
+    dd: function dd(n, s, ___, isFuture) {
+      return n + " " + (isFuture || s ? 'nap' : 'napja');
+    },
+    M: function M(_, s, ___, isFuture) {
+      return "egy " + (isFuture || s ? 'hónap' : 'hónapja');
+    },
+    MM: function MM(n, s, ___, isFuture) {
+      return n + " " + (isFuture || s ? 'hónap' : 'hónapja');
+    },
+    y: function y(_, s, ___, isFuture) {
+      return "egy " + (isFuture || s ? 'év' : 'éve');
+    },
+    yy: function yy(n, s, ___, isFuture) {
+      return n + " " + (isFuture || s ? 'év' : 'éve');
+    }
+  },
+  formats: {
+    LT: 'H:mm',
+    LTS: 'H:mm:ss',
+    L: 'YYYY.MM.DD.',
+    LL: 'YYYY. MMMM D.',
+    LLL: 'YYYY. MMMM D. H:mm',
+    LLLL: 'YYYY. MMMM D., dddd H:mm'
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;

package/dist/esm/id-401c4f4b.js

@@ -0,0 +1,64 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { d as dayjs } from './calcite-input-time-picker-b0e9c281.js';
+import './index-b05b3079.js';
+import './form-e5d8cf1d.js';
+import './dom-7b3caf49.js';
+import './guid-abceb248.js';
+import './resources-99ae29ef.js';
+import './interactive-53ef126b.js';
+import './browser-aaebde6b.js';
+import './key-242646ba.js';
+import './label-be72bd90.js';
+import './loadable-a9b6b87e.js';
+import './locale-f23b92b1.js';
+import './observers-4ec1ca0a.js';
+import './focusTrapComponent-971a945b.js';
+import './time-1361fac3.js';
+import './math-7162ad13.js';
+import './t9n-9d03f26d.js';
+import './openCloseComponent-79521e6e.js';
+import './component-7a1690e7.js';
+
+// Indonesian [id]
+var locale = {
+  name: 'id',
+  weekdays: 'Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu'.split('_'),
+  months: 'Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember'.split('_'),
+  weekdaysShort: 'Min_Sen_Sel_Rab_Kam_Jum_Sab'.split('_'),
+  monthsShort: 'Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des'.split('_'),
+  weekdaysMin: 'Mg_Sn_Sl_Rb_Km_Jm_Sb'.split('_'),
+  weekStart: 1,
+  formats: {
+    LT: 'HH.mm',
+    LTS: 'HH.mm.ss',
+    L: 'DD/MM/YYYY',
+    LL: 'D MMMM YYYY',
+    LLL: 'D MMMM YYYY [pukul] HH.mm',
+    LLLL: 'dddd, D MMMM YYYY [pukul] HH.mm'
+  },
+  relativeTime: {
+    future: 'dalam %s',
+    past: '%s yang lalu',
+    s: 'beberapa detik',
+    m: 'semenit',
+    mm: '%d menit',
+    h: 'sejam',
+    hh: '%d jam',
+    d: 'sehari',
+    dd: '%d hari',
+    M: 'sebulan',
+    MM: '%d bulan',
+    y: 'setahun',
+    yy: '%d tahun'
+  },
+  ordinal: function ordinal(n) {
+    return n + ".";
+  }
+};
+dayjs.locale(locale, null, true);
+
+export default locale;

package/dist/esm/index-5110a27a.js

@@ -0,0 +1,71 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+class NativeDateEngine {
+    constructor() {
+        this._formatterCache = new Map();
+        this._commonDateTimeFormatterOptions = {
+            year: 'numeric',
+            month: '2-digit',
+            day: '2-digit',
+            timeZoneName: 'shortOffset',
+        };
+    }
+    get name() {
+        return 'native';
+    }
+    create(date) {
+        return new Date(date);
+    }
+    increase(date) {
+        const oneDayInMs = 86400000;
+        return new Date(date.getTime() + oneDayInMs);
+    }
+    formatToIsoDateString(date) {
+        const year = date.getFullYear();
+        const month = date.getMonth() + 1;
+        const day = date.getDate();
+        return `${year}-${month.toString().padStart(2, '0')}-${day
+            .toString()
+            .padStart(2, '0')}`;
+    }
+    isoToTimeZone(isoDate, tz) {
+        const date = this._toDate(isoDate);
+        const formatter = this._getFormatter(tz);
+        const parts = formatter.formatToParts(date);
+        const [offset] = parts
+            .filter(({ type }) => type === 'timeZoneName')
+            .map(({ value }) => value);
+        const tzOffset = this._getTimeZoneOffsetInMins(offset);
+        const tzOffsetMinutes = date.getMinutes() - (date.getTimezoneOffset() - tzOffset);
+        date.setMinutes(tzOffsetMinutes);
+        return date;
+    }
+    same(date1, date2) {
+        return date1.getTime() === date2.getTime();
+    }
+    _toDate(isoDate) {
+        return new Date(isoDate);
+    }
+    _getFormatter(tz) {
+        let formatter = this._formatterCache.get(tz);
+        if (!formatter) {
+            formatter = new Intl.DateTimeFormat('en-US', {
+                timeZone: tz,
+                ...this._commonDateTimeFormatterOptions,
+            });
+            this._formatterCache.set(tz, formatter);
+        }
+        return formatter;
+    }
+    _getTimeZoneOffsetInMins(gmtTimeZone) {
+        const [sign, ...hoursMinutes] = gmtTimeZone.slice(3);
+        const [hours, minutes] = hoursMinutes.join('').split(':');
+        const signMultiplier = sign === '+' ? 1 : -1;
+        return signMultiplier * (Number(hours) * 60 + Number(minutes || 0));
+    }
+}
+
+export { NativeDateEngine as DateEngine };

package/dist/esm/index-d8ff08ed.js

@@ -0,0 +1,204 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+const supportedTimeZones = (() => {
+    const platformTimeZones = Intl.supportedValuesOf('timeZone');
+    // not all browsers include these time zones, so we add them to ensure consistent groups
+    const etcTimeZones = [
+        "Etc/GMT+1",
+        "Etc/GMT+10",
+        "Etc/GMT+11",
+        "Etc/GMT+12",
+        "Etc/GMT+2",
+        "Etc/GMT+3",
+        "Etc/GMT+4",
+        "Etc/GMT+5",
+        "Etc/GMT+6",
+        "Etc/GMT+7",
+        "Etc/GMT+8",
+        "Etc/GMT+9",
+        "Etc/GMT-1",
+        "Etc/GMT-10",
+        "Etc/GMT-11",
+        "Etc/GMT-12",
+        "Etc/GMT-13",
+        "Etc/GMT-14",
+        "Etc/GMT-2",
+        "Etc/GMT-3",
+        "Etc/GMT-4",
+        "Etc/GMT-5",
+        "Etc/GMT-6",
+        "Etc/GMT-7",
+        "Etc/GMT-8",
+        "Etc/GMT-9"
+    ];
+    return [...new Set([...platformTimeZones, ...etcTimeZones])];
+})();
+
+const now = new Date();
+const startDate = now.toISOString();
+const daysInYear = 365;
+const groupDateRange = daysInYear;
+const defaultGroupingOptions = {
+    startDate,
+    groupDateRange,
+    debug: false,
+};
+
+const continentAllowList = new Set([
+    'Europe',
+    'Asia',
+    'America',
+    'America/Argentina',
+    'Africa',
+    'Australia',
+    'Pacific',
+    'Atlantic',
+    'Antarctica',
+    'Arctic',
+    'Indian',
+]);
+const _getDates = (startDate, numberDays, dateEngine) => {
+    const dateArray = [];
+    let date = dateEngine.create(startDate);
+    for (let i = 0; i <= numberDays; i++) {
+        date = dateEngine.increase(date);
+        dateArray.push(dateEngine.formatToIsoDateString(date));
+    }
+    return dateArray;
+};
+const _extractContinent = (label) => {
+    if (label.includes('Istanbul')) {
+        return 'Europe';
+    }
+    const lastIndex = label.lastIndexOf('/');
+    return lastIndex === -1 ? label : label.slice(0, lastIndex);
+};
+const _isRegularContinent = (continent) => continentAllowList.has(continent);
+const generateTimeZoneMetadata = (timeZoneItems, startDate, numberDays, dateEngine, debug = false) => {
+    const processedDates = new Map();
+    if (debug) {
+        console.log(`Initializing data starting ${startDate} with ${numberDays} days in the future, comparing ${timeZoneItems.length} timezones`);
+    }
+    const theDates = _getDates(startDate, numberDays, dateEngine);
+    return timeZoneItems.map((tzItem) => {
+        const label = tzItem.label;
+        const continent = _extractContinent(label);
+        const dates = theDates.map((date) => {
+            const key = `${date}-${label}`;
+            let utc = processedDates.get(key);
+            if (utc) {
+                return utc;
+            }
+            utc = dateEngine.isoToTimeZone(date, label);
+            processedDates.set(key, utc);
+            return utc;
+        });
+        return {
+            ...tzItem,
+            continent,
+            isRegularContinent: _isRegularContinent(continent),
+            dates,
+        };
+    });
+};
+const compareDateArrs = (array1, array2, dateEngine) => array1.length === array2.length &&
+    array1.every((value, index) => dateEngine.same(value, array2[index]));
+const getGroupLabelTimeZoneIndices = (rawTZs, max = 5) => {
+    const shrinkedTzs = rawTZs.filter(({ label }) => _isRegularContinent(_extractContinent(label)));
+    if (shrinkedTzs.length === 0) {
+        return [0];
+    }
+    const validLabels = shrinkedTzs.map((tz) => rawTZs.indexOf(tz));
+    return equallyDistributedSampling(validLabels, max);
+};
+function equallyDistributedSampling(items, maxItems = 5) {
+    const totalItems = items.length;
+    if (totalItems <= maxItems) {
+        return items;
+    }
+    const numberItemsToSelect = Math.min(totalItems - 2, maxItems - 2);
+    const stepSize = (totalItems - 1) / (numberItemsToSelect + 1);
+    return [
+        items[0],
+        ...Array.from({ length: numberItemsToSelect }, (_, i) => items[Math.round((i + 1) * stepSize)]),
+        items[totalItems - 1],
+    ];
+}
+
+async function groupTimeZones(options) {
+    const { debug, groupDateRange, hooks, startDate, dateEngine } = {
+        ...defaultGroupingOptions,
+        ...options,
+    };
+    const grouping = [];
+    if (!dateEngine) {
+        throw new Error('dateEngine is required');
+    }
+    const timeZoneItems = supportedTimeZones.map((tz) => ({ label: tz }));
+    hooks?.onBeforeTimeZoneMetadataCreate?.(timeZoneItems);
+    const timeZoneMetadata = generateTimeZoneMetadata(timeZoneItems, startDate, groupDateRange, dateEngine, debug);
+    hooks?.onTimeZoneMetadataCreate?.(timeZoneMetadata);
+    // We traverse the mappedDB and see if we find matches by comparing each set
+    // of transformed date for that specific TZ.
+    for (const tzMetadatumI of timeZoneMetadata) {
+        const { label, continent, dates } = tzMetadatumI;
+        // ignore if we visited this element already
+        if (tzMetadatumI.visited) {
+            continue;
+        }
+        // Mark element as already visited
+        tzMetadatumI.visited = true;
+        // The grouped timezone that we want as a result
+        const newGroup = {
+            labelTzIndices: undefined,
+            tzs: [{ label }],
+        };
+        hooks?.onGroupCreate?.(newGroup, tzMetadatumI);
+        for (const tzMetadatumJ of timeZoneMetadata.filter((_) => !_.visited)) {
+            const { label: labelJ, continent: continentJ, isRegularContinent: isRegularContinentJ, dates: datesJ, } = tzMetadatumJ;
+            // We define a matching TZ by:
+            // 1) if both continents match (avoid grouping Antarctica with anything else)
+            // 2) if the transformed dates match in both TZs
+            if ((continent === continentJ || !isRegularContinentJ) &&
+                compareDateArrs(dates, datesJ, dateEngine)) {
+                const tzItem = { label: labelJ };
+                newGroup.tzs.push(tzItem);
+                hooks?.onGroupTimeZoneAdd?.(newGroup, tzItem, tzMetadatumJ);
+                // Mark element as already visited
+                tzMetadatumJ.visited = true;
+            }
+        }
+        grouping.push(newGroup);
+        hooks?.onGroupAdd?.(newGroup);
+    }
+    // Now that we have a group, we want an easy way to find a fitting label for the group
+    // which is defined as the list of the most-common 7 cities, shown in alphabetical order
+    const finalGrouping = grouping
+        .map((group) => {
+        hooks?.onBeforeFinalGroupCreate?.(group);
+        group.tzs = group.tzs.sort((a, b) => a.label.localeCompare(b.label));
+        const finalGrouping = {
+            labelTzIndices: getGroupLabelTimeZoneIndices(group.tzs, 7),
+            tzs: group.tzs.map((_) => _.label),
+        };
+        hooks?.onFinalGroupCreate?.(finalGrouping, group);
+        return finalGrouping;
+    })
+        .sort((a, b) => b.tzs.length - a.tzs.length);
+    if (debug) {
+        const missingTzs = supportedTimeZones
+            .map((tz) => (finalGrouping.some((y) => y.tzs.includes(tz)) ? null : tz))
+            .filter(Boolean);
+        if (missingTzs.length > 0) {
+            throw new Error(`There are ${missingTzs.length} missing timezones: ${missingTzs.toString()}`);
+        }
+    }
+    return hooks?.onFinalGroupingCreate
+        ? hooks.onFinalGroupingCreate(finalGrouping)
+        : finalGrouping;
+}
+
+export { groupTimeZones };

package/dist/esm/interactive-53ef126b.js

@@ -0,0 +1,143 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { g as getUserAgentString } from './browser-aaebde6b.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.11.0
+ */
+// ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
+const isFirefox = /firefox/i.test(getUserAgentString());
+const interactiveElementToParent = isFirefox
+  ? new WeakMap()
+  : null;
+function interceptedClick() {
+  const { disabled } = this;
+  if (!disabled) {
+    HTMLElement.prototype.click.call(this);
+  }
+}
+function onPointerDown(event) {
+  const interactiveElement = event.target;
+  if (isFirefox && !interactiveElementToParent.get(interactiveElement)) {
+    return;
+  }
+  const { disabled } = interactiveElement;
+  if (disabled) {
+    // prevent click from moving focus on host
+    event.preventDefault();
+  }
+}
+const nonBubblingWhenDisabledMouseEvents = ["mousedown", "mouseup", "click"];
+function onNonBubblingWhenDisabledMouseEvent(event) {
+  if (isFirefox && !interactiveElementToParent.get(event.target)) {
+    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) {
+    event.stopImmediatePropagation();
+    event.preventDefault();
+  }
+}
+const captureOnlyOptions = { capture: true };
+/**
+ * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.
+ *
+ * This should be used in the `componentDidRender` lifecycle hook.
+ *
+ * **Notes**
+ *
+ * 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.
+ * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error
+ *
+ * @param component
+ * @param hostIsTabbable – when set to true or its predicate returns true, the host is tabbable and will be managed by the helper. Set to "managed" for cases where a component's parent determines which item is tabbable (i.e., sets `tabindex` to allow tabbing).
+ */
+function updateHostInteraction(component, hostIsTabbable = false) {
+  if (component.disabled) {
+    component.el.setAttribute("tabindex", "-1");
+    component.el.setAttribute("aria-disabled", "true");
+    if (component.el.contains(document.activeElement)) {
+      document.activeElement.blur();
+    }
+    blockInteraction(component);
+    return;
+  }
+  restoreInteraction(component);
+  if (typeof hostIsTabbable === "function") {
+    component.el.setAttribute("tabindex", hostIsTabbable.call(component) ? "0" : "-1");
+  }
+  else if (hostIsTabbable === true) {
+    component.el.setAttribute("tabindex", "0");
+  }
+  else if (hostIsTabbable === false) {
+    component.el.removeAttribute("tabindex");
+  }
+  else ;
+  component.el.removeAttribute("aria-disabled");
+}
+function blockInteraction(component) {
+  component.el.click = interceptedClick;
+  addInteractionListeners(isFirefox ? getParentElement(component) : component.el);
+}
+function addInteractionListeners(element) {
+  if (!element) {
+    // this 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);
+}
+function restoreInteraction(component) {
+  delete component.el.click; // fallback on HTMLElement.prototype.click
+  removeInteractionListeners(isFirefox ? getParentElement(component) : component.el);
+}
+function removeInteractionListeners(element) {
+  if (!element) {
+    // this path is only applicable to Firefox
+    return;
+  }
+  element.removeEventListener("pointerdown", onPointerDown, captureOnlyOptions);
+  nonBubblingWhenDisabledMouseEvents.forEach((event) => element.removeEventListener(event, onNonBubblingWhenDisabledMouseEvent, captureOnlyOptions));
+}
+/**
+ * This utility helps disable components consistently in Firefox.
+ *
+ * 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).
+ *
+ * @param component
+ */
+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);
+}
+/**
+ * This utility restores interactivity to disabled components consistently in Firefox.
+ *
+ * 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).
+ *
+ * @param component
+ */
+function disconnectInteractive(component) {
+  if (!isFirefox) {
+    return;
+  }
+  // always remove on disconnect as render or connect will restore it
+  interactiveElementToParent.delete(component.el);
+  restoreInteraction(component);
+}
+
+export { connectInteractive as c, disconnectInteractive as d, updateHostInteraction as u };