@esri/calcite-components 1.5.0-next.21 → 1.5.0-next.23

package/dist/collection/components/slider/slider.js

@@ -1,17 +1,17 @@
 /*!
  * 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.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { guid } from "../../utils/guid";
 import { intersects, isPrimaryPointerButton } from "../../utils/dom";
-import { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot, } from "../../utils/form";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { isActivationKey } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
-import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+import { connectLocalized, disconnectLocalized, numberStringFormatter, } from "../../utils/locale";
 import { clamp, decimalPlaces } from "../../utils/math";
 import { CSS } from "./resources";
 function isRange(value) {
@@ -37,7 +37,7 @@ export class Slider {
               newMaxValue - newMinValue === this.minMaxValueRange) {
               this.setValue({
                 minValue: this.clamp(newMinValue, "minValue"),
-                maxValue: this.clamp(newMaxValue, "maxValue")
+                maxValue: this.clamp(newMaxValue, "maxValue"),
               });
             }
           }
@@ -92,7 +92,7 @@ export class Slider {
         numberStringFormatter.numberFormatOptions = {
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
-          useGrouping: this.groupSeparator
+          useGrouping: this.groupSeparator,
         };
         return numberStringFormatter.localize(value.toString());
       }
@@ -206,21 +206,21 @@ export class Slider {
     const handle = (h("div", { "aria-disabled": this.disabled, "aria-label": valueIsRange ? this.maxLabel : this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": value, class: {
         thumb: true,
         "thumb--value": true,
-        "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp
+        "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: (event) => this.pointerDownDragStart(event, maxProp), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.maxHandle = el) }, h("div", { class: "handle" })));
     const labeledHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": valueIsRange ? this.maxLabel : this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": value, class: {
         thumb: true,
         "thumb--value": true,
-        "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp
+        "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: (event) => this.pointerDownDragStart(event, maxProp), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.maxHandle = el) }, h("span", { "aria-hidden": "true", class: handleLabelValueClasses }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} static` }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} transformed` }, displayedValue), h("div", { class: "handle" })));
     const histogramLabeledHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": valueIsRange ? this.maxLabel : this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": value, class: {
         thumb: true,
         "thumb--value": true,
-        "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp
+        "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: (event) => this.pointerDownDragStart(event, maxProp), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.maxHandle = el) }, h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: handleLabelValueClasses }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} static` }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} transformed` }, displayedValue)));
@@ -228,7 +228,7 @@ export class Slider {
         thumb: true,
         "thumb--value": true,
         "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
-        "thumb--precise": true
+        "thumb--precise": true,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: (event) => this.pointerDownDragStart(event, maxProp), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.maxHandle = el) }, h("div", { class: "handle" }), h("div", { class: "handle-extension" })));
@@ -236,7 +236,7 @@ export class Slider {
         thumb: true,
         "thumb--value": true,
         "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
-        "thumb--precise": true
+        "thumb--precise": true,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: (event) => this.pointerDownDragStart(event, maxProp), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.maxHandle = el) }, h("div", { class: "handle-extension" }), h("div", { class: "handle" })));
@@ -244,7 +244,7 @@ export class Slider {
         thumb: true,
         "thumb--value": true,
         "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
-        "thumb--precise": true
+        "thumb--precise": true,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: (event) => this.pointerDownDragStart(event, maxProp), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.maxHandle = el) }, h("span", { "aria-hidden": "true", class: handleLabelValueClasses }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} static` }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} transformed` }, displayedValue), h("div", { class: "handle" }), h("div", { class: "handle-extension" })));
@@ -252,28 +252,28 @@ export class Slider {
         thumb: true,
         "thumb--value": true,
         "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
-        "thumb--precise": true
+        "thumb--precise": true,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: (event) => this.pointerDownDragStart(event, maxProp), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.maxHandle = el) }, h("div", { class: "handle-extension" }), h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: handleLabelValueClasses }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} static` }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} transformed` }, displayedValue)));
     const minHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": this.minValue, class: {
         thumb: true,
         "thumb--minValue": true,
-        "thumb--active": this.dragProp === "minValue"
+        "thumb--active": this.dragProp === "minValue",
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: (event) => this.pointerDownDragStart(event, "minValue"), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.minHandle = el) }, h("div", { class: "handle" })));
     const minLabeledHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": this.minValue, class: {
         thumb: true,
         "thumb--minValue": true,
-        "thumb--active": this.dragProp === "minValue"
+        "thumb--active": this.dragProp === "minValue",
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: (event) => this.pointerDownDragStart(event, "minValue"), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.minHandle = el) }, h("span", { "aria-hidden": "true", class: handleLabelMinValueClasses }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} static` }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} transformed` }, displayedMinValue), h("div", { class: "handle" })));
     const minHistogramLabeledHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": this.minValue, class: {
         thumb: true,
         "thumb--minValue": true,
-        "thumb--active": this.dragProp === "minValue"
+        "thumb--active": this.dragProp === "minValue",
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: (event) => this.pointerDownDragStart(event, "minValue"), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.minHandle = el) }, h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: handleLabelMinValueClasses }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} static` }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} transformed` }, displayedMinValue)));
@@ -281,7 +281,7 @@ export class Slider {
         thumb: true,
         "thumb--minValue": true,
         "thumb--active": this.dragProp === "minValue",
-        "thumb--precise": true
+        "thumb--precise": true,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: (event) => this.pointerDownDragStart(event, "minValue"), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.minHandle = el) }, h("div", { class: "handle-extension" }), h("div", { class: "handle" })));
@@ -289,19 +289,19 @@ export class Slider {
         thumb: true,
         "thumb--minValue": true,
         "thumb--active": this.dragProp === "minValue",
-        "thumb--precise": true
+        "thumb--precise": true,
       }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: (event) => this.pointerDownDragStart(event, "minValue"), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.minHandle = el) }, h("div", { class: "handle-extension" }), h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: handleLabelMinValueClasses }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} static` }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} transformed` }, displayedMinValue)));
     return (h(Host, { id: id, onTouchStart: this.handleTouchStart }, h("div", { "aria-label": getLabelText(this), class: {
         ["container"]: true,
         ["container--range"]: valueIsRange,
-        [`scale--${this.scale}`]: true
+        [`scale--${this.scale}`]: true,
       } }, this.renderGraph(), h("div", { class: "track",
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.storeTrackRef }, h("div", { class: "track__range", onPointerDown: (event) => this.pointerDownDragStart(event, "minMaxValue"), style: {
         left: `${mirror ? 100 - maxInterval : minInterval}%`,
-        right: `${mirror ? minInterval : 100 - maxInterval}%`
+        right: `${mirror ? minInterval : 100 - maxInterval}%`,
       } }), h("div", { class: "ticks" }, this.tickValues.map((tick) => {
       const tickOffset = `${this.getUnitInterval(tick) * 100}%`;
       let activeTicks = tick >= min && tick <= value;
@@ -310,10 +310,10 @@ export class Slider {
       }
       return (h("span", { class: {
           tick: true,
-          "tick--active": activeTicks
+          "tick--active": activeTicks,
         }, style: {
           left: mirror ? "" : tickOffset,
-          right: mirror ? tickOffset : ""
+          right: mirror ? tickOffset : "",
         } }, this.renderTickLabel(tick)));
     }))), h("div", { class: "thumb-container" }, !this.precise && !this.labelHandles && valueIsRange && minHandle, !this.hasHistogram &&
       !this.precise &&
@@ -339,7 +339,7 @@ export class Slider {
     const tickLabel = (h("span", { class: {
         tick__label: true,
         [CSS.tickMin]: isMinTickLabel,
-        [CSS.tickMax]: isMaxTickLabel
+        [CSS.tickMax]: isMaxTickLabel,
       } }, displayedTickValue));
     if (this.labelTicks && !this.hasHistogram && !valueIsRange) {
       return tickLabel;
@@ -436,7 +436,7 @@ export class Slider {
     event.preventDefault();
     const fixedDecimalAdjustment = Number(adjustment.toFixed(decimalPlaces(step)));
     this.setValue({
-      [activeProp]: this.clamp(fixedDecimalAdjustment, activeProp)
+      [activeProp]: this.clamp(fixedDecimalAdjustment, activeProp),
     });
   }
   pointerDownHandler(event) {

package/dist/collection/components/sortable-list/resources.js

@@ -1,11 +1,11 @@
 /*!
  * 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.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   sortItem: "sort-item",
   container: "container",
   containerHorizontal: "container--horizontal",
-  containerVertical: "container--vertical"
+  containerVertical: "container--vertical",
 };

package/dist/collection/components/sortable-list/sortable-list.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.21
+ * v1.5.0-next.23
  */
 import { h } from "@stencil/core";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { createObserver } from "../../utils/observers";
 import { CSS } from "./resources";
