@esri/calcite-components 5.2.0-next.77 → 5.2.0-next.78

package/dist/chunks/locale.js

@@ -40,23 +40,30 @@ class BigDecimal {
     const { integers, decimals } = this.getIntegersAndDecimals();
     return `${this.isNegative ? "-" : ""}${integers}${decimals.length ? "." + decimals : ""}`;
   }
-  formatToParts(formatter) {
+  /**
+   * Formats the number into localized parts.
+   *
+   * @param formatter - number formatter instance to localize the number value.
+   * @param includeDirectionalMarks - when true, preserves `Intl.NumberFormat` directional marks for read-only display.
+   */
+  formatToParts(formatter, includeDirectionalMarks = false) {
     const { integers, decimals } = this.getIntegersAndDecimals();
-    const parts = formatter.numberFormatter.formatToParts(BigInt(integers));
-    if (this.isNegative) {
-      parts.unshift({ type: "minusSign", value: formatter.minusSign });
-    }
+    const parts = getLocalizedIntegerParts(formatter, integers, this.isNegative, includeDirectionalMarks);
     if (decimals.length) {
       parts.push({ type: "decimal", value: formatter.decimal });
       decimals.split("").forEach((char) => parts.push({ type: "fraction", value: char }));
     }
     return parts;
   }
-  format(formatter) {
+  /**
+   * Formats the number as a localized string.
+   *
+   * @param formatter - number formatter instance to localize the number value.
+   * @param includeDirectionalMarks - when true, preserves `Intl.NumberFormat` directional marks for read-only display.
+   */
+  format(formatter, includeDirectionalMarks = false) {
     const { integers, decimals } = this.getIntegersAndDecimals();
-    const integersFormatted = `${this.isNegative ? formatter.minusSign : ""}${formatter.numberFormatter.format(
-      BigInt(integers)
-    )}`;
+    const integersFormatted = getLocalizedIntegerParts(formatter, integers, this.isNegative, includeDirectionalMarks).map((part) => part.value).join("");
     const decimalsFormatted = decimals.length ? `${formatter.decimal}${decimals.split("").map((char) => formatter.numberFormatter.format(Number(char))).join("")}` : "";
     return `${integersFormatted}${decimalsFormatted}`;
   }
@@ -73,6 +80,15 @@ class BigDecimal {
     return BigDecimal._divRound(this.value * BigDecimal.SHIFT, new BigDecimal(n).value);
   }
 }
+function getLocalizedIntegerParts(formatter, integers, isNegative, includeDirectionalMarks) {
+  const parts = formatter.numberFormatter.formatToParts(
+    includeDirectionalMarks && isNegative && integers === "0" ? -0 : BigInt(`${includeDirectionalMarks && isNegative ? "-" : ""}${integers}`)
+  );
+  if (isNegative && !includeDirectionalMarks) {
+    parts.unshift({ type: "minusSign", value: formatter.minusSign });
+  }
+  return parts;
+}
 function isValidNumber(numberString) {
   return !(!numberString || isNaN(Number(numberString)));
 }
@@ -198,6 +214,7 @@ const localizedTwentyFourHourMeridiems = new Map(
 const numberingSystems = ["arab", "arabext", "latn"];
 const isNumberingSystemSupported = (numberingSystem) => !!(numberingSystems && numberingSystems.includes(numberingSystem));
 const browserNumberingSystem = new Intl.NumberFormat().resolvedOptions().numberingSystem;
+const bidirectionalMarks = /[\u061C\u200E\u200F]/g;
 const defaultNumberingSystem = browserNumberingSystem === "arab" || !isNumberingSystemSupported(browserNumberingSystem) ? "latn" : browserNumberingSystem;
 const getSupportedNumberingSystem = (numberingSystem) => isNumberingSystemSupported(numberingSystem) ? numberingSystem : defaultNumberingSystem;
 function getDateFormatSupportedLocale(locale) {
@@ -221,10 +238,10 @@ class NumberStringFormat {
         (nonExponentialNumberString) => this.#normalizeDigitsAndSign(this.#normalizeSeparators(nonExponentialNumberString))
       );
     };
-    this.localize = (numberString) => {
+    this.localize = (numberString, includeDirectionalMarks = false) => {
       return this._numberFormatOptions ? sanitizeExponentialNumberString(
         numberString,
-        (nonExpoNumString) => isValidNumber(nonExpoNumString.trim()) ? new BigDecimal(nonExpoNumString.trim()).format(this).replace(new RegExp(`[${this._actualGroup}]`, "g"), this._group) : nonExpoNumString
+        (nonExpoNumString) => isValidNumber(nonExpoNumString.trim()) ? new BigDecimal(nonExpoNumString.trim()).format(this, includeDirectionalMarks).replace(new RegExp(`[${this._actualGroup}]`, "g"), this._group) : nonExpoNumString
       ) : numberString;
     };
   }
@@ -278,7 +295,7 @@ class NumberStringFormat {
     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);
+    return value.replace(bidirectionalMarks, "").replace(new RegExp(`[${this._minusSign}]`, "g"), "-").replace(new RegExp(`[${this._digits.join("")}]`, "g"), this._getDigitIndex);
   }
   #normalizeSeparators(value) {
     if (this._group !== this._decimal) {

package/dist/chunks/runtime.js

@@ -102,9 +102,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.2.0-next.77";
-const buildDate = "2026-09-17";
-const revision = "0281597a4";
+const version = "5.2.0-next.78";
+const buildDate = "2026-09-18";
+const revision = "c40d9f9b8";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
@@ -127,7 +127,7 @@ 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.77/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.78/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
 const originalSetAssetPath = runtime.setAssetPath;
 runtime.setAssetPath = (path) => {
   assetPathChanged = true;

package/dist/components/calcite-slider/customElement.js

@@ -117,7 +117,7 @@ class Slider extends LitElement {
         numberingSystem: this.numberingSystem,
         useGrouping: this.groupSeparator
       };
-      return numberStringFormatter.localize(value.toString());
+      return numberStringFormatter.localize(value.toString(), true);
     };
     this.formSupport = useForm({
       inputType: "range"