@esri/calcite-components 5.1.1-next.5 → 5.1.1

package/dist/chunks/dom.js

@@ -390,22 +390,10 @@ function queryElementRoots(el, {
        */
     rootNode.getElementById(id)
   ) : null : selector ? rootNode.querySelector(selector) : null;
-  if (found) {
-    return found;
-  }
-  const host = getHost(rootNode);
-  return host ? queryElementRoots(host, { selector, id }) : null;
+  return found || queryElementRoots(getHost(rootNode), { selector, id });
 }
 function closestElementCrossShadowBoundary(element, selector) {
-  if (!element) {
-    return null;
-  }
-  const closest = element.closest(selector);
-  if (closest) {
-    return closest;
-  }
-  const host = getHost(getRootNode(element));
-  return host ? closestElementCrossShadowBoundary(host, selector) : null;
+  return element ? element.closest(selector) || closestElementCrossShadowBoundary(getHost(getRootNode(element)), selector) : null;
 }
 function isCalciteFocusable(el) {
   return typeof el?.setFocus === "function";
@@ -515,7 +503,7 @@ const focusElementInGroup = (elements, currentElement, destination, cycle = true
   return focusTarget;
 };
 function isBefore(a, b) {
-  if (!a.parentNode || !b.parentNode || a.parentNode !== b.parentNode) {
+  if (a.parentNode !== b.parentNode) {
     return false;
   }
   const children = Array.from(a.parentNode.children);

package/dist/chunks/floating-ui.js

@@ -206,7 +206,7 @@ const autoUpdatingComponentMap = /* @__PURE__ */ new WeakMap();
 const componentToDebouncedRepositionMap = /* @__PURE__ */ new WeakMap();
 async function runAutoUpdate(component) {
   const { referenceEl, floatingEl } = component;
-  if (!floatingEl?.isConnected) {
+  if (!floatingEl.isConnected) {
     return;
   }
   const effectiveAutoUpdate = !isServer ? autoUpdate : (_refEl, _floatingEl, updateCallback) => {

package/dist/chunks/label.js

@@ -25,11 +25,11 @@ const findLabelForComponent = (componentEl) => {
 function hasAncestorCustomElements(label, componentEl) {
   let traversedElements;
   const customElementAncestorCheckEventType = "custom-element-ancestor-check";
-  const listener = ((event) => {
+  const listener = (event) => {
     event.stopImmediatePropagation();
     const composedPath = event.composedPath();
     traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));
-  });
+  };
   label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });
   componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));
   label.removeEventListener(customElementAncestorCheckEventType, listener);
@@ -41,7 +41,7 @@ function connectLabel(component) {
     return;
   }
   const labelEl = findLabelForComponent(component.el);
-  if (labelEl && onLabelClickMap.has(labelEl) && labelEl === component.labelEl || !labelEl && unlabeledComponents.has(component)) {
+  if (onLabelClickMap.has(labelEl) && labelEl === component.labelEl || !labelEl && unlabeledComponents.has(component)) {
     return;
   }
   const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
@@ -84,7 +84,7 @@ function disconnectLabel(component) {
     component.labelEl,
     labelables.filter((labelable) => labelable !== component).sort(sortByDOMOrder)
   );
-  component.labelEl = void 0;
+  component.labelEl = null;
 }
 function sortByDOMOrder(a, b) {
   return isBefore(a.el, b.el) ? -1 : 1;
@@ -96,7 +96,7 @@ function onLabelClick(event) {
   const labelClickTarget = event.detail.sourceEvent.target;
   const labelables = labelToLabelables.get(this);
   const clickedLabelable = labelables.find((labelable) => labelable.el === labelClickTarget);
-  const labelableChildClicked = clickedLabelable && labelables.includes(clickedLabelable);
+  const labelableChildClicked = labelables.includes(clickedLabelable);
   if (labelableChildClicked) {
     return;
   }
@@ -123,7 +123,7 @@ async function associateExplicitLabelToUnlabeledComponent(label) {
   if (alreadyLabeled) {
     return;
   }
-  const forComponentEl = label.for && label.ownerDocument?.getElementById(label.for);
+  const forComponentEl = label.ownerDocument?.getElementById(label.for);
   if (!forComponentEl) {
     return;
   }

package/dist/chunks/locale.js

@@ -158,7 +158,7 @@ function stringContainsNumbers(string) {
 function addLocalizedTrailingDecimalZeros(localizedValue, value, formatter) {
   const decimals = value.split(".")[1];
   if (decimals) {
-    const trailingDecimalZeros = decimals.match(hasTrailingDecimalZeros)?.[0];
+    const trailingDecimalZeros = decimals.match(hasTrailingDecimalZeros)[0];
     if (trailingDecimalZeros && formatter.delocalize(localizedValue).length !== value.length && decimals.indexOf("e") === -1) {
       const decimalSeparator = formatter.decimal;
       localizedValue = !localizedValue.includes(decimalSeparator) ? `${localizedValue}${decimalSeparator}` : localizedValue;
@@ -196,7 +196,7 @@ const localizedTwentyFourHourMeridiems = new Map(
   })
 );
 const numberingSystems = ["arab", "arabext", "latn"];
-const isNumberingSystemSupported = (numberingSystem) => !!(numberingSystems && numberingSystems.includes(numberingSystem));
+const isNumberingSystemSupported = (numberingSystem) => numberingSystems.includes(numberingSystem);
 const browserNumberingSystem = new Intl.NumberFormat().resolvedOptions().numberingSystem;
 const defaultNumberingSystem = browserNumberingSystem === "arab" || !isNumberingSystemSupported(browserNumberingSystem) ? "latn" : browserNumberingSystem;
 const getSupportedNumberingSystem = (numberingSystem) => isNumberingSystemSupported(numberingSystem) ? numberingSystem : defaultNumberingSystem;
@@ -260,7 +260,10 @@ class NumberStringFormat {
       return;
     }
     this._numberFormatOptions = options;
-    this._numberFormatter = new Intl.NumberFormat(this._numberFormatOptions.locale, this._numberFormatOptions);
+    this._numberFormatter = new Intl.NumberFormat(
+      this._numberFormatOptions.locale,
+      this._numberFormatOptions
+    );
     this._digits = [
       ...new Intl.NumberFormat(this._numberFormatOptions.locale, {
         useGrouping: false,

package/dist/chunks/manager.js

@@ -6,8 +6,8 @@ import { t as toAriaBoolean } from "./aria.js";
 const useReferenceElement = (options) => {
   const { manager } = options;
   return makeGenericController((component, controller) => {
-    let animationFrameId = void 0;
-    let lastRegisteredReferenceEl = void 0;
+    let animationFrameId = null;
+    let lastRegisteredReferenceEl = null;
     const canManageReferenceElement = (referenceEl) => {
       return Boolean(referenceEl && component.referenceElementType);
     };
@@ -24,12 +24,12 @@ const useReferenceElement = (options) => {
       }
       manager.unregisterElement(component, referenceEl);
       if (lastRegisteredReferenceEl === referenceEl) {
-        lastRegisteredReferenceEl = void 0;
+        lastRegisteredReferenceEl = null;
       }
     };
     const getReferenceElement = (component2) => {
       const { referenceElement, el } = component2;
-      return (typeof referenceElement === "string" ? queryElementRoots(el, { id: referenceElement }) : referenceElement) || void 0;
+      return (typeof referenceElement === "string" ? queryElementRoots(el, { id: referenceElement }) : referenceElement) || null;
     };
     const setUpReferenceElement = (warn = true) => {
       if (!component.referenceElementType) {
@@ -74,7 +74,7 @@ const useReferenceElement = (options) => {
     controller.onDisconnected(() => {
       if (animationFrameId != null) {
         cancelAnimationFrame(animationFrameId);
-        animationFrameId = void 0;
+        animationFrameId = null;
       }
       unregisterReferenceElement(lastRegisteredReferenceEl);
     });

package/dist/chunks/resources10.js

@@ -0,0 +1,63 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/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/resources5.js

@@ -1,62 +1,37 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
-const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
-const AllComboboxChildrenSelector = `${ComboboxItemSelector}, ${ComboboxItemGroupSelector}`;
 const CSS = {
-  allSelected: "all-selected",
-  chip: "chip",
-  chipInvisible: "chip--invisible",
-  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"
+  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"
 };
-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 = {
+  image: "image"
 };
 const ICONS = {
-  chevronUp: "chevron-up",
-  chevronDown: "chevron-down"
-};
-const SLOTS = {
-  labelContent: "label-content"
+  close: "x",
+  checkedSingle: "circle-f",
+  uncheckedMultiple: "square",
+  checkedMultiple: "check-square-f"
 };
+function isChip(el) {
+  return el?.tagName === "CALCITE-CHIP";
+}
 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
+  isChip as i
 };

package/dist/chunks/resources6.js

@@ -1,59 +1,62 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
+const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
+const AllComboboxChildrenSelector = `${ComboboxItemSelector}, ${ComboboxItemGroupSelector}`;
 const CSS = {
-  actionBarContainer: "action-bar-container",
-  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",
+  allSelected: "all-selected",
+  chip: "chip",
+  chipInvisible: "chip--invisible",
   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"
+  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 = {
-  close: "close",
-  collapse: "collapse"
+  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 = {
-  close: "x",
-  menu: "ellipsis",
-  expand: "chevron-down",
-  collapse: "chevron-up"
+  chevronUp: "chevron-up",
+  chevronDown: "chevron-down"
 };
 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"
+  labelContent: "label-content"
 };
 export {
+  AllComboboxChildrenSelector as A,
   CSS as C,
-  ICONS as I,
+  IDS as I,
   SLOTS as S,
-  IDS as a
+  ComboboxItemSelector as a,
+  ComboboxItemGroupSelector as b,
+  ICONS as c
 };

package/dist/chunks/resources7.js

@@ -1,17 +1,59 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 const CSS = {
+  actionBarContainer: "action-bar-container",
   container: "container",
-  containerNone: "container--none-selection",
+  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",
-  iconEnd: "icon--end",
-  iconStart: "icon--start",
-  itemContent: "content",
-  link: "link"
+  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 = {
-  check: "check"
+  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"
 };
 export {
   CSS as C,
-  ICONS as I
+  ICONS as I,
+  SLOTS as S,
+  IDS as a
 };

package/dist/chunks/resources8.js

@@ -1,19 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 const CSS = {
   container: "container",
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  content: "content",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  containerNone: "container--none-selection",
+  icon: "icon",
+  iconEnd: "icon--end",
+  iconStart: "icon--start",
+  itemContent: "content",
+  link: "link"
 };
-const SLOTS = {
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+const ICONS = {
+  check: "check"
 };
 export {
   CSS as C,
-  SLOTS as S
+  ICONS as I
 };

package/dist/chunks/resources9.js

@@ -1,63 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/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",
+  actionsStart: "actions-start",
+  contentStart: "content-start",
   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"
+  actionsEnd: "actions-end"
 };
 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
+  SLOTS as S
 };

package/dist/chunks/runtime.js

@@ -60,9 +60,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.1.1-next.5";
-const buildDate = "2026-06-06";
-const revision = "16e47212c";
+const version = "5.1.1";
+const buildDate = "2026-06-10";
+const revision = "c8db0a41f";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
@@ -85,7 +85,7 @@ if (!isServer) {
 if (process.env.NODE_ENV !== "test") {
   queueMicrotask(stampVersion);
 }
-const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.1.1-next.5/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://js.arcgis.com/calcite-components/5.1.1/", hydratedAttribute: "calcite-hydrated" });
 const { customElement, getAssetPath, setAssetPath } = runtime;
 export {
   CSS_UTILITY as C,