@esri/calcite-components 5.2.0-next.7 → 5.2.0-next.71

package/dist/chunks/manager.js

@@ -1,6 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { makeGenericController } from "@arcgis/lumina/controllers";
-import { q as queryElementRoots, v as getShadowRootNode, j as isPrimaryPointerButton, x as isKeyboardTriggeredClick } from "./dom.js";
+import { q as queryElementRoots, m as getShadowRootNode, h as isPrimaryPointerButton, o as isKeyboardTriggeredClick } from "./dom.js";
+import { l as logger } from "./runtime.js";
 import { i as isActivationKey } from "./key.js";
 import { t as toAriaBoolean } from "./aria.js";
 const useReferenceElement = (options) => {
@@ -38,7 +39,7 @@ const useReferenceElement = (options) => {
       component.referenceEl = getReferenceElement(component);
       const { el, referenceElement, referenceEl } = component;
       if (warn && referenceElement && !referenceEl) {
-        console.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
+        logger.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
           el
         });
       }
@@ -67,7 +68,7 @@ const useReferenceElement = (options) => {
       if (changes.has("referenceEl")) {
         unregisterReferenceElement(changes.get("referenceEl"));
         registerReferenceElement(component.referenceEl);
-      } else if (changes.has("open")) {
+      } else if (changes.has("open") || changes.has("triggerDisabled")) {
         manager.updateElement(component, component.referenceEl);
       }
     });
