@esri/calcite-components 2.10.0-next.8 → 2.10.0

package/dist/components/calcite-split-button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
@@ -92,7 +92,7 @@ const SplitButton = /*@__PURE__*/ proxyCustomElement(class SplitButton extends H
     }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (h(InteractiveContainer, { key: '29a01dcdfb77420965e3255738466781f483248b', disabled: this.disabled }, h("div", { key: '021b958d944b2b6d6119d88caf62993221b0fdbe', class: CSS.container }, h("calcite-button", { key: '62ac9ccaf0c7a840cfc8d49868f7bd3cddb10f40', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { key: 'ca2b635f3be150909391a43bb3ca5439ca3943a6', class: CSS.dividerContainer }, h("div", { key: '4e1e4f1c8ad6205c913189c5a14548177cf3ca12', class: CSS.divider })), h("calcite-dropdown", { key: '5d513bb00ccf27df82dbf6c6428d3806af2c2012', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, h("calcite-button", { key: '1fc1316a145a7733c9f3ea42fe3e96f913200ef2', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), h("slot", { key: 'cb0b7107e204bb9b630cedb06a78175bfbac84e7' })))));
+        return (h(InteractiveContainer, { key: '9816cd5d0599d1c5f8028fdc8ae73e131a3d5cde', disabled: this.disabled }, h("div", { key: '5da8524d892c4c9cc10e38597e83a5384d79069f', class: CSS.container }, h("calcite-button", { key: '78768e3ea566183d6050e57cdd33b9d7f0094628', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { key: '0ba1be6e170e0ca37f137095408218e71c329f5f', class: CSS.dividerContainer }, h("div", { key: 'c74f972e11098664376b5d2111a0cb8c5c20bd18', class: CSS.divider })), h("calcite-dropdown", { key: 'cc63acc79dcbfa4d45de7de9cea7a45746a0f6c8', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, h("calcite-button", { key: 'c01f813baed84a23a47d1efc7002c4ca028a125d', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), h("slot", { key: 'c8c326396544ed85f75e9b8a561dd16d3d84e39d' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"

package/dist/components/calcite-stack.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { a as Stack, d as defineCustomElement$1 } from './stack.js';
 

package/dist/components/calcite-stepper-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
@@ -151,9 +151,9 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
         disconnectMessages(this);
     }
     render() {
-        return (h(Host, { key: '9408ed9a5f0ac304069f2510f08a385fd493b767', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '22d9be6089de841fb1bbcd052e19f162967bb80c', disabled: this.disabled }, h("div", { key: '1e7d2787328ae97a398f156c1fa8821b8d2aa4bd', class: CSS.container }, this.complete && (h("span", { key: 'b40f4229dfa1413cc70628149636df0ee5c99284', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), h("div", { key: '6bf36ad6dbfdacea400e4bf30ff3b0c23bdf008b', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
+        return (h(Host, { key: 'e558570c1e2068daec381888b4bb1e7826ec062c', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '67b2df92e4af3cfe2d6e449ee7860890d3adfb94', disabled: this.disabled }, h("div", { key: '6de1885c996ff0dfd2dbfbaa0671edfff4a23934', class: CSS.container }, this.complete && (h("span", { key: '275d720e03765bee32b2cd4427513a468bf83280', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), h("div", { key: 'ab6984c2b37de0bdf2a00be81456ddc325a1e010', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
             /* additional tab index logic needed because of display: contents */
-            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { key: '9215720c53429554b045ce197a45b3f7e1a1e4ec', class: CSS.stepperItemHeaderText }, h("span", { key: 'b5defa1b27eb646e1e47d8c74505ae92ba28989b', class: CSS.stepperItemHeading }, this.heading), h("span", { key: '8f56aa9f93664283b0c66462d6d181a2bdeebad6', class: CSS.stepperItemDescription }, this.description))), h("div", { key: 'd840a45b4844f05b95ca7beb97763e3739bc9c7c', class: CSS.stepperItemContent }, h("slot", { key: 'e8eaa2295e218c96b0e74aa25a6f867ebb157a55' }))))));
+            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { key: '250e4875c4e755a1c2182595cb2b40cf12900808', class: CSS.stepperItemHeaderText }, h("span", { key: 'd1644434c42dcc1388dda9caf09afca01bded9a5', class: CSS.stepperItemHeading }, this.heading), h("span", { key: 'b1173d636da796ebc10af029e017100344f904df', class: CSS.stepperItemDescription }, this.description))), h("div", { key: '35fe242f95bcf185aa860a0b655feb188d664c16', class: CSS.stepperItemContent }, h("slot", { key: 'd374807564e5f3c5970624fa51639727cb004a44' }))))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-stepper.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { h, proxyCustomElement, HTMLElement, createEvent, Host, readTask } from '@stencil/core/internal/client/index.js';
 import { s as slotChangeGetAssignedElements, v as focusElementInGroup } from './dom.js';
@@ -139,7 +139,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: '1b7fe3f50929c4ac1afdccb86e35db2895d431e8', "aria-label": this.messages.label, role: "region" }, h("div", { key: 'ed676bff58cbbcf9db0a4dc1b87f9f7736482e05', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (h("div", { key: '49a91660e380a7770dc834a3bae082b0067e838d', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (h("div", { key: '1cdf8c27f13df68398ea3e726dfe59378d8d580b', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), h("slot", { key: 'd2ad38829dcb56b6259df925d8d6afdd593482e5', onSlotchange: this.handleDefaultSlotChange }))));
+        return (h(Host, { key: '2be19afef4a5e085bfc4ea8f2f6cb65a6de83196', "aria-label": this.messages.label, role: "region" }, h("div", { key: 'e6bd09696b2dece88c200df2fcdf8b0ceadd5c8a', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (h("div", { key: 'd42d90048b6a473b84f6b9385dd096f5b4f68d55', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (h("div", { key: '86851a89f024c1da158d2fa49e1357b5710223e9', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), h("slot", { key: 'e635faa3273041dd35dcb4b737d2bdecf99ec639', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-switch.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { S as Switch, d as defineCustomElement$1 } from './switch.js';
 

package/dist/components/calcite-tab-nav.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { T as TabNav, d as defineCustomElement$1 } from './tab-nav.js';
 

package/dist/components/calcite-tab-title.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { T as TabTitle, d as defineCustomElement$1 } from './tab-title.js';
 

package/dist/components/calcite-tab.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { T as Tab, d as defineCustomElement$1 } from './tab.js';
 

package/dist/components/calcite-table-cell.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { T as TableCell, d as defineCustomElement$1 } from './table-cell.js';
 

package/dist/components/calcite-table-header.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { T as TableHeader, d as defineCustomElement$1 } from './table-header.js';
 

package/dist/components/calcite-table-row.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { v as focusElementInGroup } from './dom.js';
@@ -234,7 +234,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
         return this.rowType === "head" ? (h("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (h("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (h("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (h(Host, { key: 'bee859b6315a791fe96a156c425fb63e0996c08b' }, h(InteractiveContainer, { key: '2d99b9eacf71f21388ae481f12fcdd09f21a69b5', disabled: this.disabled }, h("tr", { key: 'a538ad83abbe3fdefc498bbaaf04e15a5e929cee', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), h("slot", { key: '7a21d3f966b4d7be6dce24b3e0a657d77366b86e', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (h(Host, { key: '46546bb443b09dd88942b3af3871369d3da6c395' }, h(InteractiveContainer, { key: 'bda62c531c3623c20628c9302f1d166717bd5ef8', disabled: this.disabled }, h("tr", { key: '2420e0131b56feb56d9dc08c3a6b4e641bfd2875', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), h("slot", { key: 'f4ae062ff757091ca7ea00580261ea6b7abc9282', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-table.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
@@ -279,13 +279,13 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         return (h("tfoot", null, h("slot", { name: SLOTS.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (h(Host, { key: 'f6501bbe29568030134249295c8eed1fb7e2ed77' }, h("div", { key: 'c1bf2ee4c26a6dd66ddfc2b6e978ea4f10b5a3b4', class: CSS.container }, this.selectionMode !== "none" &&
+        return (h(Host, { key: '303db103a86b0ac3593876f7c1365d151de38949' }, h("div", { key: '46ad58071827847e9771d5aa4f0687bb0d504cbd', class: CSS.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), h("div", { key: 'ecfa2a112ab8f5856cc2697079c251bb0c0dc746', class: {
+            this.renderSelectionArea(), h("div", { key: 'ce6c9a94137aaf3116fe02e28e99f47c68f5874f', class: {
                 [CSS.bordered]: this.bordered,
                 [CSS.striped]: this.striped || this.zebra,
                 [CSS.tableContainer]: true,
-            } }, h("table", { key: 'b1c682f442af3ff0b1d7056202228d282def09f9', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, h("caption", { key: '36f62065e1bbd5412035acf32eb07b26909ee72a', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, h("table", { key: '123286bcb3811bd6c4a71e5f8df15bb9a1ded395', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, h("caption", { key: '6eda3a41c089f184b4f6c71f143ec4aaf18878a4', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { T as Tabs, d as defineCustomElement$1 } from './tabs.js';
 

package/dist/components/calcite-text-area.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, forceUpdate, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
@@ -186,20 +186,20 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-        return (h(Host, { key: '80fd3cf06c998119105d1afaf512d81655169698' }, h(InteractiveContainer, { key: 'a42a2d5812c9dc34adedb6df67ac64eac502a322', disabled: this.disabled }, h("textarea", { key: '29e79eed5313a3ec8567728c1fa1c5a0f1094067', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
+        return (h(Host, { key: '1cf8d8932cfc34863ec4f6954c05cab29be79e0a' }, h(InteractiveContainer, { key: '562df527b0a00e33a3f72c5dd1a5b921e4db48c4', disabled: this.disabled }, h("textarea", { key: '4044f82c8d7d86a83e2451350d7bb7d7f330485f', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
                 [CSS.readOnly]: this.readOnly,
                 [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),
                 [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
                 [CSS.blockSizeFull]: !hasFooter,
                 [CSS.borderColor]: !hasFooter,
-            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), h("span", { key: '3605990df245633f73c63046182ad72d21ff81b2', class: { [CSS.content]: true } }, h("slot", { key: '24fc3eacbc1bb322588e06faa8d9722cdde8c414', onSlotchange: this.contentSlotChangeHandler })), h("footer", { key: '7f8685d535a56af5bf3f85b82382b8f6226e644c', class: {
+            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), h("span", { key: 'e23a55600d68239c78fc2fb98f289195f1d6a797', class: { [CSS.content]: true } }, h("slot", { key: '4ea0a5fe04210574843207e899d0ce16a1bb4c48', onSlotchange: this.contentSlotChangeHandler })), h("footer", { key: '07072a422762ca26f0f30b8497503edb8d77e8bc', class: {
                 [CSS.footer]: true,
                 [CSS.readOnly]: this.readOnly,
                 [CSS.hide]: !hasFooter,
-            }, ref: (el) => (this.footerEl = el) }, h("div", { key: '73675632ff1b8ee5b00e7fbb84b321b6bb2c9601', class: {
+            }, ref: (el) => (this.footerEl = el) }, h("div", { key: '95c690b9ec35ebdd9ca008ac4213d49d57788e96', class: {
                 [CSS.container]: true,
                 [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, h("slot", { key: '42809751529ce89dd876608f922ff99a79e1f2b3', name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { key: 'a8069f62b655288525ff892ba5a525c79bae7c01', name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { key: '86b605b8d1c33c827fb039dc9619455a0d0e9ada', component: this }), this.isCharacterLimitExceeded() && (h("span", { key: '701c091eff94da3defe5a48521030a8626ce5bf6', "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            } }, h("slot", { key: '65dbd9cef4d617c8bd9a6bbd610091f505188b0f', name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { key: '8e05f35c0c130fcde292c98f35b584dbc189f840', name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { key: '7e0b7f5c82fab77065d8f8ce2d3f6dc877515602', component: this }), this.isCharacterLimitExceeded() && (h("span", { key: '4ed6485bc07b81aa5ce3e865c54fda74a054d691', "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-tile-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
@@ -158,7 +158,7 @@ const TileGroup = /*@__PURE__*/ proxyCustomElement(class TileGroup extends HTMLE
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (h(InteractiveContainer, { key: '913613cec0a1c6a3053521ce34967d7451a2eba9', disabled: this.disabled }, h("div", { key: '8458b913035dc204ace2736fd52cefda699a86e1', "aria-label": this.label, class: CSS.container, role: role }, h("slot", { key: 'f820a50452c7725374c490f3a595116536bd07ee', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
+        return (h(InteractiveContainer, { key: '7295e4d11cea10efc846dcbd44e29313f4e24ec1', disabled: this.disabled }, h("div", { key: 'a0f58d44165ed6fd430a9429a54f569acd366f5d', "aria-label": this.label, class: CSS.container, role: role }, h("slot", { key: '6826c4b01ada7d2e63324ce7cc9cc0ccaa8d9739', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-tile-select-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
@@ -32,7 +32,7 @@ const TileSelectGroup = /*@__PURE__*/ proxyCustomElement(class TileSelectGroup e
         disconnectInteractive(this);
     }
     render() {
-        return (h(InteractiveContainer, { key: '536933fe2032c90609f71cd3aebaf4c3d4ed197a', disabled: this.disabled }, h("slot", { key: '4a0a39578fb04425461f09c5add3fae79efc950e' })));
+        return (h(InteractiveContainer, { key: 'c2b3ea84b52caa807e718d047df4544496145dc6', disabled: this.disabled }, h("slot", { key: 'aad045941f8c7ea5f1c335b37d7a9dcb7ccd4a3f' })));
     }
     get el() { return this; }
     static get style() { return CalciteTileSelectGroupStyle0; }

package/dist/components/calcite-tile-select.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -194,7 +194,7 @@ const TileSelect = /*@__PURE__*/ proxyCustomElement(class TileSelect extends HTM
         const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width, iconFlipRtl, } = this;
         const isLargeVisual = heading && icon && !description;
         const renderIcon = Boolean(icon);
-        return (h(InteractiveContainer, { key: 'f07a5b4221b677c7eb019e814d7cff8d58ac0fc8', disabled: disabled }, h("div", { key: '149023eb4237c78da2365b6b9fbc908739ee2847', class: {
+        return (h(InteractiveContainer, { key: '7acdfde84246014561a51fe868208c315cf5a3ed', disabled: disabled }, h("div", { key: 'c8c672449fc79db97fd13b6198eea4da627f75f2', class: {
                 checked,
                 container: true,
                 [CSS.description]: Boolean(description),
@@ -211,7 +211,7 @@ const TileSelect = /*@__PURE__*/ proxyCustomElement(class TileSelect extends HTM
                 [CSS.largeVisual]: isLargeVisual,
                 [CSS.widthAuto]: width === "auto",
                 [CSS.widthFull]: width === "full",
-            } }, h("div", { key: '3ea624ccd93973b0066a90d52f37663fd5501ad3', class: { [CSS.tile]: true, [CSS.tileLargeVisual]: isLargeVisual } }, icon && (h("div", { key: '525be864787a961a5c07de4e2cabe37d416b89e9', class: { [CSS.icon]: renderIcon } }, h("calcite-icon", { key: '1d4c5a14ed5b17e2e45fb8a79e14d1066097d5e5', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), h("div", { key: '26af17e435ffd73056c7494e58835d2d10b415cf', class: CSS.tileContentContainer }, h("div", { key: '28d4cf3d7da19fc4947faeb149612a2d8b36c8d4', class: CSS.tileContent }, heading && h("div", { key: '1eddc80788adc5b3400a9ef3f4d596c36cf04dc9', class: CSS.tileHeading }, heading), description && h("div", { key: 'a44daff054cbbcd7807f10f0e28afea1542777ee', class: CSS.tileDescription }, description)))), h("slot", { key: 'dad6d5f46ea23bb84918da6d992fe2f004afb99d' }))));
+            } }, h("div", { key: '40a366c01297f703d656b6452132b675a4023ece', class: { [CSS.tile]: true, [CSS.tileLargeVisual]: isLargeVisual } }, icon && (h("div", { key: '82310a812aac47ec904091e6284b55519d5ee242', class: { [CSS.icon]: renderIcon } }, h("calcite-icon", { key: '506fa463a99ae0eafee798ac6944408db8ded8f0', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), h("div", { key: 'bca3d226f4aa3aadb58c38851d15dbc424383ff9', class: CSS.tileContentContainer }, h("div", { key: 'eb256a4f0cd1ba213a562de5b7da58bb11b28e48', class: CSS.tileContent }, heading && h("div", { key: '228f8472a5ed9e00e3b8b34f8b3459147e173145', class: CSS.tileHeading }, heading), description && h("div", { key: '173e5e4efe4076d5beec291e88167ddd83d4f376', class: CSS.tileDescription }, description)))), h("slot", { key: 'f9fa7eecad83c321c9ab2f2401149777fa8dd222' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-tile.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
@@ -199,7 +199,7 @@ const Tile = /*@__PURE__*/ proxyCustomElement(class Tile extends HTMLElement {
     }
     render() {
         const { disabled } = this;
-        return (h(InteractiveContainer, { key: '4091fa5bb52fefcc7f1d7bbe39270dba92ed53c5', disabled: disabled }, this.href ? (h("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (h(InteractiveContainer, { key: 'fefee534d623f2cb2c3d672ebe389fbf27bcd916', disabled: disabled }, this.href ? (h("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
     }
     get el() { return this; }
     static get style() { return CalciteTileStyle0; }

package/dist/components/calcite-time-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { T as TimePicker, d as defineCustomElement$1 } from './time-picker.js';
 

package/dist/components/calcite-tip-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 
@@ -16,7 +16,7 @@ const TipGroup = /*@__PURE__*/ proxyCustomElement(class TipGroup extends HTMLEle
         this.groupTitle = undefined;
     }
     render() {
-        return h("slot", { key: '5733d25b3e942fa936ded5c03d84d5945ea2fa12' });
+        return h("slot", { key: '6d0bbdf7afacf20d36729395f92a6affdc5d9eb8' });
     }
     static get style() { return CalciteTipGroupStyle0; }
 }, [1, "calcite-tip-group", {

package/dist/components/calcite-tip-manager.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { a as getElementDir, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-tip.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
@@ -108,7 +108,7 @@ const Tip = /*@__PURE__*/ proxyCustomElement(class Tip extends HTMLElement {
         return (h("div", { class: CSS.content }, this.renderImageFrame(), this.renderInfoNode()));
     }
     render() {
-        return (h(Fragment, { key: 'e0f0ca403772ecef4cc9cce4ece15f268e2aa2a5' }, h("article", { key: 'c948be55714dfbf430d2ab1f1c619d97e4ec1045', class: CSS.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
+        return (h(Fragment, { key: '883679cf3cadde5f70e23f3431798e47a669b589' }, h("article", { key: 'c821d3ce0496b9e1dfd9689d021ad08e40e87a67', class: CSS.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-tooltip.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
+ * v2.10.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { q as queryElementRoots, G as getShadowRootNode, t as toAriaBoolean } from './dom.js';
@@ -9,7 +9,6 @@ import { c as connectFloatingUI, d as defaultOffsetDistance, a as disconnectFloa
 import { g as guid } from './guid.js';
 import { o as onToggleOpenCloseComponent } from './openCloseComponent.js';
 import { F as FloatingArrow } from './FloatingArrow.js';
-import { c as componentOnReady } from './component.js';
 
 const CSS = {
     container: "container",
@@ -246,6 +245,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         this.calciteTooltipBeforeOpen = createEvent(this, "calciteTooltipBeforeOpen", 6);
         this.calciteTooltipOpen = createEvent(this, "calciteTooltipOpen", 6);
         this.guid = `calcite-tooltip-${guid()}`;
+        this.hasLoaded = false;
         this.openTransitionProp = "opacity";
         this.setTransitionEl = (el) => {
             this.transitionEl = el;
@@ -321,8 +321,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
-        await componentOnReady(this.el);
+    connectedCallback() {
         this.setUpReferenceElement(true);
         if (this.open) {
             onToggleOpenCloseComponent(this);
@@ -333,6 +332,12 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
             onToggleOpenCloseComponent(this);
         }
     }
+    componentDidLoad() {
+        if (this.referenceElement && !this.effectiveReferenceElement) {
+            this.setUpReferenceElement();
+        }
+        this.hasLoaded = true;
+    }
     disconnectedCallback() {
         this.removeReferences();
         disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
@@ -386,10 +391,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (h(Host, { key: 'ed85b2d8f2b315b44794a319e458edfab3d2ae99', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { key: '90a64eb031fc3ae472d55985df733c5087f6cdd6', class: {
+        return (h(Host, { key: 'efe45cfea02c55dc9485e7f1760aef938aff1999', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { key: '0110992190776206883f22752e73f2dc215890ed', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, h(FloatingArrow, { key: '6e64b84eaeb5b2bf0cc3c8af698386dc41d1eb9d', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { key: '66a83179d7b9542762372e7f781a68032f9c96df', class: CSS.container }, h("slot", { key: 'add39324eff140ba4faa4354d3fd8bf0471d97f4' })))));
+            }, ref: this.setTransitionEl }, h(FloatingArrow, { key: '993f3df44f2104096966c5865217465868a028c3', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { key: '3289d59eba5264aa5bff0285441452861ac49d8b', class: CSS.container }, h("slot", { key: 'e060c878105353e47ecb5dfc9b85888be791c8c9' })))));
     }
     get el() { return this; }
     static get watchers() { return {