@esri/calcite-components 1.0.0-next.653 → 1.0.0-next.655

package/dist/cjs/calcite-input-date-picker.cjs.entry.js

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const resources = require('./resources-883ffa52.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const floatingUi = require('./floating-ui-16ec7ef7.js');
-const interactive = require('./interactive-12572356.js');
-const dom = require('./dom-8db20575.js');
-const openCloseComponent = require('./openCloseComponent-42ea9fde.js');
-const locale = require('./locale-ad2e4def.js');
-const key = require('./key-5efe25db.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./debounce-fec2cc26.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
-require('./observers-1cb80ad6.js');
+const index = require('./index-e7f6d8a9.js');
+const resources = require('./resources-2a151557.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const floatingUi = require('./floating-ui-357b6162.js');
+const interactive = require('./interactive-50819d76.js');
+const dom = require('./dom-0c006683.js');
+const openCloseComponent = require('./openCloseComponent-7e8c6590.js');
+const locale = require('./locale-7c7ea778.js');
+const key = require('./key-27cd9b48.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./debounce-9787fe3f.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
+require('./observers-93a0a981.js');
 
 const CSS = {
   menu: "menu-container",
@@ -83,15 +83,14 @@ const InputDatePicker = class {
       this.open = false;
     };
     this.keyDownHandler = (event) => {
-      var _a, _b;
       const { defaultPrevented, key } = event;
       if (key === "Enter" && !defaultPrevented) {
         this.commitValue();
         if (this.shouldFocusRangeEnd()) {
-          (_a = this.endInput) === null || _a === void 0 ? void 0 : _a.setFocus();
+          this.endInput?.setFocus();
         }
         else if (this.shouldFocusRangeStart()) {
-          (_b = this.startInput) === null || _b === void 0 ? void 0 : _b.setFocus();
+          this.startInput?.setFocus();
         }
         if (form.submitForm(this)) {
           event.preventDefault();
@@ -143,7 +142,6 @@ const InputDatePicker = class {
       this.localizeInputValues();
     };
     this.handleDateRangeChange = (event) => {
-      var _a, _b;
       if (!this.range || !event.detail) {
         return;
       }
@@ -152,10 +150,10 @@ const InputDatePicker = class {
       this.setRangeValue([startDate, endDate]);
       this.localizeInputValues();
       if (this.shouldFocusRangeEnd()) {
-        (_a = this.endInput) === null || _a === void 0 ? void 0 : _a.setFocus();
+        this.endInput?.setFocus();
       }
       else if (this.shouldFocusRangeStart()) {
-        (_b = this.startInput) === null || _b === void 0 ? void 0 : _b.setFocus();
+        this.startInput?.setFocus();
       }
     };
     this.setInputValue = (newValue, input = "start") => {
@@ -223,17 +221,12 @@ const InputDatePicker = class {
         this.setInputValue(oldValue);
       }
     };
-    this.commonDateSeparators = [".", "-", "/"];
     this.formatNumerals = (value) => value
       ? value
         .split("")
-        .map((char) => 
-      // convert common separators to the locale's
-      this.commonDateSeparators.includes(char)
-        ? this.localeData.separator
-        : key.numberKeys.includes(char)
-          ? locale.numberStringFormatter.numberFormatter.format(Number(char))
-          : char)
+        .map((char) => key.numberKeys.includes(char)
+        ? locale.numberStringFormatter.numberFormatter.format(Number(char))
+        : char)
         .join("")
       : "";
     this.disabled = false;
@@ -362,9 +355,8 @@ const InputDatePicker = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.startInput) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.startInput?.setFocus();
   }
   /**
    * Updates the position of the component.
@@ -456,14 +448,13 @@ const InputDatePicker = class {
     interactive.updateHostInteraction(this);
   }
   render() {
-    var _a, _b;
     const { disabled, effectiveLocale, numberingSystem, readOnly } = this;
     locale.numberStringFormatter.numberFormatOptions = {
       numberingSystem,
       locale: effectiveLocale,
       useGrouping: false
     };
-    return (index.h(index.Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (index.h("div", { "aria-expanded": dom.toAriaBoolean(this.open), class: "input-container", role: "application" }, index.h("div", { class: "input-wrapper", ref: this.setStartWrapper }, index.h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: label.getLabelText(this), lang: effectiveLocale, "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text" })), index.h("div", { "aria-hidden": dom.toAriaBoolean(!this.open), class: {
+    return (index.h(index.Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (index.h("div", { "aria-expanded": dom.toAriaBoolean(this.open), class: "input-container", role: "application" }, index.h("div", { class: "input-wrapper", ref: this.setStartWrapper }, index.h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: label.getLabelText(this), "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text" })), index.h("div", { "aria-hidden": dom.toAriaBoolean(!this.open), class: {
         [CSS.menu]: true,
         [CSS.menuActive]: this.open
       }, ref: this.setFloatingEl }, index.h("div", { class: {
@@ -471,10 +462,10 @@ const InputDatePicker = class {
         ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
         [floatingUi.FloatingCSS.animation]: true,
         [floatingUi.FloatingCSS.animationActive]: this.open
-      }, ref: this.setTransitionEl }, index.h("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, lang: effectiveLocale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (index.h("div", { class: "horizontal-arrow-container" }, index.h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (index.h("div", { class: "vertical-arrow-container" }, index.h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (index.h("div", { class: "input-wrapper", ref: this.setEndWrapper }, index.h("calcite-input", { class: {
+      }, ref: this.setTransitionEl }, index.h("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (index.h("div", { class: "horizontal-arrow-container" }, index.h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (index.h("div", { class: "vertical-arrow-container" }, index.h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (index.h("div", { class: "input-wrapper", ref: this.setEndWrapper }, index.h("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
-      }, disabled: disabled, icon: "calendar", lang: effectiveLocale, "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text" }))))), index.h(form.HiddenFormInputSlot, { component: this })));
+      }, disabled: disabled, icon: "calendar", "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text" }))))), index.h(form.HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
     const { focusedInput, layout, endWrapper, startWrapper } = this;
@@ -551,6 +542,11 @@ const InputDatePicker = class {
     this.endAsDate = end ? resources.setEndOfDay(resources.dateFromISO(end)) : resources.dateFromISO(end);
   }
   async loadLocaleData() {
+    locale.numberStringFormatter.numberFormatOptions = {
+      numberingSystem: this.numberingSystem,
+      locale: this.effectiveLocale,
+      useGrouping: false
+    };
     this.localeData = await resources.getLocaleData(this.effectiveLocale);
   }
   shouldFocusRangeStart() {

package/dist/cjs/calcite-input-message.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/cjs/calcite-input-number.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const locale = require('./locale-ad2e4def.js');
-const key = require('./key-5efe25db.js');
-const resources = require('./resources-61c779db.js');
-const math = require('./math-e3bf7036.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const locale = require('./locale-7c7ea778.js');
+const key = require('./key-27cd9b48.js');
+const resources = require('./resources-154a6134.js');
+const math = require('./math-b2c68418.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   loader: "loader",
@@ -341,13 +341,11 @@ const InputNumber = class {
   }
   /** watcher to update number-to-string for max */
   maxWatcher() {
-    var _a;
-    this.maxString = ((_a = this.max) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.maxString = this.max?.toString() || null;
   }
   /** watcher to update number-to-string for min */
   minWatcher() {
-    var _a;
-    this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.minString = this.min?.toString() || null;
   }
   valueWatcher(newValue, previousValue) {
     if (!this.userChangedValue) {
@@ -376,7 +374,6 @@ const InputNumber = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     locale.connectLocalized(this);
     this.scale = dom.getElementProp(this.el, "scale", this.scale);
     this.status = dom.getElementProp(this.el, "status", this.status);
@@ -393,7 +390,7 @@ const InputNumber = class {
       origin: "connected",
       value: locale.isValidNumber(this.value) ? this.value : ""
     });
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
@@ -401,18 +398,16 @@ const InputNumber = class {
     loadable.setComponentLoaded(this);
   }
   disconnectedCallback() {
-    var _a;
     label.disconnectLabel(this);
     form.disconnectForm(this);
     locale.disconnectLocalized(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
-    var _a, _b;
     loadable.setUpLoadableComponent(this);
-    this.maxString = (_a = this.max) === null || _a === void 0 ? void 0 : _a.toString();
-    this.minString = (_b = this.min) === null || _b === void 0 ? void 0 : _b.toString();
+    this.maxString = this.max?.toString();
+    this.minString = this.min?.toString();
     this.requestedIcon = dom.setRequestedIcon({}, this.icon, "number");
   }
   componentShouldUpdate(newValue, oldValue, property) {
@@ -435,14 +430,12 @@ const InputNumber = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.childNumberEl?.focus();
   }
   /** Selects all text of the component's `value`. */
   async selectText() {
-    var _a;
-    (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.select();
+    this.childNumberEl?.select();
   }
   onLabelClick() {
     this.setFocus();
@@ -473,10 +466,9 @@ const InputNumber = class {
     });
   }
   syncHiddenFormInput(input) {
-    var _a, _b, _c, _d;
     input.type = "number";
-    input.min = (_b = (_a = this.min) === null || _a === void 0 ? void 0 : _a.toString(10)) !== null && _b !== void 0 ? _b : "";
-    input.max = (_d = (_c = this.max) === null || _c === void 0 ? void 0 : _c.toString(10)) !== null && _d !== void 0 ? _d : "";
+    input.min = this.min?.toString(10) ?? "";
+    input.max = this.max?.toString(10) ?? "";
   }
   setDisabledAction() {
     const slottedActionEl = dom.getSlotted(this.el, "action");

package/dist/cjs/calcite-input-text.cjs.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const resources = require('./resources-61c779db.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const resources = require('./resources-154a6134.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   loader: "loader",
@@ -214,7 +214,6 @@ const InputText = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     this.scale = dom.getElementProp(this.el, "scale", this.scale);
     this.status = dom.getElementProp(this.el, "status", this.status);
     this.inlineEditableEl = this.el.closest("calcite-inline-editable");
@@ -225,15 +224,14 @@ const InputText = class {
     this.setPreviousValue(this.value);
     label.connectLabel(this);
     form.connectForm(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
-    var _a;
     label.disconnectLabel(this);
     form.disconnectForm(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
@@ -253,14 +251,12 @@ const InputText = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.childEl?.focus();
   }
   /** Selects all text of the component's `value`. */
   async selectText() {
-    var _a;
-    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.select();
+    this.childEl?.select();
   }
   onLabelClick() {
     this.setFocus();

package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const guid = require('./guid-7c9bf705.js');
-const locale = require('./locale-ad2e4def.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const interactive = require('./interactive-12572356.js');
-const key = require('./key-5efe25db.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./observers-1cb80ad6.js');
-require('./dom-8db20575.js');
-require('./resources-61c779db.js');
+const index = require('./index-e7f6d8a9.js');
+const guid = require('./guid-bcf2e27d.js');
+const locale = require('./locale-7c7ea778.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const interactive = require('./interactive-50819d76.js');
+const key = require('./key-27cd9b48.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./observers-93a0a981.js');
+require('./dom-0c006683.js');
+require('./resources-154a6134.js');
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale$1, numberingSystem, includeSeconds = true) {
@@ -60,7 +60,6 @@ function getLocaleHourCycle(locale, numberingSystem) {
   return getLocalizedTimePart("meridiem", parts) ? "12" : "24";
 }
 function getLocalizedTimePart(part, parts) {
-  var _a, _b, _c, _d;
   if (!part || !parts) {
     return null;
   }
@@ -69,7 +68,7 @@ function getLocalizedTimePart(part, parts) {
     const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
     const hourSuffix = parts[hourIndex + 1];
     return hourSuffix && hourSuffix.type === "literal" && minuteIndex - hourIndex === 2
-      ? ((_a = hourSuffix.value) === null || _a === void 0 ? void 0 : _a.trim()) || null
+      ? hourSuffix.value?.trim() || null
       : null;
   }
   if (part === "minuteSuffix") {
@@ -77,15 +76,15 @@ function getLocalizedTimePart(part, parts) {
     const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
     const minuteSuffix = parts[minuteIndex + 1];
     return minuteSuffix && minuteSuffix.type === "literal" && secondIndex - minuteIndex === 2
-      ? ((_b = minuteSuffix.value) === null || _b === void 0 ? void 0 : _b.trim()) || null
+      ? minuteSuffix.value?.trim() || null
       : null;
   }
   if (part === "secondSuffix") {
     const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
     const secondSuffix = parts[secondIndex + 1];
-    return secondSuffix && secondSuffix.type === "literal" ? ((_c = secondSuffix.value) === null || _c === void 0 ? void 0 : _c.trim()) || null : null;
+    return secondSuffix && secondSuffix.type === "literal" ? secondSuffix.value?.trim() || null : null;
   }
-  return ((_d = parts.find(({ type }) => (part == "meridiem" ? type === "dayPeriod" : type === part))) === null || _d === void 0 ? void 0 : _d.value) || null;
+  return parts.find(({ type }) => (part == "meridiem" ? type === "dayPeriod" : type === part))?.value || null;
 }
 function getMeridiem(hour) {
   if (!locale.isValidNumber(hour)) {
@@ -144,7 +143,7 @@ function localizeTimeString({ value, locale, numberingSystem, includeSeconds = t
   const { hour, minute, second = "0" } = parseTimeString(value);
   const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
   const formatter = createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds);
-  return (formatter === null || formatter === void 0 ? void 0 : formatter.format(dateFromTimeString)) || null;
+  return formatter?.format(dateFromTimeString) || null;
 }
 function localizeTimeStringToParts({ value, locale, numberingSystem }) {
   if (!isValidTime(value)) {
@@ -427,9 +426,8 @@ const InputTimePicker = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.calciteInputEl) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.calciteInputEl?.setFocus();
   }
   /**
    * Updates the position of the component.
@@ -437,8 +435,7 @@ const InputTimePicker = class {
    * @param delayed
    */
   async reposition(delayed = false) {
-    var _a;
-    (_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.reposition(delayed);
+    this.popoverEl?.reposition(delayed);
   }
   onLabelClick() {
     this.setFocus();
@@ -488,7 +485,7 @@ const InputTimePicker = class {
   // --------------------------------------------------------------------------
   render() {
     const popoverId = `${this.referenceElementId}-popover`;
-    return (index.h(index.Host, { onKeyDown: this.keyDownHandler }, index.h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, index.h("calcite-input", { disabled: this.disabled, icon: "clock", label: label.getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), index.h("calcite-popover", { disableFocusTrap: true, id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, index.h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.effectiveLocale, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), index.h(form.HiddenFormInputSlot, { component: this })));
+    return (index.h(index.Host, { onKeyDown: this.keyDownHandler }, index.h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, index.h("calcite-input", { disabled: this.disabled, icon: "clock", label: label.getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), index.h("calcite-popover", { disableFocusTrap: true, id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, index.h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), index.h(form.HiddenFormInputSlot, { component: this })));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
@@ -846,7 +843,6 @@ const TimePicker = class {
       }
     };
     this.setValuePart = (key, value, emit = true) => {
-      var _a;
       const { effectiveLocale: locale$1, numberingSystem } = this;
       if (key === "meridiem") {
         this.meridiem = value;
@@ -889,7 +885,8 @@ const TimePicker = class {
         this.value = null;
       }
       this.localizedMeridiem = this.value
-        ? ((_a = localizeTimeStringToParts({ value: this.value, locale: locale$1, numberingSystem })) === null || _a === void 0 ? void 0 : _a.localizedMeridiem) || null
+        ? localizeTimeStringToParts({ value: this.value, locale: locale$1, numberingSystem })
+          ?.localizedMeridiem || null
         : localizeTimePart({ value: this.meridiem, part: "meridiem", locale: locale$1, numberingSystem });
       if (emit) {
         this.calciteInternalTimePickerChange.emit();
@@ -1018,9 +1015,8 @@ const TimePicker = class {
    * @param target
    */
   async setFocus(target) {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this[`${target || "hour"}El`]) === null || _a === void 0 ? void 0 : _a.focus();
+    this[`${target || "hour"}El`]?.focus();
   }
   // --------------------------------------------------------------------------
   //

package/dist/cjs/calcite-input.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const locale = require('./locale-ad2e4def.js');
-const key = require('./key-5efe25db.js');
-const resources = require('./resources-61c779db.js');
-const math = require('./math-e3bf7036.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const locale = require('./locale-7c7ea778.js');
+const key = require('./key-27cd9b48.js');
+const resources = require('./resources-154a6134.js');
+const math = require('./math-b2c68418.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   loader: "loader",
@@ -400,13 +400,11 @@ const Input = class {
   }
   /** watcher to update number-to-string for max */
   maxWatcher() {
-    var _a;
-    this.maxString = ((_a = this.max) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.maxString = this.max?.toString() || null;
   }
   /** watcher to update number-to-string for min */
   minWatcher() {
-    var _a;
-    this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.minString = this.min?.toString() || null;
   }
   valueWatcher(newValue, previousValue) {
     if (!this.userChangedValue) {
@@ -440,7 +438,6 @@ const Input = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     locale.connectLocalized(this);
     this.scale = dom.getElementProp(this.el, "scale", this.scale);
     this.status = dom.getElementProp(this.el, "status", this.status);
@@ -459,24 +456,22 @@ const Input = class {
         value: locale.isValidNumber(this.value) ? this.value : ""
       });
     }
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
-    var _a;
     label.disconnectLabel(this);
     form.disconnectForm(this);
     locale.disconnectLocalized(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
-    var _a, _b;
     loadable.setUpLoadableComponent(this);
     this.childElType = this.type === "textarea" ? "textarea" : "input";
-    this.maxString = (_a = this.max) === null || _a === void 0 ? void 0 : _a.toString();
-    this.minString = (_b = this.min) === null || _b === void 0 ? void 0 : _b.toString();
+    this.maxString = this.max?.toString();
+    this.minString = this.min?.toString();
     this.requestedIcon = dom.setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
   }
   componentDidLoad() {
@@ -502,23 +497,21 @@ const Input = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a, _b;
     await loadable.componentLoaded(this);
     if (this.type === "number") {
-      (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.focus();
+      this.childNumberEl?.focus();
     }
     else {
-      (_b = this.childEl) === null || _b === void 0 ? void 0 : _b.focus();
+      this.childEl?.focus();
     }
   }
   /** Selects all text of the component's `value`. */
   async selectText() {
-    var _a, _b;
     if (this.type === "number") {
-      (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.select();
+      this.childNumberEl?.select();
     }
     else {
-      (_b = this.childEl) === null || _b === void 0 ? void 0 : _b.select();
+      this.childEl?.select();
     }
   }
   onLabelClick() {
@@ -550,11 +543,10 @@ const Input = class {
     });
   }
   syncHiddenFormInput(input) {
-    var _a, _b, _c, _d;
     if (this.type === "number") {
       input.type = "number";
-      input.min = (_b = (_a = this.min) === null || _a === void 0 ? void 0 : _a.toString(10)) !== null && _b !== void 0 ? _b : "";
-      input.max = (_d = (_c = this.max) === null || _c === void 0 ? void 0 : _c.toString(10)) !== null && _d !== void 0 ? _d : "";
+      input.min = this.min?.toString(10) ?? "";
+      input.max = this.max?.toString(10) ?? "";
     }
     else if (this.type === "text") {
       input.type = "text";