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

package/dist/esm/calcite-flow-item.entry.js

@@ -1,15 +1,15 @@
 /*!
  * 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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-178c22ad.js';
-import { a as getElementDir } from './dom-cea9908e.js';
-import { S as SLOTS$1 } from './resources-44e220ca.js';
-import { u as updateHostInteraction } from './interactive-b545a643.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b927d252.js';
-import './resources-e962fefe.js';
-import './guid-9d784fc0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { a as getElementDir } from './dom-e83e3685.js';
+import { S as SLOTS$1 } from './resources-36963763.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   backButton: "back-button"
@@ -110,7 +110,7 @@ const FlowItem = class {
       backButtonEl.setFocus();
       return;
     }
-    containerEl === null || containerEl === void 0 ? void 0 : containerEl.setFocus();
+    containerEl?.setFocus();
   }
   /**
    * Scrolls the component's content to a specified set of coordinates.
@@ -124,8 +124,7 @@ const FlowItem = class {
    * @param options
    */
   async scrollContentTo(options) {
-    var _a;
-    await ((_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.scrollContentTo(options));
+    await this.containerEl?.scrollContentTo(options);
   }
   // --------------------------------------------------------------------------
   //

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

@@ -1,10 +1,10 @@
 /*!
  * 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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, h, g as getElement } from './index-178c22ad.js';
-import { c as createObserver } from './observers-f4c814a8.js';
+import { r as registerInstance, h, g as getElement } from './index-83004828.js';
+import { c as createObserver } from './observers-89a35a75.js';
 
 const CSS = {
   frame: "frame",
@@ -81,13 +81,11 @@ const Flow = class {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
-    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+    this.itemMutationObserver?.observe(this.el, { childList: true, subtree: true });
     this.updateFlowProps();
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.itemMutationObserver?.disconnect();
   }
   // --------------------------------------------------------------------------
   //

package/dist/esm/calcite-graph_2.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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-178c22ad.js';
-import { g as guid } from './guid-9d784fc0.js';
-import { c as createObserver } from './observers-f4c814a8.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-cea9908e.js';
-import { d as decimalPlaces, c as clamp } from './math-e5b975ee.js';
-import { c as connectLabel, d as disconnectLabel } from './label-6e4ffdf9.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-e4bb6542.js';
-import { u as updateHostInteraction } from './interactive-b545a643.js';
-import { i as isActivationKey } from './key-60531299.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-37e9ce2c.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b927d252.js';
-import './resources-e962fefe.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-83004828.js';
+import { g as guid } from './guid-d9ecc494.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import { i as isPrimaryPointerButton, k as intersects } from './dom-e83e3685.js';
+import { d as decimalPlaces, c as clamp } from './math-3122e153.js';
+import { c as connectLabel, d as disconnectLabel } from './label-e92abdfa.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-e64648c7.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { i as isActivationKey } from './key-06b23960.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-4983f5d8.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
 
 /**
  * Calculate slope of the tangents
@@ -168,12 +168,10 @@ const Graph = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el);
+    this.resizeObserver?.observe(this.el);
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.resizeObserver?.disconnect();
   }
   render() {
     const { data, colorStops, el, highlightMax, highlightMin, min, max } = this;
@@ -669,7 +667,7 @@ const Slider = class {
   async setFocus() {
     await componentLoaded(this);
     const handle = this.minHandle ? this.minHandle : this.maxHandle;
-    handle === null || handle === void 0 ? void 0 : handle.focus();
+    handle?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-handle.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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-178c22ad.js';
-import { t as toAriaBoolean } from './dom-cea9908e.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b927d252.js';
-import './resources-e962fefe.js';
-import './guid-9d784fc0.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-83004828.js';
+import { t as toAriaBoolean } from './dom-e83e3685.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   handle: "handle",
@@ -69,9 +69,8 @@ const Handle = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.handleButton) === null || _a === void 0 ? void 0 : _a.focus();
+    this.handleButton?.focus();
   }
   // --------------------------------------------------------------------------
   //

package/dist/esm/calcite-icon.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.652
+ * v1.0.0-next.654
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-178c22ad.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-cea9908e.js';
-import { c as createObserver } from './observers-f4c814a8.js';
-import './resources-e962fefe.js';
-import './guid-9d784fc0.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-83004828.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-e83e3685.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   icon: "icon",
@@ -101,8 +101,7 @@ const Icon = class {
     });
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.intersectionObserver?.disconnect();
     this.intersectionObserver = null;
   }
   async componentWillLoad() {

package/dist/esm/calcite-inline-editable.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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-178c22ad.js';
-import { h as getElementProp, g as getSlotted } from './dom-cea9908e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6e4ffdf9.js';
-import { c as createObserver } from './observers-f4c814a8.js';
-import { u as updateHostInteraction } from './interactive-b545a643.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b927d252.js';
-import './resources-e962fefe.js';
-import './guid-9d784fc0.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-83004828.js';
+import { h as getElementProp, g as getSlotted } from './dom-e83e3685.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e92abdfa.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 './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   wrapper: "wrapper",
@@ -37,10 +37,9 @@ const InlineEditable = class {
     this.calciteInternalInlineEditableEnableEditingChange = createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 6);
     this.mutationObserver = createObserver("mutation", () => this.mutationObserverCallback());
     this.enableEditing = () => {
-      var _a, _b;
-      this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;
+      this.valuePriorToEditing = this.inputElement?.value;
       this.editingEnabled = true;
-      (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();
+      this.inputElement?.setFocus();
       this.calciteInternalInlineEditableEnableEditingChange.emit();
     };
     this.disableEditing = () => {
@@ -57,7 +56,6 @@ const InlineEditable = class {
       }
     };
     this.escapeKeyHandler = async (event) => {
-      var _a;
       if (event.defaultPrevented) {
         return;
       }
@@ -72,7 +70,7 @@ const InlineEditable = class {
         }
         if (!!event.shiftKey && event.target === this.cancelEditingButton) {
           event.preventDefault();
-          (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
+          this.inputElement?.setFocus();
         }
       }
     };
@@ -137,9 +135,8 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     connectLabel(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.mutationObserverCallback();
   }
   componentWillLoad() {
@@ -149,9 +146,8 @@ const InlineEditable = class {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
-    var _a;
     disconnectLabel(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -181,13 +177,12 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   async setFocus() {
-    var _a, _b;
     await componentLoaded(this);
     if (this.editingEnabled) {
-      (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
+      this.inputElement?.setFocus();
     }
     else {
-      (_b = this.enableEditingButton) === null || _b === void 0 ? void 0 : _b.setFocus();
+      this.enableEditingButton?.setFocus();
     }
   }
   //--------------------------------------------------------------------------
@@ -196,10 +191,9 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   mutationObserverCallback() {
-    var _a;
     this.updateSlottedInput();
     this.scale =
-      this.scale || ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.scale) || getElementProp(this.el, "scale", undefined);
+      this.scale || this.inputElement?.scale || getElementProp(this.el, "scale", undefined);
   }
   onLabelClick() {
     this.setFocus();

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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-178c22ad.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-3292d5cc.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6e4ffdf9.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e4bb6542.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-9315aae5.js';
-import { u as updateHostInteraction } from './interactive-b545a643.js';
-import { t as toAriaBoolean } from './dom-cea9908e.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-20d5779d.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-37e9ce2c.js';
-import { n as numberKeys } from './key-60531299.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-b927d252.js';
-import './debounce-e2cc36db.js';
-import './resources-e962fefe.js';
-import './guid-9d784fc0.js';
-import './observers-f4c814a8.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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-178c22ad.js';
-import { b as setRequestedIcon, h as getElementProp } from './dom-cea9908e.js';
-import './resources-e962fefe.js';
-import './guid-9d784fc0.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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-178c22ad.js';
-import { g as getSlotted, i as isPrimaryPointerButton, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-cea9908e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6e4ffdf9.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e4bb6542.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-37e9ce2c.js';
-import { n as numberKeys } from './key-60531299.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-e962fefe.js';
-import { d as decimalPlaces } from './math-e5b975ee.js';
-import { c as createObserver } from './observers-f4c814a8.js';
-import { u as updateHostInteraction } from './interactive-b545a643.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-b927d252.js';
-import './guid-9d784fc0.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.652
+ * v1.0.0-next.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-178c22ad.js';
-import { g as getSlotted, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-cea9908e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6e4ffdf9.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e4bb6542.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-e962fefe.js';
-import { c as createObserver } from './observers-f4c814a8.js';
-import { u as updateHostInteraction } from './interactive-b545a643.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b927d252.js';
-import './guid-9d784fc0.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();