@esri/calcite-components 1.7.0-next.8 → 1.7.0

package/dist/components/calcite-input-time-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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
@@ -12,8 +12,9 @@ import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './la
 import { c as componentFocusable, a as setUpLoadableComponent, s as setComponentLoaded } from './loadable.js';
 import { n as numberStringFormatter, g as getSupportedLocale, c as connectLocalized, d as disconnectLocalized } from './locale.js';
 import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap } from './focusTrapComponent.js';
-import { l as localizeTimeString, t as toISOTimeString, f as formatTimeString, i as isValidTime, d as defineCustomElement$2 } from './time-picker.js';
+import { l as localizeTimeString, t as toISOTimeString, i as isValidTime, f as formatTimeString, a as formatTimePart, d as defineCustomElement$2 } from './time-picker.js';
 import { c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
+import { d as decimalPlaces } from './math.js';
 import { d as defineCustomElement$8 } from './action.js';
 import { d as defineCustomElement$7 } from './icon.js';
 import { d as defineCustomElement$6 } from './input.js';
@@ -1189,7 +1190,7 @@ const updateLocale = (function (option, Dayjs, dayjs) {
 const inputTimePickerCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([scale=s]){--calcite-toggle-spacing:0.5rem}:host([scale=m]){--calcite-toggle-spacing:0.75rem}:host([scale=l]){--calcite-toggle-spacing:1rem}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;inline-size:1rem;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([hidden]){display:none}[hidden]{display:none}";
 
 // some bundlers (e.g., Webpack) need dynamic import paths to be static
-const supportedDayJsLocaleToLocaleConfigImport = new Map([
+const supportedDayjsLocaleToLocaleConfigImport = new Map([
   ["ar", () => import('./ar.js')],
   ["bg", () => import('./bg.js')],
   ["bs", () => import('./bs.js')],
@@ -1277,6 +1278,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
         includeSeconds: this.shouldIncludeSeconds(),
+        fractionalSecondDigits: decimalPlaces(this.step),
       });
       if (localizedTimeString !== inputValue) {
         this.setInputValue(localizedTimeString);
@@ -1318,6 +1320,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
         includeSeconds,
+        fractionalSecondDigits: decimalPlaces(this.step),
       }));
     };
     this.popoverCloseHandler = () => {
@@ -1352,15 +1355,18 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
           return;
         }
         const newValue = this.delocalizeTimeString(this.calciteInputEl.value);
-        this.setValue(newValue);
-        const localizedTimeString = localizeTimeString({
-          value: this.value,
-          locale: this.effectiveLocale,
-          numberingSystem: this.numberingSystem,
-          includeSeconds: this.shouldIncludeSeconds(),
-        });
-        if (newValue && this.calciteInputEl.value !== localizedTimeString) {
-          this.setInputValue(localizedTimeString);
+        if (isValidTime(newValue)) {
+          this.setValue(newValue);
+          const localizedTimeString = localizeTimeString({
+            value: this.value,
+            locale: this.effectiveLocale,
+            numberingSystem: this.numberingSystem,
+            includeSeconds: this.shouldIncludeSeconds(),
+            fractionalSecondDigits: decimalPlaces(this.step),
+          });
+          if (newValue && this.calciteInputEl.value !== localizedTimeString) {
+            this.setInputValue(localizedTimeString);
+          }
         }
       }
       else if (key === "ArrowDown") {
@@ -1419,6 +1425,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
           includeSeconds: this.shouldIncludeSeconds(),
+          fractionalSecondDigits: decimalPlaces(this.step),
         }));
       }
     };
@@ -1437,6 +1444,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
           includeSeconds,
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
+          fractionalSecondDigits: decimalPlaces(this.step),
         })
         : "");
     };
@@ -1493,6 +1501,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       locale: this.effectiveLocale,
       numberingSystem,
       includeSeconds: this.shouldIncludeSeconds(),
+      fractionalSecondDigits: decimalPlaces(this.step),
     }));
   }
   stepWatcher(newStep, oldStep) {
@@ -1514,6 +1523,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       locale,
       numberingSystem: this.numberingSystem,
       includeSeconds: this.shouldIncludeSeconds(),
+      fractionalSecondDigits: decimalPlaces(this.step),
     }));
   }
   // --------------------------------------------------------------------------
