@esri/calcite-components 5.1.0-next.9 → 5.1.1-next.0

package/dist/chunks/dom.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { g as guid } from "./guid.js";
 import { C as CSS_UTILITY } from "./runtime.js";
-var candidateSelectors = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"];
+var candidateSelectors = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"];
 var candidateSelector = /* @__PURE__ */ candidateSelectors.join(",");
 var NoElement = typeof Element === "undefined";
 var matches = NoElement ? function() {
@@ -12,14 +12,16 @@ var getRootNode$1 = !NoElement && Element.prototype.getRootNode ? function(eleme
 } : function(element) {
   return element === null || element === void 0 ? void 0 : element.ownerDocument;
 };
-var isInert = function isInert2(node, lookUp) {
+var _isInert = function isInert(node, lookUp) {
   var _node$getAttribute;
   if (lookUp === void 0) {
     lookUp = true;
   }
   var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, "inert");
   var inert = inertAtt === "" || inertAtt === "true";
-  var result = inert || lookUp && node && isInert2(node.parentNode);
+  var result = inert || lookUp && node && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof node.closest === "function" ? node.closest("[inert]") : _isInert(node.parentNode));
   return result;
 };
 var isContentEditable = function isContentEditable2(node) {
@@ -28,7 +30,7 @@ var isContentEditable = function isContentEditable2(node) {
   return attValue === "" || attValue === "true";
 };
 var getCandidates = function getCandidates2(el, includeContainer, filter) {
-  if (isInert(el)) {
+  if (_isInert(el)) {
     return [];
   }
   var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
@@ -38,18 +40,18 @@ var getCandidates = function getCandidates2(el, includeContainer, filter) {
   candidates = candidates.filter(filter);
   return candidates;
 };
-var getCandidatesIteratively = function getCandidatesIteratively2(elements, includeContainer, options) {
+var _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
   var candidates = [];
   var elementsToCheck = Array.from(elements);
   while (elementsToCheck.length) {
     var element = elementsToCheck.shift();
-    if (isInert(element, false)) {
+    if (_isInert(element, false)) {
       continue;
     }
     if (element.tagName === "SLOT") {
       var assigned = element.assignedElements();
       var content = assigned.length ? assigned : element.children;
-      var nestedCandidates = getCandidatesIteratively2(content, true, options);
+      var nestedCandidates = _getCandidatesIteratively(content, true, options);
       if (options.flatten) {
         candidates.push.apply(candidates, nestedCandidates);
       } else {
@@ -65,9 +67,9 @@ var getCandidatesIteratively = function getCandidatesIteratively2(elements, incl
       }
       var shadowRoot = element.shadowRoot || // check for an undisclosed shadow
       typeof options.getShadowRoot === "function" && options.getShadowRoot(element);
-      var validShadowRoot = !isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
+      var validShadowRoot = !_isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
       if (shadowRoot && validShadowRoot) {
-        var _nestedCandidates = getCandidatesIteratively2(shadowRoot === true ? element.children : shadowRoot.children, true, options);
+        var _nestedCandidates = _getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
         if (options.flatten) {
           candidates.push.apply(candidates, _nestedCandidates);
         } else {
@@ -177,6 +179,24 @@ var isZeroArea = function isZeroArea2(node) {
 };
 var isHidden = function isHidden2(node, _ref) {
   var displayCheck = _ref.displayCheck, getShadowRoot = _ref.getShadowRoot;
+  if (displayCheck === "full-native") {
+    if ("checkVisibility" in node) {
+      var visible = node.checkVisibility({
+        // Checking opacity might be desirable for some use cases, but natively,
+        // opacity zero elements _are_ focusable and tabbable.
+        checkOpacity: false,
+        opacityProperty: false,
+        contentVisibilityAuto: true,
+        visibilityProperty: true,
+        // This is an alias for `visibilityProperty`. Contemporary browsers
+        // support both. However, this alias has wider browser support (Chrome
+        // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+        // we include it anyway.
+        checkVisibilityCSS: true
+      });
+      return !visible;
+    }
+  }
   if (getComputedStyle(node).visibility === "hidden") {
     return true;
   }
@@ -185,7 +205,9 @@ var isHidden = function isHidden2(node, _ref) {
   if (matches.call(nodeUnderDetails, "details:not([open]) *")) {
     return true;
   }
-  if (!displayCheck || displayCheck === "full" || displayCheck === "legacy-full") {
+  if (!displayCheck || displayCheck === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  displayCheck === "full-native" || displayCheck === "legacy-full") {
     if (typeof getShadowRoot === "function") {
       var originalNode = node;
       while (node) {
@@ -233,10 +255,7 @@ var isDisabledFromFieldset = function isDisabledFromFieldset2(node) {
   return false;
 };
 var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable2(options, node) {
-  if (node.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
-  //  because we're limited in the type of selectors we can use in JSDom (see related
-  //  note related to `candidateSelectors`)
-  isInert(node) || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
+  if (node.disabled || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
   isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
     return false;
   }
@@ -248,21 +267,21 @@ var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable2(op
   }
   return true;
 };
-var isValidShadowRootTabbable = function isValidShadowRootTabbable2(shadowHostNode) {
+var isShadowRootTabbable = function isShadowRootTabbable2(shadowHostNode) {
   var tabIndex = parseInt(shadowHostNode.getAttribute("tabindex"), 10);
   if (isNaN(tabIndex) || tabIndex >= 0) {
     return true;
   }
   return false;
 };
-var sortByOrder = function sortByOrder2(candidates) {
+var _sortByOrder = function sortByOrder(candidates) {
   var regularTabbables = [];
   var orderedTabbables = [];
   candidates.forEach(function(item, i) {
     var isScope = !!item.scopeParent;
     var element = isScope ? item.scopeParent : item;
     var candidateTabindex = getSortOrderTabIndex(element, isScope);
-    var elements = isScope ? sortByOrder2(item.candidates) : element;
+    var elements = isScope ? _sortByOrder(item.candidates) : element;
     if (candidateTabindex === 0) {
       isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);
     } else {
@@ -284,22 +303,22 @@ var tabbable = function tabbable2(container, options) {
   options = options || {};
   var candidates;
   if (options.getShadowRoot) {
-    candidates = getCandidatesIteratively([container], options.includeContainer, {
+    candidates = _getCandidatesIteratively([container], options.includeContainer, {
       filter: isNodeMatchingSelectorTabbable.bind(null, options),
       flatten: false,
       getShadowRoot: options.getShadowRoot,
-      shadowRootFilter: isValidShadowRootTabbable
+      shadowRootFilter: isShadowRootTabbable
     });
   } else {
     candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
   }
-  return sortByOrder(candidates);
+  return _sortByOrder(candidates);
 };
 var focusable = function focusable2(container, options) {
   options = options || {};
   var candidates;
   if (options.getShadowRoot) {
-    candidates = getCandidatesIteratively([container], options.includeContainer, {
+    candidates = _getCandidatesIteratively([container], options.includeContainer, {
       filter: isNodeMatchingSelectorFocusable.bind(null, options),
       flatten: true,
       getShadowRoot: options.getShadowRoot
@@ -531,8 +550,10 @@ function viewportUnitToPixel(value, viewportSize) {
   return value * viewportSize / 100;
 }
 export {
-  filterDirectChildren as A,
-  getSlotAssignedElements as B,
+  slotChangeHasTextContent as A,
+  ensureId as B,
+  filterDirectChildren as C,
+  getSlotAssignedElements as D,
   slotChangeGetAssignedElements as a,
   setRequestedIcon as b,
   closestElementCrossShadowBoundary as c,
@@ -550,13 +571,13 @@ export {
   whenTransitionDone as o,
   isBefore as p,
   queryElementRoots as q,
-  nextFrame as r,
+  isCalciteFocusable as r,
   slotChangeHasAssignedElement as s,
   tabbableOptions as t,
-  getFirstTabbable as u,
-  intersects as v,
+  nextFrame as u,
+  getShadowRootNode as v,
   whenAnimationDone as w,
-  getShadowRootNode as x,
-  isKeyboardTriggeredClick as y,
-  ensureId as z
+  isKeyboardTriggeredClick as x,
+  getFirstTabbable as y,
+  intersects as z
 };

package/dist/chunks/floating-ui.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { isServer } from "lit";
-import { autoUpdate, computePosition, shift, hide, flip, offset, autoPlacement, arrow, platform } from "@floating-ui/dom";
+import { computePosition, autoUpdate, shift, hide, flip, offset, autoPlacement, arrow, platform } from "@floating-ui/dom";
 import { debounce } from "es-toolkit";
 import { offsetParent } from "composed-offset-position";
 import { D as DEBOUNCE } from "./runtime.js";

package/dist/chunks/locale.js

@@ -212,19 +212,21 @@ function getDateFormatSupportedLocale(locale) {
 }
 class NumberStringFormat {
   constructor() {
-    this.delocalize = (numberString) => (
-      // For performance, (de)localization is skipped if the formatter isn't initialized.
-      // In order to localize/delocalize, e.g. when lang/numberingSystem props are not default values,
-      // `numberFormatOptions` must be set in a component to create and cache the formatter.
-      this._numberFormatOptions ? sanitizeExponentialNumberString(
+    this.delocalize = (numberString) => {
+      if (!this._numberFormatOptions) {
+        return numberString;
+      }
+      return sanitizeExponentialNumberString(
         numberString,
-        (nonExpoNumString) => nonExpoNumString.replace(new RegExp(`[${this._minusSign}]`, "g"), "-").replace(new RegExp(`[${this._group}]`, "g"), "").replace(new RegExp(`[${this._decimal}]`, "g"), ".").replace(new RegExp(`[${this._digits.join("")}]`, "g"), this._getDigitIndex)
-      ) : numberString
-    );
-    this.localize = (numberString) => this._numberFormatOptions ? sanitizeExponentialNumberString(
-      numberString,
-      (nonExpoNumString) => isValidNumber(nonExpoNumString.trim()) ? new BigDecimal(nonExpoNumString.trim()).format(this).replace(new RegExp(`[${this._actualGroup}]`, "g"), this._group) : nonExpoNumString
-    ) : numberString;
+        (nonExponentialNumberString) => this.#normalizeDigitsAndSign(this.#normalizeSeparators(nonExponentialNumberString))
+      );
+    };
+    this.localize = (numberString) => {
+      return this._numberFormatOptions ? sanitizeExponentialNumberString(
+        numberString,
+        (nonExpoNumString) => isValidNumber(nonExpoNumString.trim()) ? new BigDecimal(nonExpoNumString.trim()).format(this).replace(new RegExp(`[${this._actualGroup}]`, "g"), this._group) : nonExpoNumString
+      ) : numberString;
+    };
   }
   get group() {
     return this._group;
@@ -278,6 +280,21 @@ class NumberStringFormat {
     this._minusSign = parts.find((d) => d.type === "minusSign").value;
     this._getDigitIndex = (d) => index.get(d);
   }
+  #normalizeDigitsAndSign(value) {
+    return value.replace(new RegExp(`[${this._minusSign}]`, "g"), "-").replace(new RegExp(`[${this._digits.join("")}]`, "g"), this._getDigitIndex);
+  }
+  #normalizeSeparators(value) {
+    if (this._group !== this._decimal) {
+      return value.replace(new RegExp(`[${this._group}]`, "g"), "").replace(new RegExp(`[${this._decimal}]`, "g"), ".");
+    }
+    const lastSeparatorIndex = value.lastIndexOf(this._decimal);
+    if (lastSeparatorIndex === -1) {
+      return value;
+    }
+    const wholePart = value.slice(0, lastSeparatorIndex).replace(new RegExp(`[${this._group}]`, "g"), "");
+    const fractionalPart = value.slice(lastSeparatorIndex + 1);
+    return `${wholePart}.${fractionalPart}`;
+  }
 }
 const numberStringFormatter = new NumberStringFormat();
 let dateTimeFormatCache;

package/dist/chunks/{useReferenceElement.js → manager.js}

@@ -1,27 +1,84 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { ref } from "lit/directives/ref.js";
-import { keyed } from "lit/directives/keyed.js";
-import { nothing, svg, html } from "lit";
-import { safeClassMap } from "@arcgis/lumina";
-import { x as getShadowRootNode, j as isPrimaryPointerButton, y as isKeyboardTriggeredClick, q as queryElementRoots } from "./dom.js";
+import { makeGenericController } from "@arcgis/lumina/controllers";
+import { q as queryElementRoots, v as getShadowRootNode, j as isPrimaryPointerButton, x as isKeyboardTriggeredClick } from "./dom.js";
 import { i as isActivationKey } from "./key.js";
 import { t as toAriaBoolean } from "./aria.js";
-import { makeGenericController } from "@arcgis/lumina/controllers";
-const CSS = {
-  arrow: "calcite-floating-ui-arrow",
-  arrowStroke: "calcite-floating-ui-arrow__stroke"
-};
-const DEFAULTS = {
-  width: 12,
-  height: 6,
-  strokeWidth: 1
-};
-const FloatingArrow = ({ floatingLayout, key, ref: ref$1 }) => {
-  const { width, height, strokeWidth } = DEFAULTS;
-  const svgX = width / 2;
-  const isVertical = floatingLayout === "vertical";
-  const dValue = `M0,0 H${width} L${width - svgX},${height} Q${svgX},${height} ${svgX},${height} Z`;
-  return keyed(key, html`<svg aria-hidden=true class=${safeClassMap(CSS.arrow)} height=${width} viewBox=${`0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`} width=${width + (isVertical ? strokeWidth : 0)} ${ref(ref$1)}>${svg`${svg`<path class=${safeClassMap(CSS.arrowStroke)} d=${dValue ?? nothing} fill=none stroke-width=${strokeWidth + 1} />` || ""}<path d=${dValue ?? nothing} stroke=none />`}</svg>`);
+const useReferenceElement = (options) => {
+  const { manager } = options;
+  return makeGenericController((component, controller) => {
+    let animationFrameId = null;
+    let lastRegisteredReferenceEl = null;
+    const canManageReferenceElement = (referenceEl) => {
+      return Boolean(referenceEl && component.referenceElementType);
+    };
+    const registerReferenceElement = (referenceEl) => {
+      if (!canManageReferenceElement(referenceEl)) {
+        return;
+      }
+      manager.registerElement(component, referenceEl);
+      lastRegisteredReferenceEl = referenceEl;
+    };
+    const unregisterReferenceElement = (referenceEl) => {
+      if (!canManageReferenceElement(referenceEl)) {
+        return;
+      }
+      manager.unregisterElement(component, referenceEl);
+      if (lastRegisteredReferenceEl === referenceEl) {
+        lastRegisteredReferenceEl = null;
+      }
+    };
+    const getReferenceElement = (component2) => {
+      const { referenceElement, el } = component2;
+      return (typeof referenceElement === "string" ? queryElementRoots(el, { id: referenceElement }) : referenceElement) || null;
+    };
+    const setUpReferenceElement = (warn = true) => {
+      if (!component.referenceElementType) {
+        return;
+      }
+      component.referenceEl = getReferenceElement(component);
+      const { el, referenceElement, referenceEl } = component;
+      if (warn && referenceElement && !referenceEl) {
+        console.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
+          el
+        });
+      }
+    };
+    controller.onConnected(() => {
+      animationFrameId = requestAnimationFrame(() => {
+        if (!component.el.isConnected) {
+          return;
+        }
+        setUpReferenceElement(component.manager.loadedCalled);
+        registerReferenceElement(component.referenceEl);
+      });
+    });
+    controller.onLoaded(() => {
+      if (component.referenceElement && !component.referenceEl) {
+        setUpReferenceElement();
+      }
+    });
+    controller.onUpdate((changes) => {
+      if (!component.hasUpdated) {
+        return;
+      }
+      if (changes.has("referenceElement")) {
+        setUpReferenceElement();
+      }
+      if (changes.has("referenceEl")) {
+        unregisterReferenceElement(changes.get("referenceEl"));
+        registerReferenceElement(component.referenceEl);
+      } else if (changes.has("open")) {
+        manager.updateElement(component, component.referenceEl);
+      }
+    });
+    controller.onDisconnected(() => {
+      if (animationFrameId != null) {
+        cancelAnimationFrame(animationFrameId);
+        animationFrameId = null;
+      }
+      unregisterReferenceElement(lastRegisteredReferenceEl);
+    });
+  });
 };
 function haveSameComponents(components, activeComponents) {
   if (components === activeComponents) {
@@ -71,7 +128,7 @@ const referenceElementManager = (options) => {
       return void 0;
     }
     const components = registeredElements.get(registeredElement);
-    return components?.filter((component) => component.referenceElementType === type);
+    return type ? components?.filter((component) => component.referenceElementType === type) : components;
   };
   const toggleComponents = (event, type) => {
     const composedPath = event.composedPath();
@@ -179,6 +236,10 @@ const referenceElementManager = (options) => {
       toggleComponents(event, "click");
     }
   };
+  const onReferenceElementKeyDown = (event) => {
+    const components = queryComponents(event.composedPath());
+    components?.forEach((component) => component.onReferenceElementKeyDown?.(event));
+  };
   const closeAllComponents = () => {
     Array.from(registeredElements.values()).flat().forEach((component) => component.open = false);
   };
@@ -243,15 +304,32 @@ const referenceElementManager = (options) => {
     clearHoverTimeout();
     closeHoveredComponents();
   };
+  const clickListener = (event) => {
+    if (options.click) {
+      clickHandler(event);
+    }
+    if (options.hover) {
+      hoverClickHandler(event);
+    }
+  };
+  const keyDownListener = (event) => {
+    onReferenceElementKeyDown(event);
+    if (options.click) {
+      keyDownHandler(event);
+    }
+    if (options.hover) {
+      hoverKeyDownHandler(event);
+    }
+  };
   const addListeners = () => {
+    if (options.click || options.hover) {
+      window.addEventListener("click", clickListener);
+      window.addEventListener("keydown", keyDownListener);
+    }
     if (options.click) {
-      window.addEventListener("click", clickHandler);
-      window.addEventListener("keydown", keyDownHandler);
       window.addEventListener("pointerdown", pointerDownHandler);
     }
     if (options.hover) {
-      window.addEventListener("click", hoverClickHandler);
-      window.addEventListener("keydown", hoverKeyDownHandler);
       window.addEventListener("pointermove", pointerMoveHandler);
       window.addEventListener("focusin", focusInHandler);
       window.addEventListener("blur", blurHandler);
@@ -259,14 +337,14 @@ const referenceElementManager = (options) => {
     }
   };
   const removeListeners = () => {
+    if (options.click || options.hover) {
+      window.removeEventListener("click", clickListener);
+      window.removeEventListener("keydown", keyDownListener);
+    }
     if (options.click) {
       window.removeEventListener("pointerdown", pointerDownHandler);
-      window.removeEventListener("click", clickHandler);
-      window.removeEventListener("keydown", keyDownHandler);
     }
     if (options.hover) {
-      window.removeEventListener("click", hoverClickHandler);
-      window.removeEventListener("keydown", hoverKeyDownHandler);
       window.removeEventListener("pointermove", pointerMoveHandler);
       window.removeEventListener("focusin", focusInHandler);
       window.removeEventListener("blur", blurHandler);
@@ -349,15 +427,15 @@ const referenceElementManager = (options) => {
     }
     if (options.click && "ariaControlsElements" in referenceEl) {
       const currentElements = referenceEl.ariaControlsElements ?? [];
-      if (!currentElements.includes(component)) {
-        const updatedElements = [...currentElements, component];
+      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)) {
-        const updatedElements = [...currentElements, component];
+      if (!currentElements.includes(component.el)) {
+        const updatedElements = [...currentElements, component.el];
         referenceEl.ariaDescribedByElements = updatedElements;
       }
     }
@@ -398,7 +476,7 @@ const referenceElementManager = (options) => {
       clearHoverTimeout();
     }
     if (options.click && "ariaControlsElements" in referenceEl) {
-      const newElements = referenceEl.ariaControlsElements?.filter((element) => element !== component);
+      const newElements = referenceEl.ariaControlsElements?.filter((element) => element !== component.el);
       referenceEl.ariaControlsElements = newElements?.length > 0 ? newElements : null;
     }
     if (options.click && "ariaExpanded" in referenceEl) {
@@ -411,7 +489,7 @@ const referenceElementManager = (options) => {
       }
     }
     if (options.hover && "ariaDescribedByElements" in referenceEl) {
-      const newElements = referenceEl.ariaDescribedByElements?.filter((element) => element !== component);
+      const newElements = referenceEl.ariaDescribedByElements?.filter((element) => element !== component.el);
       referenceEl.ariaDescribedByElements = newElements?.length > 0 ? newElements : null;
     }
   };
@@ -421,85 +499,7 @@ const referenceElementManager = (options) => {
     updateElement
   };
 };
-const useReferenceElement = (options) => {
-  const { manager } = options;
-  return makeGenericController((component, controller) => {
-    let animationFrameId = null;
-    let lastRegisteredReferenceEl = null;
-    const canManageReferenceElement = (referenceEl) => {
-      return Boolean(referenceEl && component.referenceElementType);
-    };
-    const registerReferenceElement = (referenceEl) => {
-      if (!canManageReferenceElement(referenceEl)) {
-        return;
-      }
-      manager.registerElement(component, referenceEl);
-      lastRegisteredReferenceEl = referenceEl;
-    };
-    const unregisterReferenceElement = (referenceEl) => {
-      if (!canManageReferenceElement(referenceEl)) {
-        return;
-      }
-      manager.unregisterElement(component, referenceEl);
-      if (lastRegisteredReferenceEl === referenceEl) {
-        lastRegisteredReferenceEl = null;
-      }
-    };
-    const getReferenceElement = (component2) => {
-      const { referenceElement, el } = component2;
-      return (typeof referenceElement === "string" ? queryElementRoots(el, { id: referenceElement }) : referenceElement) || null;
-    };
-    const setUpReferenceElement = (warn = true) => {
-      if (!component.referenceElementType) {
-        return;
-      }
-      component.referenceEl = getReferenceElement(component);
-      const { el, referenceElement, referenceEl } = component;
-      if (warn && referenceElement && !referenceEl) {
-        console.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
-          el
-        });
-      }
-    };
-    controller.onConnected(() => {
-      animationFrameId = requestAnimationFrame(() => {
-        if (!component.el.isConnected) {
-          return;
-        }
-        setUpReferenceElement(component.manager.loadedCalled);
-        registerReferenceElement(component.referenceEl);
-      });
-    });
-    controller.onLoaded(() => {
-      if (component.referenceElement && !component.referenceEl) {
-        setUpReferenceElement();
-      }
-    });
-    controller.onUpdate((changes) => {
-      if (!component.hasUpdated) {
-        return;
-      }
-      if (changes.has("referenceElement")) {
-        setUpReferenceElement();
-      }
-      if (changes.has("referenceEl")) {
-        unregisterReferenceElement(changes.get("referenceEl"));
-        registerReferenceElement(component.referenceEl);
-      } else if (changes.has("open")) {
-        manager.updateElement(component, component.referenceEl);
-      }
-    });
-    controller.onDisconnected(() => {
-      if (animationFrameId != null) {
-        cancelAnimationFrame(animationFrameId);
-        animationFrameId = null;
-      }
-      unregisterReferenceElement(lastRegisteredReferenceEl);
-    });
-  });
-};
 export {
-  FloatingArrow as F,
   referenceElementManager as r,
   useReferenceElement as u
 };

package/dist/chunks/resources6.js

@@ -42,6 +42,8 @@ const SLOTS = {
   contentTop: "content-top",
   headerActionsStart: "header-actions-start",
   headerActionsEnd: "header-actions-end",
+  description: "description",
+  heading: "heading",
   headerMenuActions: "header-menu-actions",
   headerContent: "header-content",
   fab: "fab",

package/dist/chunks/runtime.js

@@ -60,9 +60,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.1.0-next.9";
-const buildDate = "2026-03-13";
-const revision = "6c3ab4117";
+const version = "5.1.1-next.0";
+const buildDate = "2026-05-28";
+const revision = "06e3bdbee";
 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.0-next.9/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.1.1-next.0/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
 const { customElement, getAssetPath, setAssetPath } = runtime;
 export {
   CSS_UTILITY as C,