@esri/solutions-components 0.6.6 → 0.6.7

package/dist/cjs/{calcite-input-time-picker-b99baf7b.js → calcite-input-time-picker-6f38ef8c.js}

@@ -5,17 +5,17 @@
  */
 'use strict';
 
-const index = require('./index-0e50040c.js');
-const form = require('./form-9d8ebf06.js');
-const guid = require('./guid-3abe3cc6.js');
-const interactive = require('./interactive-2fe0f43a.js');
-const key = require('./key-b8b55ea3.js');
-const label = require('./label-6e33e971.js');
-const loadable = require('./loadable-bac9cdd6.js');
-const locale$1 = require('./locale-c63a1b57.js');
-const focusTrapComponent = require('./focusTrapComponent-a22fc6a8.js');
-const time = require('./time-5e450ec8.js');
-const t9n = require('./t9n-1d032c30.js');
+const index = require('./index-6654298b.js');
+const form = require('./form-bcf49eae.js');
+const guid = require('./guid-ca85ade0.js');
+const interactive = require('./interactive-4e212b36.js');
+const key = require('./key-b32a6438.js');
+const label = require('./label-215c4af3.js');
+const loadable = require('./loadable-6da743c6.js');
+const locale$1 = require('./locale-477d8d51.js');
+const focusTrapComponent = require('./focusTrapComponent-0c4d7671.js');
+const time = require('./time-9004df7e.js');
+const t9n = require('./t9n-8be30efb.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -1189,529 +1189,529 @@ 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", () => Promise.resolve().then(function () { return require('./ar-1718ae57.js'); })],
-  ["bg", () => Promise.resolve().then(function () { return require('./bg-190a176c.js'); })],
-  ["bs", () => Promise.resolve().then(function () { return require('./bs-919e0de8.js'); })],
-  ["ca", () => Promise.resolve().then(function () { return require('./ca-94918e06.js'); })],
-  ["cs", () => Promise.resolve().then(function () { return require('./cs-fe27e732.js'); })],
-  ["da", () => Promise.resolve().then(function () { return require('./da-1b7f3440.js'); })],
-  ["de", () => Promise.resolve().then(function () { return require('./de-0dc1effa.js'); })],
-  ["de-at", () => Promise.resolve().then(function () { return require('./de-at-acdc4d01.js'); })],
-  ["de-ch", () => Promise.resolve().then(function () { return require('./de-ch-778a0d99.js'); })],
-  ["el", () => Promise.resolve().then(function () { return require('./el-fdbc9bc1.js'); })],
-  ["en", () => Promise.resolve().then(function () { return en$1; })],
-  ["en-au", () => Promise.resolve().then(function () { return require('./en-au-0ff50cdf.js'); })],
-  ["en-ca", () => Promise.resolve().then(function () { return require('./en-ca-284e9368.js'); })],
-  ["en-gb", () => Promise.resolve().then(function () { return require('./en-gb-0fcae8ae.js'); })],
-  ["es", () => Promise.resolve().then(function () { return require('./es-cd54acba.js'); })],
-  ["es-mx", () => Promise.resolve().then(function () { return require('./es-mx-2078d50f.js'); })],
-  ["et", () => Promise.resolve().then(function () { return require('./et-17f323f6.js'); })],
-  ["fi", () => Promise.resolve().then(function () { return require('./fi-82f27397.js'); })],
-  ["fr", () => Promise.resolve().then(function () { return require('./fr-af7e1192.js'); })],
-  ["fr-ch", () => Promise.resolve().then(function () { return require('./fr-ch-5e1f2c28.js'); })],
-  ["he", () => Promise.resolve().then(function () { return require('./he-ea851800.js'); })],
-  ["hi", () => Promise.resolve().then(function () { return require('./hi-5212a21d.js'); })],
-  ["hr", () => Promise.resolve().then(function () { return require('./hr-4eecb2ed.js'); })],
-  ["hu", () => Promise.resolve().then(function () { return require('./hu-6b527d8e.js'); })],
-  ["id", () => Promise.resolve().then(function () { return require('./id-d78f12ec.js'); })],
-  ["it", () => Promise.resolve().then(function () { return require('./it-15242935.js'); })],
-  ["it-ch", () => Promise.resolve().then(function () { return require('./it-ch-9dc21944.js'); })],
-  ["ja", () => Promise.resolve().then(function () { return require('./ja-f702cfc2.js'); })],
-  ["ko", () => Promise.resolve().then(function () { return require('./ko-aa9bde2c.js'); })],
-  ["lt", () => Promise.resolve().then(function () { return require('./lt-e741ff2f.js'); })],
-  ["lv", () => Promise.resolve().then(function () { return require('./lv-92d6768e.js'); })],
-  ["mk", () => Promise.resolve().then(function () { return require('./mk-b209ac0d.js'); })],
-  ["nl", () => Promise.resolve().then(function () { return require('./nl-fcd9e0c5.js'); })],
-  ["nb", () => Promise.resolve().then(function () { return require('./nb-db13e666.js'); })],
-  ["pl", () => Promise.resolve().then(function () { return require('./pl-87c83322.js'); })],
-  ["pt", () => Promise.resolve().then(function () { return require('./pt-b0b5f472.js'); })],
-  ["pt-br", () => Promise.resolve().then(function () { return require('./pt-br-03333e90.js'); })],
-  ["ro", () => Promise.resolve().then(function () { return require('./ro-c3661b73.js'); })],
-  ["ru", () => Promise.resolve().then(function () { return require('./ru-8dd3fd58.js'); })],
-  ["sk", () => Promise.resolve().then(function () { return require('./sk-151d9acf.js'); })],
-  ["sl", () => Promise.resolve().then(function () { return require('./sl-9b45a152.js'); })],
-  ["sr", () => Promise.resolve().then(function () { return require('./sr-186bf15c.js'); })],
-  ["sv", () => Promise.resolve().then(function () { return require('./sv-a93fee0c.js'); })],
-  ["th", () => Promise.resolve().then(function () { return require('./th-41680352.js'); })],
-  ["tr", () => Promise.resolve().then(function () { return require('./tr-0bd886d6.js'); })],
-  ["uk", () => Promise.resolve().then(function () { return require('./uk-4fade133.js'); })],
-  ["vi", () => Promise.resolve().then(function () { return require('./vi-1c9fe343.js'); })],
-  ["zh-cn", () => Promise.resolve().then(function () { return require('./zh-cn-28fa1fe1.js'); })],
-  ["zh-hk", () => Promise.resolve().then(function () { return require('./zh-hk-5abf8eb5.js'); })],
-  ["zh-tw", () => Promise.resolve().then(function () { return require('./zh-tw-07500357.js'); })],
-]);
-dayjs.extend(customParseFormat);
-dayjs.extend(localeData);
-dayjs.extend(localizedFormat);
-dayjs.extend(preParsePostFormat);
-dayjs.extend(updateLocale);
-const InputTimePicker = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.calciteInputTimePickerChange = index.createEvent(this, "calciteInputTimePickerChange", 7);
-    this.focusOnOpen = false;
-    this.dialogId = `time-picker-dialog--${guid.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.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 = time.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;
-        locale$1.numberStringFormatter.numberFormatOptions = {
-          locale,
-          numberingSystem,
-          useGrouping: false,
-        };
-        const valueInNumberingSystem = locale$1.numberStringFormatter
-          .delocalize(target.value)
-          .split("")
-          .map((char) => key.numberKeys.includes(char)
-          ? locale$1.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(time.toISOTimeString(value, includeSeconds));
-      this.setInputValue(time.localizeTimeString({
-        value,
-        locale: this.effectiveLocale,
-        numberingSystem: this.numberingSystem,
-        includeSeconds,
-      }));
-    };
-    this.popoverCloseHandler = () => {
-      focusTrapComponent.deactivateFocusTrap(this, {
-        onDeactivate: () => {
-          this.calciteInputEl.setFocus();
-          this.focusOnOpen = false;
-        },
-      });
-    };
-    this.popoverOpenHandler = () => {
-      focusTrapComponent.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 (form.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 = time.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;
-      focusTrapComponent.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 = time.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(time.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 = time.toISOTimeString(value, includeSeconds);
-      this.setInputValue(this.value
-        ? time.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 ? focusTrapComponent.deactivateFocusTrap(this) : focusTrapComponent.activateFocusTrap(this);
-  }
-  handleDisabledAndReadOnlyChange(value) {
-    if (!value) {
-      this.open = false;
-    }
-  }
-  onMessagesChange() {
-    /* wired up by t9n util */
-  }
-  numberingSystemWatcher(numberingSystem) {
-    this.setInputValue(time.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(time.localizeTimeString({
-      value: this.value,
-      locale,
-      numberingSystem: this.numberingSystem,
-      includeSeconds: this.shouldIncludeSeconds(),
-    }));
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    await loadable.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 time.formatTimeString(unformattedTimeString) || "";
-    }
-    return "";
-  }
-  async loadDateTimeLocaleData() {
-    let supportedLocale = locale$1.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() {
-    interactive.connectInteractive(this);
-    locale$1.connectLocalized(this);
-    if (time.isValidTime(this.value)) {
-      this.setValueDirectly(this.value);
-    }
-    else {
-      this.value = undefined;
-    }
-    label.connectLabel(this);
-    form.connectForm(this);
-    t9n.connectMessages(this);
-  }
-  async componentWillLoad() {
-    loadable.setUpLoadableComponent(this);
-    await Promise.all([t9n.setUpMessages(this), this.loadDateTimeLocaleData()]);
-  }
-  componentDidLoad() {
-    loadable.setComponentLoaded(this);
-    if (time.isValidTime(this.value)) {
-      this.setInputValue(time.localizeTimeString({
-        value: this.value,
-        locale: this.effectiveLocale,
-        numberingSystem: this.numberingSystem,
-        includeSeconds: this.shouldIncludeSeconds(),
-      }));
-    }
-  }
-  disconnectedCallback() {
-    interactive.disconnectInteractive(this);
-    label.disconnectLabel(this);
-    form.disconnectForm(this);
-    locale$1.disconnectLocalized(this);
-    focusTrapComponent.deactivateFocusTrap(this);
-    t9n.disconnectMessages(this);
-  }
-  componentDidRender() {
-    interactive.updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    const { disabled, messages, readOnly, dialogId } = this;
-    return (index.h(index.Host, { onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, index.h("div", { class: "input-wrapper", onClick: this.onInputWrapperClick }, index.h("calcite-input", { "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: 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)), index.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 }, index.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 })), index.h(form.HiddenFormInputSlot, { component: this })));
-  }
-  renderToggleIcon(open) {
-    return (index.h("span", { class: CSS.toggleIcon }, index.h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: "s" })));
-  }
-  static get delegatesFocus() { return true; }
-  static get assetsDirs() { return ["assets"]; }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "open": ["openHandler"],
-    "focusTrapDisabled": ["handleFocusTrapDisabled"],
-    "disabled": ["handleDisabledAndReadOnlyChange"],
-    "readOnly": ["handleDisabledAndReadOnlyChange"],
-    "messageOverrides": ["onMessagesChange"],
-    "numberingSystem": ["numberingSystemWatcher"],
-    "step": ["stepWatcher"],
-    "value": ["valueWatcher"],
-    "effectiveLocale": ["effectiveLocaleWatcher"]
-  }; }
-};
+// some bundlers (e.g., Webpack) need dynamic import paths to be static
+const supportedDayJsLocaleToLocaleConfigImport = new Map([
+  ["ar", () => Promise.resolve().then(function () { return require('./ar-fa16156d.js'); })],
+  ["bg", () => Promise.resolve().then(function () { return require('./bg-b39e773e.js'); })],
+  ["bs", () => Promise.resolve().then(function () { return require('./bs-4579ea2a.js'); })],
+  ["ca", () => Promise.resolve().then(function () { return require('./ca-f3f64686.js'); })],
+  ["cs", () => Promise.resolve().then(function () { return require('./cs-1bcd5b46.js'); })],
+  ["da", () => Promise.resolve().then(function () { return require('./da-30ee21db.js'); })],
+  ["de", () => Promise.resolve().then(function () { return require('./de-42aae5ad.js'); })],
+  ["de-at", () => Promise.resolve().then(function () { return require('./de-at-a3a6f020.js'); })],
+  ["de-ch", () => Promise.resolve().then(function () { return require('./de-ch-36c13310.js'); })],
+  ["el", () => Promise.resolve().then(function () { return require('./el-90d066ae.js'); })],
+  ["en", () => Promise.resolve().then(function () { return en$1; })],
+  ["en-au", () => Promise.resolve().then(function () { return require('./en-au-685b882b.js'); })],
+  ["en-ca", () => Promise.resolve().then(function () { return require('./en-ca-ff4bc403.js'); })],
+  ["en-gb", () => Promise.resolve().then(function () { return require('./en-gb-2f5587ad.js'); })],
+  ["es", () => Promise.resolve().then(function () { return require('./es-e9183ca0.js'); })],
+  ["es-mx", () => Promise.resolve().then(function () { return require('./es-mx-dcc9afb2.js'); })],
+  ["et", () => Promise.resolve().then(function () { return require('./et-a18949ea.js'); })],
+  ["fi", () => Promise.resolve().then(function () { return require('./fi-1ce00d38.js'); })],
+  ["fr", () => Promise.resolve().then(function () { return require('./fr-a9435a19.js'); })],
+  ["fr-ch", () => Promise.resolve().then(function () { return require('./fr-ch-51efa9bf.js'); })],
+  ["he", () => Promise.resolve().then(function () { return require('./he-c5dccfa2.js'); })],
+  ["hi", () => Promise.resolve().then(function () { return require('./hi-0898e7f2.js'); })],
+  ["hr", () => Promise.resolve().then(function () { return require('./hr-68f7d8da.js'); })],
+  ["hu", () => Promise.resolve().then(function () { return require('./hu-e494037d.js'); })],
+  ["id", () => Promise.resolve().then(function () { return require('./id-bef40c1c.js'); })],
+  ["it", () => Promise.resolve().then(function () { return require('./it-1144ca67.js'); })],
+  ["it-ch", () => Promise.resolve().then(function () { return require('./it-ch-2c14dca7.js'); })],
+  ["ja", () => Promise.resolve().then(function () { return require('./ja-caad9809.js'); })],
+  ["ko", () => Promise.resolve().then(function () { return require('./ko-ddec9054.js'); })],
+  ["lt", () => Promise.resolve().then(function () { return require('./lt-205a1aa6.js'); })],
+  ["lv", () => Promise.resolve().then(function () { return require('./lv-3ba82f9b.js'); })],
+  ["mk", () => Promise.resolve().then(function () { return require('./mk-069ea86a.js'); })],
+  ["nl", () => Promise.resolve().then(function () { return require('./nl-5dd0116f.js'); })],
+  ["nb", () => Promise.resolve().then(function () { return require('./nb-9e9c934f.js'); })],
+  ["pl", () => Promise.resolve().then(function () { return require('./pl-74e70b37.js'); })],
+  ["pt", () => Promise.resolve().then(function () { return require('./pt-cc737fcc.js'); })],
+  ["pt-br", () => Promise.resolve().then(function () { return require('./pt-br-0f76e430.js'); })],
+  ["ro", () => Promise.resolve().then(function () { return require('./ro-5e396753.js'); })],
+  ["ru", () => Promise.resolve().then(function () { return require('./ru-f7371aca.js'); })],
+  ["sk", () => Promise.resolve().then(function () { return require('./sk-ec02498f.js'); })],
+  ["sl", () => Promise.resolve().then(function () { return require('./sl-8363f4d7.js'); })],
+  ["sr", () => Promise.resolve().then(function () { return require('./sr-b0f92cb1.js'); })],
+  ["sv", () => Promise.resolve().then(function () { return require('./sv-e2c27fff.js'); })],
+  ["th", () => Promise.resolve().then(function () { return require('./th-8a6dc2cc.js'); })],
+  ["tr", () => Promise.resolve().then(function () { return require('./tr-09137435.js'); })],
+  ["uk", () => Promise.resolve().then(function () { return require('./uk-c30401f4.js'); })],
+  ["vi", () => Promise.resolve().then(function () { return require('./vi-e069c9e4.js'); })],
+  ["zh-cn", () => Promise.resolve().then(function () { return require('./zh-cn-50f223a8.js'); })],
+  ["zh-hk", () => Promise.resolve().then(function () { return require('./zh-hk-5498073d.js'); })],
+  ["zh-tw", () => Promise.resolve().then(function () { return require('./zh-tw-dfdb0ae8.js'); })],
+]);
+dayjs.extend(customParseFormat);
+dayjs.extend(localeData);
+dayjs.extend(localizedFormat);
+dayjs.extend(preParsePostFormat);
+dayjs.extend(updateLocale);
+const InputTimePicker = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.calciteInputTimePickerChange = index.createEvent(this, "calciteInputTimePickerChange", 7);
+    this.focusOnOpen = false;
+    this.dialogId = `time-picker-dialog--${guid.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.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 = time.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;
+        locale$1.numberStringFormatter.numberFormatOptions = {
+          locale,
+          numberingSystem,
+          useGrouping: false,
+        };
+        const valueInNumberingSystem = locale$1.numberStringFormatter
+          .delocalize(target.value)
+          .split("")
+          .map((char) => key.numberKeys.includes(char)
+          ? locale$1.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(time.toISOTimeString(value, includeSeconds));
+      this.setInputValue(time.localizeTimeString({
+        value,
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        includeSeconds,
+      }));
+    };
+    this.popoverCloseHandler = () => {
+      focusTrapComponent.deactivateFocusTrap(this, {
+        onDeactivate: () => {
+          this.calciteInputEl.setFocus();
+          this.focusOnOpen = false;
+        },
+      });
+    };
+    this.popoverOpenHandler = () => {
+      focusTrapComponent.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 (form.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 = time.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;
+      focusTrapComponent.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 = time.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(time.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 = time.toISOTimeString(value, includeSeconds);
+      this.setInputValue(this.value
+        ? time.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 ? focusTrapComponent.deactivateFocusTrap(this) : focusTrapComponent.activateFocusTrap(this);
+  }
+  handleDisabledAndReadOnlyChange(value) {
+    if (!value) {
+      this.open = false;
+    }
+  }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
+  numberingSystemWatcher(numberingSystem) {
+    this.setInputValue(time.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(time.localizeTimeString({
+      value: this.value,
+      locale,
+      numberingSystem: this.numberingSystem,
+      includeSeconds: this.shouldIncludeSeconds(),
+    }));
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    await loadable.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 time.formatTimeString(unformattedTimeString) || "";
+    }
+    return "";
+  }
+  async loadDateTimeLocaleData() {
+    let supportedLocale = locale$1.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() {
+    interactive.connectInteractive(this);
+    locale$1.connectLocalized(this);
+    if (time.isValidTime(this.value)) {
+      this.setValueDirectly(this.value);
+    }
+    else {
+      this.value = undefined;
+    }
+    label.connectLabel(this);
+    form.connectForm(this);
+    t9n.connectMessages(this);
+  }
+  async componentWillLoad() {
+    loadable.setUpLoadableComponent(this);
+    await Promise.all([t9n.setUpMessages(this), this.loadDateTimeLocaleData()]);
+  }
+  componentDidLoad() {
+    loadable.setComponentLoaded(this);
+    if (time.isValidTime(this.value)) {
+      this.setInputValue(time.localizeTimeString({
+        value: this.value,
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        includeSeconds: this.shouldIncludeSeconds(),
+      }));
+    }
+  }
+  disconnectedCallback() {
+    interactive.disconnectInteractive(this);
+    label.disconnectLabel(this);
+    form.disconnectForm(this);
+    locale$1.disconnectLocalized(this);
+    focusTrapComponent.deactivateFocusTrap(this);
+    t9n.disconnectMessages(this);
+  }
+  componentDidRender() {
+    interactive.updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { disabled, messages, readOnly, dialogId } = this;
+    return (index.h(index.Host, { onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, index.h("div", { class: "input-wrapper", onClick: this.onInputWrapperClick }, index.h("calcite-input", { "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: 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)), index.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 }, index.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 })), index.h(form.HiddenFormInputSlot, { component: this })));
+  }
+  renderToggleIcon(open) {
+    return (index.h("span", { class: CSS.toggleIcon }, index.h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: "s" })));
+  }
+  static get delegatesFocus() { return true; }
+  static get assetsDirs() { return ["assets"]; }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "open": ["openHandler"],
+    "focusTrapDisabled": ["handleFocusTrapDisabled"],
+    "disabled": ["handleDisabledAndReadOnlyChange"],
+    "readOnly": ["handleDisabledAndReadOnlyChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "numberingSystem": ["numberingSystemWatcher"],
+    "step": ["stepWatcher"],
+    "value": ["valueWatcher"],
+    "effectiveLocale": ["effectiveLocaleWatcher"]
+  }; }
+};
 InputTimePicker.style = inputTimePickerCss;
 
 exports.InputTimePicker = InputTimePicker;