@esri/calcite-components 1.5.0-next.22 → 1.5.0-next.24

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { slotChangeHasAssignedElement, toAriaBoolean } from "../../utils/dom";
 import { CSS, SLOTS, RESIZE_TIMEOUT } from "./resources";
-import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
+import { connectLocalized, disconnectLocalized, numberStringFormatter, } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
-import { componentFocusable, componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { componentFocusable, componentLoaded, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { throttle } from "lodash-es";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 /**
  * @slot - A slot for adding text.
  * @slot footer-start - A slot for adding content to the start of the component's footer.
@@ -135,16 +135,16 @@ export class TextArea {
         [CSS.textAreaInvalid]: this.value?.length > this.maxLength,
         [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
         [CSS.blockSizeFull]: !hasFooter,
-        [CSS.borderColor]: !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, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setTextAreaEl }), h("span", { class: { [CSS.content]: true } }, h("slot", { onSlotchange: this.contentSlotChangeHandler })), h("footer", { class: {
         [CSS.footer]: true,
         [CSS.readOnly]: this.readOnly,
-        [CSS.hide]: !hasFooter
+        [CSS.hide]: !hasFooter,
       }, ref: (el) => (this.footerEl = el) }, h("div", { class: {
         [CSS.container]: true,
-        [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements
+        [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
       } }, h("slot", { name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { component: this })));
   }
   //--------------------------------------------------------------------------
@@ -186,11 +186,11 @@ export class TextArea {
       locale: this.effectiveLocale,
       numberingSystem: this.numberingSystem,
       signDisplay: "never",
-      useGrouping: this.groupSeparator
+      useGrouping: this.groupSeparator,
     };
     return {
       currentLength: numberStringFormatter.localize(currentLength),
-      maxLength: numberStringFormatter.localize(maxLength)
+      maxLength: numberStringFormatter.localize(maxLength),
     };
   }
   syncHiddenFormInput(input) {
@@ -220,7 +220,7 @@ export class TextArea {
       elHeight,
       elWidth,
       footerHeight,
-      footerWidth
+      footerWidth,
     };
   }
   static get is() { return "calcite-text-area"; }

package/dist/collection/components/tile/resources.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 export const SLOTS = {
   contentStart: "content-start",
-  contentEnd: "content-end"
+  contentEnd: "content-end",
 };

package/dist/collection/components/tile/tile.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 import { Fragment, h } from "@stencil/core";
-import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
 import { getSlotted } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { SLOTS } from "./resources";
 /**
  * @slot content-start - A slot for adding non-actionable elements before the component's content.
@@ -52,7 +52,7 @@ export class Tile {
     const iconStyle = isLargeVisual
       ? {
         height: "64px",
-        width: "64px"
+        width: "64px",
       }
       : undefined;
     return (h("div", { class: { container: true, "large-visual": isLargeVisual } }, icon && (h("div", { class: "icon" }, h("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: "l", style: iconStyle }))), h("div", { class: "content-container" }, getSlotted(el, SLOTS.contentStart) ? (h("div", { class: "content-slot-container" }, h("slot", { name: SLOTS.contentStart }))) : null, h("div", { class: "content" }, heading && h("div", { class: "heading" }, heading), description && h("div", { class: "description" }, description)), getSlotted(el, SLOTS.contentEnd) ? (h("div", { class: "content-slot-container" }, h("slot", { name: SLOTS.contentEnd }))) : null)));

package/dist/collection/components/tile-select/resources.js

@@ -1,7 +1,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.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   checked: "checked",
@@ -17,5 +17,5 @@ export const CSS = {
   inputEnabled: "input-enabled",
   largeVisual: "large-visual",
   widthAuto: "width-auto",
-  widthFull: "width-full"
+  widthFull: "width-full",
 };

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

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { guid } from "../../utils/guid";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { CSS } from "./resources";
 /**
  * @slot - A slot for adding custom content.
@@ -158,7 +158,7 @@ export class TileSelect {
     this.el.insertAdjacentElement("beforeend", this.input);
   }
   render() {
-    const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width, iconFlipRtl } = this;
+    const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width, iconFlipRtl, } = this;
     return (h("div", { class: {
         checked,
         container: true,
@@ -175,7 +175,7 @@ export class TileSelect {
         [CSS.inputEnabled]: inputEnabled,
         [CSS.largeVisual]: heading && icon && !description,
         [CSS.widthAuto]: width === "auto",
-        [CSS.widthFull]: width === "full"
+        [CSS.widthFull]: width === "full",
       } }, h("calcite-tile", { active: checked, description: description, embed: true, heading: heading, icon: icon, iconFlipRtl: iconFlipRtl }), h("slot", null)));
   }
   static get is() { return "calcite-tile-select"; }

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

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 import { h } from "@stencil/core";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 /**
  * @slot - A slot for adding `calcite-tile-select` elements.
  */

package/dist/collection/components/time-picker/resources.js

@@ -1,7 +1,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.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   button: "button",
@@ -30,5 +30,5 @@ export const CSS = {
   "scale-m": "scale-m",
   "scale-l": "scale-l",
   timePicker: "time-picker",
-  meridiemStart: "meridiem--start"
+  meridiemStart: "meridiem--start",
 };

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { isActivationKey, numberKeys } from "../../utils/key";
 import { isValidNumber } from "../../utils/number";
-import { connectLocalized, disconnectLocalized } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
-import { formatTimePart, getLocaleHourCycle, getMeridiem, getTimeParts, isValidTime, localizeTimePart, localizeTimeStringToParts, maxTenthForMinuteAndSecond, parseTimeString } from "../../utils/time";
+import { connectLocalized, disconnectLocalized, } from "../../utils/locale";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
+import { formatTimePart, getLocaleHourCycle, getMeridiem, getTimeParts, isValidTime, localizeTimePart, localizeTimeStringToParts, maxTenthForMinuteAndSecond, parseTimeString, } from "../../utils/time";
 import { CSS } from "./resources";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
@@ -268,7 +268,7 @@ export class TimePicker {
       if (isValidTime(value)) {
         const { hour, minute, second } = parseTimeString(value);
         const { effectiveLocale: locale, numberingSystem } = this;
-        const { localizedHour, localizedHourSuffix, localizedMinute, localizedMinuteSuffix, localizedSecond, localizedSecondSuffix, localizedMeridiem } = localizeTimeStringToParts({ value, locale, numberingSystem });
+        const { localizedHour, localizedHourSuffix, localizedMinute, localizedMinuteSuffix, localizedSecond, localizedSecondSuffix, localizedMeridiem, } = localizeTimeStringToParts({ value, locale, numberingSystem });
         this.localizedHour = localizedHour;
         this.localizedHourSuffix = localizedHourSuffix;
         this.localizedMinute = localizedMinute;
@@ -325,7 +325,7 @@ export class TimePicker {
             value: this.hour,
             part: "hour",
             locale,
-            numberingSystem
+            numberingSystem,
           });
         }
       }
@@ -335,7 +335,7 @@ export class TimePicker {
           value: this[key],
           part: key,
           locale,
-          numberingSystem
+          numberingSystem,
         });
       }
       if (this.hour && this.minute) {
@@ -521,7 +521,7 @@ export class TimePicker {
     this.meridiemOrder = this.getMeridiemOrder(getTimeParts({
       value: "0:00:00",
       locale: this.effectiveLocale,
-      numberingSystem: this.numberingSystem
+      numberingSystem: this.numberingSystem,
     }));
   }
   async componentWillLoad() {
@@ -550,58 +550,58 @@ export class TimePicker {
         [CSS.timePicker]: true,
         [CSS.showMeridiem]: showMeridiem,
         [CSS.showSecond]: this.showSecond,
-        [CSS[`scale-${this.scale}`]]: true
+        [CSS[`scale-${this.scale}`]]: true,
       }, dir: "ltr" }, h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.hourUp, class: {
         [CSS.button]: true,
         [CSS.buttonHourUp]: true,
-        [CSS.buttonTopLeft]: true
+        [CSS.buttonTopLeft]: true,
       }, onClick: this.incrementHour, onKeyDown: this.hourUpButtonKeyDownHandler, 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: {
         [CSS.input]: true,
-        [CSS.hour]: true
+        [CSS.hour]: true,
       }, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setHourEl }, this.localizedHour || "--"), h("span", { "aria-label": this.messages.hourDown, class: {
         [CSS.button]: true,
         [CSS.buttonHourDown]: true,
-        [CSS.buttonBottomLeft]: true
+        [CSS.buttonBottomLeft]: true,
       }, onClick: this.decrementHour, onKeyDown: this.hourDownButtonKeyDownHandler, 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: {
         [CSS.button]: true,
-        [CSS.buttonMinuteUp]: true
+        [CSS.buttonMinuteUp]: true,
       }, onClick: this.incrementMinute, onKeyDown: this.minuteUpButtonKeyDownHandler, role: "button", tabIndex: -1 }, 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: {
         [CSS.input]: true,
-        [CSS.minute]: true
+        [CSS.minute]: true,
       }, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setMinuteEl }, this.localizedMinute || "--"), h("span", { "aria-label": this.messages.minuteDown, class: {
         [CSS.button]: true,
-        [CSS.buttonMinuteDown]: true
+        [CSS.buttonMinuteDown]: true,
       }, onClick: this.decrementMinute, onKeyDown: this.minuteDownButtonKeyDownHandler, 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: {
         [CSS.button]: true,
-        [CSS.buttonSecondUp]: true
+        [CSS.buttonSecondUp]: true,
       }, onClick: this.incrementSecond, onKeyDown: this.secondUpButtonKeyDownHandler, 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: {
         [CSS.input]: true,
-        [CSS.second]: true
+        [CSS.second]: true,
       }, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setSecondEl }, this.localizedSecond || "--"), h("span", { "aria-label": this.messages.secondDown, class: {
         [CSS.button]: true,
-        [CSS.buttonSecondDown]: true
+        [CSS.buttonSecondDown]: true,
       }, onClick: this.decrementSecond, onKeyDown: this.secondDownButtonKeyDownHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { class: {
         [CSS.column]: true,
-        [CSS.meridiemStart]: this.meridiemOrder === 0
+        [CSS.meridiemStart]: this.meridiemOrder === 0,
       }, role: "group" }, h("span", { "aria-label": this.messages.meridiemUp, class: {
         [CSS.button]: true,
         [CSS.buttonMeridiemUp]: true,
-        [CSS.buttonTopRight]: true
+        [CSS.buttonTopRight]: true,
       }, onClick: this.incrementMeridiem, onKeyDown: this.meridiemUpButtonKeyDownHandler, 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: {
         [CSS.input]: true,
-        [CSS.meridiem]: true
+        [CSS.meridiem]: true,
       }, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setMeridiemEl }, this.localizedMeridiem || "--"), h("span", { "aria-label": this.messages.meridiemDown, class: {
         [CSS.button]: true,
         [CSS.buttonMeridiemDown]: true,
-        [CSS.buttonBottomRight]: true
+        [CSS.buttonBottomRight]: true,
       }, onClick: this.decrementMeridiem, onKeyDown: this.meridiemDownButtonKeyDownHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))))));
   }
   static get is() { return "calcite-time-picker"; }