-import { connectSortableComponent, disconnectSortableComponent, onSortingStart, onSortingEnd } from "../../utils/sortableComponent";
+import { connectSortableComponent, disconnectSortableComponent, onSortingStart, onSortingEnd, } from "../../utils/sortableComponent";
 import { focusElement } from "../../utils/dom";
 /**
  * @slot - A slot for adding sortable items.
@@ -114,7 +114,7 @@ export class SortableList {
       onUpdate: () => {
         this.items = Array.from(this.el.children);
         this.calciteListOrderChange.emit();
-      }
+      },
     };
     if (dragSelector) {
       sortableOptions.draggable = dragSelector;
@@ -138,7 +138,7 @@ export class SortableList {
     return (h("div", { class: {
         [CSS.container]: true,
         [CSS.containerVertical]: !horizontal,
-        [CSS.containerHorizontal]: horizontal
+        [CSS.containerHorizontal]: horizontal,
       } }, h("slot", null)));
   }
   static get is() { return "calcite-sortable-list"; }

package/dist/collection/components/split-button/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.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   container: "split-button__container",
@@ -9,5 +9,5 @@ export const CSS = {
   divider: "split-button__divider",
   widthAuto: "width-auto",
   widthHalf: "width-half",
-  widthFull: "width-full"
+  widthFull: "width-full",
 };

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

@@ -1,11 +1,11 @@
 /*!
  * 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.21
+ * v1.5.0-next.23
  */
