@esri/calcite-components 5.2.0-next.8 → 5.2.0-next.80

package/dist/chunks/resources34.js

@@ -0,0 +1,73 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
+const CSS$1 = {
+  container: "container",
+  heading: "heading"
+};
+const isListItemGroup = isTag("calcite-list-item-group");
+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";
+const isListItem = isTag("calcite-list-item");
+export {
+  CSS as C,
+  ICONS as I,
+  MAX_COLUMNS as M,
+  SLOTS as S,
+  isListItemGroup as a,
+  activeCellTestAttribute as b,
+  CSS$1 as c,
+  isListItem as i
+};

package/dist/chunks/resources4.js

@@ -1,18 +1,25 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-const KindIcons = {
-  brand: "lightbulb",
-  danger: "exclamationMarkTriangle",
-  info: "information",
-  success: "checkCircle",
-  warning: "exclamationMarkTriangle"
+import { i as isTag } from "./resources3.js";
+const CSS = {
+  button: "button",
+  buttonTextVisible: "button--text-visible",
+  buttonCompact: "button--compact",
+  iconContainer: "icon-container",
+  slotContainer: "slot-container",
+  slotContainerHidden: "slot-container--hidden",
+  textContainer: "text-container",
+  textContainerVisible: "text-container--visible",
+  indicatorWithIcon: "indicator-with-icon",
+  indicatorWithoutIcon: "indicator-without-icon"
 };
-const KindIconsFilled = {
-  danger: "exclamationMarkTriangleF",
-  info: "informationF",
-  success: "checkCircleF",
-  warning: "exclamationMarkTriangleF"
+const prefixId = "calcite-action";
+const IDS = {
+  button: (id) => `${prefixId}-${id}-button`,
+  indicator: (id) => `${prefixId}-${id}-indicator`
 };
+const isAction = isTag("calcite-action");
 export {
-  KindIcons as K,
-  KindIconsFilled as a
+  CSS as C,
+  IDS as I,
+  isAction as i
 };

package/dist/chunks/resources5.js

@@ -1,51 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-const IDS = {
-  content: "content",
-  toggle: "toggle",
-  header: "header"
-};
+import { i as isTag } from "./resources3.js";
 const CSS = {
-  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",
+  containerNoSpacing: "container--no-spacing",
+  firstTitle: "first-title",
   heading: "heading",
-  icon: "icon",
-  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 SLOTS = {
-  actionsEnd: "actions-end",
-  contentEnd: "content-end",
-  contentStart: "content-start",
-  headerMenuActions: "header-menu-actions"
-};
-const ICONS = {
-  expanded: "chevron-up",
-  collapsed: "chevron-down",
-  valid: "check-circle",
-  invalid: "exclamation-mark-triangle"
+  scale: (scale) => `scale--${scale}`,
+  separator: "separator"
 };
-function isBlock(el) {
-  return el?.tagName === "CALCITE-BLOCK";
-}
+const isAutocompleteItemGroup = isTag("calcite-autocomplete-item-group");
 export {
   CSS as C,
-  ICONS as I,
-  SLOTS as S,
-  IDS as a,
-  isBlock as i
+  isAutocompleteItemGroup as i
 };

package/dist/chunks/resources6.js

@@ -1,37 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
 const CSS = {
-  title: "title",
-  close: "close",
-  imageContainer: "image-container",
-  chipIcon: "chip-icon",
-  textSlotted: "text--slotted",
   container: "container",
-  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"
+  containerActive: "container--active",
+  contentCenter: "content-center",
+  description: "description",
+  heading: "heading",
+  iconEnd: "icon-end",
+  iconStart: "icon-start",
+  scale: (scale) => `scale--${scale}`
 };
 const SLOTS = {
-  image: "image"
+  contentEnd: "content-end",
+  contentStart: "content-start"
 };
-const ICONS = {
-  close: "x",
-  checkedSingle: "circle-f",
-  uncheckedMultiple: "square",
-  checkedMultiple: "check-square-f"
+const idPrefix = "autocomplete-item";
+const IDS = {
+  host: (id) => `${idPrefix}-${id}`
 };
-function isChip(el) {
-  return el?.tagName === "CALCITE-CHIP";
-}
+const isAutocompleteItem = isTag("calcite-autocomplete-item");
 export {
   CSS as C,
-  ICONS as I,
+  IDS as I,
   SLOTS as S,
-  isChip as i
+  isAutocompleteItem as i
 };

package/dist/chunks/resources7.js

@@ -1,62 +1,52 @@
 /* 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}`;
+import { i as isTag } from "./resources3.js";
+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",
+  hasSlottedContent: "has-slotted-content",
+  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",
+  children: "children",
+  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"
 };
+const isBlock = isTag("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/resources8.js

@@ -1,59 +1,34 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
 const CSS = {
-  actionBarContainer: "action-bar-container",
   container: "container",
-  contentBottom: "content-bottom",
-  contentTop: "content-top",
+  contentWrapper: "content-wrapper",
   header: "header",
-  headerContainer: "header-container",
-  headerContainerBorderEnd: "header-container--border-end",
-  headingTextContent: "heading-text-content",
+  footer: "footer",
+  checkboxWrapper: "checkbox-wrapper",
+  checkboxWrapperDeprecated: "checkbox-wrapper-deprecated",
+  thumbnailWrapper: "thumbnail-wrapper",
+  headerTextContainer: "header-text-container",
+  cardContent: "card-content",
+  hasSlottedContent: "has-slotted-content"
+};
+const SLOTS = {
+  thumbnail: "thumbnail",
   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"
+  footerEnd: "footer-end"
 };
 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"
+  selected: "check-square-f",
+  unselected: "square",
+  selectedSingle: "circle-f",
+  unselectedSingle: "circle"
 };
+const isCard = isTag("calcite-card");
 export {
   CSS as C,
   ICONS as I,
   SLOTS as S,
-  IDS as a
+  isCard as i
 };

package/dist/chunks/resources9.js

@@ -1,17 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
 const CSS = {
+  title: "title",
+  close: "close",
+  imageContainer: "image-container",
+  chipIcon: "chip-icon",
+  textSlotted: "text--slotted",
   container: "container",
-  containerNone: "container--none-selection",
-  icon: "icon",
-  iconEnd: "icon--end",
-  iconStart: "icon--start",
-  itemContent: "content",
-  link: "link"
+  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 SLOTS = {
+  image: "image"
 };
 const ICONS = {
-  check: "check"
+  close: "x",
+  checkedSingle: "circle-f",
+  uncheckedMultiple: "square",
+  checkedMultiple: "check-square-f"
 };
+const isChip = isTag("calcite-chip");
 export {
   CSS as C,
-  ICONS as I
+  ICONS as I,
+  SLOTS as S,
+  isChip as i
 };

package/dist/chunks/responsive.js

@@ -1,7 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { d as calciteContainerSizeWidthXxs, e as calciteContainerSizeWidthXs, f as calciteContainerSizeWidthSm, g as calciteContainerSizeWidthMd } from "./global.js";
+import { calciteContainerSizeWidthXxs, calciteContainerSizeWidthXs, calciteContainerSizeWidthSm, calciteContainerSizeWidthMd, calciteContainerSizeWidthLg } from "@esri/calcite-design-tokens/dist/es6/global.js";
 const breakpoints = {
   width: {
+    large: cssLengthToNumber(calciteContainerSizeWidthLg.max),
     medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),
     small: cssLengthToNumber(calciteContainerSizeWidthSm.max),
     xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),

package/dist/chunks/runtime.js

@@ -4,17 +4,14 @@ import { makeRuntime } from "@arcgis/lumina";
 import { isServer } from "lit";
 const autoMode = "calcite-mode-auto";
 const darkMode = "calcite-mode-dark";
-const lightMode = "calcite-mode-light";
 const CSS_UTILITY = {
-  autoMode,
-  darkMode,
-  lightMode,
   rtl: "calcite--rtl",
   calciteAnimate: "calcite-animate",
   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,
@@ -43,6 +40,51 @@ function initModeChangeEvent() {
     attributeFilter: ["class"]
   });
 }
+const loggedDeprecations = /* @__PURE__ */ new Set();
+const logLevels = {
+  trace: 0,
+  debug: 1,
+  info: 2,
+  warn: 4,
+  error: 8,
+  off: 10
+};
+function willLog(level) {
+  return level !== "off" && logLevels[level] >= logLevels[getConfig().logLevel];
+}
+function forwardToConsole(level, ...data) {
+  if (!willLog(level)) {
+    return;
+  }
+  const badgeTemplate = "%ccalcite";
+  const badgeStyle = "background: #007AC2; color: #fff; border-radius: 4px; padding: 2px 4px;";
+  console[level](badgeTemplate, badgeStyle, ...data);
+}
+let listFormatter;
+const logger = {
+  debug: (message, ...data) => forwardToConsole("debug", message, ...data),
+  info: (message, ...data) => forwardToConsole("info", message, ...data),
+  warn: (message, ...data) => forwardToConsole("warn", message, ...data),
+  error: (message, ...data) => forwardToConsole("error", message, ...data),
+  trace: (message, ...data) => forwardToConsole("trace", message, ...data),
+  deprecated
+};
+function deprecated(context, { component, name, suggested, removalVersion }) {
+  const key = `${context}:${context === "component" ? "" : component}${name}`;
+  const removalVersionText = removalVersion === "future" ? `a future version` : `v${removalVersion}`;
+  if (loggedDeprecations.has(key)) {
+    return;
+  }
+  loggedDeprecations.add(key);
+  let message = "";
+  message = context === "component" ? `This component is deprecated and will be removed in ${removalVersionText}.` : `The [${name}] ${context} is deprecated and will be removed in ${removalVersionText}.`;
+  if (suggested) {
+    listFormatter = new Intl.ListFormat("en", { style: "long", type: "disjunction" });
+    message += ` Use ${listFormatter.format([suggested].flat().map((suggestion) => `"${suggestion}"`))} instead.`;
+  }
+  const composed = `[${component.el.tagName.toLocaleLowerCase().slice("calcite-".length)}] - ${message}`;
+  forwardToConsole("warn", composed);
+}
 let effectiveConfig = void 0;
 const defaultConfig = {
   focusTrapStack: [],
@@ -60,15 +102,15 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.2.0-next.8";
-const buildDate = "2026-06-29";
-const revision = "b02ec407c";
+const version = "5.2.0-next.80";
+const buildDate = "2026-09-23";
+const revision = "e86e9e468";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
     return;
   }
-  console.info(`Using Calcite Components ${version} [Date: ${buildDate}, Revision: ${revision}]`);
+  logger.info(`Using Calcite Components ${version} [Date: ${buildDate}, Revision: ${revision}]`);
   Object.defineProperty(config, "version", {
     value: version,
     writable: false
@@ -85,16 +127,24 @@ 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.8/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.80/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const originalSetAssetPath = runtime.setAssetPath;
+runtime.setAssetPath = (path) => {
+  assetPathChanged = true;
+  return originalSetAssetPath.call(runtime, path);
+};
+let assetPathChanged = false;
 const { customElement, getAssetPath, setAssetPath } = runtime;
 export {
   CSS_UTILITY as C,
   DEBOUNCE as D,
-  getConfig as a,
-  resizeShiftStep as b,
+  assetPathChanged as a,
+  getConfig as b,
   customElement as c,
-  resizeStep as d,
+  resizeShiftStep as d,
+  resizeStep as e,
   getAssetPath as g,
+  logger as l,
   runtime as r,
   setAssetPath as s
 };

package/dist/chunks/screen-reader.js

@@ -0,0 +1,6 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { css } from "lit";
+const styles = css`.screen-reader-text{position:absolute;inline-size:var(--calcite-border-width-sm);block-size:var(--calcite-border-width-sm);padding:0;margin:calc(-1 * var(--calcite-border-width-sm));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`;
+export {
+  styles as s
+};

package/dist/chunks/text.js

@@ -4,9 +4,6 @@ import { safeClassMap } from "@arcgis/lumina";
 const CSS = {
   textMatch: "text-match"
 };
-function capitalizeWord(word) {
-  return word.charAt(0).toUpperCase() + word.slice(1);
-}
 function highlightText({ text, pattern }) {
   if (!pattern || !text) {
     return text;
@@ -18,6 +15,5 @@ function highlightText({ text, pattern }) {
   return parts;
 }
 export {
-  capitalizeWord as c,
   highlightText as h
 };

package/dist/chunks/useFocusTrap.js

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { makeGenericController } from "@arcgis/lumina/controllers";
 import { createFocusTrap } from "focus-trap";
-import { t as tabbableOptions, i as focusElement } from "./dom.js";
-import { a as getConfig } from "./runtime.js";
+import { t as tabbableOptions, f as focusElement } from "./dom.js";
+import { b as getConfig } from "./runtime.js";
 function getEffectiveContainerElements(targetEl, { focusTrapOptions }, extraContainers) {
   if (!focusTrapOptions?.extraContainers && !extraContainers) {
     return targetEl;