@esri/solutions-components 0.6.6 → 0.6.7

package/dist/components/calcite-input-time-picker.js

@@ -8,7 +8,7 @@ import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenForm
 import { g as guid } from './guid.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { n as numberKeys } from './key.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
 import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 import { n as numberStringFormatter, g as getSupportedLocale, c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap } from './focusTrapComponent.js';
@@ -1193,600 +1193,601 @@ const updateLocale = (function (option, Dayjs, dayjs) {
 
 const inputTimePickerCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-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;-moz-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([
-  ["ar", () => import('./ar.js')],
-  ["bg", () => import('./bg.js')],
-  ["bs", () => import('./bs.js')],
-  ["ca", () => import('./ca.js')],
-  ["cs", () => import('./cs.js')],
-  ["da", () => import('./da.js')],
-  ["de", () => import('./de.js')],
-  ["de-at", () => import('./de-at.js')],
-  ["de-ch", () => import('./de-ch.js')],
-  ["el", () => import('./el.js')],
-  ["en", () => Promise.resolve().then(function () { return en$1; })],
-  ["en-au", () => import('./en-au.js')],
-  ["en-ca", () => import('./en-ca.js')],
-  ["en-gb", () => import('./en-gb.js')],
-  ["es", () => import('./es.js')],
-  ["es-mx", () => import('./es-mx.js')],
-  ["et", () => import('./et.js')],
-  ["fi", () => import('./fi.js')],
-  ["fr", () => import('./fr.js')],
-  ["fr-ch", () => import('./fr-ch.js')],
-  ["he", () => import('./he.js')],
-  ["hi", () => import('./hi.js')],
-  ["hr", () => import('./hr.js')],
-  ["hu", () => import('./hu.js')],
-  ["id", () => import('./id.js')],
-  ["it", () => import('./it.js')],
-  ["it-ch", () => import('./it-ch.js')],
-  ["ja", () => import('./ja.js')],
-  ["ko", () => import('./ko.js')],
-  ["lt", () => import('./lt.js')],
-  ["lv", () => import('./lv.js')],
-  ["mk", () => import('./mk.js')],
-  ["nl", () => import('./nl.js')],
-  ["nb", () => import('./nb.js')],
-  ["pl", () => import('./pl.js')],
-  ["pt", () => import('./pt.js')],
-  ["pt-br", () => import('./pt-br.js')],
-  ["ro", () => import('./ro.js')],
-  ["ru", () => import('./ru.js')],
-  ["sk", () => import('./sk.js')],
-  ["sl", () => import('./sl.js')],
-  ["sr", () => import('./sr.js')],
-  ["sv", () => import('./sv.js')],
-  ["th", () => import('./th.js')],
-  ["tr", () => import('./tr.js')],
-  ["uk", () => import('./uk.js')],
-  ["vi", () => import('./vi.js')],
-  ["zh-cn", () => import('./zh-cn.js')],
-  ["zh-hk", () => import('./zh-hk.js')],
-  ["zh-tw", () => import('./zh-tw.js')],
-]);
-dayjs.extend(customParseFormat);
-dayjs.extend(localeData);
-dayjs.extend(localizedFormat);
-dayjs.extend(preParsePostFormat);
-dayjs.extend(updateLocale);
-const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class InputTimePicker extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteInputTimePickerChange = createEvent(this, "calciteInputTimePickerChange", 7);
-    this.focusOnOpen = false;
-    this.dialogId = `time-picker-dialog--${guid()}`;
-    /** whether the value of the input was changed as a result of user typing or not */
-    this.userChangedValue = false;
-    this.referenceElementId = `input-time-picker-${guid()}`;
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    this.hostBlurHandler = () => {
-      const inputValue = this.calciteInputEl.value;
-      const delocalizedInputValue = this.delocalizeTimeString(inputValue);
-      if (!delocalizedInputValue) {
-        this.setValue("");
-        return;
-      }
-      if (delocalizedInputValue !== this.value) {
-        this.setValue(delocalizedInputValue);
-      }
-      const localizedTimeString = localizeTimeString({
-        value: this.value,
-        locale: this.effectiveLocale,
-        numberingSystem: this.numberingSystem,
-        includeSeconds: this.shouldIncludeSeconds(),
-      });
-      if (localizedTimeString !== inputValue) {
-        this.setInputValue(localizedTimeString);
-      }
-      this.deactivate();
-    };
-    this.calciteInternalInputFocusHandler = (event) => {
-      if (!this.readOnly) {
-        event.stopPropagation();
-      }
-    };
-    this.calciteInternalInputInputHandler = (event) => {
-      const { effectiveLocale: locale, numberingSystem } = this;
-      if (numberingSystem && numberingSystem !== "latn") {
-        const target = event.target;
-        numberStringFormatter.numberFormatOptions = {
-          locale,
-          numberingSystem,
-          useGrouping: false,
-        };
-        const valueInNumberingSystem = numberStringFormatter
-          .delocalize(target.value)
-          .split("")
-          .map((char) => numberKeys.includes(char)
-          ? numberStringFormatter.numberFormatter.format(Number(char))
-          : char)
-          .join("");
-        this.setInputValue(valueInNumberingSystem);
-      }
-    };
-    this.timePickerChangeHandler = (event) => {
-      event.stopPropagation();
-      const target = event.target;
-      const value = target.value;
-      const includeSeconds = this.shouldIncludeSeconds();
-      this.setValue(toISOTimeString(value, includeSeconds));
-      this.setInputValue(localizeTimeString({
-        value,
-        locale: this.effectiveLocale,
-        numberingSystem: this.numberingSystem,
-        includeSeconds,
-      }));
-    };
-    this.popoverCloseHandler = () => {
-      deactivateFocusTrap(this, {
-        onDeactivate: () => {
-          this.calciteInputEl.setFocus();
-          this.focusOnOpen = false;
-        },
-      });
-    };
-    this.popoverOpenHandler = () => {
-      activateFocusTrap(this, {
-        onActivate: () => {
-          if (this.focusOnOpen) {
-            this.calciteTimePickerEl.setFocus();
-            this.focusOnOpen = false;
-          }
-        },
-      });
-    };
-    this.keyDownHandler = (event) => {
-      const { defaultPrevented, key } = event;
-      if (defaultPrevented) {
-        return;
-      }
-      if (key === "Enter") {
-        if (submitForm(this)) {
-          event.preventDefault();
-          this.calciteInputEl.setFocus();
-        }
-        if (event.composedPath().includes(this.calciteTimePickerEl)) {
-          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);
-        }
-      }
-      else if (key === "ArrowDown") {
-        this.open = true;
-        this.focusOnOpen = true;
-        event.preventDefault();
-      }
-      else if (key === "Escape" && this.open) {
-        this.open = false;
-        event.preventDefault();
-        this.calciteInputEl.setFocus();
-      }
-    };
-    this.setCalcitePopoverEl = (el) => {
-      this.popoverEl = el;
-    };
-    this.setCalciteInputEl = (el) => {
-      this.calciteInputEl = el;
-    };
-    this.setCalciteTimePickerEl = (el) => {
-      this.calciteTimePickerEl = el;
-      connectFocusTrap(this, {
-        focusTrapEl: el,
-        focusTrapOptions: {
-          initialFocus: false,
-          setReturnFocus: false,
-        },
-      });
-    };
-    this.setInputValue = (newInputValue) => {
-      if (!this.calciteInputEl) {
-        return;
-      }
-      this.calciteInputEl.value = newInputValue;
-    };
-    /**
-     * Sets the value and emits a change event.
-     * This is used to update the value as a result of user interaction.
-     *
-     * @param value
-     */
-    this.setValue = (value) => {
-      const oldValue = this.value;
-      const newValue = formatTimeString(value) || "";
-      if (newValue === oldValue) {
-        return;
-      }
-      this.userChangedValue = true;
-      this.value = newValue || "";
-      const changeEvent = this.calciteInputTimePickerChange.emit();
-      if (changeEvent.defaultPrevented) {
-        this.userChangedValue = false;
-        this.value = oldValue;
-        this.setInputValue(localizeTimeString({
-          value: oldValue,
-          locale: this.effectiveLocale,
-          numberingSystem: this.numberingSystem,
-          includeSeconds: this.shouldIncludeSeconds(),
-        }));
-      }
-    };
-    /**
-     * Sets the value directly without emitting a change event.
-     * This is used to update the value on initial load and when props change that are not the result of user interaction.
-     *
-     * @param value
-     */
-    this.setValueDirectly = (value) => {
-      const includeSeconds = this.shouldIncludeSeconds();
-      this.value = toISOTimeString(value, includeSeconds);
-      this.setInputValue(this.value
-        ? localizeTimeString({
-          value: this.value,
-          includeSeconds,
-          locale: this.effectiveLocale,
-          numberingSystem: this.numberingSystem,
-        })
-        : "");
-    };
-    this.onInputWrapperClick = () => {
-      this.open = !this.open;
-    };
-    this.deactivate = () => {
-      this.open = false;
-    };
-    this.open = false;
-    this.disabled = false;
-    this.focusTrapDisabled = false;
-    this.form = undefined;
-    this.readOnly = false;
-    this.messageOverrides = undefined;
-    this.messages = undefined;
-    this.name = undefined;
-    this.numberingSystem = undefined;
-    this.required = false;
-    this.scale = "m";
-    this.overlayPositioning = "absolute";
-    this.placement = "auto";
-    this.step = 60;
-    this.value = null;
-    this.defaultMessages = undefined;
-    this.effectiveLocale = "";
-  }
-  openHandler(value) {
-    if (this.disabled || this.readOnly) {
-      this.open = false;
-      return;
-    }
-    if (value) {
-      this.reposition(true);
-    }
-  }
-  handleFocusTrapDisabled(focusTrapDisabled) {
-    if (!this.open) {
-      return;
-    }
-    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);
-  }
-  handleDisabledAndReadOnlyChange(value) {
-    if (!value) {
-      this.open = false;
-    }
-  }
-  onMessagesChange() {
-    /* wired up by t9n util */
-  }
-  numberingSystemWatcher(numberingSystem) {
-    this.setInputValue(localizeTimeString({
-      value: this.value,
-      locale: this.effectiveLocale,
-      numberingSystem,
-      includeSeconds: this.shouldIncludeSeconds(),
-    }));
-  }
-  stepWatcher(newStep, oldStep) {
-    if ((oldStep >= 60 && newStep > 0 && newStep < 60) ||
-      (newStep >= 60 && oldStep > 0 && oldStep < 60)) {
-      this.setValueDirectly(this.value);
-    }
-  }
-  valueWatcher(newValue) {
-    if (!this.userChangedValue) {
-      this.setValueDirectly(newValue);
-    }
-    this.userChangedValue = false;
-  }
-  async effectiveLocaleWatcher(locale) {
-    await this.loadDateTimeLocaleData();
-    this.setInputValue(localizeTimeString({
-      value: this.value,
-      locale,
-      numberingSystem: this.numberingSystem,
-      includeSeconds: this.shouldIncludeSeconds(),
-    }));
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    await componentFocusable(this);
-    this.el.focus();
-  }
-  /**
-   * Updates the position of the component.
-   *
-   * @param delayed
-   */
-  async reposition(delayed = false) {
-    var _a;
-    (_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.reposition(delayed);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  // --------------------------------------------------------------------------
-  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"]);
-    if (dayjsParseResult.isValid()) {
-      let unformattedTimeString = `${dayjsParseResult.get("hour")}:${dayjsParseResult.get("minute")}`;
-      if (this.shouldIncludeSeconds()) {
-        unformattedTimeString += `:${dayjsParseResult.get("seconds") || 0}`;
-      }
-      return formatTimeString(unformattedTimeString) || "";
-    }
-    return "";
-  }
-  async loadDateTimeLocaleData() {
-    let supportedLocale = getSupportedLocale(this.effectiveLocale).toLowerCase();
-    if (supportedLocale === "no") {
-      supportedLocale = "nb";
-    }
-    if (supportedLocale === "pt-pt") {
-      supportedLocale = "pt";
-    }
-    const { default: localeConfig } = await supportedDayJsLocaleToLocaleConfigImport.get(supportedLocale)();
-    dayjs.locale(localeConfig, null, true);
-    dayjs.updateLocale(supportedLocale, this.getExtendedLocaleConfig(supportedLocale));
-  }
-  getExtendedLocaleConfig(locale) {
-    if (locale === "ar") {
-      return {
-        meridiem: (hour) => (hour > 12 ? "م" : "ص"),
-        formats: {
-          LT: "HH:mm A",
-          LTS: "HH:mm:ss A",
-          L: "DD/MM/YYYY",
-          LL: "D MMMM YYYY",
-          LLL: "D MMMM YYYY HH:mm A",
-          LLLL: "dddd D MMMM YYYY HH:mm A",
-        },
-      };
-    }
-    if (locale === "en-au") {
-      return {
-        meridiem: (hour) => (hour > 12 ? "pm" : "am"),
-      };
-    }
-    if (locale === "en-ca") {
-      return {
-        meridiem: (hour) => (hour > 12 ? "p.m." : "a.m."),
-      };
-    }
-    if (locale === "el") {
-      return {
-        meridiem: (hour) => (hour > 12 ? "μ.μ." : "π.μ."),
-      };
-    }
-    if (locale === "hi") {
-      return {
-        formats: {
-          LT: "h:mm A",
-          LTS: "h:mm:ss A",
-          L: "DD/MM/YYYY",
-          LL: "D MMMM YYYY",
-          LLL: "D MMMM YYYY, h:mm A",
-          LLLL: "dddd, D MMMM YYYY, h:mm A",
-        },
-        meridiem: (hour) => (hour > 12 ? "pm" : "am"),
-      };
-    }
-    if (locale === "ko") {
-      return {
-        meridiem: (hour) => (hour > 12 ? "오후" : "오전"),
-      };
-    }
-    if (locale === "zh-tw") {
-      return {
-        formats: {
-          LT: "AHH:mm",
-          LTS: "AHH:mm:ss",
-        },
-      };
-    }
-    if (locale === "zh-hk") {
-      return {
-        formats: {
-          LT: "AHH:mm",
-          LTS: "AHH:mm:ss",
-        },
-        meridiem: (hour) => (hour > 12 ? "下午" : "上午"),
-      };
-    }
-  }
-  onLabelClick() {
-    this.setFocus();
-  }
-  shouldIncludeSeconds() {
-    return this.step < 60;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    connectInteractive(this);
-    connectLocalized(this);
-    if (isValidTime(this.value)) {
-      this.setValueDirectly(this.value);
-    }
-    else {
-      this.value = undefined;
-    }
-    connectLabel(this);
-    connectForm(this);
-    connectMessages(this);
-  }
-  async componentWillLoad() {
-    setUpLoadableComponent(this);
-    await Promise.all([setUpMessages(this), this.loadDateTimeLocaleData()]);
-  }
-  componentDidLoad() {
-    setComponentLoaded(this);
-    if (isValidTime(this.value)) {
-      this.setInputValue(localizeTimeString({
-        value: this.value,
-        locale: this.effectiveLocale,
-        numberingSystem: this.numberingSystem,
-        includeSeconds: this.shouldIncludeSeconds(),
-      }));
-    }
-  }
-  disconnectedCallback() {
-    disconnectInteractive(this);
-    disconnectLabel(this);
-    disconnectForm(this);
-    disconnectLocalized(this);
-    deactivateFocusTrap(this);
-    disconnectMessages(this);
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    const { disabled, messages, readOnly, dialogId } = this;
-    return (h(Host, { onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, h("div", { class: "input-wrapper", onClick: this.onInputWrapperClick }, h("calcite-input", { "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, role: "combobox", scale: this.scale, step: this.step,
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: this.setCalciteInputEl }), this.renderToggleIcon(this.open)), h("calcite-popover", { focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, referenceElement: this.referenceElementId, triggerDisabled: true,
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: this.setCalcitePopoverEl }, h("calcite-time-picker", { lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value,
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: this.setCalciteTimePickerEl })), h(HiddenFormInputSlot, { component: this })));
-  }
-  renderToggleIcon(open) {
-    return (h("span", { class: CSS.toggleIcon }, h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: "s" })));
-  }
-  static get delegatesFocus() { return true; }
-  static get assetsDirs() { return ["assets"]; }
-  get el() { return this; }
-  static get watchers() { return {
-    "open": ["openHandler"],
-    "focusTrapDisabled": ["handleFocusTrapDisabled"],
-    "disabled": ["handleDisabledAndReadOnlyChange"],
-    "readOnly": ["handleDisabledAndReadOnlyChange"],
-    "messageOverrides": ["onMessagesChange"],
-    "numberingSystem": ["numberingSystemWatcher"],
-    "step": ["stepWatcher"],
-    "value": ["valueWatcher"],
-    "effectiveLocale": ["effectiveLocaleWatcher"]
-  }; }
-  static get style() { return inputTimePickerCss; }
-}, [17, "calcite-input-time-picker", {
-    "open": [1540],
-    "disabled": [516],
-    "focusTrapDisabled": [516, "focus-trap-disabled"],
-    "form": [513],
-    "readOnly": [516, "read-only"],
-    "messageOverrides": [1040],
-    "messages": [1040],
-    "name": [1],
-    "numberingSystem": [1, "numbering-system"],
-    "required": [516],
-    "scale": [513],
-    "overlayPositioning": [1, "overlay-positioning"],
-    "placement": [513],
-    "step": [2],
-    "value": [1025],
-    "defaultMessages": [32],
-    "effectiveLocale": [32],
-    "setFocus": [64],
-    "reposition": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-input-time-picker", "calcite-action", "calcite-icon", "calcite-input", "calcite-loader", "calcite-popover", "calcite-progress", "calcite-time-picker"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-input-time-picker":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, InputTimePicker);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-time-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
+// some bundlers (e.g., Webpack) need dynamic import paths to be static
+const supportedDayJsLocaleToLocaleConfigImport = new Map([
+  ["ar", () => import('./ar.js')],
+  ["bg", () => import('./bg.js')],
+  ["bs", () => import('./bs.js')],
+  ["ca", () => import('./ca.js')],
+  ["cs", () => import('./cs.js')],
+  ["da", () => import('./da.js')],
+  ["de", () => import('./de.js')],
+  ["de-at", () => import('./de-at.js')],
+  ["de-ch", () => import('./de-ch.js')],
+  ["el", () => import('./el.js')],
+  ["en", () => Promise.resolve().then(function () { return en$1; })],
+  ["en-au", () => import('./en-au.js')],
+  ["en-ca", () => import('./en-ca.js')],
+  ["en-gb", () => import('./en-gb.js')],
+  ["es", () => import('./es.js')],
+  ["es-mx", () => import('./es-mx.js')],
+  ["et", () => import('./et.js')],
+  ["fi", () => import('./fi.js')],
+  ["fr", () => import('./fr.js')],
+  ["fr-ch", () => import('./fr-ch.js')],
+  ["he", () => import('./he.js')],
+  ["hi", () => import('./hi.js')],
+  ["hr", () => import('./hr.js')],
+  ["hu", () => import('./hu.js')],
+  ["id", () => import('./id.js')],
+  ["it", () => import('./it.js')],
+  ["it-ch", () => import('./it-ch.js')],
+  ["ja", () => import('./ja.js')],
+  ["ko", () => import('./ko.js')],
+  ["lt", () => import('./lt.js')],
+  ["lv", () => import('./lv.js')],
+  ["mk", () => import('./mk.js')],
+  ["nl", () => import('./nl.js')],
+  ["nb", () => import('./nb.js')],
+  ["pl", () => import('./pl.js')],
+  ["pt", () => import('./pt.js')],
+  ["pt-br", () => import('./pt-br.js')],
+  ["ro", () => import('./ro.js')],
+  ["ru", () => import('./ru.js')],
+  ["sk", () => import('./sk.js')],
+  ["sl", () => import('./sl.js')],
+  ["sr", () => import('./sr.js')],
+  ["sv", () => import('./sv.js')],
+  ["th", () => import('./th.js')],
+  ["tr", () => import('./tr.js')],
+  ["uk", () => import('./uk.js')],
+  ["vi", () => import('./vi.js')],
+  ["zh-cn", () => import('./zh-cn.js')],
+  ["zh-hk", () => import('./zh-hk.js')],
+  ["zh-tw", () => import('./zh-tw.js')],
+]);
+dayjs.extend(customParseFormat);
+dayjs.extend(localeData);
+dayjs.extend(localizedFormat);
+dayjs.extend(preParsePostFormat);
+dayjs.extend(updateLocale);
+const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.calciteInputTimePickerChange = createEvent(this, "calciteInputTimePickerChange", 7);
+    this.focusOnOpen = false;
+    this.dialogId = `time-picker-dialog--${guid()}`;
+    /** whether the value of the input was changed as a result of user typing or not */
+    this.userChangedValue = false;
+    this.referenceElementId = `input-time-picker-${guid()}`;
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    this.hostBlurHandler = () => {
+      const inputValue = this.calciteInputEl.value;
+      const delocalizedInputValue = this.delocalizeTimeString(inputValue);
+      if (!delocalizedInputValue) {
+        this.setValue("");
+        return;
+      }
+      if (delocalizedInputValue !== this.value) {
+        this.setValue(delocalizedInputValue);
+      }
+      const localizedTimeString = localizeTimeString({
+        value: this.value,
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        includeSeconds: this.shouldIncludeSeconds(),
+      });
+      if (localizedTimeString !== inputValue) {
+        this.setInputValue(localizedTimeString);
+      }
+      this.deactivate();
+    };
+    this.calciteInternalInputFocusHandler = (event) => {
+      if (!this.readOnly) {
+        event.stopPropagation();
+      }
+    };
+    this.calciteInternalInputInputHandler = (event) => {
+      const { effectiveLocale: locale, numberingSystem } = this;
+      if (numberingSystem && numberingSystem !== "latn") {
+        const target = event.target;
+        numberStringFormatter.numberFormatOptions = {
+          locale,
+          numberingSystem,
+          useGrouping: false,
+        };
+        const valueInNumberingSystem = numberStringFormatter
+          .delocalize(target.value)
+          .split("")
+          .map((char) => numberKeys.includes(char)
+          ? numberStringFormatter.numberFormatter.format(Number(char))
+          : char)
+          .join("");
+        this.setInputValue(valueInNumberingSystem);
+      }
+    };
+    this.timePickerChangeHandler = (event) => {
+      event.stopPropagation();
+      const target = event.target;
+      const value = target.value;
+      const includeSeconds = this.shouldIncludeSeconds();
+      this.setValue(toISOTimeString(value, includeSeconds));
+      this.setInputValue(localizeTimeString({
+        value,
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        includeSeconds,
+      }));
+    };
+    this.popoverCloseHandler = () => {
+      deactivateFocusTrap(this, {
+        onDeactivate: () => {
+          this.calciteInputEl.setFocus();
+          this.focusOnOpen = false;
+        },
+      });
+    };
+    this.popoverOpenHandler = () => {
+      activateFocusTrap(this, {
+        onActivate: () => {
+          if (this.focusOnOpen) {
+            this.calciteTimePickerEl.setFocus();
+            this.focusOnOpen = false;
+          }
+        },
+      });
+    };
+    this.keyDownHandler = (event) => {
+      const { defaultPrevented, key } = event;
+      if (defaultPrevented) {
+        return;
+      }
+      if (key === "Enter") {
+        if (submitForm(this)) {
+          event.preventDefault();
+          this.calciteInputEl.setFocus();
+        }
+        if (event.composedPath().includes(this.calciteTimePickerEl)) {
+          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);
+        }
+      }
+      else if (key === "ArrowDown") {
+        this.open = true;
+        this.focusOnOpen = true;
+        event.preventDefault();
+      }
+      else if (key === "Escape" && this.open) {
+        this.open = false;
+        event.preventDefault();
+        this.calciteInputEl.setFocus();
+      }
+    };
+    this.setCalcitePopoverEl = (el) => {
+      this.popoverEl = el;
+    };
+    this.setCalciteInputEl = (el) => {
+      this.calciteInputEl = el;
+    };
+    this.setCalciteTimePickerEl = (el) => {
+      this.calciteTimePickerEl = el;
+      connectFocusTrap(this, {
+        focusTrapEl: el,
+        focusTrapOptions: {
+          initialFocus: false,
+          setReturnFocus: false,
+        },
+      });
+    };
+    this.setInputValue = (newInputValue) => {
+      if (!this.calciteInputEl) {
+        return;
+      }
+      this.calciteInputEl.value = newInputValue;
+    };
+    /**
+     * Sets the value and emits a change event.
+     * This is used to update the value as a result of user interaction.
+     *
+     * @param value
+     */
+    this.setValue = (value) => {
+      const oldValue = this.value;
+      const newValue = formatTimeString(value) || "";
+      if (newValue === oldValue) {
+        return;
+      }
+      this.userChangedValue = true;
+      this.value = newValue || "";
+      const changeEvent = this.calciteInputTimePickerChange.emit();
+      if (changeEvent.defaultPrevented) {
+        this.userChangedValue = false;
+        this.value = oldValue;
+        this.setInputValue(localizeTimeString({
+          value: oldValue,
+          locale: this.effectiveLocale,
+          numberingSystem: this.numberingSystem,
+          includeSeconds: this.shouldIncludeSeconds(),
+        }));
+      }
+    };
+    /**
+     * Sets the value directly without emitting a change event.
+     * This is used to update the value on initial load and when props change that are not the result of user interaction.
+     *
+     * @param value
+     */
+    this.setValueDirectly = (value) => {
+      const includeSeconds = this.shouldIncludeSeconds();
+      this.value = toISOTimeString(value, includeSeconds);
+      this.setInputValue(this.value
+        ? localizeTimeString({
+          value: this.value,
+          includeSeconds,
+          locale: this.effectiveLocale,
+          numberingSystem: this.numberingSystem,
+        })
+        : "");
+    };
+    this.onInputWrapperClick = () => {
+      this.open = !this.open;
+    };
+    this.deactivate = () => {
+      this.open = false;
+    };
+    this.open = false;
+    this.disabled = false;
+    this.focusTrapDisabled = false;
+    this.form = undefined;
+    this.readOnly = false;
+    this.messageOverrides = undefined;
+    this.messages = undefined;
+    this.name = undefined;
+    this.numberingSystem = undefined;
+    this.required = false;
+    this.scale = "m";
+    this.overlayPositioning = "absolute";
+    this.placement = "auto";
+    this.step = 60;
+    this.value = null;
+    this.defaultMessages = undefined;
+    this.effectiveLocale = "";
+  }
+  openHandler(value) {
+    if (this.disabled || this.readOnly) {
+      this.open = false;
+      return;
+    }
+    if (value) {
+      this.reposition(true);
+    }
+  }
+  handleFocusTrapDisabled(focusTrapDisabled) {
+    if (!this.open) {
+      return;
+    }
+    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);
+  }
+  handleDisabledAndReadOnlyChange(value) {
+    if (!value) {
+      this.open = false;
+    }
+  }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
+  numberingSystemWatcher(numberingSystem) {
+    this.setInputValue(localizeTimeString({
+      value: this.value,
+      locale: this.effectiveLocale,
+      numberingSystem,
+      includeSeconds: this.shouldIncludeSeconds(),
+    }));
+  }
+  stepWatcher(newStep, oldStep) {
+    if ((oldStep >= 60 && newStep > 0 && newStep < 60) ||
+      (newStep >= 60 && oldStep > 0 && oldStep < 60)) {
+      this.setValueDirectly(this.value);
+    }
+  }
+  valueWatcher(newValue) {
+    if (!this.userChangedValue) {
+      this.setValueDirectly(newValue);
+    }
+    this.userChangedValue = false;
+  }
+  async effectiveLocaleWatcher(locale) {
+    await this.loadDateTimeLocaleData();
+    this.setInputValue(localizeTimeString({
+      value: this.value,
+      locale,
+      numberingSystem: this.numberingSystem,
+      includeSeconds: this.shouldIncludeSeconds(),
+    }));
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    await componentFocusable(this);
+    this.el.focus();
+  }
+  /**
+   * Updates the position of the component.
+   *
+   * @param delayed
+   */
+  async reposition(delayed = false) {
+    var _a;
+    (_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.reposition(delayed);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  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"]);
+    if (dayjsParseResult.isValid()) {
+      let unformattedTimeString = `${dayjsParseResult.get("hour")}:${dayjsParseResult.get("minute")}`;
+      if (this.shouldIncludeSeconds()) {
+        unformattedTimeString += `:${dayjsParseResult.get("seconds") || 0}`;
+      }
+      return formatTimeString(unformattedTimeString) || "";
+    }
+    return "";
+  }
+  async loadDateTimeLocaleData() {
+    let supportedLocale = getSupportedLocale(this.effectiveLocale).toLowerCase();
+    if (supportedLocale === "no") {
+      supportedLocale = "nb";
+    }
+    if (supportedLocale === "pt-pt") {
+      supportedLocale = "pt";
+    }
+    const { default: localeConfig } = await supportedDayJsLocaleToLocaleConfigImport.get(supportedLocale)();
+    dayjs.locale(localeConfig, null, true);
+    dayjs.updateLocale(supportedLocale, this.getExtendedLocaleConfig(supportedLocale));
+  }
+  getExtendedLocaleConfig(locale) {
+    if (locale === "ar") {
+      return {
+        meridiem: (hour) => (hour > 12 ? "م" : "ص"),
+        formats: {
+          LT: "HH:mm A",
+          LTS: "HH:mm:ss A",
+          L: "DD/MM/YYYY",
+          LL: "D MMMM YYYY",
+          LLL: "D MMMM YYYY HH:mm A",
+          LLLL: "dddd D MMMM YYYY HH:mm A",
+        },
+      };
+    }
+    if (locale === "en-au") {
+      return {
+        meridiem: (hour) => (hour > 12 ? "pm" : "am"),
+      };
+    }
+    if (locale === "en-ca") {
+      return {
+        meridiem: (hour) => (hour > 12 ? "p.m." : "a.m."),
+      };
+    }
+    if (locale === "el") {
+      return {
+        meridiem: (hour) => (hour > 12 ? "μ.μ." : "π.μ."),
+      };
+    }
+    if (locale === "hi") {
+      return {
+        formats: {
+          LT: "h:mm A",
+          LTS: "h:mm:ss A",
+          L: "DD/MM/YYYY",
+          LL: "D MMMM YYYY",
+          LLL: "D MMMM YYYY, h:mm A",
+          LLLL: "dddd, D MMMM YYYY, h:mm A",
+        },
+        meridiem: (hour) => (hour > 12 ? "pm" : "am"),
+      };
+    }
+    if (locale === "ko") {
+      return {
+        meridiem: (hour) => (hour > 12 ? "오후" : "오전"),
+      };
+    }
+    if (locale === "zh-tw") {
+      return {
+        formats: {
+          LT: "AHH:mm",
+          LTS: "AHH:mm:ss",
+        },
+      };
+    }
+    if (locale === "zh-hk") {
+      return {
+        formats: {
+          LT: "AHH:mm",
+          LTS: "AHH:mm:ss",
+        },
+        meridiem: (hour) => (hour > 12 ? "下午" : "上午"),
+      };
+    }
+  }
+  onLabelClick() {
+    this.setFocus();
+  }
+  shouldIncludeSeconds() {
+    return this.step < 60;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    connectInteractive(this);
+    connectLocalized(this);
+    if (isValidTime(this.value)) {
+      this.setValueDirectly(this.value);
+    }
+    else {
+      this.value = undefined;
+    }
+    connectLabel(this);
+    connectForm(this);
+    connectMessages(this);
+  }
+  async componentWillLoad() {
+    setUpLoadableComponent(this);
+    await Promise.all([setUpMessages(this), this.loadDateTimeLocaleData()]);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+    if (isValidTime(this.value)) {
+      this.setInputValue(localizeTimeString({
+        value: this.value,
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        includeSeconds: this.shouldIncludeSeconds(),
+      }));
+    }
+  }
+  disconnectedCallback() {
+    disconnectInteractive(this);
+    disconnectLabel(this);
+    disconnectForm(this);
+    disconnectLocalized(this);
+    deactivateFocusTrap(this);
+    disconnectMessages(this);
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { disabled, messages, readOnly, dialogId } = this;
+    return (h(Host, { onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, h("div", { class: "input-wrapper", onClick: this.onInputWrapperClick }, h("calcite-input", { "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, role: "combobox", scale: this.scale, step: this.step,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: this.setCalciteInputEl }), this.renderToggleIcon(this.open)), h("calcite-popover", { focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, referenceElement: this.referenceElementId, triggerDisabled: true,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: this.setCalcitePopoverEl }, h("calcite-time-picker", { lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: this.setCalciteTimePickerEl })), h(HiddenFormInputSlot, { component: this })));
+  }
+  renderToggleIcon(open) {
+    return (h("span", { class: CSS.toggleIcon }, h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: "s" })));
+  }
+  static get delegatesFocus() { return true; }
+  static get assetsDirs() { return ["assets"]; }
+  get el() { return this; }
+  static get watchers() { return {
+    "open": ["openHandler"],
+    "focusTrapDisabled": ["handleFocusTrapDisabled"],
+    "disabled": ["handleDisabledAndReadOnlyChange"],
+    "readOnly": ["handleDisabledAndReadOnlyChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "numberingSystem": ["numberingSystemWatcher"],
+    "step": ["stepWatcher"],
+    "value": ["valueWatcher"],
+    "effectiveLocale": ["effectiveLocaleWatcher"]
+  }; }
+  static get style() { return inputTimePickerCss; }
+}, [17, "calcite-input-time-picker", {
+    "open": [1540],
+    "disabled": [516],
+    "focusTrapDisabled": [516, "focus-trap-disabled"],
+    "form": [513],
+    "readOnly": [516, "read-only"],
+    "messageOverrides": [1040],
+    "messages": [1040],
+    "name": [1],
+    "numberingSystem": [1, "numbering-system"],
+    "required": [516],
+    "scale": [513],
+    "overlayPositioning": [1, "overlay-positioning"],
+    "placement": [513],
+    "step": [2],
+    "value": [1025],
+    "defaultMessages": [32],
+    "effectiveLocale": [32],
+    "setFocus": [64],
+    "reposition": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-input-time-picker", "calcite-action", "calcite-icon", "calcite-input", "calcite-loader", "calcite-popover", "calcite-progress", "calcite-time-picker"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-input-time-picker":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, InputTimePicker);
+      }
+      break;
+    case "calcite-action":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "calcite-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "calcite-input":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "calcite-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "calcite-popover":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "calcite-progress":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "calcite-time-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
 
 const CalciteInputTimePicker = InputTimePicker;
 const defineCustomElement = defineCustomElement$1;