@esri/calcite-components 5.1.0-next.5 → 5.1.0-next.51

package/dist/chunks/Heading.js

@@ -2,9 +2,9 @@
 import { keyed } from "lit/directives/keyed.js";
 import { unsafeStatic, literal, html } from "lit/static-html.js";
 import { safeClassMap } from "@arcgis/lumina";
-const Heading = ({ children, ...props }) => {
-  const DynamicHtmlTag = props.level ? unsafeStatic(`h${props.level}`) : literal`div`;
-  return keyed(props.key, html`<${DynamicHtmlTag} class=${safeClassMap(props.class)}>${children}</${DynamicHtmlTag}>`);
+const Heading = ({ children, class: className, hidden = false, key, level }) => {
+  const DynamicHtmlTag = level ? unsafeStatic(`h${level}`) : literal`div`;
+  return keyed(key, html`<${DynamicHtmlTag} class=${safeClassMap(className)} .hidden=${hidden}>${children}</${DynamicHtmlTag}>`);
 };
 export {
   Heading as H

package/dist/chunks/component.js

@@ -4,7 +4,7 @@ function getIconScale(componentScale) {
   return componentScale === "l" ? "m" : "s";
 }
 function isHidden(el) {
-  return el.hidden || el.itemHidden;
+  return el.hidden !== false || el.itemHidden;
 }
 async function componentFocusable(component) {
   await component.componentOnReady();

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 {
-  getSlotAssignedElements as A,
-  getShadowRootNode 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,
   isKeyboardTriggeredClick as x,
-  ensureId as y,
-  filterDirectChildren as z
+  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";
@@ -248,11 +248,8 @@ function hideFloatingUI(component) {
 async function connectFloatingUI(component) {
   const { floatingEl, referenceEl } = component;
   hideFloatingUI(component);
-  if (!floatingEl || !referenceEl) {
-    return;
-  }
   disconnectFloatingUI(component);
-  if (!component.open) {
+  if (!floatingEl || !referenceEl || !component.open) {
     return;
   }
   return runAutoUpdate(component);

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;