@esri/calcite-components 5.2.0-next.1 → 5.2.0-next.11

package/dist/chunks/resources.js

@@ -3,7 +3,6 @@ const CSS = {
   button: "button",
   buttonTextVisible: "button--text-visible",
   buttonCompact: "button--compact",
-  indicatorText: "indicator-text",
   iconContainer: "icon-container",
   slotContainer: "slot-container",
   slotContainerHidden: "slot-container--hidden",

package/dist/chunks/resources10.js

@@ -0,0 +1,19 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const CSS = {
+  container: "container",
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  content: "content",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end"
+};
+const SLOTS = {
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end"
+};
+export {
+  CSS as C,
+  SLOTS as S
+};

package/dist/chunks/resources11.js

@@ -0,0 +1,63 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const CSS = {
+  actionsEnd: "actions-end",
+  actionsStart: "actions-start",
+  description: "description",
+  close: "close",
+  container: "container",
+  containerHover: "container--hover",
+  containerBorder: "container--border",
+  containerBorderSelected: "container--border-selected",
+  containerHighlightSelected: "container--highlight-selected",
+  content: "content",
+  contentBottom: "content-bottom",
+  contentContainer: "content-container",
+  contentContainerHasCenterContent: "content-container--has-center-content",
+  contentContainerSelectable: "content-container--selectable",
+  contentContainerUnavailable: "content-container--unavailable",
+  contentContainerWrapper: "content-container-wrapper",
+  contentContainerWrapperBordered: "content-container-wrapper--bordered",
+  contentEnd: "content-end",
+  contentStart: "content-start",
+  customContent: "custom-content",
+  expandedContainer: "expanded-container",
+  dragContainer: "drag-container",
+  gridCell: "grid-cell",
+  icon: "icon",
+  nestedContainer: "nested-container",
+  nestedContainerExpanded: "nested-container--expanded",
+  label: "label",
+  row: "row",
+  selectionContainer: "selection-container",
+  selectionContainerSingle: "selection-container--single",
+  wrapper: "wrapper",
+  wrapperBordered: "wrapper--bordered"
+};
+const SLOTS = {
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  content: "content",
+  contentBottom: "content-bottom",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end"
+};
+const MAX_COLUMNS = 0;
+const ICONS = {
+  selectedMultiple: "check-square-f",
+  selectedSingle: "circle-inset-large",
+  unselectedMultiple: "square",
+  unselectedSingle: "circle",
+  collapsedLTR: "chevron-right",
+  collapsedRTL: "chevron-left",
+  open: "chevron-down",
+  blank: "blank",
+  close: "x"
+};
+const activeCellTestAttribute = "data-test-active";
+export {
+  CSS as C,
+  ICONS as I,
+  MAX_COLUMNS as M,
+  SLOTS as S,
+  activeCellTestAttribute as a
+};

package/dist/chunks/resources12.js

@@ -0,0 +1,27 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const CSS = {
+  container: "container",
+  hasSlottedContent: "has-slotted-content",
+  stepperItemContent: "stepper-item-content",
+  stepperItemDescription: "stepper-item-description",
+  stepperItemHeader: "stepper-item-header",
+  stepperItemHeading: "stepper-item-heading",
+  stepperItemHeaderText: "stepper-item-header-text",
+  stepperItemIcon: "stepper-item-icon",
+  stepperItemNumber: "stepper-item-number",
+  visuallyHidden: "visually-hidden"
+};
+const ICONS = {
+  circle: "circle",
+  circleF: "circleF",
+  exclamationMarkCircleF: "exclamationMarkCircleF",
+  checkCircleF: "checkCircleF"
+};
+function isStepperItem(el) {
+  return el?.tagName === "CALCITE-STEPPER-ITEM";
+}
+export {
+  CSS as C,
+  ICONS as I,
+  isStepperItem as i
+};

package/dist/chunks/resources5.js

@@ -1,62 +1,51 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
-const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
-const AllComboboxChildrenSelector = `${ComboboxItemSelector}, ${ComboboxItemGroupSelector}`;
+const IDS = {
+  content: "content",
+  toggle: "toggle",
+  header: "header"
+};
 const CSS = {
-  allSelected: "all-selected",
-  chip: "chip",
-  chipInvisible: "chip--invisible",
+  actionsEnd: "actions-end",
+  container: "container",
+  content: "content",
+  contentEnd: "content-end",
+  contentStart: "content-start",
+  description: "description",
+  header: "header",
+  headerContainer: "header-container",
+  headerHasContent: "header--has-content",
+  headerDraggable: "header--draggable",
+  heading: "heading",
   icon: "icon",
-  input: "input",
-  inputHidden: "input--hidden",
-  label: "label",
-  labelIcon: "label--icon",
-  listContainer: "list-container",
-  noMatches: "no-matches",
-  noMatchesPlaceholder: "no-matches-placeholder",
-  placeholderIcon: "placeholder-icon",
-  selectAll: "select-all",
-  selectionDisplayFit: "selection-display--fit",
-  selectionDisplaySingle: "selection-display--single",
-  selectedIcon: "selected-icon",
-  floatingUIContainer: "floating-ui-container",
-  screenReadersOnly: "screen-readers-only",
-  wrapper: "wrapper",
-  wrapperSingle: "wrapper--single",
-  wrapperActive: "wrapper--active",
-  gridInput: "grid-input",
-  inputSingle: "input--single",
-  inputIcon: "input--icon",
-  inputWrap: "input-wrap",
-  inputWrapSingle: "input-wrap--single",
-  iconEnd: "icon-end",
-  iconStart: "icon-start",
-  list: "list",
-  listHide: "list--hide",
-  disabled: "disabled"
+  iconStart: "icon--start",
+  iconEnd: "icon--end",
+  iconEndContainer: "icon-end-container",
+  invalid: "invalid",
+  statusIcon: "status-icon",
+  title: "title",
+  toggle: "toggle",
+  toggleIcon: "toggle-icon",
+  valid: "valid"
 };
-const idPrefix = "combobox";
-const IDS = {
-  validationMessage: "comboboxValidationMessage",
-  item: (id) => `${idPrefix}-item-${id}`,
-  chip: (id) => `${idPrefix}-chip-${id}`,
-  label: (id) => `${idPrefix}-label-${id}`,
-  listbox: (id) => `${idPrefix}-listbox-${id}`,
-  input: (id) => `${idPrefix}-input-${id}`
+const SLOTS = {
+  actionsEnd: "actions-end",
+  contentEnd: "content-end",
+  contentStart: "content-start",
+  headerMenuActions: "header-menu-actions"
 };
 const ICONS = {
-  chevronUp: "chevron-up",
-  chevronDown: "chevron-down"
-};
-const SLOTS = {
-  labelContent: "label-content"
+  expanded: "chevron-up",
+  collapsed: "chevron-down",
+  valid: "check-circle",
+  invalid: "exclamation-mark-triangle"
 };
+function isBlock(el) {
+  return el?.tagName === "CALCITE-BLOCK";
+}
 export {
-  AllComboboxChildrenSelector as A,
   CSS as C,
-  IDS as I,
+  ICONS as I,
   SLOTS as S,
-  ComboboxItemSelector as a,
-  ComboboxItemGroupSelector as b,
-  ICONS as c
+  IDS as a,
+  isBlock as i
 };

package/dist/chunks/resources6.js

@@ -1,59 +1,37 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 const CSS = {
-  actionBarContainer: "action-bar-container",
+  title: "title",
+  close: "close",
+  imageContainer: "image-container",
+  chipIcon: "chip-icon",
+  textSlotted: "text--slotted",
   container: "container",
-  contentBottom: "content-bottom",
-  contentTop: "content-top",
-  header: "header",
-  headerContainer: "header-container",
-  headerContainerBorderEnd: "header-container--border-end",
-  headingTextContent: "heading-text-content",
-  heading: "heading",
-  description: "description",
-  headerContent: "header-content",
-  headerActions: "header-actions",
-  headerActionsEnd: "header-actions--end",
-  headerActionsStart: "header-actions--start",
-  icon: "icon",
-  contentWrapper: "content-wrapper",
-  fabContainer: "fab-container",
-  footer: "footer",
-  footerContent: "footer-content",
-  footerStart: "footer-start",
-  footerEnd: "footer-end",
-  headerSlottedContent: "header--slotted-content",
-  headerNonSlottedContent: "header--non-slotted-content",
-  menuAction: "menu-action"
+  imageSlotted: "image--slotted",
+  closable: "closable",
+  multiple: "multiple",
+  single: "single",
+  selectable: "selectable",
+  selectIcon: "select-icon",
+  selectIconActive: "select-icon--active",
+  nonInteractive: "non-interactive",
+  isCircle: "is-circle",
+  selected: "selected"
 };
-const IDS = {
-  close: "close",
-  collapse: "collapse"
+const SLOTS = {
+  image: "image"
 };
 const ICONS = {
   close: "x",
-  menu: "ellipsis",
-  expand: "chevron-down",
-  collapse: "chevron-up"
-};
-const SLOTS = {
-  actionBar: "action-bar",
-  alerts: "alerts",
-  contentBottom: "content-bottom",
-  contentTop: "content-top",
-  headerActionsStart: "header-actions-start",
-  headerActionsEnd: "header-actions-end",
-  description: "description",
-  heading: "heading",
-  headerMenuActions: "header-menu-actions",
-  headerContent: "header-content",
-  fab: "fab",
-  footer: "footer",
-  footerEnd: "footer-end",
-  footerStart: "footer-start"
+  checkedSingle: "circle-f",
+  uncheckedMultiple: "square",
+  checkedMultiple: "check-square-f"
 };
+function isChip(el) {
+  return el?.tagName === "CALCITE-CHIP";
+}
 export {
   CSS as C,
   ICONS as I,
   SLOTS as S,
-  IDS as a
+  isChip as i
 };

package/dist/chunks/resources7.js

@@ -1,17 +1,62 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
+const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
+const AllComboboxChildrenSelector = `${ComboboxItemSelector}, ${ComboboxItemGroupSelector}`;
 const CSS = {
-  container: "container",
-  containerNone: "container--none-selection",
+  allSelected: "all-selected",
+  chip: "chip",
+  chipInvisible: "chip--invisible",
   icon: "icon",
-  iconEnd: "icon--end",
-  iconStart: "icon--start",
-  itemContent: "content",
-  link: "link"
+  input: "input",
+  inputHidden: "input--hidden",
+  label: "label",
+  labelIcon: "label--icon",
+  listContainer: "list-container",
+  noMatches: "no-matches",
+  noMatchesPlaceholder: "no-matches-placeholder",
+  placeholderIcon: "placeholder-icon",
+  selectAll: "select-all",
+  selectionDisplayFit: "selection-display--fit",
+  selectionDisplaySingle: "selection-display--single",
+  selectedIcon: "selected-icon",
+  floatingUIContainer: "floating-ui-container",
+  screenReadersOnly: "screen-readers-only",
+  wrapper: "wrapper",
+  wrapperSingle: "wrapper--single",
+  wrapperActive: "wrapper--active",
+  gridInput: "grid-input",
+  inputSingle: "input--single",
+  inputIcon: "input--icon",
+  inputWrap: "input-wrap",
+  inputWrapSingle: "input-wrap--single",
+  iconEnd: "icon-end",
+  iconStart: "icon-start",
+  list: "list",
+  listHide: "list--hide",
+  disabled: "disabled"
+};
+const idPrefix = "combobox";
+const IDS = {
+  validationMessage: "comboboxValidationMessage",
+  item: (id) => `${idPrefix}-item-${id}`,
+  chip: (id) => `${idPrefix}-chip-${id}`,
+  label: (id) => `${idPrefix}-label-${id}`,
+  listbox: (id) => `${idPrefix}-listbox-${id}`,
+  input: (id) => `${idPrefix}-input-${id}`
 };
 const ICONS = {
-  check: "check"
+  chevronUp: "chevron-up",
+  chevronDown: "chevron-down"
+};
+const SLOTS = {
+  labelContent: "label-content"
 };
 export {
+  AllComboboxChildrenSelector as A,
   CSS as C,
-  ICONS as I
+  IDS as I,
+  SLOTS as S,
+  ComboboxItemSelector as a,
+  ComboboxItemGroupSelector as b,
+  ICONS as c
 };

package/dist/chunks/resources8.js

@@ -1,19 +1,59 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 const CSS = {
+  actionBarContainer: "action-bar-container",
   container: "container",
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  content: "content",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
+  header: "header",
+  headerContainer: "header-container",
+  headerContainerBorderEnd: "header-container--border-end",
+  headingTextContent: "heading-text-content",
+  heading: "heading",
+  description: "description",
+  headerContent: "header-content",
+  headerActions: "header-actions",
+  headerActionsEnd: "header-actions--end",
+  headerActionsStart: "header-actions--start",
+  icon: "icon",
+  contentWrapper: "content-wrapper",
+  fabContainer: "fab-container",
+  footer: "footer",
+  footerContent: "footer-content",
+  footerStart: "footer-start",
+  footerEnd: "footer-end",
+  headerSlottedContent: "header--slotted-content",
+  headerNonSlottedContent: "header--non-slotted-content",
+  menuAction: "menu-action"
+};
+const IDS = {
+  close: "close",
+  collapse: "collapse"
+};
+const ICONS = {
+  close: "x",
+  menu: "ellipsis",
+  expand: "chevron-down",
+  collapse: "chevron-up"
 };
 const SLOTS = {
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  actionBar: "action-bar",
+  alerts: "alerts",
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
+  headerActionsStart: "header-actions-start",
+  headerActionsEnd: "header-actions-end",
+  description: "description",
+  heading: "heading",
+  headerMenuActions: "header-menu-actions",
+  headerContent: "header-content",
+  fab: "fab",
+  footer: "footer",
+  footerEnd: "footer-end",
+  footerStart: "footer-start"
 };
 export {
   CSS as C,
-  SLOTS as S
+  ICONS as I,
+  SLOTS as S,
+  IDS as a
 };

package/dist/chunks/resources9.js

@@ -1,63 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 const CSS = {
-  actionsEnd: "actions-end",
-  actionsStart: "actions-start",
-  description: "description",
-  close: "close",
   container: "container",
-  containerHover: "container--hover",
-  containerBorder: "container--border",
-  containerBorderSelected: "container--border-selected",
-  containerHighlightSelected: "container--highlight-selected",
-  content: "content",
-  contentBottom: "content-bottom",
-  contentContainer: "content-container",
-  contentContainerHasCenterContent: "content-container--has-center-content",
-  contentContainerSelectable: "content-container--selectable",
-  contentContainerUnavailable: "content-container--unavailable",
-  contentContainerWrapper: "content-container-wrapper",
-  contentContainerWrapperBordered: "content-container-wrapper--bordered",
-  contentEnd: "content-end",
-  contentStart: "content-start",
-  customContent: "custom-content",
-  expandedContainer: "expanded-container",
-  dragContainer: "drag-container",
-  gridCell: "grid-cell",
+  containerNone: "container--none-selection",
   icon: "icon",
-  nestedContainer: "nested-container",
-  nestedContainerExpanded: "nested-container--expanded",
-  label: "label",
-  row: "row",
-  selectionContainer: "selection-container",
-  selectionContainerSingle: "selection-container--single",
-  wrapper: "wrapper",
-  wrapperBordered: "wrapper--bordered"
+  iconEnd: "icon--end",
+  iconStart: "icon--start",
+  itemContent: "content",
+  link: "link"
 };
-const SLOTS = {
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  content: "content",
-  contentBottom: "content-bottom",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
-};
-const MAX_COLUMNS = 0;
 const ICONS = {
-  selectedMultiple: "check-square-f",
-  selectedSingle: "circle-inset-large",
-  unselectedMultiple: "square",
-  unselectedSingle: "circle",
-  collapsedLTR: "chevron-right",
-  collapsedRTL: "chevron-left",
-  open: "chevron-down",
-  blank: "blank",
-  close: "x"
+  check: "check"
 };
-const activeCellTestAttribute = "data-test-active";
 export {
   CSS as C,
-  ICONS as I,
-  MAX_COLUMNS as M,
-  SLOTS as S,
-  activeCellTestAttribute as a
+  ICONS as I
 };

package/dist/chunks/responsive.js

@@ -9,7 +9,7 @@ const breakpoints = {
   }
 };
 function cssLengthToNumber(length) {
-  return parseInt(length);
+  return parseInt(length, 10);
 }
 export {
   breakpoints as b

package/dist/chunks/runtime.js

@@ -14,7 +14,8 @@ const CSS_UTILITY = {
   calciteAnimateInUp: "calcite-animate__in-up",
   calciteAnimateInDown: "calcite-animate__in-down",
   calciteAnimateInRight: "calcite-animate__in-right",
-  calciteAnimateInLeft: "calcite-animate__in-left"
+  calciteAnimateInLeft: "calcite-animate__in-left",
+  screenReaderText: "screen-reader-text"
 };
 const DEBOUNCE = {
   filter: 250,
@@ -60,9 +61,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.2.0-next.1";
-const buildDate = "2026-06-09";
-const revision = "7580d5727";
+const version = "5.2.0-next.11";
+const buildDate = "2026-06-30";
+const revision = "44150ac2d";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
@@ -85,7 +86,7 @@ if (!isServer) {
 if (process.env.NODE_ENV !== "test") {
   queueMicrotask(stampVersion);
 }
-const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.1/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.11/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
 const { customElement, getAssetPath, setAssetPath } = runtime;
 export {
   CSS_UTILITY as C,

package/dist/chunks/useSizeOverride.js

@@ -2338,7 +2338,7 @@ const interact = /* @__PURE__ */ getDefaultExportFromCjs(interact_minExports);
 function clampAndApplySize(axis, size, bounds, el) {
   const cssPropertyName = `${axis}-size`;
   if (size === void 0) {
-    return void 0;
+    return null;
   }
   if (size === null) {
     el.style.removeProperty(cssPropertyName);

package/dist/chunks/useSortable.js

@@ -15,12 +15,36 @@ function onGlobalDragEnd() {
   Array.from(sortableComponentSet).forEach((component) => component.onGlobalDragEnd());
 }
 const globalDragState = { active: false };
+const activeSortableComponentSet = /* @__PURE__ */ new Set();
+function syncGlobalDragState() {
+  const active = activeSortableComponentSet.size > 0;
+  if (globalDragState.active === active) {
+    return;
+  }
+  globalDragState.active = active;
+  if (active) {
+    onGlobalDragStart();
+    return;
+  }
+  onGlobalDragEnd();
+}
+function markDragActive(component) {
+  activeSortableComponentSet.add(component);
+  syncGlobalDragState();
+}
+function markDragInactive(component) {
+  activeSortableComponentSet.delete(component);
+  syncGlobalDragState();
+}
 function createSortable(component) {
   const dataIdAttr = "id";
   const { el, group, handleSelector: handle, dragSelector: draggable, sortDisabled } = component;
   return Sortable.create(el, {
     dataIdAttr,
     swapThreshold: 0.5,
+    // Keep the fallback ghost out of nested list DOM updates during touch drag startup.
+    // Applied globally so all sortable hosts use the same stable fallback behavior.
+    fallbackOnBody: true,
     ...CSS,
     ...!!draggable && { draggable },
     ...!!group && {
@@ -59,14 +83,18 @@ function createSortable(component) {
     },
     handle,
     filter: `${handle}[disabled]`,
+    onChoose: () => {
+      markDragActive(component);
+    },
+    onUnchoose: () => {
+      markDragInactive(component);
+    },
     onStart: ({ from: fromEl, item: dragEl, to: toEl, newDraggableIndex: newIndex, oldDraggableIndex: oldIndex }) => {
-      globalDragState.active = true;
-      onGlobalDragStart();
+      markDragActive(component);
       component.onDragStart({ fromEl, dragEl, toEl, newIndex, oldIndex });
     },
     onEnd: ({ from: fromEl, item: dragEl, to: toEl, newDraggableIndex: newIndex, oldDraggableIndex: oldIndex }) => {
-      globalDragState.active = false;
-      onGlobalDragEnd();
+      markDragInactive(component);
       component.onDragEnd({ fromEl, dragEl, toEl, newIndex, oldIndex });
     },
     onSort: ({ from: fromEl, item: dragEl, to: toEl, newDraggableIndex: newIndex, oldDraggableIndex: oldIndex }) => {
@@ -103,6 +131,8 @@ const useSortable = () => {
       setUpSortable(component);
     });
     controller.onDisconnected(() => {
+      sortableComponentSet.delete(component);
+      markDragInactive(component);
       tearDownSortable(component);
     });
     return {