-import { h } from "@stencil/core";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { h, } from "@stencil/core";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { CSS } from "./resources";
 /**
  * @slot - A slot for adding `calcite-dropdown` content.
@@ -75,7 +75,7 @@ export class SplitButton {
       [CSS.container]: true,
       [CSS.widthAuto]: this.width === "auto",
       [CSS.widthHalf]: this.width === "half",
-      [CSS.widthFull]: this.width === "full"
+      [CSS.widthFull]: this.width === "full",
     };
     const buttonWidth = this.width === "auto" ? "auto" : "full";
     return (h("div", { class: widthClasses }, h("calcite-button", { 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", { class: CSS.dividerContainer }, h("div", { class: CSS.divider })), h("calcite-dropdown", { disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, width: this.scale }, h("calcite-button", { 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", null))));

package/dist/collection/components/stack/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.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   container: "container",
@@ -9,11 +9,11 @@ export const CSS = {
   contentStart: "content-start",
   content: "content",
   contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  actionsEnd: "actions-end",
 };
 export const SLOTS = {
   actionsStart: "actions-start",
   contentStart: "content-start",
   contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  actionsEnd: "actions-end",
 };

package/dist/collection/components/stack/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/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 import { h, Host } from "@stencil/core";
 import { slotChangeHasAssignedElement } from "../../utils/dom";

package/dist/collection/components/stepper/stepper.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.21
+ * v1.5.0-next.23
  */
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { focusElementInGroup } from "../../utils/dom";
 /**
  * @slot - A slot for adding `calcite-stepper-item` elements.
@@ -39,7 +39,7 @@ export class Stepper {
     // if no stepper items are set as active, default to the first one
     if (typeof this.currentPosition !== "number") {
       this.calciteInternalStepperItemChange.emit({
-        position: 0
+        position: 0,
       });
     }
   }
@@ -95,7 +95,7 @@ export class Stepper {
       this.selectedItem = event.target;
     }
     this.calciteInternalStepperItemChange.emit({
-      position
+      position,
     });
   }
   handleUserRequestedStepperItemSelect() {
@@ -167,7 +167,7 @@ export class Stepper {
   updateStep(position) {
     this.currentPosition = position;
     this.calciteInternalStepperItemChange.emit({
-      position
+      position,
     });
   }
   sortItems() {

package/dist/collection/components/stepper-item/stepper-item.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.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { numberStringFormatter, disconnectLocalized, connectLocalized } from "../../utils/locale";
-import { setUpLoadableComponent, setComponentLoaded, componentFocusable } from "../../utils/loadable";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
+import { numberStringFormatter, disconnectLocalized, connectLocalized, } from "../../utils/locale";
+import { setUpLoadableComponent, setComponentLoaded, componentFocusable, } from "../../utils/loadable";
 /**
  * @slot - A slot for adding custom content.
  */
@@ -53,7 +53,7 @@ export class StepperItem {
       if (!this.disabled) {
         const position = this.itemPosition;
         this.calciteInternalUserRequestedStepperItemSelect.emit({
-          position
+          position,
         });
       }
     };
@@ -61,7 +61,7 @@ export class StepperItem {
       if (!this.disabled) {
         const position = this.itemPosition;
         this.calciteInternalStepperItemSelect.emit({
-          position
+          position,
         });
       }
     };
@@ -92,7 +92,7 @@ export class StepperItem {
     numberStringFormatter.numberFormatOptions = {
       locale,
       numberingSystem: this.numberingSystem,
-      useGrouping: false
+      useGrouping: false,
     };
   }
   //--------------------------------------------------------------------------
