@esri/calcite-components 1.7.0-next.7 → 1.7.0-next.9

package/dist/esm/calcite-rating.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { h, r as registerInstance, c as createEvent, H as Host, a as getElement } from './index-09e3cb3e.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1ef32dec.js';
-import { g as guid } from './guid-981d5fb0.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b59f2c1d.js';
-import { c as connectLabel, d as disconnectLabel } from './label-b1a52ad6.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-1b746688.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-68b7fe79.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-48399343.js';
-import './dom-fb4ce137.js';
-import './resources-0fb831f4.js';
-import './key-bbc4f283.js';
-import './observers-bdde77da.js';
+import { h, r as registerInstance, c as createEvent, H as Host, a as getElement } from './index-6d8926bd.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f3380f0f.js';
+import { g as guid } from './guid-dd8a3d4a.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
+import { c as connectLabel, d as disconnectLabel } from './label-a9c5e0d5.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-063d4231.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-a32a6655.js';
+import { f as focusFirstTabbable } from './dom-4c07342d.js';
+import './key-b39022fc.js';
+import './observers-76bb0c71.js';
+import './resources-fd05f8c1.js';
 
 const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { ...{
     class: partial ? undefined : "icon",
@@ -22,7 +22,7 @@ const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { ...{
     scale,
   } }));
 