@@ -1542,26 +1552,114 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   delocalizeTimeString(value) {
     // we need to set the corresponding locale before parsing, otherwise it defaults to English (possible dayjs bug)
     dayjs.locale(this.effectiveLocale.toLowerCase());
-    const dayjsParseResult = dayjs(value, ["LTS", "LT"]);
+    const nonFractionalSecondParts = this.delocalizeTimeStringToParts(value);
+    let delocalizedTimeString;
+    if (this.shouldIncludeFractionalSeconds()) {
+      const stepPrecision = decimalPlaces(this.step);
+      const centisecondParts = this.delocalizeTimeStringToParts(value, "S");
+      if (stepPrecision === 1) {
+        delocalizedTimeString =
+          centisecondParts.millisecond !== 0
+            ? this.getTimeStringFromParts(centisecondParts)
+            : this.getTimeStringFromParts(nonFractionalSecondParts);
+      }
+      else {
+        const decisecondParts = this.delocalizeTimeStringToParts(value, "SS");
+        if (stepPrecision === 2) {
+          if (decisecondParts.millisecond !== 0) {
+            delocalizedTimeString = this.getTimeStringFromParts(decisecondParts);
+          }
+          else if (centisecondParts.millisecond !== 0) {
+            delocalizedTimeString = this.getTimeStringFromParts(centisecondParts);
+          }
+          else {
+            delocalizedTimeString = this.getTimeStringFromParts(nonFractionalSecondParts);
+          }
+        }
+        else if (stepPrecision >= 3) {
+          const millisecondParts = this.delocalizeTimeStringToParts(value, "SSS");
+          if (millisecondParts.millisecond !== 0) {
+            delocalizedTimeString = this.getTimeStringFromParts(millisecondParts);
+          }
+          else if (decisecondParts.millisecond !== 0) {
+            delocalizedTimeString = this.getTimeStringFromParts(decisecondParts);
+          }
+          else if (centisecondParts.millisecond !== 0) {
+            delocalizedTimeString = this.getTimeStringFromParts(centisecondParts);
+          }
+          else {
+            delocalizedTimeString = this.getTimeStringFromParts(nonFractionalSecondParts);
+          }
+        }
+      }
+    }
+    else {
+      delocalizedTimeString = this.getTimeStringFromParts(nonFractionalSecondParts);
+    }
+    return delocalizedTimeString;
+  }
+  delocalizeTimeStringToParts(localizedTimeString, fractionalSecondFormatToken) {
+    const ltsFormatString = this.localeConfig?.formats?.LTS;
+    const fractionalSecondTokenMatch = ltsFormatString.match(/ss\.*(S+)/g);
+    if (fractionalSecondFormatToken && this.shouldIncludeFractionalSeconds()) {
+      const secondFormatToken = `ss.${fractionalSecondFormatToken}`;
+      this.localeConfig.formats.LTS = fractionalSecondTokenMatch
+        ? ltsFormatString.replace(fractionalSecondTokenMatch[0], secondFormatToken)
+        : ltsFormatString.replace("ss", secondFormatToken);
+    }
+    else if (fractionalSecondTokenMatch) {
+      this.localeConfig.formats.LTS = ltsFormatString.replace(fractionalSecondTokenMatch[0], "ss");
+    }
+    dayjs.updateLocale(this.getSupportedDayjsLocale(getSupportedLocale(this.effectiveLocale)), this.localeConfig);
+    const dayjsParseResult = dayjs(localizedTimeString, ["LTS", "LT"]);
     if (dayjsParseResult.isValid()) {
-      let unformattedTimeString = `${dayjsParseResult.get("hour")}:${dayjsParseResult.get("minute")}`;
-      if (this.shouldIncludeSeconds()) {
-        unformattedTimeString += `:${dayjsParseResult.get("seconds") || 0}`;
+      return {
+        hour: dayjsParseResult.get("hour"),
+        minute: dayjsParseResult.get("minute"),
+        second: dayjsParseResult.get("second"),
+        millisecond: dayjsParseResult.get("millisecond"),
+      };
+    }
+    return {
+      hour: null,
+      minute: null,
+      second: null,
+      millisecond: null,
+    };
+  }
+  getTimeStringFromParts(parts) {
+    let timeString = "";
+    if (!parts) {
+      return timeString;
+    }
+    if (parts.hour !== null && parts.minute !== null) {
+      timeString = `${formatTimePart(parts.hour)}:${formatTimePart(parts.minute)}`;
+      if (this.shouldIncludeSeconds() && parts.second !== null) {
+        timeString += `:${formatTimePart(parts.second)}`;
+        if (this.shouldIncludeFractionalSeconds() && parts.millisecond !== null) {
+          const second = (parts.millisecond * 0.001).toFixed(decimalPlaces(this.step));
+          timeString += `.${second.toString().replace("0.", "")}`;
+        }
       }
-      return formatTimeString(unformattedTimeString) || "";
     }
-    return "";
+    return timeString;
   }
-  async loadDateTimeLocaleData() {
-    let supportedLocale = getSupportedLocale(this.effectiveLocale).toLowerCase();
-    if (supportedLocale === "no") {
-      supportedLocale = "nb";
+  getSupportedDayjsLocale(locale) {
+    const dayjsLocale = locale.toLowerCase();
+    if (dayjsLocale === "no") {
+      return "nb";
     }
-    if (supportedLocale === "pt-pt") {
-      supportedLocale = "pt";
+    if (dayjsLocale === "pt-pt") {
+      return "pt";
     }
-    const { default: localeConfig } = await supportedDayJsLocaleToLocaleConfigImport.get(supportedLocale)();
-    dayjs.locale(localeConfig, null, true);
+    return dayjsLocale;
+  }
+  async loadDateTimeLocaleData() {
+    let supportedLocale = getSupportedLocale(this.effectiveLocale).toLowerCase();
+    supportedLocale = this.getSupportedDayjsLocale(supportedLocale);
+    const { default: localeConfig } = await supportedDayjsLocaleToLocaleConfigImport.get(supportedLocale)();
+    this.localeConfig = localeConfig;
+    dayjs.locale(this.localeConfig, null, true);
     dayjs.updateLocale(supportedLocale, this.getExtendedLocaleConfig(supportedLocale));
   }
   getExtendedLocaleConfig(locale) {
@@ -1635,6 +1733,9 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   shouldIncludeSeconds() {
     return this.step < 60;
   }
+  shouldIncludeFractionalSeconds() {
+    return decimalPlaces(this.step) > 0;
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -1665,6 +1766,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
         includeSeconds: this.shouldIncludeSeconds(),
+        fractionalSecondDigits: decimalPlaces(this.step),
       }));
     }
   }

package/dist/components/calcite-input-time-zone.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectLabel, d as disconnectLabel } from './label2.js';