package/dist/collection/components/tip/resources.js

@@ -1,7 +1,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.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   container: "container",
@@ -10,11 +10,11 @@ export const CSS = {
   close: "close",
   imageFrame: "image-frame",
   content: "content",
-  info: "info"
+  info: "info",
 };
 export const ICONS = {
-  close: "x"
+  close: "x",
 };
 export const SLOTS = {
-  thumbnail: "thumbnail"
+  thumbnail: "thumbnail",
 };

package/dist/collection/components/tip/tip.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
-import { Fragment, h } from "@stencil/core";
-import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { Fragment, h, } from "@stencil/core";
+import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
 import { getSlotted } from "../../utils/dom";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { constrainHeadingLevel, Heading } from "../functional/Heading";
 import { CSS, ICONS, SLOTS } from "./resources";
 /**

package/dist/collection/components/tip-group/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/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 import { h } from "@stencil/core";
 /**

package/dist/collection/components/tip-manager/resources.js

@@ -1,7 +1,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.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   header: "header",
@@ -14,17 +14,17 @@ export const CSS = {
   pagination: "pagination",
   pagePosition: "page-position",
   pageNext: "page-next",
-  pagePrevious: "page-previous"
+  pagePrevious: "page-previous",
 };
 export const ICONS = {
   chevronLeft: "chevron-left",
   chevronRight: "chevron-right",
-  close: "x"
+  close: "x",
 };
 export const TEXT = {
   defaultGroupTitle: "Tips",
   defaultPaginationLabel: "Tip",
   close: "Close",
   previous: "Previous",
-  next: "Next"
+  next: "Next",
 };

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

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { Heading } from "../functional/Heading";
 import { CSS, ICONS } from "./resources";
 /**
@@ -172,7 +172,7 @@ export class TipManager {
       ref: this.storeContainerRef }, h("header", { class: CSS.header }, h(Heading, { class: CSS.heading, level: headingLevel }, groupTitle), h("calcite-action", { class: CSS.close, onClick: this.hideTipManager, scale: "m", text: closeLabel }, h("calcite-icon", { icon: ICONS.close, scale: "m" }))), h("div", { class: {
         [CSS.tipContainer]: true,
         [CSS.tipContainerAdvancing]: !closed && direction === "advancing",
-        [CSS.tipContainerRetreating]: !closed && direction === "retreating"
+        [CSS.tipContainerRetreating]: !closed && direction === "retreating",
       }, key: selectedIndex, tabIndex: 0 }, h("slot", null)), this.renderPagination()));
   }
   static get is() { return "calcite-tip-manager"; }

package/dist/collection/components/tooltip/TooltipManager.js

@@ -1,7 +1,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.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 import { getShadowRootNode, isPrimaryPointerButton } from "../../utils/dom";
 import { TOOLTIP_OPEN_DELAY_MS, TOOLTIP_CLOSE_DELAY_MS } from "./resources";

package/dist/collection/components/tooltip/resources.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
-  container: "container"
+  container: "container",
 };
 export const TOOLTIP_OPEN_DELAY_MS = 300;
 export const TOOLTIP_CLOSE_DELAY_MS = 500;

package/dist/collection/components/tooltip/tooltip.css

@@ -121,7 +121,7 @@
 * @prop --calcite-tooltip-z-index: Sets the z-index value for the component.
 */
 :host {
-  --calcite-floating-ui-z-index: var(--calcite-tooltip-z-index, 901);
+  --calcite-floating-ui-z-index: var(--calcite-tooltip-z-index, var(--calcite-app-z-index-tooltip));
   display: block;
   position: absolute;
   z-index: var(--calcite-floating-ui-z-index);

package/dist/collection/components/tooltip/tooltip.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";
-import { connectFloatingUI, defaultOffsetDistance, disconnectFloatingUI, FloatingCSS, reposition } from "../../utils/floating-ui";
+import { connectFloatingUI, defaultOffsetDistance, disconnectFloatingUI, FloatingCSS, reposition, } from "../../utils/floating-ui";
 import { guid } from "../../utils/guid";
-import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
+import { connectOpenCloseComponent, disconnectOpenCloseComponent, } from "../../utils/openCloseComponent";
 import { ARIA_DESCRIBED_BY, CSS } from "./resources";
 import TooltipManager from "./TooltipManager";
 import { getEffectiveReferenceElement } from "./utils";
@@ -32,7 +32,7 @@ export class Tooltip {
       const { el, referenceElement, effectiveReferenceElement } = this;
       if (warn && referenceElement && !effectiveReferenceElement) {
         console.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
-          el
+          el,
         });
       }
       this.addReferences();