@@ -171,7 +171,7 @@ export class StepperItem {
   }
   registerStepperItem() {
     this.calciteInternalStepperItemRegister.emit({
-      position: this.itemPosition
+      position: this.itemPosition,
     });
   }
   getItemPosition() {
@@ -181,7 +181,7 @@ export class StepperItem {
     numberStringFormatter.numberFormatOptions = {
       locale: this.effectiveLocale,
       numberingSystem: this.numberingSystem,
-      useGrouping: false
+      useGrouping: false,
     };
     return numberStringFormatter.numberFormatter.format(this.itemPosition + 1);
   }

package/dist/collection/components/switch/switch.js

@@ -1,15 +1,15 @@
 /*!
  * 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.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";
-import { connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectForm, disconnectForm, HiddenFormInputSlot, } from "../../utils/form";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { isActivationKey } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 export class Switch {
   constructor() {
     this.keyDownHandler = (event) => {

package/dist/collection/components/tab/tab.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.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { nodeListToArray } from "../../utils/dom";
 import { guid } from "../../utils/guid";
 /**
@@ -38,7 +38,7 @@ export class Tab {
   disconnectedCallback() {
     // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
     document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister", {
-      detail: this.el
+      detail: this.el,
     }));
   }
   //--------------------------------------------------------------------------

package/dist/collection/components/tab-nav/tab-nav.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.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
-import { filterDirectChildren, focusElementInGroup, getElementDir } from "../../utils/dom";
+import { h, Host, } from "@stencil/core";
+import { filterDirectChildren, focusElementInGroup, getElementDir, } from "../../utils/dom";
 import { createObserver } from "../../utils/observers";
 /**
  * @slot - A slot for adding `calcite-tab-title`s.
@@ -54,7 +54,7 @@ export class TabNav {
       localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTabId));
     }
     this.calciteInternalTabChange.emit({
-      tab: this.selectedTabId
+      tab: this.selectedTabId,
     });
     this.selectedTitle = await this.getTabTitleById(this.selectedTabId);
   }
@@ -101,7 +101,7 @@ export class TabNav {
       !this.selectedTabId) {
       this.tabTitles[0].getTabIdentifier().then((tab) => {
         this.calciteInternalTabChange.emit({
-          tab
+          tab,
         });
       });
     }

package/dist/collection/components/tab-title/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.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   closeButton: "close-button",
@@ -11,8 +11,8 @@ export const CSS = {
   iconEnd: "icon-end",
   iconStart: "icon-start",
   iconPresent: "icon-present",
-  titleIcon: "calcite-tab-title--icon"
+  titleIcon: "calcite-tab-title--icon",
 };
 export const ICONS = {
-  close: "x"
+  close: "x",
 };

package/dist/collection/components/tab-title/tab-title.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.21
+ * v1.5.0-next.23
  */
-import { Build, h, Host } from "@stencil/core";
+import { Build, h, Host, } from "@stencil/core";
 import { getElementDir, getElementProp, toAriaBoolean, nodeListToArray } from "../../utils/dom";
 import { guid } from "../../utils/guid";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { createObserver } from "../../utils/observers";
 import { CSS, ICONS } from "./resources";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 /**
  * Tab-titles are optionally individually closable.
  */
@@ -82,7 +82,7 @@ export class TabTitle {
     this.mutationObserver?.disconnect();
     // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
     document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister", {
-      detail: this.el
+      detail: this.el,
     }));
     this.resizeObserver?.disconnect();
     disconnectInteractive(this);
@@ -118,7 +118,7 @@ export class TabTitle {
     const iconEndEl = (h("calcite-icon", { class: { [CSS.titleIcon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: this.scale === "l" ? "m" : "s" }));
     return (h(Host, { "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected ? 0 : -1 }, h("div", { class: {
         container: true,
-        [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd
+        [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,
       }, hidden: closed,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => this.resizeObserver?.observe(el) }, h("div", { class: { [CSS.content]: true, [CSS.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, h("slot", null), this.iconEnd ? iconEndEl : null), this.renderCloseButton())));

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

@@ -1,8 +1,8 @@
 /*!
  * 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.21
+ * v1.5.0-next.23
  */
 export const SLOTS = {
-  titleGroup: "title-group"
+  titleGroup: "title-group",
 };

package/dist/collection/components/tabs/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/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 import { Fragment, h } from "@stencil/core";
 import { SLOTS } from "./resources";

package/dist/collection/components/text-area/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.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   characterLimit: "character-limit",
@@ -18,10 +18,10 @@ export const CSS = {
   borderColor: "border--color",
   hide: "hide",
   blockSizeFull: "block-size--full",
-  footerEndSlotOnly: "footer--end-only"
+  footerEndSlotOnly: "footer--end-only",
 };
 export const SLOTS = {
   footerStart: "footer-start",
-  footerEnd: "footer-end"
+  footerEnd: "footer-end",
 };
 export const RESIZE_TIMEOUT = 100;