@@ -114,6 +115,8 @@ function isDrag({
 }
 const referenceElementManager = (options) => {
   const registeredElements = /* @__PURE__ */ new Map();
+  const registeredAriaControls = /* @__PURE__ */ new WeakMap();
+  const registeredAriaExpanded = /* @__PURE__ */ new WeakSet();
   const registeredShadowRootCounts = /* @__PURE__ */ new WeakMap();
   let activeComponents = null;
   let clickedComponents = null;
@@ -171,7 +174,7 @@ const referenceElementManager = (options) => {
     clearHoverCloseTimeout();
   };
   const pathHasOpenHoverComponent = (components, composedPath) => {
-    return activeComponents?.some((component) => component?.open && composedPath.includes(component.el)) || components?.some((component) => component?.open && composedPath.includes(component.el));
+    return !!(activeComponents?.some((component) => component?.open && composedPath.includes(component.el)) || components?.some((component) => component?.open && composedPath.includes(component.el)));
   };
   const toggleHoverComponents = (components, open) => {
     components?.forEach((component) => component.open = open);
@@ -380,14 +383,53 @@ const referenceElementManager = (options) => {
     }
     toggleFocusedComponents(components, true);
   };
+  const updateAriaExpanded = (referenceEl, components) => {
+    if (!("ariaExpanded" in referenceEl)) {
+      return;
+    }
+    const enabledComponents = components.filter((component) => !component.triggerDisabled);
+    if (enabledComponents.length) {
+      referenceEl.ariaExpanded = toAriaBoolean(enabledComponents.some((component) => component.open));
+      registeredAriaExpanded.add(referenceEl);
+      return;
+    }
+    if (registeredAriaExpanded.has(referenceEl)) {
+      referenceEl.ariaExpanded = null;
+      registeredAriaExpanded.delete(referenceEl);
+    }
+  };
+  const updateAriaControls = (referenceEl, component, registerComponent = !component.triggerDisabled) => {
+    if (!("ariaControlsElements" in referenceEl)) {
+      return;
+    }
+    const currentElements = referenceEl.ariaControlsElements ?? [];
+    const componentIsRegistered = currentElements.includes(component.el);
+    const registeredComponents = registeredAriaControls.get(referenceEl);
+    if (!registerComponent) {
+      if (!registeredComponents?.has(component)) {
+        return;
+      }
+      const updatedElements = currentElements.filter((element) => element !== component.el);
+      referenceEl.ariaControlsElements = updatedElements.length > 0 ? updatedElements : null;
+      registeredComponents?.delete(component);
+      return;
+    }
+    if (!componentIsRegistered) {
+      referenceEl.ariaControlsElements = [...currentElements, component.el];
+      if (!registeredComponents) {
+        registeredAriaControls.set(referenceEl, new WeakSet([component]));
+      } else {
+        registeredComponents.add(component);
+      }
+    }
+  };
   const updateElement = (component, referenceEl) => {
     if (!referenceEl || !component.referenceElementType) {
       return;
     }
-    if (options.click && "ariaExpanded" in referenceEl) {
-      const existingComponents = registeredElements.get(referenceEl) ?? [];
-      const existingComponentOpen = existingComponents?.some((component2) => component2.open) ?? false;
-      referenceEl.ariaExpanded = toAriaBoolean(component.open || existingComponentOpen);
+    if (options.click) {
+      updateAriaControls(referenceEl, component);
+      updateAriaExpanded(referenceEl, registeredElements.get(referenceEl) ?? []);
     }
   };
   const addShadowListeners = (shadowRoot) => {
@@ -425,13 +467,6 @@ const referenceElementManager = (options) => {
     if (existingComponents.includes(component)) {
       return;
     }
-    if (options.click && "ariaControlsElements" in referenceEl) {
-      const currentElements = referenceEl.ariaControlsElements ?? [];
-      if (!currentElements.includes(component.el)) {
-        const updatedElements = [...currentElements, component.el];
-        referenceEl.ariaControlsElements = updatedElements;
-      }
-    }
     if (options.hover && "ariaDescribedByElements" in referenceEl) {
       const currentElements = referenceEl.ariaDescribedByElements ?? [];
       if (!currentElements.includes(component.el)) {
@@ -475,22 +510,13 @@ const referenceElementManager = (options) => {
       removeListeners();
       clearHoverTimeout();
     }
-    if (options.click && "ariaControlsElements" in referenceEl) {
-      const newElements = referenceEl.ariaControlsElements?.filter((element) => element !== component.el);
-      referenceEl.ariaControlsElements = newElements?.length > 0 ? newElements : null;
-    }
-    if (options.click && "ariaExpanded" in referenceEl) {
-      const hasRegisteredComponents = (updatedComponents?.length ?? 0) > 0;
-      if (hasRegisteredComponents) {
-        const existingComponentOpen = updatedComponents?.some((component2) => component2.open) ?? false;
-        referenceEl.ariaExpanded = toAriaBoolean(existingComponentOpen);
-      } else {
-        referenceEl.ariaExpanded = null;
-      }
+    if (options.click) {
+      updateAriaControls(referenceEl, component, false);
+      updateAriaExpanded(referenceEl, updatedComponents);
     }
     if (options.hover && "ariaDescribedByElements" in referenceEl) {
-      const newElements = referenceEl.ariaDescribedByElements?.filter((element) => element !== component.el);
-      referenceEl.ariaDescribedByElements = newElements?.length > 0 ? newElements : null;
+      const newElements = (referenceEl.ariaDescribedByElements ?? []).filter((element) => element !== component.el);
+      referenceEl.ariaDescribedByElements = newElements.length > 0 ? newElements : null;
     }
   };
   return {

package/dist/chunks/math.js

@@ -3,7 +3,7 @@ const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
 const decimalPlaces = (value) => {
   const match = ("" + value).match(decimalNumberRegex);
-  if (!match || parseInt(match[1]) === 0) {
+  if (!match || parseInt(match[1], 10) === 0) {
     return 0;
   }
   return Math.max(

package/dist/chunks/openCloseComponent.js

@@ -1,7 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { o as whenTransitionDone } from "./dom.js";
+import { w as whenTransitionDone } from "./dom.js";
 function isOpen(component) {
-  return component[component.openProp || "open"];
+  return hasCustomOpenProp(component) ? component[component.openProp] : component.open;
+}
+function hasCustomOpenProp(component) {
+  return component.openProp !== void 0;
 }
 async function toggleOpenClose(component) {
   await component.updateComplete;
@@ -11,7 +14,7 @@ async function toggleOpenClose(component) {
     component.onBeforeClose();
   }
   await component.updateComplete;
-  const transitionNode = hasRef(component) ? component.transitionRef.value : component.transitionEl;
+  const transitionNode = component.transitionRef?.value ?? component.transitionEl;
   if (transitionNode) {
     await whenTransitionDone(transitionNode, component.transitionProp);
   }
@@ -21,9 +24,6 @@ async function toggleOpenClose(component) {
     component.onClose();
   }
 }
-function hasRef(component) {
-  return "transitionRef" in component;
-}
 export {
   toggleOpenClose as t
 };

package/dist/chunks/resources.js

@@ -1,27 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-const CSS = {
-  button: "button",
-  buttonTextVisible: "button--text-visible",
-  buttonCompact: "button--compact",
-  indicatorText: "indicator-text",
-  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"
+import { i as isTag } from "./resources3.js";
+const SLOTS = {
+  menuActions: "menu-actions",
+  menuTooltip: "menu-tooltip"
+};
+const ICONS = {
+  menu: "ellipsis"
 };
-const prefixId = "calcite-action";
-const IDS = {
-  button: (id) => `${prefixId}-${id}-button`,
-  indicator: (id) => `${prefixId}-${id}-indicator`
+const CSS = {
+  container: "container"
 };
-function isAction(el) {
-  return el?.tagName === "CALCITE-ACTION";
-}
+const isActionGroup = isTag("calcite-action-group");
 export {
   CSS as C,
-  IDS as I,
-  isAction as i
+  ICONS as I,
+  SLOTS as S,
+  isActionGroup as i
 };

package/dist/chunks/resources10.js

@@ -1,19 +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",
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  content: "content",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  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"
+};
+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 = {
+  chevronUp: "chevron-up",
+  chevronDown: "chevron-down"
 };
 const SLOTS = {
-  actionsStart: "actions-start",
-  contentStart: "content-start",
-  contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  labelContent: "label-content"
 };
 export {
-  CSS as C,
-  SLOTS as S
+  AllComboboxChildrenSelector as A,
+  ComboboxItemSelector as C,
+  IDS as I,
+  SLOTS as S,
+  ComboboxItemGroupSelector as a,
+  CSS as b,
+  ICONS as c
 };

package/dist/chunks/resources11.js

@@ -1,63 +1,11 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
 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"
+  positionContainer: "position-container",
+  container: "container"
 };
-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 isTooltip = isTag("calcite-tooltip");
 export {
   CSS as C,
-  ICONS as I,
-  MAX_COLUMNS as M,
-  SLOTS as S,
-  activeCellTestAttribute as a
+  isTooltip as i
 };

package/dist/chunks/resources12.js

@@ -1,27 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
 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"
+  hasActionGroups: "has-action-groups",
+  lineOverlay: "line-overlay",
+  line: "line",
+  actionGroupEnd: "action-group--end",
+  actionGroupStart: "action-group--start"
 };
-const ICONS = {
-  circle: "circle",
-  circleF: "circleF",
-  exclamationMarkCircleF: "exclamationMarkCircleF",
-  checkCircleF: "checkCircleF"
+const SLOTS = {
+  actionsEnd: "actions-end",
+  actionsStart: "actions-start",
+  expandTooltip: "expand-tooltip"
 };
-function isStepperItem(el) {
-  return el?.tagName === "CALCITE-STEPPER-ITEM";
-}
+const isActionBar = isTag("calcite-action-bar");
 export {
   CSS as C,
-  ICONS as I,
-  isStepperItem as i
+  SLOTS as S,
+  isActionBar as i
 };

package/dist/chunks/resources13.js

@@ -0,0 +1,33 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
+const DURATIONS = {
+  slow: 14e3,
+  medium: 1e4,
+  fast: 6e3
+};
+const SLOTS = {
+  actionsEnd: "actions-end",
+  title: "title",
+  message: "message",
+  link: "link"
+};
+const CSS = {
+  actionsEnd: "actions-end",
+  close: "close",
+  container: "container",
+  containerActive: "container--active",
+  dismissProgress: "dismiss-progress",
+  icon: "icon",
+  containerEmbedded: "container--embedded",
+  queueCount: "queue-count",
+  queueCountActive: "queue-count--active",
+  textContainer: "text-container",
+  focused: "focused"
+};
+const isAlert = isTag("calcite-alert");
+export {
+  CSS as C,
+  DURATIONS as D,
+  SLOTS as S,
+  isAlert as i
+};

package/dist/chunks/resources14.js

@@ -0,0 +1,63 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const CSS = {
+  actionBarContainer: "action-bar-container",
+  container: "container",
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
+  contentTopNoBorder: "content-top--no-border",
+  header: "header",
+  headerNoRow: "header--no-row",
+  headerContainer: "header-container",
+  headerContainerBorderEnd: "header-container--border-end",
+  headingTextContent: "heading-text-content",
+  heading: "heading",
+  description: "description",
+  headerContent: "header-content",
+  headerTop: "header-top",
+  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 = {
+  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",
+  headerTop: "header-top",
+  fab: "fab",
+  footer: "footer",
+  footerEnd: "footer-end",
+  footerStart: "footer-start"
+};
+export {
+  CSS as C,
+  ICONS as I,
+  SLOTS as S,
+  IDS as a
+};

package/dist/chunks/resources15.js

@@ -0,0 +1,39 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
+const CSS = {
+  dialog: "dialog",
+  panel: "panel",
+  scrim: "scrim",
+  container: "container",
+  containerOpen: "container--open",
+  containerEmbedded: "container--embedded",
+  assistiveText: "assistive-text"
+};
+const SLOTS = {
+  actionBar: "action-bar",
+  alerts: "alerts",
+  customContent: "custom-content",
+  contentTop: "content-top",
+  contentBottom: "content-bottom",
+  headerActionsStart: "header-actions-start",
+  headerActionsEnd: "header-actions-end",
+  description: "description",
+  heading: "heading",
+  headerMenuActions: "header-menu-actions",
+  headerContent: "header-content",
+  headerTop: "header-top",
+  fab: "fab",
+  footer: "footer",
+  footerStart: "footer-start",
+  footerEnd: "footer-end"
+};
+const initialDragPosition = { x: 0, y: 0 };
+const initialResizePosition = { top: 0, right: 0, bottom: 0, left: 0 };
+const isDialog = isTag("calcite-dialog");
+export {
+  CSS as C,
+  SLOTS as S,
+  initialResizePosition as a,
+  isDialog as b,
+  initialDragPosition as i
+};

package/dist/chunks/resources16.js

@@ -0,0 +1,12 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
+const CSS = {
+  title: "title",
+  firstTitle: "first-title",
+  separator: "separator"
+};
+const isDropdownGroup = isTag("calcite-dropdown-group");
+export {
+  CSS as C,
+  isDropdownGroup as i
+};

package/dist/chunks/resources17.js

@@ -0,0 +1,17 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const CSS = {
+  container: "container",
+  containerNone: "container--none-selection",
+  icon: "icon",
+  iconEnd: "icon--end",
+  iconStart: "icon--start",
+  itemContent: "content",
+  link: "link"
+};
+const ICONS = {
+  check: "check"
+};
+export {
+  CSS as C,
+  ICONS as I
+};

package/dist/chunks/resources18.js

@@ -0,0 +1,17 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
+const CSS = {
+  icon: "icon",
+  iconContainer: "icon-container",
+  select: "select",
+  wrapper: "wrapper"
+};
+const IDS = {
+  validationMessage: "selectValidationMessage"
+};
+const isSelect = isTag("calcite-select");
+export {
+  CSS as C,
+  IDS as I,
+  isSelect as i
+};

package/dist/chunks/resources19.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/resources2.js

@@ -1,4 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { i as isTag } from "./resources3.js";
 const CSS = {
   menu: "menu",
   defaultTrigger: "default-trigger"
@@ -16,9 +17,11 @@ const SLOTS = {
 const ICONS = {
   menu: "ellipsis"
 };
+const isActionMenu = isTag("calcite-action-menu");
 export {
   CSS as C,
   IDS as I,
   SLOTS as S,
-  ICONS as a
+  ICONS as a,
+  isActionMenu as i
 };