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

package/dist/esm/calcite-button.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, h, g as getElement } from './index-d119a9b1.js';
-import { c as closestElementCrossShadowBoundary } from './dom-6f749d3c.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-470d0c8c.js';
-import { c as createObserver } from './observers-533bc15c.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import { s as submitForm, r as resetForm } from './form-9f9f8ce0.js';
-import './resources-c1440888.js';
-import './guid-2e58a3a3.js';
+import { r as registerInstance, h, g as getElement } from './index-43905a28.js';
+import { c as closestElementCrossShadowBoundary } from './dom-1e25772a.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7ab2f78b.js';
+import { c as createObserver } from './observers-10b6d9bf.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { s as submitForm, r as resetForm } from './form-9a041e68.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-f9ca5c20.js';
+import './resources-12be96e6.js';
+import './guid-c42adc0b.js';
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return
@@ -149,10 +150,14 @@ const Button = class {
     this.formEl = null;
   }
   componentWillLoad() {
+    setUpLoadableComponent(this);
     {
       this.updateHasContent();
     }
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   componentDidRender() {
     updateHostInteraction(this);
   }
@@ -180,6 +185,7 @@ const Button = class {
   /** Sets focus on the component. */
   async setFocus() {
     var _a;
+    await componentLoaded(this);
     (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
   }
   updateHasContent() {

package/dist/esm/calcite-card.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d119a9b1.js';
-import { t as toAriaBoolean, g as getSlotted } from './dom-6f749d3c.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-cd228b87.js';
-import './resources-c1440888.js';
-import './guid-2e58a3a3.js';
-import './observers-533bc15c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-43905a28.js';
+import { t as toAriaBoolean, g as getSlotted } from './dom-1e25772a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d7042454.js';
+import './resources-12be96e6.js';
+import './guid-c42adc0b.js';
+import './observers-10b6d9bf.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-checkbox.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d119a9b1.js';
-import { g as guid } from './guid-2e58a3a3.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f9f8ce0.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-470d0c8c.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import { t as toAriaBoolean } from './dom-6f749d3c.js';
-import { i as isActivationKey } from './key-88203e10.js';
-import './resources-c1440888.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-43905a28.js';
+import { g as guid } from './guid-c42adc0b.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9a041e68.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7ab2f78b.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { t as toAriaBoolean } from './dom-1e25772a.js';
+import { i as isActivationKey } from './key-a3cbc709.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-f9ca5c20.js';
+import './resources-12be96e6.js';
 
 const checkboxCss = "@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([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
@@ -104,6 +105,7 @@ const Checkbox = class {
   /** Sets focus on the component. */
   async setFocus() {
     var _a;
+    await componentLoaded(this);
     (_a = this.toggleEl) === null || _a === void 0 ? void 0 : _a.focus();
   }
   //--------------------------------------------------------------------------
@@ -120,6 +122,12 @@ const Checkbox = class {
     disconnectLabel(this);
     disconnectForm(this);
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   componentDidRender() {
     updateHostInteraction(this);
   }

package/dist/esm/calcite-chip.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d119a9b1.js';
-import { g as getSlotted } from './dom-6f749d3c.js';
-import { g as guid } from './guid-2e58a3a3.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-cd228b87.js';
-import './resources-c1440888.js';
-import './observers-533bc15c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-43905a28.js';
+import { g as getSlotted } from './dom-1e25772a.js';
+import { g as guid } from './guid-c42adc0b.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d7042454.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-f9ca5c20.js';
+import './resources-12be96e6.js';
+import './observers-10b6d9bf.js';
 
 const CSS = {
   title: "title",
@@ -94,6 +95,12 @@ const Chip = class {
       this.handleClosable(this.closable);
     }
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     disconnectConditionalSlotComponent(this);
   }
@@ -105,6 +112,7 @@ const Chip = class {
   /** Sets focus on the component. */
   async setFocus() {
     var _a;
+    await componentLoaded(this);
     (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();
   }
   //--------------------------------------------------------------------------

package/dist/esm/calcite-color-picker_3.entry.js

@@ -1,17 +1,18 @@
 /*!
  * 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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d119a9b1.js';
-import { i as isPrimaryPointerButton, a as getElementDir, f as focusElement, d as getThemeName } from './dom-6f749d3c.js';
-import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-248398b5.js';
-import { c as clamp } from './math-920d7bd4.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import { i as isActivationKey } from './key-88203e10.js';
-import { d as debounce, i as isObject } from './debounce-9d3ac120.js';
-import './resources-c1440888.js';
-import './guid-2e58a3a3.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-43905a28.js';
+import { i as isPrimaryPointerButton, a as getElementDir, f as focusElement, d as getThemeName } from './dom-1e25772a.js';
+import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-42067c6f.js';
+import { c as clamp } from './math-75a0848f.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { i as isActivationKey } from './key-a3cbc709.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-f9ca5c20.js';
+import { d as debounce, i as isObject } from './debounce-5b813e28.js';
+import './resources-12be96e6.js';
+import './guid-c42adc0b.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -2865,6 +2866,7 @@ const ColorPicker = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
+    await componentLoaded(this);
     return focusElement(this.colorFieldScopeNode);
   }
   //--------------------------------------------------------------------------
@@ -2873,6 +2875,7 @@ const ColorPicker = class {
   //
   //--------------------------------------------------------------------------
   componentWillLoad() {
+    setUpLoadableComponent(this);
     const { allowEmpty, color: color$1, format, value } = this;
     const willSetNoColor = allowEmpty && !value;
     const parsedMode = parseMode(value);
@@ -2889,6 +2892,9 @@ const ColorPicker = class {
       this.savedColors = JSON.parse(localStorage.getItem(storageKey));
     }
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     document.removeEventListener("pointermove", this.globalPointerMoveHandler);
     document.removeEventListener("pointerup", this.globalPointerUpHandler);
@@ -3204,6 +3210,12 @@ const ColorPickerHexInput = class {
       this.internalSetValue(null, null, false);
     }
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   handleValueChange(value, oldValue) {
     this.internalSetValue(value, oldValue, false);
   }
@@ -3261,6 +3273,7 @@ const ColorPickerHexInput = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
+    await componentLoaded(this);
     focusElement(this.inputNode);
   }
   //--------------------------------------------------------------------------

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

@@ -1,21 +1,22 @@
 /*!
  * 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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d119a9b1.js';
-import { f as filter } from './filter-ccedb60a.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-c9d7a2d3.js';
-import { g as guid } from './guid-2e58a3a3.js';
-import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, e as getElementProp, g as getSlotted } from './dom-6f749d3c.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-470d0c8c.js';
-import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f9f8ce0.js';
-import { c as createObserver } from './observers-533bc15c.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-39f37c0e.js';
-import { d as debounce } from './debounce-9d3ac120.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-cd228b87.js';
-import './resources-c1440888.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-43905a28.js';
+import { f as filter } from './filter-9f8f8154.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-133bb551.js';
+import { g as guid } from './guid-c42adc0b.js';
+import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, e as getElementProp, g as getSlotted } from './dom-1e25772a.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7ab2f78b.js';
+import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-9a041e68.js';
+import { c as createObserver } from './observers-10b6d9bf.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-90c0bc0f.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-f9ca5c20.js';
+import { d as debounce } from './debounce-5b813e28.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d7042454.js';
+import './resources-12be96e6.js';
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -497,6 +498,7 @@ const Combobox = class {
   /** Sets focus on the component. */
   async setFocus() {
     var _a;
+    await componentLoaded(this);
     (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
     this.activeChipIndex = -1;
     this.activeItemIndex = -1;
@@ -525,11 +527,13 @@ const Combobox = class {
     }
   }
   componentWillLoad() {
+    setUpLoadableComponent(this);
     this.updateItems();
   }
   componentDidLoad() {
     afterConnectDefaultValueSet(this, this.getValue());
     this.reposition(true);
+    setComponentLoaded(this);
   }
   componentDidRender() {
     if (this.el.offsetHeight !== this.inputHeight) {

package/dist/esm/calcite-date-picker_4.entry.js

@@ -1,18 +1,18 @@
 /*!
  * 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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-d119a9b1.js';
-import { T as TEXT, h as getDaysDiff, b as dateToISO, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-dd20ee16.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-1513e269.js';
-import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-6f749d3c.js';
-import { C as CSS_UTILITY } from './resources-c1440888.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import { i as isActivationKey } from './key-88203e10.js';
-import { H as Heading } from './Heading-b8ffad61.js';
-import './observers-533bc15c.js';
-import './guid-2e58a3a3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-43905a28.js';
+import { T as TEXT, h as getDaysDiff, b as dateToISO, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-30d36ead.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-a47c2f83.js';
+import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-1e25772a.js';
+import { C as CSS_UTILITY } from './resources-12be96e6.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { i as isActivationKey } from './key-a3cbc709.js';
+import { H as Heading } from './Heading-5e76b2b4.js';
+import './observers-10b6d9bf.js';
+import './guid-c42adc0b.js';
 
 const datePickerCss = "@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{position:relative;display:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}";
 

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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d119a9b1.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, e as getElementProp } from './dom-6f749d3c.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-c9d7a2d3.js';
-import { c as createObserver } from './observers-533bc15c.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-39f37c0e.js';
-import { g as guid } from './guid-2e58a3a3.js';
-import { i as isActivationKey } from './key-88203e10.js';
-import './resources-c1440888.js';
-import './debounce-9d3ac120.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-43905a28.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, e as getElementProp } from './dom-1e25772a.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-133bb551.js';
+import { c as createObserver } from './observers-10b6d9bf.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-90c0bc0f.js';
+import { g as guid } from './guid-c42adc0b.js';
+import { i as isActivationKey } from './key-a3cbc709.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-f9ca5c20.js';
+import './resources-12be96e6.js';
+import './debounce-5b813e28.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, h, g as getElement } from './index-d119a9b1.js';
-import { f as focusElement } from './dom-6f749d3c.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import './resources-c1440888.js';
-import './guid-2e58a3a3.js';
+import { r as registerInstance, h, g as getElement } from './index-43905a28.js';
+import { f as focusElement } from './dom-1e25772a.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-f9ca5c20.js';
+import './resources-12be96e6.js';
+import './guid-c42adc0b.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d119a9b1.js';
-import { f as focusElement } from './dom-6f749d3c.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import { f as filter } from './filter-ccedb60a.js';
-import { d as debounce } from './debounce-9d3ac120.js';
-import './resources-c1440888.js';
-import './guid-2e58a3a3.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-43905a28.js';
+import { f as focusElement } from './dom-1e25772a.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { f as filter } from './filter-9f8f8154.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-f9ca5c20.js';
+import { d as debounce } from './debounce-5b813e28.js';
+import './resources-12be96e6.js';
+import './guid-c42adc0b.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d119a9b1.js';
-import { a as getElementDir } from './dom-6f749d3c.js';
-import { S as SLOTS$1 } from './resources-78021ac2.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import './resources-c1440888.js';
-import './guid-2e58a3a3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-43905a28.js';
+import { a as getElementDir } from './dom-1e25772a.js';
+import { S as SLOTS$1 } from './resources-49545055.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-f9ca5c20.js';
+import './resources-12be96e6.js';
+import './guid-c42adc0b.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, h, g as getElement } from './index-d119a9b1.js';
-import { c as createObserver } from './observers-533bc15c.js';
+import { r as registerInstance, h, g as getElement } from './index-43905a28.js';
+import { c as createObserver } from './observers-10b6d9bf.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.634
+ * v1.0.0-next.636
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-d119a9b1.js';
-import { g as guid } from './guid-2e58a3a3.js';
-import { c as createObserver } from './observers-533bc15c.js';
-import { i as isPrimaryPointerButton, j as intersects } from './dom-6f749d3c.js';
-import { d as decimalPlaces, c as clamp } from './math-920d7bd4.js';
-import { c as connectLabel, d as disconnectLabel } from './label-470d0c8c.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-9f9f8ce0.js';
-import { u as updateHostInteraction } from './interactive-091db0ac.js';
-import { i as isActivationKey } from './key-88203e10.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-1513e269.js';
-import './resources-c1440888.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-43905a28.js';
+import { g as guid } from './guid-c42adc0b.js';
+import { c as createObserver } from './observers-10b6d9bf.js';
+import { i as isPrimaryPointerButton, j as intersects } from './dom-1e25772a.js';
+import { d as decimalPlaces, c as clamp } from './math-75a0848f.js';
+import { c as connectLabel, d as disconnectLabel } from './label-7ab2f78b.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-9a041e68.js';
+import { u as updateHostInteraction } from './interactive-dc49c49b.js';
+import { i as isActivationKey } from './key-a3cbc709.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-a47c2f83.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-f9ca5c20.js';
+import './resources-12be96e6.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();
   }