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

package/dist/esm/calcite-input-date-picker.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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, T as TEXT, e as getLocaleData, f as dateFromRange } from './resources-205e1a5e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b9c0aa89.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-99c3afb4.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-fc56a23b.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { t as toAriaBoolean } from './dom-3d0a39a1.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-1a0f1e5f.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-35d09242.js';
-import { n as numberKeys } from './key-26613542.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-9a013351.js';
-import './debounce-511eda6a.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
-import './observers-1bc07c7a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, T as TEXT, e as getLocaleData, f as dateFromRange } from './resources-3a95b40f.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e92abdfa.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e64648c7.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-a46ce22a.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { t as toAriaBoolean } from './dom-e83e3685.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-fdff8486.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-4983f5d8.js';
+import { n as numberKeys } from './key-06b23960.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-0c46daa0.js';
+import './debounce-97af721b.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
+import './observers-89a35a75.js';
 
 const CSS = {
   menu: "menu-container",
@@ -79,15 +79,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 (submitForm(this)) {
           event.preventDefault();
@@ -139,7 +138,6 @@ const InputDatePicker = class {
       this.localizeInputValues();
     };
     this.handleDateRangeChange = (event) => {
-      var _a, _b;
       if (!this.range || !event.detail) {
         return;
       }
@@ -148,10 +146,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") => {
@@ -358,9 +356,8 @@ const InputDatePicker = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.startInput) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.startInput?.setFocus();
   }
   /**
    * Updates the position of the component.
@@ -452,14 +449,13 @@ const InputDatePicker = class {
     updateHostInteraction(this);
   }
   render() {
-    var _a, _b;
     const { disabled, effectiveLocale, numberingSystem, readOnly } = this;
     numberStringFormatter.numberFormatOptions = {
       numberingSystem,
       locale: effectiveLocale,
       useGrouping: false
     };
-    return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" }, h("div", { class: "input-wrapper", ref: this.setStartWrapper }, h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", 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" })), h("div", { "aria-hidden": toAriaBoolean(!this.open), class: {
+    return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" }, h("div", { class: "input-wrapper", ref: this.setStartWrapper }, h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), lang: effectiveLocale, "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" })), h("div", { "aria-hidden": toAriaBoolean(!this.open), class: {
         [CSS.menu]: true,
         [CSS.menuActive]: this.open
       }, ref: this.setFloatingEl }, h("div", { class: {
@@ -470,7 +466,7 @@ const InputDatePicker = class {
       }, ref: this.setTransitionEl }, 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" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, 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" }))))), h(HiddenFormInputSlot, { component: this })));
+      }, disabled: disabled, icon: "calendar", lang: effectiveLocale, "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" }))))), h(HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
     const { focusedInput, layout, endWrapper, startWrapper } = this;

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

@@ -1,12 +1,12 @@
 /*!
  * 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.654
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { b as setRequestedIcon, h as getElementProp } from './dom-3d0a39a1.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-83004828.js';
+import { b as setRequestedIcon, h as getElementProp } from './dom-e83e3685.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

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

@@ -1,20 +1,20 @@
 /*!
  * 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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { g as getSlotted, i as isPrimaryPointerButton, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-3d0a39a1.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b9c0aa89.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-99c3afb4.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-35d09242.js';
-import { n as numberKeys } from './key-26613542.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-9c2b241b.js';
-import { d as decimalPlaces } from './math-5fdb35a6.js';
-import { c as createObserver } from './observers-1bc07c7a.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-9a013351.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { g as getSlotted, i as isPrimaryPointerButton, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-e83e3685.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e92abdfa.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e64648c7.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-4983f5d8.js';
+import { n as numberKeys } from './key-06b23960.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-edac802c.js';
+import { d as decimalPlaces } from './math-3122e153.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-0c46daa0.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   loader: "loader",
@@ -337,13 +337,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) {
@@ -372,7 +370,6 @@ const InputNumber = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     connectLocalized(this);
     this.scale = getElementProp(this.el, "scale", this.scale);
     this.status = getElementProp(this.el, "status", this.status);
@@ -389,7 +386,7 @@ const InputNumber = class {
       origin: "connected",
       value: 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);
   }
@@ -397,18 +394,16 @@ const InputNumber = class {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
-    var _a;
     disconnectLabel(this);
     disconnectForm(this);
     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;
     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 = setRequestedIcon({}, this.icon, "number");
   }
   componentShouldUpdate(newValue, oldValue, property) {
@@ -431,14 +426,12 @@ const InputNumber = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await 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();
@@ -469,10 +462,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 = getSlotted(this.el, "action");

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

@@ -1,17 +1,17 @@
 /*!
  * 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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { g as getSlotted, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-3d0a39a1.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b9c0aa89.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-99c3afb4.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-9c2b241b.js';
-import { c as createObserver } from './observers-1bc07c7a.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { g as getSlotted, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-e83e3685.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e92abdfa.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e64648c7.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-edac802c.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   loader: "loader",
@@ -210,7 +210,6 @@ const InputText = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     this.scale = getElementProp(this.el, "scale", this.scale);
     this.status = getElementProp(this.el, "status", this.status);
     this.inlineEditableEl = this.el.closest("calcite-inline-editable");
@@ -221,15 +220,14 @@ const InputText = class {
     this.setPreviousValue(this.value);
     connectLabel(this);
     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;
     disconnectLabel(this);
     disconnectForm(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
@@ -249,14 +247,12 @@ const InputText = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await 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/esm/calcite-input-time-picker_2.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { g as guid } from './guid-b0902c5e.js';
-import { i as isValidNumber, g as getSupportedLocale, b as getSupportedNumberingSystem, n as numberStringFormatter, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-35d09242.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b9c0aa89.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-99c3afb4.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { n as numberKeys, i as isActivationKey } from './key-26613542.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-9a013351.js';
-import './observers-1bc07c7a.js';
-import './dom-3d0a39a1.js';
-import './resources-9c2b241b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { g as guid } from './guid-d9ecc494.js';
+import { i as isValidNumber, g as getSupportedLocale, b as getSupportedNumberingSystem, n as numberStringFormatter, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-4983f5d8.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e92abdfa.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e64648c7.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { n as numberKeys, i as isActivationKey } from './key-06b23960.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-0c46daa0.js';
+import './observers-89a35a75.js';
+import './dom-e83e3685.js';
+import './resources-edac802c.js';
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true) {
@@ -56,7 +56,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;
   }
@@ -65,7 +64,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") {
@@ -73,15 +72,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 (!isValidNumber(hour)) {
@@ -140,7 +139,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)) {
@@ -423,9 +422,8 @@ const InputTimePicker = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.calciteInputEl) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.calciteInputEl?.setFocus();
   }
   /**
    * Updates the position of the component.
@@ -433,8 +431,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();
@@ -842,7 +839,6 @@ const TimePicker = class {
       }
     };
     this.setValuePart = (key, value, emit = true) => {
-      var _a;
       const { effectiveLocale: locale, numberingSystem } = this;
       if (key === "meridiem") {
         this.meridiem = value;
@@ -885,7 +881,8 @@ const TimePicker = class {
         this.value = null;
       }
       this.localizedMeridiem = this.value
-        ? ((_a = localizeTimeStringToParts({ value: this.value, locale, numberingSystem })) === null || _a === void 0 ? void 0 : _a.localizedMeridiem) || null
+        ? localizeTimeStringToParts({ value: this.value, locale, numberingSystem })
+          ?.localizedMeridiem || null
         : localizeTimePart({ value: this.meridiem, part: "meridiem", locale, numberingSystem });
       if (emit) {
         this.calciteInternalTimePickerChange.emit();
@@ -1014,9 +1011,8 @@ const TimePicker = class {
    * @param target
    */
   async setFocus(target) {
-    var _a;
     await componentLoaded(this);
-    (_a = this[`${target || "hour"}El`]) === null || _a === void 0 ? void 0 : _a.focus();
+    this[`${target || "hour"}El`]?.focus();
   }
   // --------------------------------------------------------------------------
   //

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

@@ -1,20 +1,20 @@
 /*!
  * 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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { g as getSlotted, i as isPrimaryPointerButton, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-3d0a39a1.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b9c0aa89.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-99c3afb4.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, a as defaultNumberingSystem, s as sanitizeNumberString, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-35d09242.js';
-import { n as numberKeys } from './key-26613542.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-9c2b241b.js';
-import { d as decimalPlaces } from './math-5fdb35a6.js';
-import { c as createObserver } from './observers-1bc07c7a.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { g as getSlotted, i as isPrimaryPointerButton, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-e83e3685.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e92abdfa.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e64648c7.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, a as defaultNumberingSystem, s as sanitizeNumberString, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-4983f5d8.js';
+import { n as numberKeys } from './key-06b23960.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-edac802c.js';
+import { d as decimalPlaces } from './math-3122e153.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   loader: "loader",
@@ -396,13 +396,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) {
@@ -436,7 +434,6 @@ const Input = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     connectLocalized(this);
     this.scale = getElementProp(this.el, "scale", this.scale);
     this.status = getElementProp(this.el, "status", this.status);
@@ -455,24 +452,22 @@ const Input = class {
         value: 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;
     disconnectLabel(this);
     disconnectForm(this);
     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;
     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 = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
   }
   componentDidLoad() {
@@ -498,23 +493,21 @@ const Input = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a, _b;
     await 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() {
@@ -546,11 +539,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";

package/dist/esm/calcite-label.entry.js

@@ -1,13 +1,13 @@
 /*!
  * 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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-b9c0aa89.js';
-import './dom-3d0a39a1.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-e92abdfa.js';
+import './dom-e83e3685.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   container: "container"

package/dist/esm/calcite-link.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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.654
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { a as getElementDir, f as focusElement } from './dom-3d0a39a1.js';
-import { C as CSS_UTILITY } from './resources-9c2b241b.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-83004828.js';
+import { a as getElementDir, f as focusElement } from './dom-e83e3685.js';
+import { C as CSS_UTILITY } from './resources-edac802c.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './guid-d9ecc494.js';
 
 const linkCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";