@esri/solutions-components 0.8.5 → 0.8.6-6.2

package/dist/components/time-picker.js

@@ -15,7 +15,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true, fractionalSecondDigits) {
@@ -280,7 +280,7 @@ function toISOTimeString(value, includeSeconds = true) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     button: "button",
@@ -317,6 +317,7 @@ const CSS = {
 };
 
 const timePickerCss = ":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTimePickerStyle0 = timePickerCss;
 
 function capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
@@ -1013,79 +1014,79 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends HTM
         const secondIsNumber = isValidNumber(this.second);
         const fractionalSecondIsNumber = isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (h("div", { class: {
+        return (h("div", { key: 'a14cbeb1861fce5acdb6c06210c62d1a60e2c7e7', class: {
                 [CSS.timePicker]: true,
                 [CSS.showMeridiem]: showMeridiem,
                 [CSS.showSecond]: this.showSecond,
                 [CSS[`scale-${this.scale}`]]: true,
-            }, dir: "ltr" }, h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, h("div", { key: 'a53db9fc5411776df398bdf4df8a2521cc16c938', class: CSS.column, role: "group" }, h("span", { key: '117e2b1eca1cd8ee8b5f79a9cfc0b003e165967d', "aria-label": this.messages.hourUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonHourUp]: true,
                 [CSS.buttonTopLeft]: true,
-            }, onClick: this.hourUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
+            }, onClick: this.hourUpClickHandler, role: "button" }, h("calcite-icon", { key: 'd1dfd48891fb26a56873ec597ec9822b2ae9cf5e', icon: "chevron-up", scale: iconScale })), h("span", { key: '2f299ba278f86107a2ef4a34fbe8fb5d9ec05f51', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
                 [CSS.input]: true,
                 [CSS.hour]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.hourEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setHourEl }, this.localizedHour || "--"), h("span", { "aria-label": this.messages.hourDown, class: {
+            ref: this.setHourEl }, this.localizedHour || "--"), h("span", { key: '72bf35a4c3152282cdac87a9bb636dbed52652b4', "aria-label": this.messages.hourDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonHourDown]: true,
                 [CSS.buttonBottomLeft]: true,
-            }, onClick: this.hourDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), h("span", { class: CSS.delimiter }, this.localizedHourSuffix), h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, h("calcite-icon", { key: '70f55cec6f85950079520f710f4bb1a76589bd90', icon: "chevron-down", scale: iconScale }))), h("span", { key: '93641650ddbbe9a0c8753034e4b4418a4dd6f33b', class: CSS.delimiter }, this.localizedHourSuffix), h("div", { key: '197cebdb724341cd763ed0a58f7c10090621fac0', class: CSS.column, role: "group" }, h("span", { key: '10a3705875f07b57c4f494af7ef2d81581985242', "aria-label": this.messages.minuteUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
+            }, onClick: this.minuteUpClickHandler, role: "button" }, h("calcite-icon", { key: '601b4929b942735034e37b634aac614a6640c209', icon: "chevron-up", scale: iconScale })), h("span", { key: '7ef20135cd182c3794c1ce9f7309b09804903171', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
                 [CSS.input]: true,
                 [CSS.minute]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.minuteEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setMinuteEl }, this.localizedMinute || "--"), h("span", { "aria-label": this.messages.minuteDown, class: {
+            ref: this.setMinuteEl }, this.localizedMinute || "--"), h("span", { key: '5c9f8d832d0e1e06b8f637fceaac7209aab6d58d', "aria-label": this.messages.minuteDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), this.showSecond && h("span", { class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, h("calcite-icon", { key: 'ca3672e19d9dc9b9c4105144c5232d84b7489711', icon: "chevron-down", scale: iconScale }))), this.showSecond && h("span", { key: '5f484d639db6288275e213ceb5f0690a2752f618', class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (h("div", { key: 'd52bb3a7fdfa867bbccbe78d3279fb0ceb76a88b', class: CSS.column, role: "group" }, h("span", { key: '28436193da89813ac7f018e9455241bf4e2d07d0', "aria-label": this.messages.secondUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
+            }, onClick: this.secondUpClickHandler, role: "button" }, h("calcite-icon", { key: '839450a3d5330ba189d2d9e7ba66cf2618e632f2', icon: "chevron-up", scale: iconScale })), h("span", { key: '433feb864cc9f44ff7f6ffcaaef128f974a0634b', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
                 [CSS.input]: true,
                 [CSS.second]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.secondEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setSecondEl }, this.localizedSecond || "--"), h("span", { "aria-label": this.messages.secondDown, class: {
+            ref: this.setSecondEl }, this.localizedSecond || "--"), h("span", { key: '808c3402b58419dd68e34274e560b670fdd1d1f0', "aria-label": this.messages.secondDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (h("span", { class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, h("calcite-icon", { key: 'f09e4ac46e13232647e49f9038475f797e215497', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (h("span", { key: 'f1043c1c34a7c9296994ff2cb63fb5b8f00a14b8', class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (h("div", { key: '9c19c935c10e46b54c60c02e701952bd398c7e33', class: CSS.column, role: "group" }, h("span", { key: '0f59c173041cfdf3820982e8d7dd8ed829a543ce', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
+            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, h("calcite-icon", { key: 'cd94cfecf478a52536c58252ead83ed41d65bb69', icon: "chevron-up", scale: iconScale })), h("span", { key: '0d494152f7b11714127f811e41c33d77010b2bbb', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
                 [CSS.input]: true,
                 [CSS.fractionalSecond]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.fractionalSecondEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFractionalSecondEl }, this.localizedFractionalSecond || "--"), h("span", { "aria-label": this.messages.fractionalSecondDown, class: {
+            ref: this.setFractionalSecondEl }, this.localizedFractionalSecond || "--"), h("span", { key: '424ee367ab5ee7c6715d32cff9edbc47e6c964a6', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, h("calcite-icon", { key: '91c71ca8891cb44a07a38cef3b144f170d1dc264', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { key: '43066eb805fff853f88210ee4f17e2fbf5f9fb97', class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { key: '866b964e1e08c9b46d4e5a943a1471c767394ca9', class: {
                 [CSS.column]: true,
                 [CSS.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, h("span", { "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, h("span", { key: '2b0046366a6784fa6ff99be3a3c5370b6a5c01d9', "aria-label": this.messages.meridiemUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonMeridiemUp]: true,
                 [CSS.buttonTopRight]: true,
-            }, onClick: this.meridiemUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
+            }, onClick: this.meridiemUpClickHandler, role: "button" }, h("calcite-icon", { key: '0c5fae03afd08adc4a3065ce595195610d23f96d', icon: "chevron-up", scale: iconScale })), h("span", { key: '148c4d7b777999d1fe2ca5937f16dfca61fcfd8c', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
                 [CSS.input]: true,
                 [CSS.meridiem]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.meridiemEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setMeridiemEl }, this.localizedMeridiem || "--"), h("span", { "aria-label": this.messages.meridiemDown, class: {
+            ref: this.setMeridiemEl }, this.localizedMeridiem || "--"), h("span", { key: 'ee470559d0034555ba1f2a26199e54326d728b6a', "aria-label": this.messages.meridiemDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonMeridiemDown]: true,
                 [CSS.buttonBottomRight]: true,
-            }, onClick: this.meridiemDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, h("calcite-icon", { key: '093408bb889d14238bfb2987db200e7d223addfa', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -1096,7 +1097,7 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends HTM
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleWatcher"]
     }; }
-    static get style() { return timePickerCss; }
+    static get style() { return CalciteTimePickerStyle0; }
 }, [17, "calcite-time-picker", {
         "scale": [513],
         "step": [514],

package/dist/components/tooltip.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { q as queryElementRoots, i as isPrimaryPointerButton, D as getShadowRootNode, t as toAriaBoolean } from './dom.js';
+import { q as queryElementRoots, F as getShadowRootNode, t as toAriaBoolean } from './dom.js';
 import { c as connectFloatingUI, d as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui.js';
 import { g as guid } from './guid.js';
 import { o as onToggleOpenCloseComponent } from './openCloseComponent.js';
@@ -13,7 +13,7 @@ import { F as FloatingArrow } from './FloatingArrow.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     container: "container",
@@ -25,7 +25,7 @@ const ARIA_DESCRIBED_BY = "aria-describedby";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 function getEffectiveReferenceElement(tooltip) {
     const { referenceElement } = tooltip;
@@ -36,7 +36,7 @@ function getEffectiveReferenceElement(tooltip) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 class TooltipManager {
     constructor() {
@@ -97,10 +97,7 @@ class TooltipManager {
                 this.closeHoveredTooltip();
             }
         };
-        this.pointerDownHandler = (event) => {
-            if (!isPrimaryPointerButton(event)) {
-                return;
-            }
+        this.clickHandler = (event) => {
             const clickedTooltip = this.queryTooltip(event.composedPath());
             this.clickedTooltip = clickedTooltip;
             if (clickedTooltip?.closeOnClick) {
@@ -178,14 +175,14 @@ class TooltipManager {
     addListeners() {
         window.addEventListener("keydown", this.keyDownHandler, { capture: true });
         window.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
-        window.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+        window.addEventListener("click", this.clickHandler, { capture: true });
         window.addEventListener("focusin", this.focusInHandler, { capture: true });
         window.addEventListener("focusout", this.focusOutHandler, { capture: true });
     }
     removeListeners() {
         window.removeEventListener("keydown", this.keyDownHandler, { capture: true });
         window.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
-        window.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+        window.removeEventListener("click", this.clickHandler, { capture: true });
         window.removeEventListener("focusin", this.focusInHandler, { capture: true });
         window.removeEventListener("focusout", this.focusOutHandler, { capture: true });
     }
@@ -250,6 +247,7 @@ class TooltipManager {
 }
 
 const tooltipCss = ":host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;border-radius:0.25rem;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTooltipStyle0 = tooltipCss;
 
 const manager = new TooltipManager();
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLElement {
@@ -354,7 +352,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         if (this.referenceElement && !this.effectiveReferenceElement) {
             this.setUpReferenceElement();
         }
-        this.reposition(true);
+        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
         this.hasLoaded = true;
     }
     disconnectedCallback() {
@@ -410,14 +408,14 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { class: {
+        return (h(Host, { key: 'e34d0071ff64ee773ee5bbe5a677c739b8326818', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { key: '7da5007a141c44aab0b84228d284fd7f61802ec3', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, h(FloatingArrow, { floatingLayout: floatingLayout,
+            ref: this.setTransitionEl }, h(FloatingArrow, { key: '0d8fae7c85b885579b2783ca9abd653c90261d93', floatingLayout: floatingLayout,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { class: CSS.container }, h("slot", null)))));
+            ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { key: '6f521a876289e6601d1984bb6d1d980fe56b5e2f', class: CSS.container }, h("slot", { key: '3d87fbde922e9b5ef763e53584073a552094adc2' })))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -428,7 +426,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         "placement": ["placementHandler"],
         "referenceElement": ["referenceElementHandler"]
     }; }
-    static get style() { return tooltipCss; }
+    static get style() { return CalciteTooltipStyle0; }
 }, [1, "calcite-tooltip", {
         "closeOnClick": [516, "close-on-click"],
         "label": [1],

package/dist/components/tr.js

@@ -43,4 +43,4 @@ var locale = {
 };
 dayjs.locale(locale, null, true);
 
-export default locale;
+export { locale as default };

package/dist/components/tree-item.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as getSlotted, j as slotChangeHasAssignedElement, g as getElementDir, t as toAriaBoolean, y as filterDirectChildren } from './dom.js';
+import { a as getSlotted, j as slotChangeHasAssignedElement, g as getElementDir, t as toAriaBoolean, A as filterDirectChildren } from './dom.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
 import { C as CSS_UTILITY } from './resources.js';
@@ -15,7 +15,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     actionsEnd: "actions-end",
@@ -41,7 +41,8 @@ const ICONS = {
     blank: "blank",
 };
 
-const treeItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-color-text-3)}.node-actions-container{display:flex}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .chevron,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .chevron,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .chevron,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:\"\";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;-webkit-text-decoration-line:none;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox{line-height:0}.checkbox-label{pointer-events:none;display:flex;align-items:center}.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-color-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-color-brand)}:host([hidden]){display:none}[hidden]{display:none}";
+const treeItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-color-text-3)}.node-actions-container{display:flex}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=s]) .node-actions-container .node-container .chevron{padding:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]) .node-actions-container .node-container .chevron{padding:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .chevron{padding-inline:var(--calcite-size-md);padding-block:var(--calcite-size-sm-plus)}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:\"\";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox{line-height:0}.checkbox-label{pointer-events:none;display:flex;align-items:center}.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-color-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-color-brand)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTreeItemStyle0 = treeItemCss;
 
 const TreeItem = /*@__PURE__*/ proxyCustomElement(class TreeItem extends HTMLElement {
     constructor() {
@@ -176,16 +177,18 @@ const TreeItem = /*@__PURE__*/ proxyCustomElement(class TreeItem extends HTMLEle
         const isExpanded = this.updateAfterInitialRender && this.expanded;
         const { hasEndActions } = this;
         const slotNode = (h("slot", { key: "actionsEndSlot", name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
-        const iconStartEl = (h("calcite-icon", { class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        return (h(Host, { "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { disabled: this.disabled }, h("div", { class: { [CSS.itemExpanded]: isExpanded } }, h("div", { class: CSS.nodeAndActionsContainer }, h("div", { class: {
+        const iconStartEl = (h("calcite-icon", { key: '310a4c99bf0c59f24438ee4fe15f1656ec2915dc', class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        return (h(Host, { key: 'c2d3bdc257ea4dd48a70f3f772c34d7dae4babda', "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: 'a046b7d8eeb3f031e51a327c42e5fe7a07447d66', disabled: this.disabled }, h("div", { key: '041720f725fba77e2cd66b55302f8ccdbca55c31', class: { [CSS.itemExpanded]: isExpanded } }, h("div", { key: '1c1fb1516c603b62e47baa58057729570f6b7241', class: CSS.nodeAndActionsContainer }, h("div", { key: '4478aba838af86c101b9b1128f126e781d9cfcd9', class: {
                 [CSS.nodeContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
             }, "data-selection-mode": this.selectionMode,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), h("div", { class: CSS.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), h("div", { class: {
+            ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), h("div", { key: '92f2b681550c0f9498d7018d213cb43006911f2c', class: CSS.actionsEnd, hidden: !hasEndActions,
+            // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
+            ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), h("div", { key: 'aa8712d646423483dc48c17fc191e65090cdbb8c', class: {
                 [CSS.childrenContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, h("slot", { name: SLOTS.children }))))));
+            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, h("slot", { key: '71e4d19c4b3694918ff0b1e14929fc0fd75bc154', name: SLOTS.children }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -287,7 +290,7 @@ const TreeItem = /*@__PURE__*/ proxyCustomElement(class TreeItem extends HTMLEle
         "selected": ["handleSelectedChange"],
         "selectionMode": ["getSelectionMode"]
     }; }
-    static get style() { return treeItemCss; }
+    static get style() { return CalciteTreeItemStyle0; }
 }, [1, "calcite-tree-item", {
         "disabled": [516],
         "expanded": [1540],

package/dist/components/tree.js

@@ -4,12 +4,12 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { f as focusElement, x as nodeListToArray } from './dom.js';
+import { f as focusElement, z as nodeListToArray } from './dom.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 function isTreeItem(element) {
     return element?.tagName === "CALCITE-TREE-ITEM";
@@ -30,6 +30,7 @@ function getTraversableItems(root) {
 }
 
 const treeCss = ":host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTreeStyle0 = treeCss;
 
 const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends HTMLElement {
     constructor() {
@@ -131,9 +132,9 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends HTMLElement {
         this.child = !!parent;
     }
     render() {
-        return (h(Host, { "aria-multiselectable": this.child
+        return (h(Host, { key: '4526caaeb8c36baa64c82db9587686515acddc5f', "aria-multiselectable": this.child
                 ? undefined
-                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, h("slot", null)));
+                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, h("slot", { key: '87a2923ef212db797f3930774bdf599849e57848' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -305,7 +306,7 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends HTMLElement {
         return !this.child ? 0 : -1;
     }
     get el() { return this; }
-    static get style() { return treeCss; }
+    static get style() { return CalciteTreeStyle0; }
 }, [1, "calcite-tree", {
         "lines": [1540],
         "child": [1540],

package/dist/components/uk.js

@@ -81,4 +81,4 @@ var locale = {
 };
 dayjs.locale(locale, null, true);
 
-export default locale;
+export { locale as default };

package/dist/components/utils.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const hexChar = /^[0-9A-F]$/i;
 const shorthandHex = /^#[0-9A-F]{3}$/i;
@@ -200,4 +200,4 @@ function toNonAlphaMode(mode) {
     return nonAlphaMode;
 }
 
-export { CSSColorMode as C, hexify as a, alphaCompatible as b, alphaToOpacity as c, colorEqual as d, normalizeAlpha as e, normalizeColor as f, toAlphaMode as g, hexToRGB as h, isValidHex as i, isLonghandHex as j, hexChar as k, normalizeHex as n, opacityToAlpha as o, parseMode as p, rgbToHex as r, toNonAlphaMode as t };
+export { CSSColorMode as C, hexify as a, alphaCompatible as b, alphaToOpacity as c, normalizeColor as d, colorEqual as e, normalizeAlpha as f, toAlphaMode as g, hexToRGB as h, isValidHex as i, isLonghandHex as j, hexChar as k, normalizeHex as n, opacityToAlpha as o, parseMode as p, rgbToHex as r, toNonAlphaMode as t };

package/dist/components/utils2.js

@@ -3,28 +3,30 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { x as nodeListToArray } from './dom.js';
 import { Build } from '@stencil/core/internal/client';
+import { z as nodeListToArray } from './dom.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
 const CSS = {
+    input: "input",
     chipInvisible: "chip--invisible",
     selectionDisplayFit: "selection-display-fit",
     selectionDisplaySingle: "selection-display-single",
     listContainer: "list-container",
+    icon: "icon",
 };
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 function getAncestors(element) {
     const parent = element.parentElement?.closest(ComboboxChildSelector);

package/dist/components/utils3.js

@@ -8,60 +8,7 @@ import { Build } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
- */
-const CSS = {
-    container: "container",
-    containerHover: "container--hover",
-    containerBorder: "container--border",
-    containerBorderSelected: "container--border-selected",
-    containerBorderUnselected: "container--border-unselected",
-    contentContainer: "content-container",
-    contentContainerSelectable: "content-container--selectable",
-    contentContainerHasCenterContent: "content-container--has-center-content",
-    nestedContainer: "nested-container",
-    nestedContainerHidden: "nested-container--hidden",
-    content: "content",
-    customContent: "custom-content",
-    actionsStart: "actions-start",
-    contentStart: "content-start",
-    label: "label",
-    description: "description",
-    contentEnd: "content-end",
-    contentBottom: "content-bottom",
-    actionsEnd: "actions-end",
-    selectionContainer: "selection-container",
-    selectionContainerSingle: "selection-container--single",
-    openContainer: "open-container",
-    dragContainer: "drag-container",
-};
-const SLOTS = {
-    actionsStart: "actions-start",
-    contentStart: "content-start",
-    content: "content",
-    contentBottom: "content-bottom",
-    contentEnd: "content-end",
-    actionsEnd: "actions-end",
-};
-// Set to zero to extend until the end of the table section.
-const MAX_COLUMNS = 0;
-const ICONS = {
-    selectedMultiple: "check-square-f",
-    selectedSingle: "bullet-point-large",
-    unselectedMultiple: "square",
-    unselectedSingle: "bullet-point-large",
-    closedLTR: "chevron-right",
-    closedRTL: "chevron-left",
-    open: "chevron-down",
-    blank: "blank",
-    close: "x",
-};
-const activeCellTestAttribute = "data-test-active";
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const listSelector = "calcite-list";
 const listItemGroupSelector = "calcite-list-item-group";
@@ -97,4 +44,4 @@ function getDepth(element, includeGroup = false) {
     return result.snapshotLength;
 }
 
-export { CSS as C, ICONS as I, MAX_COLUMNS as M, SLOTS as S, activeCellTestAttribute as a, getDepth as b, getListItemChildLists as c, getListItemChildren as g, updateListItemChildren as u };
+export { getDepth as a, getListItemChildLists as b, getListItemChildren as g, updateListItemChildren as u };