@@ -124,7 +124,7 @@ export class Tooltip {
    * @param delayed
    */
   async reposition(delayed = false) {
-    const { el, effectiveReferenceElement, placement, overlayPositioning, offsetDistance, offsetSkidding, arrowEl } = this;
+    const { el, effectiveReferenceElement, placement, overlayPositioning, offsetDistance, offsetSkidding, arrowEl, } = this;
     return reposition(this, {
       floatingEl: el,
       referenceEl: effectiveReferenceElement,
@@ -133,7 +133,7 @@ export class Tooltip {
       offsetDistance,
       offsetSkidding,
       arrowEl,
-      type: "tooltip"
+      type: "tooltip",
     }, delayed);
   }
   // --------------------------------------------------------------------------
@@ -164,7 +164,7 @@ export class Tooltip {
     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: {
         [FloatingCSS.animation]: true,
-        [FloatingCSS.animationActive]: displayed
+        [FloatingCSS.animationActive]: displayed,
       },
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setTransitionEl }, h(FloatingArrow, { floatingLayout: floatingLayout,

package/dist/collection/components/tooltip/utils.js

@@ -1,7 +1,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.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 import { queryElementRoots } from "../../utils/dom";
 export function getEffectiveReferenceElement(tooltip) {

package/dist/collection/components/tree/tree.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { focusElement, getRootNode, nodeListToArray } from "../../utils/dom";
 import { getEnabledSiblingItem } from "./utils";
 /**

package/dist/collection/components/tree/utils.js

@@ -1,7 +1,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.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/collection/components/tree-item/resources.js

@@ -1,7 +1,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.
- * v1.5.0-next.22
+ * v1.5.0-next.24
  */
 export const CSS = {
   actionsEnd: "actions-end",
@@ -14,15 +14,15 @@ export const CSS = {
   checkmarkIcon: "checkmark",
   itemExpanded: "item--expanded",
   iconStart: "icon-start",
-  nodeAndActionsContainer: "node-actions-container"
+  nodeAndActionsContainer: "node-actions-container",
 };
 export const SLOTS = {
   actionsEnd: "actions-end",
-  children: "children"
+  children: "children",
 };
 export const ICONS = {
   bulletPoint: "bullet-point",
   checkmark: "check",
   chevronRight: "chevron-right",
-  blank: "blank"
+  blank: "blank",
 };