-const ratingCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-ui-border-input)}.focused{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected{color:var(--calcite-ui-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
+const ratingCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-ui-border-input)}.star:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected{color:var(--calcite-ui-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Rating = class {
   constructor(hostRef) {
@@ -34,29 +34,12 @@ const Rating = class {
     this.handleRatingPointerOut = () => {
       this.isKeyboardInteraction = true;
       this.hoverValue = null;
-      this.focusValue = null;
-      this.hasFocus = false;
-    };
-    this.handleRatingFocusIn = () => {
-      const selectedInput = this.value > 0 ? this.value - 1 : 0;
-      const focusInput = this.inputRefs[selectedInput];
-      const focusValue = Number(focusInput.value);
-      focusInput.select();
-      this.focusValue = focusValue;
-      this.hoverValue = focusValue;
-      this.hasFocus = true;
-    };
-    this.handleRatingFocusLeave = () => {
-      this.focusValue = null;
-      this.hoverValue = null;
-      this.hasFocus = false;
     };
     this.handleHostKeyDown = () => {
       this.isKeyboardInteraction = true;
     };
-    this.handleInputKeyDown = (event) => {
-      const target = event.currentTarget;
-      const inputVal = Number(target.value);
+    this.handleLabelKeyDown = (event) => {
+      const inputValue = this.getValueFromLabelEvent(event);
       const key = event.key;
       const numberKey = key == " " ? undefined : Number(key);
       this.emit = true;
@@ -64,20 +47,20 @@ const Rating = class {
         switch (key) {
           case "Enter":
           case " ":
-            this.value = !this.required && this.value === inputVal ? 0 : inputVal;
+            this.value = !this.required && this.value === inputValue ? 0 : inputValue;
             break;
           case "ArrowLeft":
-            this.value = inputVal - 1;
+            this.value = this.getPreviousRatingValue(inputValue);
+            this.updateFocus();
+            event.preventDefault();
             break;
           case "ArrowRight":
-            this.value = inputVal + 1;
+            this.value = this.getNextRatingValue(inputValue);
+            this.updateFocus();
+            event.preventDefault();
             break;
           case "Tab":
-            if (this.hasFocus) {
-              this.hasFocus = false;
-              this.focusValue = null;
-              this.hoverValue = null;
-            }
+            this.hoverValue = null;
         }
       }
       else {
@@ -87,33 +70,42 @@ const Rating = class {
         else if (this.required && numberKey > 0 && numberKey <= this.max) {
           this.value = numberKey;
         }
+        this.updateFocus();
       }
     };
     this.handleInputChange = (event) => {
       if (this.isKeyboardInteraction === true) {
         const inputVal = Number(event.target["value"]);
-        this.focusValue = inputVal;
         this.hoverValue = inputVal;
         this.value = inputVal;
       }
     };
     this.handleLabelPointerOver = (event) => {
-      const target = event.currentTarget;
-      const newPointerValue = Number(target.firstChild["value"] || 0);
-      this.hoverValue = newPointerValue;
-      this.focusValue = null;
+      this.hoverValue = this.getValueFromLabelEvent(event);
     };
     this.handleLabelPointerDown = (event) => {
       const target = event.currentTarget;
-      const inputVal = Number(target.firstChild["value"] || 0);
-      this.focusValue = null;
-      this.hoverValue = null;
+      const inputValue = this.getValueFromLabelEvent(event);
+      this.hoverValue = inputValue;
       this.emit = true;
-      this.value = !this.required && this.value === inputVal ? 0 : inputVal;
+      this.value = !this.required && this.value === inputValue ? 0 : inputValue;
+      target.focus();
+    };
+    this.handleLabelClick = (event) => {
+      //preventing pointerdown event will supress any compatability mouse events except for click event.
+      event.preventDefault();
+    };
+    this.handleLabelFocus = (event) => {
+      const inputValue = this.getValueFromLabelEvent(event);
+      this.hoverValue = inputValue;
+    };
+    this.setLabelEl = (el) => {
+      this.labelElements.push(el);
     };
     this.emit = false;
     this.guid = `calcite-ratings-${guid()}`;
     this.isKeyboardInteraction = true;
+    this.labelElements = [];
     this.max = 5;
     this.average = undefined;
     this.count = undefined;
@@ -130,15 +122,12 @@ const Rating = class {
     this.effectiveLocale = "";
     this.defaultMessages = undefined;
     this.hoverValue = undefined;
-    this.focusValue = undefined;
-    this.hasFocus = undefined;
   }
   onMessagesChange() {
     /* wired up by t9n util */
   }
   handleValueUpdate(newValue) {
     this.hoverValue = newValue;
-    this.focusValue = newValue;
     if (this.emit) {
       this.calciteRatingChange.emit();
     }
@@ -162,39 +151,28 @@ const Rating = class {
   async componentWillLoad() {
     await setUpMessages(this);
     setUpLoadableComponent(this);
-    this.inputRefs = Array(this.max);
   }
   componentWillRender() {
     this.starsMap = Array.from({ length: this.max }, (_, i) => {
       const value = i + 1;
-      const average = !this.focusValue &&
-        !this.hoverValue &&
-        this.average &&
-        !this.value &&
-        value <= this.average;
+      const average = !this.hoverValue && this.average && !this.value && value <= this.average;
       const checked = value === this.value;
-      const focused = this.isKeyboardInteraction && this.hasFocus && this.focusValue === value;
       const fraction = this.average && this.average + 1 - value;
       const hovered = value <= this.hoverValue;
       const id = `${this.guid}-${value}`;
-      const partial = !this.focusValue &&
-        !this.hoverValue &&
-        !this.value &&
-        !hovered &&
-        fraction > 0 &&
-        fraction < 1;
+      const partial = !this.hoverValue && !this.value && !hovered && fraction > 0 && fraction < 1;
       const selected = this.value >= value;
+      const tabIndex = this.getTabIndex(value);
       return {
         average,
         checked,
-        focused,
         fraction,
         hovered,
         id,
-        idx: i,
         partial,
         selected,
         value,
+        tabIndex,
       };
     });
   }
@@ -212,21 +190,16 @@ const Rating = class {
     updateHostInteraction(this);
   }
   render() {
-    return (h(Host, { onBlur: this.handleRatingFocusLeave, onFocus: this.handleRatingFocusIn, onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, h("span", { class: "wrapper" }, h("fieldset", { class: "fieldset", disabled: this.disabled }, h("legend", { class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, focused, fraction, hovered, id, idx, partial, selected, value, }) => {
+    return (h(Host, { onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, h("span", { class: "wrapper" }, h("fieldset", { class: "fieldset", disabled: this.disabled }, h("legend", { class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex }) => {
       return (h("label", { class: {
           star: true,
-          focused,
           selected,
           hovered,
           average,
           partial,
-        }, htmlFor: id, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver }, h("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, onKeyDown: this.handleInputKeyDown, type: "radio", value: value,
-        // 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.inputRefs[idx] = el;
-          return ((value === 1 || value === this.value) &&
-            (this.inputFocusRef = el));
-        } }), h(StarIcon, { full: selected || average, scale: this.scale }), partial && (h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, h(StarIcon, { full: true, partial: true, scale: this.scale }))), h("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
+        }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, tabIndex: tabIndex,
+        // eslint-disable-next-line react/jsx-sort-props
+        ref: this.setLabelEl }, h("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), h(StarIcon, { full: selected || average, scale: this.scale }), partial && (h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, h(StarIcon, { full: true, partial: true, scale: this.scale }))), h("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
     }), (this.count || this.average) && this.showChip ? (h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && h("span", { class: "number--average" }, this.average.toString()), !!this.count && h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), h(HiddenFormInputSlot, { component: this }))));
   }
   //--------------------------------------------------------------------------
@@ -237,6 +210,26 @@ const Rating = class {
   onLabelClick() {
     this.setFocus();
   }
+  updateFocus() {
+    this.hoverValue = this.value;
+    this.labelElements[this.value - 1].focus();
+  }
+  getTabIndex(value) {
+    if (this.readOnly || (this.value !== value && (this.value || value !== 1))) {
+      return -1;
+    }
+    return 0;
+  }
+  getValueFromLabelEvent(event) {
+    const target = event.currentTarget;
+    return Number(target.getAttribute("data-value"));
+  }
+  getNextRatingValue(currentValue) {
+    return currentValue === 5 ? 1 : currentValue + 1;
+  }
+  getPreviousRatingValue(currentValue) {
+    return currentValue === 1 ? 5 : currentValue - 1;
+  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -245,7 +238,7 @@ const Rating = class {
   /** Sets focus on the component. */
   async setFocus() {
     await componentFocusable(this);
-    this.inputFocusRef?.focus();
+    focusFirstTabbable(this.el);
   }
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }

package/dist/esm/calcite-scrim.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, h, a as getElement } from './index-09e3cb3e.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-68b7fe79.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-48399343.js';
-import { c as createObserver } from './observers-bdde77da.js';
-import { x as slotChangeHasContent } from './dom-fb4ce137.js';
-import './key-bbc4f283.js';
-import './guid-981d5fb0.js';
-import './resources-0fb831f4.js';
+import { r as registerInstance, h, a as getElement } from './index-6d8926bd.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-a32a6655.js';
+import { c as createObserver } from './observers-76bb0c71.js';
+import { x as slotChangeHasContent } from './dom-4c07342d.js';
+import './key-b39022fc.js';
+import './guid-dd8a3d4a.js';
+import './resources-fd05f8c1.js';
 
 const CSS = {
   scrim: "scrim",

package/dist/esm/calcite-segmented-control_2.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-09e3cb3e.js';
-import { g as getElementDir, t as toAriaBoolean } from './dom-fb4ce137.js';
-import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1ef32dec.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b59f2c1d.js';
-import { c as connectLabel, d as disconnectLabel } from './label-b1a52ad6.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-1b746688.js';
-import { c as createObserver } from './observers-bdde77da.js';
-import './guid-981d5fb0.js';
-import './resources-0fb831f4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-6d8926bd.js';
+import { g as getElementDir, t as toAriaBoolean } from './dom-4c07342d.js';
+import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f3380f0f.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
+import { c as connectLabel, d as disconnectLabel } from './label-a9c5e0d5.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-063d4231.js';
+import { c as createObserver } from './observers-76bb0c71.js';
+import './guid-dd8a3d4a.js';
+import './resources-fd05f8c1.js';
 
 const segmentedControlCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:var(--calcite-ui-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([appearance=outline]){background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full]){inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full]) ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-segmented-control-item){justify-content:flex-start}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-shell_3.entry.js

@@ -1,18 +1,18 @@
 /*!
  * 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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, h, F as Fragment, a as getElement, f as forceUpdate } from './index-09e3cb3e.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-802b8a97.js';
-import { b as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, h as getSlotted, g as getElementDir, i as isPrimaryPointerButton } from './dom-fb4ce137.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-68b7fe79.js';
-import { c as clamp } from './math-913b3c16.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-48399343.js';
-import { C as CSS_UTILITY } from './resources-0fb831f4.js';
-import './observers-bdde77da.js';
-import './guid-981d5fb0.js';
-import './key-bbc4f283.js';
+import { r as registerInstance, h, F as Fragment, a as getElement, f as forceUpdate } from './index-6d8926bd.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8fbe05b8.js';
+import { b as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, h as getSlotted, g as getElementDir, i as isPrimaryPointerButton } from './dom-4c07342d.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
+import { c as clamp } from './math-15578f62.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-a32a6655.js';
+import { C as CSS_UTILITY } from './resources-fd05f8c1.js';
+import './observers-76bb0c71.js';
+import './guid-dd8a3d4a.js';
+import './key-b39022fc.js';
 
 const CSS$2 = {
   main: "main",

package/dist/esm/calcite-sortable-list.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-09e3cb3e.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b59f2c1d.js';
-import { c as createObserver } from './observers-bdde77da.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-b72acdd6.js';
-import { d as focusElement } from './dom-fb4ce137.js';
-import './guid-981d5fb0.js';
-import './resources-0fb831f4.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-6d8926bd.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
+import { c as createObserver } from './observers-76bb0c71.js';
+import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-7a1ed98d.js';
+import { d as focusElement } from './dom-4c07342d.js';
+import './guid-dd8a3d4a.js';
+import './resources-fd05f8c1.js';
 
 const CSS = {
   sortItem: "sort-item",

package/dist/esm/calcite-split-button.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-09e3cb3e.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-b59f2c1d.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-1b746688.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-6d8926bd.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-94091e70.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-063d4231.js';
 
 const CSS = {
   container: "split-button__container",

package/dist/esm/calcite-stack.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, h, H as Host } from './index-09e3cb3e.js';
-import { b as slotChangeHasAssignedElement } from './dom-fb4ce137.js';
-import { S as SLOTS, C as CSS } from './resources-9961234f.js';
-import './guid-981d5fb0.js';
-import './resources-0fb831f4.js';
+import { r as registerInstance, h, H as Host } from './index-6d8926bd.js';
+import { b as slotChangeHasAssignedElement } from './dom-4c07342d.js';
+import { S as SLOTS, C as CSS } from './resources-5d1a8ebe.js';
+import './guid-dd8a3d4a.js';
+import './resources-fd05f8c1.js';
 
 const stackCss = ":host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-stepper_2.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-09e3cb3e.js';
-import { l as focusElementInGroup, z as getElementProp, t as toAriaBoolean } from './dom-fb4ce137.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-b59f2c1d.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-68b7fe79.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-1b746688.js';
-import './guid-981d5fb0.js';
-import './resources-0fb831f4.js';
-import './key-bbc4f283.js';
-import './observers-bdde77da.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-6d8926bd.js';
+import { l as focusElementInGroup, z as getElementProp, t as toAriaBoolean } from './dom-4c07342d.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-94091e70.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-063d4231.js';
+import './guid-dd8a3d4a.js';
+import './resources-fd05f8c1.js';
+import './key-b39022fc.js';
+import './observers-76bb0c71.js';
 
 const stepperCss = ":host{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]){flex:1 1 auto;flex-direction:column}:host([layout=horizontal]){display:grid;grid-template-areas:\"items\" \"content\"}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-switch.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-09e3cb3e.js';
-import { d as focusElement, t as toAriaBoolean } from './dom-fb4ce137.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1ef32dec.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b59f2c1d.js';
-import { i as isActivationKey } from './key-bbc4f283.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b1a52ad6.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-1b746688.js';
-import './guid-981d5fb0.js';
-import './resources-0fb831f4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-6d8926bd.js';
+import { d as focusElement, t as toAriaBoolean } from './dom-4c07342d.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f3380f0f.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
+import { i as isActivationKey } from './key-b39022fc.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a9c5e0d5.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-063d4231.js';
+import './guid-dd8a3d4a.js';
+import './resources-fd05f8c1.js';
 
 const switchCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-tab_4.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-09e3cb3e.js';
-import { A as nodeListToArray, l as focusElementInGroup, g as getElementDir, C as filterDirectChildren, z as getElementProp, t as toAriaBoolean } from './dom-fb4ce137.js';
-import { g as guid } from './guid-981d5fb0.js';
-import { c as createObserver } from './observers-bdde77da.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b59f2c1d.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-68b7fe79.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-48399343.js';
-import './resources-0fb831f4.js';
-import './key-bbc4f283.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-6d8926bd.js';
+import { A as nodeListToArray, l as focusElementInGroup, g as getElementDir, C as filterDirectChildren, z as getElementProp, t as toAriaBoolean } from './dom-4c07342d.js';
+import { g as guid } from './guid-dd8a3d4a.js';
+import { c as createObserver } from './observers-76bb0c71.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd82ee8b.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-a32a6655.js';
+import './resources-fd05f8c1.js';
+import './key-b39022fc.js';
 
 const tabCss = ":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section,.container{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-block:13px}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-text-area.entry.js

@@ -1,22 +1,22 @@
 /*!
  * 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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-09e3cb3e.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-1ef32dec.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b1a52ad6.js';
-import { b as slotChangeHasAssignedElement, t as toAriaBoolean } from './dom-fb4ce137.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-68b7fe79.js';
-import { c as createObserver } from './observers-bdde77da.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable, b as componentLoaded } from './loadable-1b746688.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-48399343.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-b59f2c1d.js';
-import { g as guid } from './guid-981d5fb0.js';
-import { t as throttle } from './throttle-d391b450.js';
-import './resources-0fb831f4.js';
-import './key-bbc4f283.js';
-import './debounce-b060deb9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-6d8926bd.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f3380f0f.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a9c5e0d5.js';
+import { b as slotChangeHasAssignedElement, t as toAriaBoolean } from './dom-4c07342d.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-cd82ee8b.js';
+import { c as createObserver } from './observers-76bb0c71.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable, b as componentLoaded } from './loadable-063d4231.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-a32a6655.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-94091e70.js';
+import { g as guid } from './guid-dd8a3d4a.js';
+import { t as throttle } from './throttle-59eb8e6d.js';
+import './resources-fd05f8c1.js';
+import './key-b39022fc.js';
+import './debounce-52e02492.js';
 
 const CSS = {
   assistiveText: "assistive-text",

package/dist/esm/calcite-tile-select_2.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-09e3cb3e.js';
-import { g as guid } from './guid-981d5fb0.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b59f2c1d.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-1b746688.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-6d8926bd.js';
+import { g as guid } from './guid-dd8a3d4a.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-063d4231.js';
 
 const CSS = {
   checked: "checked",

package/dist/esm/calcite-tile.entry.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.7.0-next.7
+ * v1.7.0-next.9
  */
-import { r as registerInstance, h, F as Fragment, a as getElement } from './index-09e3cb3e.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-802b8a97.js';
-import { h as getSlotted } from './dom-fb4ce137.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-b59f2c1d.js';
-import './observers-bdde77da.js';
-import './guid-981d5fb0.js';
-import './resources-0fb831f4.js';
+import { r as registerInstance, h, F as Fragment, a as getElement } from './index-6d8926bd.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8fbe05b8.js';
+import { h as getSlotted } from './dom-4c07342d.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-94091e70.js';
+import './observers-76bb0c71.js';
+import './guid-dd8a3d4a.js';
+import './resources-fd05f8c1.js';
 
 const SLOTS = {
   contentStart: "content-start",