@esri/calcite-components 1.0.0-next.635 → 1.0.0-next.637

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

@@ -1,18 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89e9515d.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, e as getElementProp } from './dom-db31979f.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-5f769d28.js';
-import { c as createObserver } from './observers-1dcaab27.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-6ed97ece.js';
-import { g as guid } from './guid-245906d2.js';
-import { i as isActivationKey } from './key-be044e8f.js';
-import './resources-c02a7a33.js';
-import './debounce-f66bdfff.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b570e4c.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, e as getElementProp } from './dom-cae739a6.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-83cc4818.js';
+import { c as createObserver } from './observers-87f2f521.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-23945bf3.js';
+import { g as guid } from './guid-12deee22.js';
+import { i as isActivationKey } from './key-da605893.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-a678deac.js';
+import './resources-aaffa7f6.js';
+import './debounce-1a5c2d9a.js';
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -577,6 +578,7 @@ const DropdownItem = class {
   /** Sets focus on the component. */
   async setFocus() {
     var _a;
+    await componentLoaded(this);
     (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
   }
   //--------------------------------------------------------------------------
@@ -585,8 +587,12 @@ const DropdownItem = class {
   //
   //--------------------------------------------------------------------------
   componentWillLoad() {
+    setUpLoadableComponent(this);
     this.initialize();
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   connectedCallback() {
     const isSelected = this.selected || this.active;
     if (isSelected) {

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

@@ -1,13 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, h, g as getElement } from './index-89e9515d.js';
-import { f as focusElement } from './dom-db31979f.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
+import { r as registerInstance, h, g as getElement } from './index-8b570e4c.js';
+import { f as focusElement } from './dom-cae739a6.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a678deac.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
 
 const CSS = {
   button: "button"
@@ -62,6 +63,12 @@ const Fab = class {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   componentDidRender() {
     updateHostInteraction(this);
   }
@@ -72,6 +79,7 @@ const Fab = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
+    await componentLoaded(this);
     focusElement(this.buttonEl);
   }
   // --------------------------------------------------------------------------

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

@@ -1,15 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-89e9515d.js';
-import { f as focusElement } from './dom-db31979f.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import { f as filter } from './filter-a2ddf863.js';
-import { d as debounce } from './debounce-f66bdfff.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-8b570e4c.js';
+import { f as focusElement } from './dom-cae739a6.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { f as filter } from './filter-c6219662.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a678deac.js';
+import { d as debounce } from './debounce-1a5c2d9a.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
 
 const CSS = {
   container: "container",
@@ -96,17 +97,16 @@ const Filter = class {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
   componentWillLoad() {
+    setUpLoadableComponent(this);
     this.updateFiltered(filter(this.items, this.value));
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -114,6 +114,7 @@ const Filter = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
+    await componentLoaded(this);
     focusElement(this.textInput);
   }
   updateFiltered(filtered, emit = false) {

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

@@ -1,14 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89e9515d.js';
-import { a as getElementDir } from './dom-db31979f.js';
-import { S as SLOTS$1 } from './resources-46cbddb4.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b570e4c.js';
+import { a as getElementDir } from './dom-cae739a6.js';
+import { S as SLOTS$1 } from './resources-724217d1.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a678deac.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
 
 const CSS = {
   backButton: "back-button"
@@ -96,9 +97,15 @@ const FlowItem = class {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
   componentDidRender() {
     updateHostInteraction(this);
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Methods
@@ -108,6 +115,7 @@ const FlowItem = class {
    * Sets focus on the component.
    */
   async setFocus() {
+    await componentLoaded(this);
     const { backButtonEl, containerEl } = this;
     if (backButtonEl) {
       backButtonEl.setFocus();

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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, h, g as getElement } from './index-89e9515d.js';
-import { c as createObserver } from './observers-1dcaab27.js';
+import { r as registerInstance, h, g as getElement } from './index-8b570e4c.js';
+import { c as createObserver } from './observers-87f2f521.js';
 
 const CSS = {
   frame: "frame",

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

@@ -1,19 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-89e9515d.js';
-import { g as guid } from './guid-245906d2.js';
-import { c as createObserver } from './observers-1dcaab27.js';
-import { i as isPrimaryPointerButton, j as intersects } from './dom-db31979f.js';
-import { d as decimalPlaces, c as clamp } from './math-6a5196d6.js';
-import { c as connectLabel, d as disconnectLabel } from './label-dac2bce3.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-b9b0dbc4.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import { i as isActivationKey } from './key-be044e8f.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-8d9e26c2.js';
-import './resources-c02a7a33.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-8b570e4c.js';
+import { g as guid } from './guid-12deee22.js';
+import { c as createObserver } from './observers-87f2f521.js';
+import { i as isPrimaryPointerButton, j as intersects } from './dom-cae739a6.js';
+import { d as decimalPlaces, c as clamp } from './math-1258cc43.js';
+import { c as connectLabel, d as disconnectLabel } from './label-b347a097.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-d48c01db.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { i as isActivationKey } from './key-da605893.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-659d541f.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a678deac.js';
+import './resources-aaffa7f6.js';
 
 /**
  * Calculate slope of the tangents
@@ -399,6 +400,7 @@ const Slider = class {
     this.removeDragListeners();
   }
   componentWillLoad() {
+    setUpLoadableComponent(this);
     this.tickValues = this.generateTickValues();
     if (!isRange(this.value)) {
       this.value = this.clamp(this.value);
@@ -411,6 +413,9 @@ const Slider = class {
       this.hasHistogram = true;
     }
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   componentDidRender() {
     if (this.labelHandles) {
       this.adjustHostObscuredHandleLabel("value");
@@ -686,6 +691,7 @@ const Slider = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
+    await componentLoaded(this);
     const handle = this.minHandle ? this.minHandle : this.maxHandle;
     handle === null || handle === void 0 ? void 0 : handle.focus();
   }

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

@@ -1,12 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-89e9515d.js';
-import { t as toAriaBoolean } from './dom-db31979f.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8b570e4c.js';
+import { t as toAriaBoolean } from './dom-cae739a6.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a678deac.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
 
 const CSS = {
   handle: "handle",
@@ -61,6 +62,17 @@ const Handle = class {
       this.activated = false;
     };
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Methods
@@ -69,6 +81,7 @@ 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();
   }
   // --------------------------------------------------------------------------

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.635
+ * v1.0.0-next.637
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-89e9515d.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-db31979f.js';
-import { c as createObserver } from './observers-1dcaab27.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-8b570e4c.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-cae739a6.js';
+import { c as createObserver } from './observers-87f2f521.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
 
 const CSS = {
   icon: "icon",

package/dist/esm/calcite-inline-editable.entry.js

@@ -1,15 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-89e9515d.js';
-import { e as getElementProp, g as getSlotted } from './dom-db31979f.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-dac2bce3.js';
-import { c as createObserver } from './observers-1dcaab27.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8b570e4c.js';
+import { e as getElementProp, g as getSlotted } from './dom-cae739a6.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b347a097.js';
+import { c as createObserver } from './observers-87f2f521.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a678deac.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
 
 const CSS = {
   wrapper: "wrapper",
@@ -163,6 +164,12 @@ const InlineEditable = class {
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
     this.mutationObserverCallback();
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     var _a;
     disconnectLabel(this);
@@ -197,6 +204,7 @@ 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();
     }

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

@@ -1,22 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89e9515d.js';
-import { T as TEXT, d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, e as getLocaleData, f as dateFromRange } from './resources-8d0752ff.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-dac2bce3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-b9b0dbc4.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-5f769d28.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import { t as toAriaBoolean } from './dom-db31979f.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-6ed97ece.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-8d9e26c2.js';
-import { n as numberKeys } from './key-be044e8f.js';
-import './debounce-f66bdfff.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
-import './observers-1dcaab27.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b570e4c.js';
+import { T as TEXT, d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, e as getLocaleData, f as dateFromRange } from './resources-188b007b.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b347a097.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d48c01db.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-83cc4818.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { t as toAriaBoolean } from './dom-cae739a6.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-23945bf3.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-659d541f.js';
+import { n as numberKeys } from './key-da605893.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-a678deac.js';
+import './debounce-1a5c2d9a.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
+import './observers-87f2f521.js';
 
 const CSS = {
   menu: "menu-container",
@@ -389,6 +390,7 @@ 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();
   }
   /**
@@ -457,11 +459,13 @@ const InputDatePicker = class {
     };
   }
   async componentWillLoad() {
+    setUpLoadableComponent(this);
     await this.loadLocaleData();
     this.onMinChanged(this.min);
     this.onMaxChanged(this.max);
   }
   componentDidLoad() {
+    setComponentLoaded(this);
     this.localizeInputValues();
     this.reposition(true);
   }

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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-89e9515d.js';
-import { s as setRequestedIcon, e as getElementProp } from './dom-db31979f.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-8b570e4c.js';
+import { s as setRequestedIcon, e as getElementProp } from './dom-cae739a6.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

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

@@ -1,19 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89e9515d.js';
-import { g as getSlotted, i as isPrimaryPointerButton, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-db31979f.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-dac2bce3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-b9b0dbc4.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-8d9e26c2.js';
-import { n as numberKeys } from './key-be044e8f.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-c02a7a33.js';
-import { d as decimalPlaces } from './math-6a5196d6.js';
-import { c as createObserver } from './observers-1dcaab27.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import './guid-245906d2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b570e4c.js';
+import { g as getSlotted, i as isPrimaryPointerButton, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-cae739a6.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b347a097.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d48c01db.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-659d541f.js';
+import { n as numberKeys } from './key-da605893.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-aaffa7f6.js';
+import { d as decimalPlaces } from './math-1258cc43.js';
+import { c as createObserver } from './observers-87f2f521.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-a678deac.js';
+import './guid-12deee22.js';
 
 const CSS = {
   loader: "loader",
@@ -433,6 +434,9 @@ const InputNumber = class {
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     var _a;
     disconnectLabel(this);
@@ -443,6 +447,7 @@ const InputNumber = class {
   }
   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.requestedIcon = setRequestedIcon({}, this.icon, "number");
@@ -468,6 +473,7 @@ 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();
   }
   /** Selects all text of the component's `value`. */

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

@@ -1,16 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89e9515d.js';
-import { g as getSlotted, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-db31979f.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-dac2bce3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-b9b0dbc4.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-c02a7a33.js';
-import { c as createObserver } from './observers-1dcaab27.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import './guid-245906d2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b570e4c.js';
+import { g as getSlotted, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-cae739a6.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b347a097.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d48c01db.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-aaffa7f6.js';
+import { c as createObserver } from './observers-87f2f521.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a678deac.js';
+import './guid-12deee22.js';
 
 const CSS = {
   loader: "loader",
@@ -264,8 +265,12 @@ const InputText = class {
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
+    setUpLoadableComponent(this);
     this.requestedIcon = setRequestedIcon({}, this.icon, "text");
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   componentDidRender() {
     updateHostInteraction(this);
   }
@@ -277,6 +282,7 @@ 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();
   }
   /** Selects all text of the component's `value`. */

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

@@ -1,18 +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.635
+ * v1.0.0-next.637
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89e9515d.js';
-import { g as guid } from './guid-245906d2.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-8d9e26c2.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-dac2bce3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-b9b0dbc4.js';
-import { u as updateHostInteraction } from './interactive-870aacaa.js';
-import { n as numberKeys, i as isActivationKey } from './key-be044e8f.js';
-import './observers-1dcaab27.js';
-import './dom-db31979f.js';
-import './resources-c02a7a33.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b570e4c.js';
+import { g as guid } from './guid-12deee22.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-659d541f.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b347a097.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d48c01db.js';
+import { u as updateHostInteraction } from './interactive-00f14d53.js';
+import { n as numberKeys, i as isActivationKey } from './key-da605893.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-a678deac.js';
+import './observers-87f2f521.js';
+import './dom-cae739a6.js';
+import './resources-aaffa7f6.js';
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true) {
@@ -450,6 +451,7 @@ 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();
   }
   /**
@@ -487,7 +489,11 @@ const InputTimePicker = class {
       this.open = active;
     }
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
   componentDidLoad() {
+    setComponentLoaded(this);
     this.setInputValue(this.localizedValue);
   }
   disconnectedCallback() {
@@ -1095,6 +1101,7 @@ const TimePicker = class {
    */
   async setFocus(target) {
     var _a;
+    await componentLoaded(this);
     (_a = this[`${target || "hour"}El`]) === null || _a === void 0 ? void 0 : _a.focus();
   }
   // --------------------------------------------------------------------------
@@ -1138,6 +1145,12 @@ const TimePicker = class {
       numberingSystem: this.numberingSystem
     }));
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     disconnectLocalized(this);
   }