package/dist/components/calcite-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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { I as Input, d as defineCustomElement$1 } from './input.js';
 

package/dist/components/calcite-label.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { L as Label, d as defineCustomElement$1 } from './label.js';
 

package/dist/components/calcite-link.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { L as Link, d as defineCustomElement$1 } from './link.js';
 

package/dist/components/calcite-list-item-group.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';

package/dist/components/calcite-list-item.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { e as slotChangeHasAssignedElement, b as getElementDir, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-list.js

@@ -1,14 +1,14 @@
 /*!
  * 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.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { e as slotChangeHasAssignedElement, t as toAriaBoolean } from './dom.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { c as createObserver } from './observers.js';
 import { u as updateListItemChildren, g as getListItemChildren, M as MAX_COLUMNS } from './utils3.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent.js';
+import { d as dragActive, a as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent.js';
 import { S as SLOTS$1, d as defineCustomElement$2 } from './stack.js';
 import { a as setUpLoadableComponent, s as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { d as defineCustomElement$8 } from './filter.js';
@@ -282,7 +282,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     event.stopPropagation();
-    this.updateListItems(true);
+    this.updateListItems();
   }
   handleCalciteInternalListItemGroupDefaultSlotChange(event) {
     event.stopPropagation();
@@ -293,13 +293,19 @@ const List = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.connectObserver();
     this.updateListItems();
     this.setUpSorting();
     connectInteractive(this);
-    this.parentListEl = this.el.parentElement.closest("calcite-list");
+    this.setParentList();
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.disconnectObserver();
     disconnectSortableComponent(this);
     disconnectInteractive(this);
@@ -365,14 +371,13 @@ const List = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   onDragEnd() {
     this.connectObserver();
   }
-  onDragSort(event) {
+  onDragSort(detail) {
+    this.setParentList();
     this.updateListItems();
-    const { from, item, to } = event;
-    this.calciteListOrderChange.emit({
-      dragEl: item,
-      fromEl: from,
-      toEl: to,
-    });
+    this.calciteListOrderChange.emit(detail);
+  }
+  setParentList() {
+    this.parentListEl = this.el.parentElement?.closest("calcite-list");
   }
   filterElements({ el, filteredItems, visibleParents, }) {
     const hidden = !visibleParents.has(el) && !filteredItems.includes(el);

package/dist/components/calcite-loader.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { L as Loader, d as defineCustomElement$1 } from './loader.js';
 

package/dist/components/calcite-menu-item.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client/index.js';
 import { s as slotChangeGetAssignedElements, C as CSS_UTILITY, b as getElementDir } from './dom.js';

package/dist/components/calcite-menu.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { C as CalciteMenu$1, d as defineCustomElement$1 } from './menu.js';
 

package/dist/components/calcite-meter.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
 import { a as setUpLoadableComponent, s as setComponentLoaded } from './loadable.js';

package/dist/components/calcite-modal.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';

package/dist/components/calcite-navigation-logo.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as componentFocusable, a as setUpLoadableComponent, s as setComponentLoaded } from './loadable.js';

package/dist/components/calcite-navigation-user.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as componentFocusable, a as setUpLoadableComponent, s as setComponentLoaded } from './loadable.js';

package/dist/components/calcite-navigation.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client/index.js';
 import { e as slotChangeHasAssignedElement } from './dom.js';

package/dist/components/calcite-notice.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';

package/dist/components/calcite-option-group.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 

package/dist/components/calcite-option.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.
- * v1.7.0-next.8
+ * v1.7.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as createObserver } from './observers.js';