npm - @esri/calcite-components - Versions diffs - 1.0.0-next.635 → 1.0.0-next.636 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (809) hide show

package/dist/collection/components/date-picker-month-header/date-picker-month-header.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h, Fragment } from "@stencil/core";
 import { dateFromRange, nextMonth, prevMonth, getOrder } from "../../utils/date";

package/dist/collection/components/date-picker-month-header/resources.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * 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.636
  */
 export const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;

package/dist/collection/components/dropdown/dropdown.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, isPrimaryPointerButton, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/dropdown/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const SLOTS = {
   dropdownTrigger: "dropdown-trigger"

package/dist/collection/components/dropdown-group/dropdown-group.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";

package/dist/collection/components/dropdown-group/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   containerSmall: "container--s",

package/dist/collection/components/dropdown-item/dropdown-item.js CHANGED Viewed

@@ -1,11 +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.636
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
 import { CSS } from "./resources";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 /**
  * @slot - A slot for adding text.
  */
@@ -39,6 +40,7 @@ export class DropdownItem {
   /** Sets focus on the component. */
   async setFocus() {
     var _a;
+    await componentLoaded(this);
     (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
   }
   //--------------------------------------------------------------------------
@@ -47,8 +49,12 @@ export class DropdownItem {
   //
   //--------------------------------------------------------------------------
   componentWillLoad() {
+    setUpLoadableComponent(this);
     this.initialize();
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   connectedCallback() {
     const isSelected = this.selected || this.active;
     if (isSelected) {

package/dist/collection/components/dropdown-item/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   containerLink: "container--link",

package/dist/collection/components/fab/fab.js CHANGED Viewed

@@ -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.636
  */
 import { h } from "@stencil/core";
 import { CSS, ICONS } from "./resources";
 import { focusElement } from "../../utils/dom";
 import { updateHostInteraction } from "../../utils/interactive";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 export class Fab {
   constructor() {
     // --------------------------------------------------------------------------
@@ -50,6 +51,12 @@ export class Fab {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   componentDidRender() {
     updateHostInteraction(this);
   }
@@ -60,6 +67,7 @@ export class Fab {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
+    await componentLoaded(this);
     focusElement(this.buttonEl);
   }
   // --------------------------------------------------------------------------

package/dist/collection/components/fab/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   button: "button"

package/dist/collection/components/filter/filter.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { Fragment, h } from "@stencil/core";
 import { debounce } from "lodash-es";
@@ -9,6 +9,7 @@ import { CSS, DEBOUNCE_TIMEOUT, ICONS, TEXT } from "./resources";
 import { focusElement } from "../../utils/dom";
 import { updateHostInteraction } from "../../utils/interactive";
 import { filter } from "../../utils/filter";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 export class Filter {
   constructor() {
     // --------------------------------------------------------------------------
@@ -76,17 +77,16 @@ export class Filter {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
   componentWillLoad() {
+    setUpLoadableComponent(this);
     this.updateFiltered(filter(this.items, this.value));
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -94,6 +94,7 @@ export class Filter {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
+    await componentLoaded(this);
     focusElement(this.textInput);
   }
   updateFiltered(filtered, emit = false) {

package/dist/collection/components/filter/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/flow/flow.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/flow/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   frame: "frame",

package/dist/collection/components/flow-item/flow-item.js CHANGED Viewed

@@ -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.636
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
 import { CSS, ICONS, TEXT, SLOTS } from "./resources";
 import { SLOTS as PANEL_SLOTS } from "../panel/resources";
 import { updateHostInteraction } from "../../utils/interactive";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 /**
  * @slot - A slot for adding custom content.
  * @slot header-actions-start - A slot for adding actions or content to the start side of the header.
@@ -77,9 +78,15 @@ export class FlowItem {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
   componentDidRender() {
     updateHostInteraction(this);
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Methods
@@ -89,6 +96,7 @@ export class FlowItem {
    * Sets focus on the component.
    */
   async setFocus() {
+    await componentLoaded(this);
     const { backButtonEl, containerEl } = this;
     if (backButtonEl) {
       backButtonEl.setFocus();

package/dist/collection/components/flow-item/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   backButton: "back-button"

package/dist/collection/components/functional/ExpandToggle.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/functional/Heading.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h } from "@stencil/core";
 export function constrainHeadingLevel(level) {

package/dist/collection/components/graph/graph.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h, forceUpdate } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/graph/util.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 /**
  * Calculate slope of the tangents

package/dist/collection/components/handle/handle.js CHANGED Viewed

@@ -1,11 +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.636
  */
 import { h } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";
 import { CSS, ICONS } from "./resources";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 export class Handle {
   constructor() {
     // --------------------------------------------------------------------------
@@ -47,6 +48,17 @@ export class Handle {
       this.activated = false;
     };
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Methods
@@ -55,6 +67,7 @@ export class Handle {
   /** 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/collection/components/handle/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   handle: "handle",

package/dist/collection/components/icon/icon.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { Build, h, Host } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/icon/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/icon/utils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { getAssetPath } from "@stencil/core";
 /**

package/dist/collection/components/inline-editable/inline-editable.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h } from "@stencil/core";
 import { getElementProp, getSlotted } from "../../utils/dom";
@@ -9,6 +9,7 @@ import { TEXT, CSS } from "./resources";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 /**
  * @slot - A slot for adding a `calcite-input`.
  */
@@ -143,6 +144,12 @@ export class InlineEditable {
     (_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);
@@ -177,6 +184,7 @@ export class InlineEditable {
   //--------------------------------------------------------------------------
   async setFocus() {
     var _a, _b;
+    await componentLoaded(this);
     if (this.editingEnabled) {
       (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
     }

package/dist/collection/components/inline-editable/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   wrapper: "wrapper",

package/dist/collection/components/input/input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";
@@ -15,6 +15,7 @@ import { CSS_UTILITY, TEXT as COMMON_TEXT } from "../../utils/resources";
 import { decimalPlaces } from "../../utils/math";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 /**
  * @slot action - A slot for positioning a `calcite-button` next to the component.
  */
@@ -475,11 +476,15 @@ export class Input {
   }
   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.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   componentShouldUpdate(newValue, oldValue, property) {
     if (this.type === "number" && property === "value" && newValue && !isValidNumber(newValue)) {
       this.setValue({
@@ -501,6 +506,7 @@ export class Input {
   /** 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();
     }

package/dist/collection/components/input/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-date-picker/input-date-picker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h, Host, Build } from "@stencil/core";
 import { getLocaleData, getValueAsDateRange } from "../date-picker/utils";
@@ -16,6 +16,7 @@ import { toAriaBoolean } from "../../utils/dom";
 import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
 import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
 import { numberKeys } from "../../utils/key";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 export class InputDatePicker {
   constructor() {
     //--------------------------------------------------------------------------
@@ -372,6 +373,7 @@ export class InputDatePicker {
   /** Sets focus on the component. */
   async setFocus() {
     var _a;
+    await componentLoaded(this);
     (_a = this.startInput) === null || _a === void 0 ? void 0 : _a.setFocus();
   }
   /**
@@ -440,11 +442,13 @@ export class InputDatePicker {
     };
   }
   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/collection/components/input-date-picker/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   menu: "menu-container",

package/dist/collection/components/input-message/input-message.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { Host, h } from "@stencil/core";
 import { getElementProp, setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input-message/interfaces.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/collection/components/input-number/input-number.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";
@@ -15,6 +15,7 @@ import { CSS_UTILITY, TEXT as COMMON_TEXT } from "../../utils/resources";
 import { decimalPlaces } from "../../utils/math";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
+import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 /**
  * @slot action - A slot for positioning a button next to the component.
  */
@@ -406,6 +407,9 @@ export class InputNumber {
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     var _a;
     disconnectLabel(this);
@@ -416,6 +420,7 @@ export class InputNumber {
   }
   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");
@@ -441,6 +446,7 @@ export class InputNumber {
   /** 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/collection/components/input-number/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * 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.636
  */
 export const CSS = {
   loader: "loader",