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

package/dist/esm/{debounce-f66bdfff.js → debounce-1a5c2d9a.js}

@@ -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.637
  */
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;

package/dist/esm/{dom-db31979f.js → dom-cae739a6.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 { C as CSS_UTILITY } from './resources-c02a7a33.js';
-import { g as guid } from './guid-245906d2.js';
+import { C as CSS_UTILITY } from './resources-aaffa7f6.js';
+import { g as guid } from './guid-12deee22.js';
 
 /**
  * This helper will guarantee an ID on the provided element.

package/dist/esm/{filter-a2ddf863.js → filter-c6219662.js}

@@ -1,9 +1,9 @@
 /*!
  * 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 isSymbol, S as Symbol, i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce-f66bdfff.js';
+import { a as isSymbol, S as Symbol, i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce-1a5c2d9a.js';
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee

package/dist/esm/{floating-ui-5f769d28.js → floating-ui-83cc4818.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 { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-db31979f.js';
-import { d as debounce } from './debounce-f66bdfff.js';
+import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-cae739a6.js';
+import { d as debounce } from './debounce-1a5c2d9a.js';
 
 function getSide(placement) {
   return placement.split('-')[0];
@@ -1495,7 +1495,7 @@ async function patchFloatingUiForNonChromiumBrowsers() {
   if (config.floatingUINonChromiumPositioningFix &&
     // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
     /firefox|safari/i.test(getUAString())) {
-    const { getClippingRect, getElementRects, getOffsetParent } = await import('./nonChromiumPlatformUtils-44255917.js');
+    const { getClippingRect, getElementRects, getOffsetParent } = await import('./nonChromiumPlatformUtils-c798a816.js');
     platform.getClippingRect = getClippingRect;
     platform.getOffsetParent = getOffsetParent;
     platform.getElementRects = getElementRects;

package/dist/esm/{focusTrapComponent-692f0964.js → focusTrapComponent-a9aedfc3.js}

@@ -1,9 +1,9 @@
 /*!
  * 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 { f as focusElement } from './dom-db31979f.js';
+import { f as focusElement } from './dom-cae739a6.js';
 
 /*!
 * tabbable 6.0.1

package/dist/esm/{form-b9b0dbc4.js → form-d48c01db.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 { c as closestElementCrossShadowBoundary } from './dom-db31979f.js';
-import { h } from './index-89e9515d.js';
+import { c as closestElementCrossShadowBoundary } from './dom-cae739a6.js';
+import { h } from './index-8b570e4c.js';
 
 /**
  * Exported for testing purposes.

package/dist/esm/{guid-245906d2.js → guid-12deee22.js}

@@ -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.637
  */
 function gen(counts) {
   return counts

package/dist/esm/{index-89e9515d.js → index-8b570e4c.js}

@@ -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.637
  */
 const NAMESPACE = 'calcite';
 

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
  * 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
  */

package/dist/esm/{interactive-870aacaa.js → interactive-00f14d53.js}

@@ -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.637
  */
 function noopClick() {
   /** noop */

package/dist/esm/{interfaces-405b7654.js → interfaces-5332a67e.js}

@@ -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.637
  */
 var StatusIcons;
 (function (StatusIcons) {

package/dist/esm/{key-be044e8f.js → key-da605893.js}

@@ -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.637
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/esm/{label-dac2bce3.js → label-b347a097.js}

@@ -1,9 +1,9 @@
 /*!
  * 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 { q as queryElementRoots, c as closestElementCrossShadowBoundary } from './dom-db31979f.js';
+import { q as queryElementRoots, c as closestElementCrossShadowBoundary } from './dom-cae739a6.js';
 
 /**
  * Exported for testing purposes only

package/dist/esm/loadable-a678deac.js

@@ -0,0 +1,60 @@
+/*!
+ * 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.637
+ */
+const resolveMap = new WeakMap();
+const promiseMap = new WeakMap();
+/**
+ * This helper util sets up the component for the ability to know when the component has been loaded.
+ *
+ * This should be used in the `componentWillLoad` lifecycle hook.
+ *
+ * ```
+ * componentWillLoad(): void {
+ *   setUpLoadableComponent(this);
+ * }
+ * ```
+ *
+ * @param component
+ */
+function setUpLoadableComponent(component) {
+  promiseMap.set(component, new Promise((resolve) => resolveMap.set(component, resolve)));
+}
+/**
+ * This helper util lets the loadable component know that it is now loaded.
+ *
+ * This should be used in the `componentDidLoad` lifecycle hook.
+ *
+ * ```
+ * componentDidLoad(): void {
+ *   setComponentLoaded(this);
+ * }
+ * ```
+ *
+ * @param component
+ */
+function setComponentLoaded(component) {
+  resolveMap.get(component)();
+}
+/**
+ * This helper util can be used to ensure a component has been loaded (The "componentDidLoad" stencil lifecycle method has been called).
+ *
+ * Requires "setUpLoadableComponent" and "setComponentLoaded" to be called first.
+ *
+ * A component developer can await this method before proceeding with any logic that requires a component to be loaded first.
+ *
+ * ```
+ * async setFocus(): Promise<void> {
+ *   await componentLoaded(this);
+ * }
+ * ```
+ *
+ * @param component
+ * @returns Promise<void>
+ */
+function componentLoaded(component) {
+  return promiseMap.get(component);
+}
+
+export { setComponentLoaded as a, componentLoaded as c, setUpLoadableComponent as s };

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
 /*!
  * 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 { p as promiseResolve, b as bootstrapLazy } from './index-89e9515d.js';
-import { g as globalScripts } from './app-globals-d9f28e13.js';
-import './resources-c02a7a33.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-8b570e4c.js';
+import { g as globalScripts } from './app-globals-a0f5995b.js';
+import './resources-aaffa7f6.js';
 
 /*
  Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com

package/dist/esm/{locale-8d9e26c2.js → locale-659d541f.js}

@@ -1,11 +1,11 @@
 /*!
  * 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 { n as numberKeys } from './key-be044e8f.js';
-import { c as createObserver } from './observers-1dcaab27.js';
-import { c as closestElementCrossShadowBoundary, b as containsCrossShadowBoundary } from './dom-db31979f.js';
+import { n as numberKeys } from './key-da605893.js';
+import { c as createObserver } from './observers-87f2f521.js';
+import { c as closestElementCrossShadowBoundary, b as containsCrossShadowBoundary } from './dom-cae739a6.js';
 
 const defaultMinusSignRegex = new RegExp("-", "g");
 const unnecessaryDecimalRegex = new RegExp("\\.?0+$");

package/dist/esm/{math-6a5196d6.js → math-1258cc43.js}

@@ -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.637
  */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalPlaces = (value) => {

package/dist/esm/{nonChromiumPlatformUtils-44255917.js → nonChromiumPlatformUtils-c798a816.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 { e as rectToClientRect } from './floating-ui-5f769d28.js';
-import './dom-db31979f.js';
-import './resources-c02a7a33.js';
-import './guid-245906d2.js';
-import './debounce-f66bdfff.js';
+import { e as rectToClientRect } from './floating-ui-83cc4818.js';
+import './dom-cae739a6.js';
+import './resources-aaffa7f6.js';
+import './guid-12deee22.js';
+import './debounce-1a5c2d9a.js';
 
 /**
  * This module provides utils to fix positioning across shadow DOM in non-Chromium browsers

package/dist/esm/{observers-1dcaab27.js → observers-87f2f521.js}

@@ -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.637
  */
 /**
  * This utility ensures observers are created only for browser contexts.

package/dist/esm/{openCloseComponent-6ed97ece.js → openCloseComponent-23945bf3.js}

@@ -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.637
  */
 const componentToTransitionListeners = new WeakMap();
 function transitionStart(event) {

package/dist/esm/{resources-8d0752ff.js → resources-188b007b.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 { a as getAssetPath } from './index-89e9515d.js';
-import { n as numberStringFormatter, g as getSupportedLocale } from './locale-8d9e26c2.js';
+import { a as getAssetPath } from './index-8b570e4c.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-659d541f.js';
 
 /**
  * Check if date is within a min and max

package/dist/esm/{resources-46cbddb4.js → resources-724217d1.js}

@@ -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.637
  */
 const CSS = {
   backButton: "back-button",

package/dist/esm/{resources-c02a7a33.js → resources-aaffa7f6.js}

@@ -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.637
  */
 const autoTheme = "calcite-theme-auto";
 const darkTheme = "calcite-theme-dark";

package/dist/esm/{resources-b744d1ce.js → resources-aef18e74.js}

@@ -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.637
  */
 const SLOTS = {
   menuActions: "menu-actions",

package/dist/esm/{resources-6f2cd008.js → resources-e1b43a72.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 { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-db31979f.js';
-import { g as getRoundRobinIndex } from './array-0a4488f1.js';
-import { d as debounce } from './debounce-f66bdfff.js';
-import { h, H as Host } from './index-89e9515d.js';
+import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-cae739a6.js';
+import { g as getRoundRobinIndex } from './array-f73c9d05.js';
+import { d as debounce } from './debounce-1a5c2d9a.js';
+import { h, H as Host } from './index-8b570e4c.js';
 
 const CSS$2 = {
   heading: "heading",

package/dist/esm/{resources-46a1e1f9.js → resources-fa9d92ce.js}

@@ -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.637
  */
 const CSS = {
   menu: "menu",

package/dist/esm/{sortable.esm-5b4f86a2.js → sortable.esm-8d317af8.js}

@@ -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.637
  */
 /**!
  * Sortable 1.15.0

package/dist/esm/{utils-7a1067a8.js → utils-5e28be3d.js}

@@ -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.637
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-11-18T00:57:02",
+  "timestamp": "2022-11-20T16:19:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.18.1",

package/dist/loader/cdn.js

@@ -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.637
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -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.637
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -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.637
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -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.637
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/action/action.d.ts

@@ -1,10 +1,11 @@
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Alignment, Appearance, Scale } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding a `calcite-icon`.
  */
-export declare class Action implements InteractiveComponent {
+export declare class Action implements InteractiveComponent, LoadableComponent {
   /**
    * When `true`, the component is highlighted.
    */
@@ -65,6 +66,8 @@ export declare class Action implements InteractiveComponent {
   buttonEl: HTMLButtonElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   connectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;
   /** Sets focus on the component. */

package/dist/types/components/action-bar/action-bar.d.ts

@@ -1,12 +1,13 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position, Scale, Layout } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-action`s that will appear at the top of the action bar.
  * @slot bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button.
  * @slot expand-tooltip - Used to set the tooltip for the expand toggle.
  */
-export declare class ActionBar implements ConditionalSlotComponent {
+export declare class ActionBar implements ConditionalSlotComponent, LoadableComponent {
   /**
    * When `true`, the expand-toggling behavior is disabled.
    */
@@ -50,6 +51,7 @@ export declare class ActionBar implements ConditionalSlotComponent {
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   resizeObserver: ResizeObserver;
   expandToggleEl: HTMLCalciteActionElement;
+  componentWillLoad(): void;
   componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;

package/dist/types/components/action-menu/action-menu.d.ts

@@ -2,12 +2,15 @@ import { Event, EventEmitter } from "../../stencil-public-runtime";
 import { VNode } from "../../stencil-public-runtime";
 import { DeprecatedEventPayload, Scale } from "../interfaces";
 import { LogicalPlacement, EffectivePlacement, OverlayPositioning } from "../../utils/floating-ui";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-action`s.
  * @slot trigger - A slot for adding a `calcite-action` to trigger opening the menu.
  * @slot tooltip - A slot for adding an tooltip for the menu.
  */
-export declare class ActionMenu {
+export declare class ActionMenu implements LoadableComponent {
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
   /**
    * When `true`, the component is expanded.

package/dist/types/components/action-pad/action-pad.d.ts

@@ -1,11 +1,12 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Position, Scale } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-action`s to the component.
  * @slot expand-tooltip - Used to set the `calcite-tooltip` for the expand toggle.
  */
-export declare class ActionPad implements ConditionalSlotComponent {
+export declare class ActionPad implements ConditionalSlotComponent, LoadableComponent {
   /**
    * When `true`, the expand-toggling behavior is disabled.
    */
@@ -44,6 +45,7 @@ export declare class ActionPad implements ConditionalSlotComponent {
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * Sets focus on the component.
    *

package/dist/types/components/alert/alert.d.ts

@@ -3,6 +3,7 @@ import { Scale } from "../interfaces";
 import { AlertDuration, AlertPlacement, StatusColor, Sync } from "./interfaces";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
@@ -12,7 +13,7 @@ import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
  * @slot message - A slot for adding main text to the component.
  * @slot link - A slot for optionally adding an action to take from the alert (undo, try again, link to page, etc.)
  */
-export declare class Alert implements OpenCloseComponent, LocalizedComponent {
+export declare class Alert implements OpenCloseComponent, LocalizedComponent, LoadableComponent {
   el: HTMLCalciteAlertElement;
   /**
    * When `true`, displays and positions the component.
@@ -55,6 +56,7 @@ export declare class Alert implements OpenCloseComponent, LocalizedComponent {
   updateDuration(): void;
   connectedCallback(): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
   render(): VNode;
   /** Fires when the component is requested to be closed and before the closing transition begins. */

package/dist/types/components/button/button.d.ts

@@ -5,10 +5,11 @@ import { FlipContext, Scale, Width } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { InteractiveComponent } from "../../utils/interactive";
 import { FormOwner } from "../../utils/form";
+import { LoadableComponent } from "../../utils/loadable";
 /** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
 /** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
 /** @slot - A slot for adding text. */
-export declare class Button implements LabelableComponent, InteractiveComponent, FormOwner {
+export declare class Button implements LabelableComponent, InteractiveComponent, FormOwner, LoadableComponent {
   el: HTMLCalciteButtonElement;
   /** Specifies the alignment of the component's elements. */
   alignment?: ButtonAlignment;
@@ -78,6 +79,7 @@ export declare class Button implements LabelableComponent, InteractiveComponent,
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   componentDidRender(): void;
   render(): VNode;
   /** Sets focus on the component. */

package/dist/types/components/checkbox/checkbox.d.ts

@@ -3,7 +3,8 @@ import { Scale } from "../interfaces";
 import { CheckableFormComponent } from "../../utils/form";
 import { LabelableComponent } from "../../utils/label";
 import { InteractiveComponent } from "../../utils/interactive";
-export declare class Checkbox implements LabelableComponent, CheckableFormComponent, InteractiveComponent {
+import { LoadableComponent } from "../../utils/loadable";
+export declare class Checkbox implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent {
   el: HTMLCalciteCheckboxElement;
   /** When `true`, the component is checked. */
   checked: boolean;
@@ -75,6 +76,8 @@ export declare class Checkbox implements LabelableComponent, CheckableFormCompon
   onLabelClick: () => void;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   componentDidRender(): void;
   render(): VNode;
 }

package/dist/types/components/chip/chip.d.ts

@@ -2,11 +2,12 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ChipColor } from "./interfaces";
 import { Appearance, DeprecatedEventPayload, Scale } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding text.
  * @slot image - A slot for adding an image.
  */
-export declare class Chip implements ConditionalSlotComponent {
+export declare class Chip implements ConditionalSlotComponent, LoadableComponent {
   /** Specifies the appearance style of the component. */
   appearance: Extract<"solid" | "clear", Appearance>;
   /** Specifies the color for the component. */
@@ -39,6 +40,8 @@ export declare class Chip implements ConditionalSlotComponent {
   closed: boolean;
   el: HTMLCalciteChipElement;
   connectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;