@esri/calcite-components 3.2.0-next.0 → 3.2.0-next.2

package/dist/components/calcite-input-text/customElement.js

@@ -15,7 +15,7 @@ import { u as q } from "../../chunks/useT9n.js";
 import { css as D } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const n = {
   loader: "loader",
   clearButton: "clear-button",

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

@@ -23,7 +23,7 @@ import { u as te } from "../../chunks/useT9n.js";
 import { css as ie } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const se = ie`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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([scale=s]){--calcite-toggle-spacing: .5rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing: .75rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing: 1rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 2rem)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing);--calcite-icon-color: var(--calcite-color-text-3)}.input-wrapper:hover .toggle-icon,calcite-input-text:focus+.toggle-icon{--calcite-icon-color: var(--calcite-color-text-1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`, ae = {
   toggleIcon: "toggle-icon"
 }, y = {

package/dist/components/calcite-input-time-zone/customElement.js

@@ -13,7 +13,7 @@ import { g as X } from "../../chunks/locale.js";
 import { css as Y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const ee = {
   offset: "offset"
 }, te = 60;

package/dist/components/calcite-label/customElement.js

@@ -5,7 +5,7 @@ import { l as s, a as o, b as c } from "../../chunks/label.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const d = {
   container: "container"
 }, m = r`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .5rem)}:host([scale=m]) .container{gap:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .75rem)}:host([scale=l]) .container{gap:.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1);color:var(--calcite-label-text-color, var(--calcite-color-text-1))}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host([layout=inline][scale=l]) .container{gap:.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity: 1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity: 0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-link/customElement.js

@@ -9,7 +9,7 @@ import { c as E } from "../../chunks/component.js";
 import { css as z } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const w = z`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0;border-style:none;font-family:inherit;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform,background-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;margin-block-start:-.25em}:host .calcite-link--icon.icon-start{margin-inline-end:.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px,100% 1px}:host span:active,:host a:active{background-size:100% 2px,100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%,100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
 class R extends f {
   // #endregion

package/dist/components/calcite-list/customElement.d.ts

@@ -153,4 +153,6 @@ export declare class List extends LitElement {
     readonly calciteListFilter: TargetedEvent<this, undefined>;
     /** Fires when the component's item order changes. */
     readonly calciteListOrderChange: TargetedEvent<this, ListDragDetail>;
+    /** Fires when a user attempts to move an element using the sort menu and 'canPut' or 'canPull' returns falsy. */
+    readonly calciteListMoveHalt: TargetedEvent<this, ListDragDetail>;
 }

package/dist/components/calcite-list/customElement.js

@@ -3,21 +3,21 @@ import { ref as $ } from "lit-html/directives/ref.js";
 import { keyed as I } from "lit-html/directives/keyed.js";
 import { debounce as y } from "lodash-es";
 import { html as d } from "lit";
-import { LitElement as w, createEvent as p, safeClassMap as h } from "@arcgis/lumina";
-import { a as g, y as P } from "../../chunks/dom.js";
+import { LitElement as P, createEvent as m, safeClassMap as h } from "@arcgis/lumina";
+import { a as g, y as w } from "../../chunks/dom.js";
 import { u as k, I as D } from "../../chunks/interactive.js";
 import { c as M } from "../../chunks/observers.js";
-import { b as u, l as b, u as O, c as L, i as v, e as T } from "../../chunks/utils.js";
-import { d as R, c as N } from "../../chunks/sortableComponent.js";
+import { b as u, l as b, u as T, c as E, i as S, e as O } from "../../chunks/utils.js";
+import { d as R, c as H } from "../../chunks/sortableComponent.js";
 import { S as F } from "../../chunks/resources.js";
-import { c as U } from "../../chunks/component.js";
+import { c as N } from "../../chunks/component.js";
 import { n as x } from "../../chunks/locale.js";
-import { g as G } from "../../chunks/guid.js";
-import { u as H } from "../../chunks/useT9n.js";
+import { g as U } from "../../chunks/guid.js";
+import { u as G } from "../../chunks/useT9n.js";
 import { css as z } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const f = {
   container: "container",
   table: "table",
@@ -26,12 +26,12 @@ const f = {
   tableContainer: "table-container",
   sticky: "sticky-pos",
   assistiveText: "assistive-text"
-}, E = {
+}, v = {
   filterNoResults: "filter-no-results",
   filterActionsStart: "filter-actions-start",
   filterActionsEnd: "filter-actions-end"
-}, q = z`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{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}:host([hidden]){display:none}[hidden]{display:none}`, B = `${L}, ${u}`;
-class W extends w {
+}, q = z`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{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}:host([hidden]){display:none}[hidden]{display:none}`, B = `${E}, ${u}`;
+class W extends P {
   // #endregion
   // #region Lifecycle
   constructor() {
@@ -39,15 +39,15 @@ class W extends w {
       this.willPerformFilter = !0, this.updateListItems();
     }), this.updateListItems = y(() => {
       this.updateGroupItems();
-      const { selectionAppearance: t, selectionMode: e, interactionMode: i, dragEnabled: l, el: s, filterEl: n, moveToItems: a, displayMode: r, scale: c } = this, m = Array.from(this.el.querySelectorAll(u));
-      if (m.forEach((o) => {
-        o.scale = c, o.selectionAppearance = t, o.selectionMode = e, o.interactionMode = i, o.closest(b) === s && (o.moveToItems = a.filter((S) => S.element !== s && !o.contains(S.element)), o.dragHandle = l, o.displayMode = r);
+      const { selectionAppearance: t, selectionMode: e, interactionMode: i, dragEnabled: l, el: s, filterEl: n, moveToItems: a, displayMode: r, scale: c } = this, p = Array.from(this.el.querySelectorAll(u));
+      if (p.forEach((o) => {
+        o.scale = c, o.selectionAppearance = t, o.selectionMode = e, o.interactionMode = i, o.closest(b) === s && (o.moveToItems = a.filter((L) => L.element !== s && !o.contains(L.element)), o.dragHandle = l, o.displayMode = r);
       }), this.parentListEl) {
         this.setUpSorting();
         return;
       }
-      this.listItems = m, this.filterEnabled && this.willPerformFilter && (this.willPerformFilter = !1, this.dataForFilter = this.getItemData(), n && (n.items = this.dataForFilter, this.filterAndUpdateData())), this.visibleItems = this.listItems.filter((o) => !o.closed && !o.hidden), this.updateFilteredItems(), this.borderItems(), this.focusableItems = this.filteredItems.filter((o) => !o.disabled), this.setActiveListItem(), this.updateSelectedItems(), this.setUpSorting();
-    }, C.nextTick), this.visibleItems = [], this.willFilterEmit = !1, this.willPerformFilter = !1, this.dataForFilter = [], this.hasFilterActionsEnd = !1, this.hasFilterActionsStart = !1, this.hasFilterNoResults = !1, this.moveToItems = [], this.disabled = !1, this.dragEnabled = !1, this.filterEnabled = !1, this.filteredData = [], this.filteredItems = [], this.interactionMode = "interactive", this.loading = !1, this.messages = H({ blocking: !0 }), this.displayMode = "flat", this.scale = "m", this.selectedItems = [], this.selectionAppearance = "icon", this.selectionMode = "none", this.calciteInternalListDefaultSlotChange = p({ cancelable: !1 }), this.calciteListChange = p({ cancelable: !1 }), this.calciteListDragEnd = p({ cancelable: !1 }), this.calciteListDragStart = p({ cancelable: !1 }), this.calciteListFilter = p({ cancelable: !1 }), this.calciteListOrderChange = p({ cancelable: !1 }), this.listen("calciteInternalListItemToggle", this.handleCalciteListItemToggle), this.listen("calciteInternalFocusPreviousItem", this.handleCalciteInternalFocusPreviousItem), this.listen("calciteInternalListItemActive", this.handleCalciteInternalListItemActive), this.listen("calciteListItemSelect", this.handleCalciteListItemSelect), this.listen("calciteInternalAssistiveTextChange", this.handleCalciteInternalAssistiveTextChange), this.listen("calciteSortHandleReorder", this.handleSortReorder), this.listen("calciteSortHandleMove", this.handleSortMove), this.listen("calciteInternalListItemSelect", this.handleCalciteInternalListItemSelect), this.listen("calciteInternalListItemSelectMultiple", this.handleCalciteInternalListItemSelectMultiple), this.listen("calciteInternalListItemChange", this.handleCalciteInternalListItemChange), this.listen("calciteInternalListItemGroupDefaultSlotChange", this.handleCalciteInternalListItemGroupDefaultSlotChange);
+      this.listItems = p, this.filterEnabled && this.willPerformFilter && (this.willPerformFilter = !1, this.dataForFilter = this.getItemData(), n && (n.items = this.dataForFilter, this.filterAndUpdateData())), this.visibleItems = this.listItems.filter((o) => !o.closed && !o.hidden), this.updateFilteredItems(), this.borderItems(), this.focusableItems = this.filteredItems.filter((o) => !o.disabled), this.setActiveListItem(), this.updateSelectedItems(), this.setUpSorting();
+    }, C.nextTick), this.visibleItems = [], this.willFilterEmit = !1, this.willPerformFilter = !1, this.dataForFilter = [], this.hasFilterActionsEnd = !1, this.hasFilterActionsStart = !1, this.hasFilterNoResults = !1, this.moveToItems = [], this.disabled = !1, this.dragEnabled = !1, this.filterEnabled = !1, this.filteredData = [], this.filteredItems = [], this.interactionMode = "interactive", this.loading = !1, this.messages = G({ blocking: !0 }), this.displayMode = "flat", this.scale = "m", this.selectedItems = [], this.selectionAppearance = "icon", this.selectionMode = "none", this.calciteInternalListDefaultSlotChange = m({ cancelable: !1 }), this.calciteListChange = m({ cancelable: !1 }), this.calciteListDragEnd = m({ cancelable: !1 }), this.calciteListDragStart = m({ cancelable: !1 }), this.calciteListFilter = m({ cancelable: !1 }), this.calciteListOrderChange = m({ cancelable: !1 }), this.calciteListMoveHalt = m({ cancelable: !1 }), this.listen("calciteInternalListItemToggle", this.handleCalciteListItemToggle), this.listen("calciteInternalFocusPreviousItem", this.handleCalciteInternalFocusPreviousItem), this.listen("calciteInternalListItemActive", this.handleCalciteInternalListItemActive), this.listen("calciteListItemSelect", this.handleCalciteListItemSelect), this.listen("calciteInternalAssistiveTextChange", this.handleCalciteInternalAssistiveTextChange), this.listen("calciteSortHandleReorder", this.handleSortReorder), this.listen("calciteSortHandleMove", this.handleSortMove), this.listen("calciteInternalListItemSelect", this.handleCalciteInternalListItemSelect), this.listen("calciteInternalListItemSelectMultiple", this.handleCalciteInternalListItemSelectMultiple), this.listen("calciteInternalListItemChange", this.handleCalciteInternalListItemChange), this.listen("calciteInternalListItemGroupDefaultSlotChange", this.handleCalciteInternalListItemGroupDefaultSlotChange);
   }
   static {
     this.properties = { assistiveText: 16, dataForFilter: 16, hasFilterActionsEnd: 16, hasFilterActionsStart: 16, hasFilterNoResults: 16, moveToItems: 16, hasActiveFilter: 16, showNoResultsContainer: 16, canPull: 0, canPut: 0, disabled: 7, dragEnabled: 7, filterEnabled: 7, filterPredicate: 0, filterLabel: 3, filterPlaceholder: 3, filterProps: 0, filterText: 3, filteredData: 0, filteredItems: 0, group: 3, interactionMode: 3, label: 1, loading: 7, messageOverrides: 0, displayMode: 3, numberingSystem: 1, scale: 3, selectedItems: 0, selectionAppearance: 3, selectionMode: 3 };
@@ -63,13 +63,22 @@ class W extends w {
   }
   // #endregion
   // #region Public Methods
+  /**
+   * Emits a `calciteListMoveHalt` event.
+   *
+   * @private
+   * @param dragDetail
+   */
+  putFailed(t) {
+    this.calciteListMoveHalt.emit(t);
+  }
   /**
    * Sets focus on the component's first focusable element.
    *
    * @returns {Promise<void>}
    */
   async setFocus() {
-    return await U(this), this.filterEnabled ? this.filterEl?.setFocus() : this.focusableItems.find((t) => t.active)?.setFocus();
+    return await N(this), this.filterEnabled ? this.filterEl?.setFocus() : this.focusableItems.find((t) => t.active)?.setFocus();
   }
   connectedCallback() {
     super.connectedCallback(), this.connectObserver(), this.willPerformFilter = !0, this.updateListItems(), this.setUpSorting(), this.setParentList(), this.setListItemGroups();
@@ -140,8 +149,8 @@ class W extends w {
     t.stopPropagation();
     const { target: e, detail: i } = t, { focusableItems: l, lastSelectedInfo: s } = this, n = e;
     if (i.selectMultiple && s) {
-      const a = l.indexOf(n), r = l.indexOf(s.selectedItem), c = Math.min(r, a), m = Math.max(r, a);
-      l.slice(c, m + 1).forEach((o) => o.selected = s.selected);
+      const a = l.indexOf(n), r = l.indexOf(s.selectedItem), c = Math.min(r, a), p = Math.max(r, a);
+      l.slice(c, p + 1).forEach((o) => o.selected = s.selected);
     } else
       this.lastSelectedInfo = { selectedItem: n, selected: n.selected };
   }
@@ -159,7 +168,7 @@ class W extends w {
   }
   setUpSorting() {
     const { dragEnabled: t } = this;
-    t && N(this);
+    t && H(this);
   }
   onGlobalDragStart() {
     this.disconnectObserver();
@@ -183,10 +192,10 @@ class W extends w {
     this.parentListEl = this.el.parentElement?.closest(b);
   }
   handleDefaultSlotChange(t) {
-    O(t.target), this.parentListEl && this.calciteInternalListDefaultSlotChange.emit();
+    T(t.target), this.parentListEl && this.calciteInternalListDefaultSlotChange.emit();
   }
   setListItemGroups() {
-    this.listItemGroups = Array.from(this.el.querySelectorAll(L));
+    this.listItemGroups = Array.from(this.el.querySelectorAll(E));
   }
   handleFilterActionsStartSlotChange(t) {
     this.hasFilterActionsStart = g(t);
@@ -265,12 +274,12 @@ class W extends w {
     return this.listItemGroups.filter((i) => i.contains(t)).map((i) => i.heading);
   }
   updateGroupItems() {
-    const { el: t, group: e, scale: i } = this, l = P(t), s = e ? Array.from(l.querySelectorAll(`${b}[group="${e}"]`)).filter((a) => !a.disabled && a.dragEnabled) : [];
+    const { el: t, group: e, scale: i } = this, l = w(t), s = e ? Array.from(l.querySelectorAll(`${b}[group="${e}"]`)).filter((a) => !a.disabled && a.dragEnabled) : [];
     this.moveToItems = s.map((a) => ({
       element: a,
       label: a.label ?? a.id,
-      id: G()
-    })), Array.from(this.el.querySelectorAll(L)).forEach((a) => {
+      id: U()
+    })), Array.from(this.el.querySelectorAll(E)).forEach((a) => {
       a.scale = i;
     });
   }
@@ -311,25 +320,43 @@ class W extends w {
     this.interactionMode === "static" && this.selectionMode !== "none" && this.selectionAppearance === "border" && console.warn('selection-appearance="border" requires interaction-mode="interactive"');
   }
   handleMove(t) {
-    const { moveTo: e } = t.detail, i = t.target, l = i?.parentElement, s = e.element, a = Array.from(l.children).filter(v).indexOf(i);
-    if (!l)
-      return;
-    i.sortHandleOpen = !1, this.disconnectObserver(), s.prepend(i), T(i);
-    const c = Array.from(s.children).filter(v).indexOf(i);
-    this.updateListItems(), this.connectObserver(), this.calciteListOrderChange.emit({
-      dragEl: i,
-      fromEl: l,
-      toEl: s,
-      newIndex: c,
-      oldIndex: a
-    });
+    const { moveTo: e } = t.detail, i = t.target, l = i?.parentElement, s = e.element, a = Array.from(l.children).filter(S).indexOf(i), r = 0;
+    if (l) {
+      if (l.canPull?.({
+        toEl: s,
+        fromEl: l,
+        dragEl: i,
+        newIndex: r,
+        oldIndex: a
+      }) === !1) {
+        this.calciteListMoveHalt.emit({ toEl: s, fromEl: l, dragEl: i, oldIndex: a, newIndex: r });
+        return;
+      }
+      if (s.canPut?.({
+        toEl: s,
+        fromEl: l,
+        dragEl: i,
+        newIndex: r,
+        oldIndex: a
+      }) === !1) {
+        s.putFailed({ toEl: s, fromEl: l, dragEl: i, oldIndex: a, newIndex: r });
+        return;
+      }
+      i.sortHandleOpen = !1, this.disconnectObserver(), s.prepend(i), O(i), this.updateListItems(), this.connectObserver(), this.calciteListOrderChange.emit({
+        dragEl: i,
+        fromEl: l,
+        toEl: s,
+        newIndex: r,
+        oldIndex: a
+      });
+    }
   }
   handleReorder(t) {
     const { reorder: e } = t.detail, i = t.target, l = i?.parentElement;
     if (!l)
       return;
     i.sortHandleOpen = !1;
-    const s = Array.from(l.children).filter(v), n = s.length - 1, a = s.indexOf(i);
+    const s = Array.from(l.children).filter(S), n = s.length - 1, a = s.indexOf(i);
     let r = a;
     switch (e) {
       case "top":
@@ -358,8 +385,8 @@ class W extends w {
   // #endregion
   // #region Rendering
   render() {
-    const { loading: t, label: e, disabled: i, dataForFilter: l, filterEnabled: s, filterPlaceholder: n, filterText: a, filterLabel: r, hasFilterActionsStart: c, hasFilterActionsEnd: m, effectiveFilterProps: o } = this;
-    return D({ disabled: this.disabled, children: d`<div class=${h(f.container)}>${this.dragEnabled ? d`<span aria-live=assertive class=${h(f.assistiveText)}>${this.assistiveText}</span>` : null}${this.renderItemAriaLive()}${t ? d`<calcite-scrim class=${h(f.scrim)} .loading=${t}></calcite-scrim>` : null}<div .ariaBusy=${t} .ariaLabel=${e || ""} class=${h(f.table)} @keydown=${this.handleListKeydown} role=treegrid>${s || c || m ? d`<div class=${h(f.sticky)} role=rowgroup><div role=row><div role=columnheader><calcite-stack class=${h(f.stack)}><slot name=${E.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${F.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${o} .items=${l} .label=${r} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} .value=${a} ${$(this.setFilterEl)}></calcite-filter><slot name=${E.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${F.actionsEnd}></slot></calcite-stack></div></div></div>` : null}<div class=${h(f.tableContainer)} role=rowgroup><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div><div aria-live=polite data-test-id=no-results-container .hidden=${!this.showNoResultsContainer}><slot name=${E.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>` });
+    const { loading: t, label: e, disabled: i, dataForFilter: l, filterEnabled: s, filterPlaceholder: n, filterText: a, filterLabel: r, hasFilterActionsStart: c, hasFilterActionsEnd: p, effectiveFilterProps: o } = this;
+    return D({ disabled: this.disabled, children: d`<div class=${h(f.container)}>${this.dragEnabled ? d`<span aria-live=assertive class=${h(f.assistiveText)}>${this.assistiveText}</span>` : null}${this.renderItemAriaLive()}${t ? d`<calcite-scrim class=${h(f.scrim)} .loading=${t}></calcite-scrim>` : null}<div .ariaBusy=${t} .ariaLabel=${e || ""} class=${h(f.table)} @keydown=${this.handleListKeydown} role=treegrid>${s || c || p ? d`<div class=${h(f.sticky)} role=rowgroup><div role=row><div role=columnheader><calcite-stack class=${h(f.stack)}><slot name=${v.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${F.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${o} .items=${l} .label=${r} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} .value=${a} ${$(this.setFilterEl)}></calcite-filter><slot name=${v.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${F.actionsEnd}></slot></calcite-stack></div></div></div>` : null}<div class=${h(f.tableContainer)} role=rowgroup><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div><div aria-live=polite data-test-id=no-results-container .hidden=${!this.showNoResultsContainer}><slot name=${v.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>` });
   }
   renderItemAriaLive() {
     const { messages: t, filteredItems: e, parentListEl: i, messages: { _lang: l }, numberingSystem: s } = this;

package/dist/components/calcite-list-item/customElement.js

@@ -13,8 +13,8 @@ import { a as w, I as m, C as a, S as x } from "../../chunks/resources5.js";
 import { css as V } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
-const q = V`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-color-foreground-2))}.container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-color-foreground-1))}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container:hover.container--border-unselected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-border-1))}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--expanded{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}:host([display-mode=flat][drag-handle]:is([selection-mode=none],[selection-appearance=border])) .drag-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:32px;padding-block:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=m]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:40px;padding-block:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=l]) .actions-start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .content-container{gap:var(--calcite-spacing-md);min-block-size:56px;padding-block:.625rem;padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-lg)}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-lg)}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.expanded-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-spacing-xxs)}:host(:not([disabled])) .container:hover .expanded-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.expanded-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-sort-handle,.actions-end calcite-action,.actions-end calcite-sort-handle,.content-start calcite-action,.content-start calcite-sort-handle,.content-end calcite-action,.content-end calcite-sort-handle,.selection-container calcite-action,.selection-container calcite-sort-handle,.drag-container calcite-action,.drag-container calcite-sort-handle,.expanded-container calcite-action,.expanded-container calcite-sort-handle{align-self:stretch}.expanded-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}.row:focus .actions-start,.row:focus .actions-end{inset-block:.125rem}.row:focus .actions-start .close,.row:focus .actions-start ::slotted(calcite-action),.row:focus .actions-start ::slotted(calcite-action-menu),.row:focus .actions-start ::slotted(calcite-sort-handle),.row:focus .actions-start ::slotted(calcite-dropdown),.row:focus .actions-end .close,.row:focus .actions-end ::slotted(calcite-action),.row:focus .actions-end ::slotted(calcite-action-menu),.row:focus .actions-end ::slotted(calcite-sort-handle),.row:focus .actions-end ::slotted(calcite-dropdown){block-size:calc(100% - .25rem)}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}`, I = /* @__PURE__ */ new Map();
+v3.2.0-next.2 */
+const q = V`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-color-foreground-2))}.container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-color-foreground-3))}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--expanded{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}.icon:hover,.icon:active{color:var(--calcite-color-text-1)}:host([display-mode=flat][drag-handle]:is([selection-mode=none],[selection-appearance=border])) .drag-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:32px;padding-block:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=m]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:40px;padding-block:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=l]) .actions-start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .content-container{gap:var(--calcite-spacing-md);min-block-size:56px;padding-block:.625rem;padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-lg)}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-lg)}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.expanded-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-spacing-xxs)}:host(:not([disabled])) .expanded-container:hover{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.expanded-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-sort-handle,.actions-end calcite-action,.actions-end calcite-sort-handle,.content-start calcite-action,.content-start calcite-sort-handle,.content-end calcite-action,.content-end calcite-sort-handle,.selection-container calcite-action,.selection-container calcite-sort-handle,.drag-container calcite-action,.drag-container calcite-sort-handle,.expanded-container calcite-action,.expanded-container calcite-sort-handle{align-self:stretch}.expanded-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}.row:focus .actions-start,.row:focus .actions-end{inset-block:.125rem}.row:focus .actions-start .close,.row:focus .actions-start ::slotted(calcite-action),.row:focus .actions-start ::slotted(calcite-action-menu),.row:focus .actions-start ::slotted(calcite-sort-handle),.row:focus .actions-start ::slotted(calcite-dropdown),.row:focus .actions-end .close,.row:focus .actions-end ::slotted(calcite-action),.row:focus .actions-end ::slotted(calcite-action-menu),.row:focus .actions-end ::slotted(calcite-sort-handle),.row:focus .actions-end ::slotted(calcite-dropdown){block-size:calc(100% - .25rem)}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}`, I = /* @__PURE__ */ new Map();
 class J extends O {
   // #endregion
   // #region Lifecycle

package/dist/components/calcite-list-item-group/customElement.js

@@ -6,7 +6,7 @@ import { M as d } from "../../chunks/resources5.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const t = {
   container: "container",
   heading: "heading"

package/dist/components/calcite-loader/customElement.js

@@ -6,7 +6,7 @@ import { u as y } from "../../chunks/useT9n.js";
 import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const a = {
   percentage: "percentage",
   progressRing: "ring--progress",

package/dist/components/calcite-menu/customElement.js

@@ -8,7 +8,7 @@ import { u as f } from "../../chunks/useT9n.js";
 import { css as p } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const d = p`:host{display:flex}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`;
 class y extends n {
   // #endregion

package/dist/components/calcite-menu-item/customElement.js

@@ -9,7 +9,7 @@ import { u as I } from "../../chunks/useT9n.js";
 import { css as $ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const t = {
   container: "container",
   content: "content",

package/dist/components/calcite-meter/customElement.js

@@ -1,18 +1,18 @@
-import { c as z } from "../../chunks/runtime.js";
+import { c as k } from "../../chunks/runtime.js";
 import { keyed as L } from "lit-html/directives/keyed.js";
 import { html as h } from "lit";
-import { createRef as u, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as C, safeClassMap as b, safeStyleMap as m } from "@arcgis/lumina";
+import { createRef as u, ref as m } from "lit-html/directives/ref.js";
+import { LitElement as C, safeClassMap as b, safeStyleMap as p } from "@arcgis/lumina";
 import { c as T, a as M, d as V } from "../../chunks/form.js";
 import { b as S, n as P } from "../../chunks/locale.js";
 import { j as F } from "../../chunks/dom.js";
 import { c as R } from "../../chunks/observers.js";
-import { u as H } from "../../chunks/useT9n.js";
-import { css as O } from "@lit/reactive-element/css-tag.js";
+import { u as O } from "../../chunks/useT9n.js";
+import { css as H } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
-const s = {
+v3.2.0-next.2 */
+const r = {
   container: "container",
   fill: "fill",
   stepLine: "step-line",
@@ -26,10 +26,10 @@ const s = {
   success: "fill-success",
   warning: "fill-warning",
   danger: "fill-danger"
-}, I = O`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal: .125rem;--calcite-meter-height-internal: 1rem;--calcite-meter-font-size-internal: var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal: .75rem;--calcite-meter-font-size-internal: var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal: 1.5rem;--calcite-meter-font-size-internal: var(--calcite-font-size-0)}.container{position:relative;margin:0;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + .5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size,background-color,box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}@media (forced-colors: active){.fill,.fill-danger,.fill-success,.fill-warning{background-color:Highlight}}`;
+}, I = H`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-internal-meter-space: var(--calcite-spacing-base);--calcite-internal-meter-height: var(--calcite-spacing-lg);--calcite-internal-meter-font-size: var(--calcite-font-size--1);--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-brand));--calcite-internal-meter-background-color: var(--calcite-meter-background-color, var(--calcite-color-foreground-2));--calcite-internal-meter-border-color: var(--calcite-meter-border-color, var(--calcite-color-border-3));--calcite-internal-meter-shadow: var(--calcite-meter-shadow, var(--calcite-shadow-none));--calcite-internal-meter-corner-radius: var(--calcite-meter-corner-radius, 9999px);--calcite-internal-meter-value-text-color: var(--calcite-meter-value-text-color, var(--calcite-color-text-1));--calcite-internal-meter-range-text-color: var(--calcite-meter-range-text-color, var(--calcite-color-text-3))}:host([scale=s]){--calcite-internal-meter-height: var(--calcite-spacing-md);--calcite-internal-meter-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-meter-height: var(--calcite-spacing-xxl);--calcite-internal-meter-font-size: var(--calcite-font-size-0)}:host([appearance=solid]){--calcite-internal-meter-border-color: var(--calcite-color-foreground-3);--calcite-internal-meter-background-color: var(--calcite-color-foreground-3)}:host([appearance=outline]){--calcite-internal-meter-background-color: transparent}.fill{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-brand))}.fill-danger{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-danger))}.fill-success{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-success))}.fill-warning{--calcite-internal-meter-fill-color: var(--calcite-meter-fill-color, var(--calcite-color-status-warning))}.container{position:relative;display:flex;align-items:center;margin:0;inline-size:var(--calcite-container-size-content-fluid);block-size:var(--calcite-internal-meter-height);background-color:var(--calcite-internal-meter-background-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-meter-border-color);border-radius:var(--calcite-internal-meter-corner-radius);box-shadow:var(--calcite-internal-meter-shadow)}.value-visible{margin-block-start:var(--calcite-spacing-xxl)}.steps-visible{margin-block-end:var(--calcite-spacing-xxl)}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-internal-meter-space);background-color:var(--calcite-internal-meter-border-color)}.label{position:absolute;font-size:var(--calcite-internal-meter-font-size)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-internal-meter-value-text-color)}.label-range{color:var(--calcite-internal-meter-range-text-color);inset-block-start:calc(100% + .5em)}.label-range .unit-label{font-weight:var(--calcite-font-weight-medium)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-internal-meter-space);inset-block:var(--calcite-internal-meter-space);border-radius:var(--calcite-internal-meter-corner-radius);max-inline-size:calc(100% - var(--calcite-internal-meter-space) * 2);min-inline-size:calc(var(--calcite-internal-meter-height) - var(--calcite-internal-meter-space) * 2);background-color:var(--calcite-internal-meter-fill-color);transition-property:inline-size,background-color,box-shadow}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-internal-meter-height));box-shadow:0 0 0 1px var(--calcite-internal-meter-fill-color)}`;
 class U extends C {
   constructor() {
-    super(...arguments), this.highLabelEl = u(), this.labelFlipMax = 0.8, this.labelFlipProximity = 0.15, this.lowLabelEl = u(), this.maxLabelEl = u(), this.maxPercent = 100, this.messages = H({ name: null }), this.meterContainerEl = u(), this.minLabelEl = u(), this.minPercent = 0, this.resizeObserver = R("resize", () => this.resizeHandler()), this.valueLabelEl = u(), this.appearance = "outline-fill", this.disabled = !1, this.fillType = "range", this.groupSeparator = !1, this.max = 100, this.min = 0, this.rangeLabelType = "percent", this.rangeLabels = !1, this.scale = "m", this.unitLabel = "", this.valueLabel = !1, this.valueLabelType = "percent";
+    super(...arguments), this.highLabelEl = u(), this.labelFlipMax = 0.8, this.labelFlipProximity = 0.15, this.lowLabelEl = u(), this.maxLabelEl = u(), this.maxPercent = 100, this.messages = O({ name: null }), this.meterContainerEl = u(), this.minLabelEl = u(), this.minPercent = 0, this.resizeObserver = R("resize", () => this.resizeHandler()), this.valueLabelEl = u(), this.appearance = "outline-fill", this.disabled = !1, this.fillType = "range", this.groupSeparator = !1, this.max = 100, this.min = 0, this.rangeLabelType = "percent", this.rangeLabels = !1, this.scale = "m", this.unitLabel = "", this.valueLabel = !1, this.valueLabelType = "percent";
   }
   static {
     this.properties = { currentPercent: 16, highActive: 16, highPercent: 16, lowActive: 16, lowPercent: 16, appearance: 3, disabled: 7, fillType: 3, form: 3, groupSeparator: 7, high: 11, label: 1, low: 11, max: 11, min: 11, name: 3, numberingSystem: 1, rangeLabelType: 3, rangeLabels: 7, scale: 3, unitLabel: 1, value: 9, valueLabel: 7, valueLabelType: 3 };
@@ -66,8 +66,8 @@ class U extends C {
     this.valueLabelEl.value && this.determineValueLabelPosition(), this.rangeLabels && this.determineVisibleLabels();
   }
   calculateValues() {
-    const { min: e, max: l, low: t, high: a, value: i } = this, n = 100 * (t - e) / (l - e), r = 100 * (a - e) / (l - e), c = 100 * (i - e) / (l - e);
-    (!t || t < e || t > a || t > l) && (this.low = e), (!a || a > l || a < t || a < e) && (this.high = l), i || (this.value = e), this.lowPercent = n, this.highPercent = r, this.currentPercent = i ? c : 0, this.lowActive = !!t && t > e && (!i || t > i) && (!a || t < a), this.highActive = !!a && e <= a && a < l && (!i || a > i) && (!t || a > t);
+    const { min: e, max: l, low: t, high: a, value: i } = this, n = 100 * (t - e) / (l - e), s = 100 * (a - e) / (l - e), c = 100 * (i - e) / (l - e);
+    (!t || t < e || t > a || t > l) && (this.low = e), (!a || a > l || a < t || a < e) && (this.high = l), i || (this.value = e), this.lowPercent = n, this.highPercent = s, this.currentPercent = i ? c : 0, this.lowActive = !!t && t > e && (!i || t > i) && (!a || t < a), this.highActive = !!a && e <= a && a < l && (!i || a > i) && (!t || a > t);
   }
   formatLabel(e, l) {
     if (l === "percent") {
@@ -87,61 +87,61 @@ class U extends C {
       }, P.localize(e.toString());
   }
   getMeterKindCssClass() {
-    const { low: e, high: l, min: t, max: a, value: i } = this, n = e || t, r = l || a, c = i >= n, d = i < n, g = i >= r, o = i < r;
-    return !i || !e && o || d ? s.success : c && o ? s.warning : g ? s.danger : s.success;
+    const { low: e, high: l, min: t, max: a, value: i } = this, n = e || t, s = l || a, c = i >= n, d = i < n, v = i >= s, o = i < s;
+    return !i || !e && o || d ? r.success : c && o ? r.warning : v ? r.danger : r.success;
   }
   intersects(e, l) {
     return e && l && F(e.getBoundingClientRect(), l.getBoundingClientRect());
   }
   determineVisibleLabels() {
-    const { minLabelEl: { value: e }, lowLabelEl: { value: l }, highLabelEl: { value: t }, maxLabelEl: { value: a } } = this, i = this.intersects(t, a), n = this.intersects(l, t), r = this.intersects(l, a), c = this.intersects(e, t), d = this.intersects(e, l), g = this.intersects(e, a), o = s.labelHidden;
-    l && (d || r || n ? l.classList.add(o) : l.classList.remove(o)), t && (c || r || i ? t.classList.add(o) : t.classList.remove(o)), e && a && (g ? a.classList.add(o) : a.classList.remove(o));
+    const { minLabelEl: { value: e }, lowLabelEl: { value: l }, highLabelEl: { value: t }, maxLabelEl: { value: a } } = this, i = this.intersects(t, a), n = this.intersects(l, t), s = this.intersects(l, a), c = this.intersects(e, t), d = this.intersects(e, l), v = this.intersects(e, a), o = r.labelHidden;
+    l && (d || s || n ? l.classList.add(o) : l.classList.remove(o)), t && (c || s || i ? t.classList.add(o) : t.classList.remove(o)), e && a && (v ? a.classList.add(o) : a.classList.remove(o));
   }
   determineValueLabelPosition() {
-    const { valueLabelEl: { value: e }, meterContainerEl: { value: l }, currentPercent: t } = this, a = t > 100 ? 100 : t > 0 ? t : 0, i = e.getBoundingClientRect().width, n = l.getBoundingClientRect().width, r = 100 * (i - 0) / (n - 0);
-    a + r >= 100 ? (e.style.insetInlineEnd = "0%", e.style.removeProperty("inset-inline-start")) : (e.style.insetInlineStart = `${a}% `, e.style.removeProperty("inset-inline-end"));
+    const { valueLabelEl: { value: e }, meterContainerEl: { value: l }, currentPercent: t } = this, a = t > 100 ? 100 : t > 0 ? t : 0, i = e.getBoundingClientRect().width, n = l.getBoundingClientRect().width, s = 100 * (i - 0) / (n - 0);
+    a + s >= 100 ? (e.style.insetInlineEnd = "0%", e.style.removeProperty("inset-inline-start")) : (e.style.insetInlineStart = `${a}% `, e.style.removeProperty("inset-inline-end"));
   }
   // #endregion
   // #region Rendering
   renderMeterFill() {
     const { currentPercent: e, fillType: l } = this, t = this.getMeterKindCssClass();
-    return h`<div class=${b({ [s.fill]: !0, [t]: l !== "single" })} style=${m({ width: `${e}%` })}></div>`;
+    return h`<div class=${b({ [r.fill]: !0, [t]: l !== "single" })} style=${p({ width: `${e}%` })}></div>`;
   }
   renderRangeLine(e) {
     const l = { insetInlineStart: `${e}%` };
-    return h`<div class=${b(s.stepLine)} style=${m(l)}></div>`;
+    return h`<div class=${b(r.stepLine)} style=${p(l)}></div>`;
   }
   renderValueLabel() {
     const { currentPercent: e, valueLabelType: l, unitLabel: t, value: a } = this, i = this.formatLabel(l === "percent" ? e / 100 : a || 0, l);
-    return L("low-label-line", h`<div class=${b({ [s.label]: !0, [s.labelValue]: !0 })} ${p(this.valueLabelEl)}>${i}${t && l !== "percent" && h`<span class=${b(s.unitLabel)}>&nbsp;${t}</span>` || ""}</div>`);
+    return L("low-label-line", h`<div class=${b({ [r.label]: !0, [r.labelValue]: !0 })} ${m(this.valueLabelEl)}>${i}${t && l !== "percent" && h`<span class=${b(r.unitLabel)}>&nbsp;${t}</span>` || ""}</div>`);
   }
   renderMinLabel() {
     const { rangeLabelType: e, min: l, minPercent: t, unitLabel: a } = this, i = { insetInlineStart: `${t}%` }, n = this.formatLabel(e === "percent" ? t : l, e);
-    return L("min-label-line", h`<div class=${b({ [s.label]: !0, [s.labelRange]: !0 })} style=${m(i)} ${p(this.minLabelEl)}>${n}${a && e !== "percent" && h`<span class=${b(s.unitLabel)}>&nbsp;${a}</span>` || ""}</div>`);
+    return L("min-label-line", h`<div class=${b({ [r.label]: !0, [r.labelRange]: !0 })} style=${p(i)} ${m(this.minLabelEl)}>${n}${a && e !== "percent" && h`<span class=${b(r.unitLabel)}>&nbsp;${a}</span>` || ""}</div>`);
   }
   renderLowLabel() {
-    const { rangeLabelType: e, low: l, lowPercent: t, highPercent: a, labelFlipProximity: i } = this, n = l ? this.formatLabel(e === "percent" ? t / 100 : l, e) : "", r = { insetInlineStart: `${t}%` }, c = { insetInlineEnd: `${100 - t}%` }, d = (a - t) / 100 < i ? c : r;
-    return L("low-label-line", h`<div class=${b({ [s.label]: !0, [s.labelRange]: !0 })} style=${m(d)} ${p(this.lowLabelEl)}>${n}</div>`);
+    const { rangeLabelType: e, low: l, lowPercent: t, highPercent: a, labelFlipProximity: i } = this, n = l ? this.formatLabel(e === "percent" ? t / 100 : l, e) : "", s = { insetInlineStart: `${t}%` }, c = { insetInlineEnd: `${100 - t}%` }, d = (a - t) / 100 < i ? c : s;
+    return L("low-label-line", h`<div class=${b({ [r.label]: !0, [r.labelRange]: !0 })} style=${p(d)} ${m(this.lowLabelEl)}>${n}</div>`);
   }
   renderHighLabel() {
-    const { rangeLabelType: e, high: l, highPercent: t, labelFlipMax: a } = this, i = l ? this.formatLabel(e === "percent" ? t / 100 : l, e) : "", n = { insetInlineStart: `${t}%` }, r = { insetInlineEnd: `${100 - t}%` }, c = t / 100 >= a ? r : n;
-    return L("high-label-line", h`<div class=${b({ [s.label]: !0, [s.labelRange]: !0 })} style=${m(c)} ${p(this.highLabelEl)}>${i}</div>`);
+    const { rangeLabelType: e, high: l, highPercent: t, labelFlipMax: a } = this, i = l ? this.formatLabel(e === "percent" ? t / 100 : l, e) : "", n = { insetInlineStart: `${t}%` }, s = { insetInlineEnd: `${100 - t}%` }, c = t / 100 >= a ? s : n;
+    return L("high-label-line", h`<div class=${b({ [r.label]: !0, [r.labelRange]: !0 })} style=${p(c)} ${m(this.highLabelEl)}>${i}</div>`);
   }
   renderMaxLabel() {
     const { rangeLabelType: e, max: l, maxPercent: t } = this, a = { insetInlineEnd: `${100 - t}%` }, i = this.formatLabel(e === "percent" ? t / 100 : l, e);
-    return L("max-label-line", h`<div class=${b({ [s.label]: !0, [s.labelRange]: !0 })} style=${m(a)} ${p(this.maxLabelEl)}>${i}</div>`);
+    return L("max-label-line", h`<div class=${b({ [r.label]: !0, [r.labelRange]: !0 })} style=${p(a)} ${m(this.maxLabelEl)}>${i}</div>`);
   }
   render() {
-    const { appearance: e, currentPercent: l, highActive: t, highPercent: a, label: i, lowActive: n, lowPercent: r, max: c, maxPercent: d, min: g, minPercent: o, rangeLabels: v, rangeLabelType: f, unitLabel: y, value: w, valueLabel: x, valueLabelType: $ } = this, E = this.formatLabel(l / 100, "percent"), k = `${w} ${y}`;
-    return h`<div .ariaLabel=${i} .ariaValueMax=${f === "percent" ? d : c} .ariaValueMin=${f === "percent" ? o : g} .ariaValueNow=${$ === "percent" ? l : w} .ariaValueText=${$ === "percent" ? E : y ? k : void 0} class=${b({
-      [s.container]: !0,
-      [s.stepsVisible]: v,
-      [s.valueVisible]: x,
+    const { appearance: e, currentPercent: l, highActive: t, highPercent: a, label: i, lowActive: n, lowPercent: s, max: c, maxPercent: d, min: v, minPercent: o, rangeLabels: g, rangeLabelType: f, unitLabel: y, value: x, valueLabel: $, valueLabelType: w } = this, E = this.formatLabel(l / 100, "percent"), z = `${x} ${y}`;
+    return h`<div .ariaLabel=${i} .ariaValueMax=${f === "percent" ? d : c} .ariaValueMin=${f === "percent" ? o : v} .ariaValueNow=${w === "percent" ? l : x} .ariaValueText=${w === "percent" ? E : y ? z : void 0} class=${b({
+      [r.container]: !0,
+      [r.stepsVisible]: g,
+      [r.valueVisible]: $,
       [e]: e !== "outline-fill"
-    })} role=meter ${p(this.meterContainerEl)}>${this.renderMeterFill()}${x && this.renderValueLabel() || ""}${n && this.renderRangeLine(r) || ""}${t && this.renderRangeLine(a) || ""}${v && this.renderMinLabel() || ""}${v && n && this.renderLowLabel() || ""}${v && t && this.renderHighLabel() || ""}${v && this.renderMaxLabel() || ""}</div>`;
+    })} role=meter ${m(this.meterContainerEl)}>${this.renderMeterFill()}${$ && this.renderValueLabel() || ""}${n && this.renderRangeLine(s) || ""}${t && this.renderRangeLine(a) || ""}${g && this.renderMinLabel() || ""}${g && n && this.renderLowLabel() || ""}${g && t && this.renderHighLabel() || ""}${g && this.renderMaxLabel() || ""}</div>`;
   }
 }
-z("calcite-meter", U);
+k("calcite-meter", U);
 export {
   U as Meter
 };

package/dist/components/calcite-modal/customElement.js

@@ -14,7 +14,7 @@ import { u as E } from "../../chunks/useFocusTrap.js";
 import { css as T } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const t = {
   modal: "modal",
   title: "title",

package/dist/components/calcite-navigation/customElement.js

@@ -7,7 +7,7 @@ import { c as g } from "../../chunks/component.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const a = {
   container: "container",
   containerContent: "container-content",

package/dist/components/calcite-navigation-logo/customElement.js

@@ -7,7 +7,7 @@ import { H as f } from "../../chunks/Heading.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const t = {
   container: "container",
   containerLink: "container--link",

package/dist/components/calcite-navigation-user/customElement.js

@@ -6,7 +6,7 @@ import { c as r } from "../../chunks/component.js";
 import { css as l } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.0 */
+v3.2.0-next.2 */
 const t = {
   textContainer: "text-container",
   fullName: "full-name",