@esri/calcite-components 1.0.0-next.597 → 1.0.0-next.598

package/dist/collection/components/value-list/value-list.stories.js

@@ -0,0 +1,125 @@
+import { boolean } from "@storybook/addon-knobs";
+import { filterComponentAttributes, createComponentHTML as create, themesDarkDefault } from "../../../.storybook/utils";
+import readme from "./readme.md";
+import itemReadme from "../value-list-item/readme.md";
+import { html } from "../../../support/formatting";
+import { storyFilters } from "../../../.storybook/helpers";
+export default {
+    title: "Components/Value List",
+    parameters: {
+        notes: [readme, itemReadme]
+    },
+    ...storyFilters()
+};
+const createAttributes = ({ exceptions } = { exceptions: [] }) => {
+    return filterComponentAttributes([
+        {
+            name: "disabled",
+            commit() {
+                this.value = boolean("disabled", false);
+                delete this.build;
+                return this;
+            }
+        },
+        {
+            name: "drag-enabled",
+            commit() {
+                this.value = boolean("dragEnabled", false);
+                delete this.build;
+                return this;
+            }
+        },
+        {
+            name: "filter-enabled",
+            commit() {
+                this.value = boolean("filterEnabled", false);
+                delete this.build;
+                return this;
+            }
+        },
+        {
+            name: "loading",
+            commit() {
+                this.value = boolean("loading", false);
+                delete this.build;
+                return this;
+            }
+        },
+        {
+            name: "multiple",
+            commit() {
+                this.value = boolean("multiple", false);
+                delete this.build;
+                return this;
+            }
+        },
+        {
+            name: "selection-follows-focus",
+            commit() {
+                this.value = boolean("selection-follows-focus", false);
+                delete this.build;
+                return this;
+            }
+        }
+    ], exceptions);
+};
+const action = html `
+  <calcite-action
+    slot="actions-end"
+    label="click-me"
+    onClick="console.log('clicked');"
+    appearance="clear"
+    scale="s"
+    icon="ellipsis"
+  ></calcite-action>
+`;
+export const simple = () => html `
+  ${create("calcite-value-list", createAttributes(), html `
+      <calcite-value-list-item label="Dogs" description="Man's best friend" value="dogs">
+        ${action}
+      </calcite-value-list-item>
+      <calcite-value-list-item label="Cats" description="Independent and fluffy" value="cats">
+        ${action}
+      </calcite-value-list-item>
+      <calcite-value-list-item
+        label="Fish. But not just any fish, a tiger fish caught live in the Atlantic Ocean while on vacation."
+        description="Easy to care for."
+        value="fish"
+      >
+        ${action}
+      </calcite-value-list-item>
+    `)}
+`;
+export const disabled_TestOnly = () => html `
+  <calcite-value-list disabled>
+    <calcite-value-list-item label="T. Rex" description="arm strength impaired" value="trex"></calcite-value-list-item>
+    <calcite-value-list-item
+      label="Triceratops"
+      description="3 horn"
+      value="triceratops"
+      selected
+    ></calcite-value-list-item>
+    <calcite-value-list-item label="hi" description="there" value="helloWorld"></calcite-value-list-item>
+  </calcite-value-list>
+`;
+export const darkThemeRTL_TestOnly = () => html `
+  ${create("calcite-value-list", createAttributes({ exceptions: ["dir", "class"] }).concat([
+    { name: "dir", value: "rtl" },
+    { name: "class", value: "calcite-theme-dark" }
+]), html `
+      <calcite-value-list-item label="Dogs" description="Man's best friend" value="dogs">
+        ${action}
+      </calcite-value-list-item>
+      <calcite-value-list-item label="Cats" description="Independent and fluffy" value="cats">
+        ${action}
+      </calcite-value-list-item>
+      <calcite-value-list-item
+        label="Fish. But not just any fish, a tiger fish caught live in the Atlantic Ocean while on vacation."
+        description="Easy to care for."
+        value="fish"
+      >
+        ${action}
+      </calcite-value-list-item>
+    `)}
+`;
+darkThemeRTL_TestOnly.parameters = { themes: themesDarkDefault };

package/dist/collection/components/value-list-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 export const ICONS = {
   drag: "drag"

package/dist/collection/components/value-list-item/value-list-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { h, Host } from "@stencil/core";
 import { ICON_TYPES } from "../pick-list/resources";
@@ -18,7 +18,7 @@ import { updateHostInteraction } from "../../utils/interactive";
 export class ValueListItem {
   constructor() {
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
@@ -26,7 +26,7 @@ export class ValueListItem {
      */
     this.disableDeselect = false;
     /**
-     * When true, prevents the content of the component from user interaction.
+     * When `true`, prevents the content of the component from user interaction.
      */
     this.nonInteractive = false;
     /**
@@ -40,11 +40,11 @@ export class ValueListItem {
      */
     this.icon = null;
     /**
-     * When true, adds an action to remove the component.
+     * When `true`, adds an action to remove the component.
      */
     this.removable = false;
     /**
-     * When true, the component is selected.
+     * When `true`, the component is selected.
      */
     this.selected = false;
     this.pickListItem = null;
@@ -174,7 +174,7 @@ export class ValueListItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, interaction is prevented and the component is displayed with lower opacity."
+          "text": "When `true`, interaction is prevented and the component is displayed with lower opacity."
         },
         "attribute": "disabled",
         "reflect": true,
@@ -213,7 +213,7 @@ export class ValueListItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, prevents the content of the component from user interaction."
+          "text": "When `true`, prevents the content of the component from user interaction."
         },
         "attribute": "non-interactive",
         "reflect": true,
@@ -314,7 +314,7 @@ export class ValueListItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, adds an action to remove the component."
+          "text": "When `true`, adds an action to remove the component."
         },
         "attribute": "removable",
         "reflect": true,
@@ -332,7 +332,7 @@ export class ValueListItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, the component is selected."
+          "text": "When `true`, the component is selected."
         },
         "attribute": "selected",
         "reflect": true,

package/dist/collection/utils/array.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 export function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/collection/utils/conditionalSlot.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { forceUpdate } from "@stencil/core";
 import { createObserver } from "./observers";

package/dist/collection/utils/date.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 /**
  * Check if date is within a min and max

package/dist/collection/utils/dom.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { CSS_UTILITY } from "./resources";
 import { guid } from "./guid";

package/dist/collection/utils/filter.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { escapeRegExp, forIn } from "lodash-es";
 export const filter = (data, value) => {

package/dist/collection/utils/floating-ui.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { computePosition, arrow, flip, shift, hide, offset, autoPlacement, autoUpdate } from "@floating-ui/dom";
 import { getElementDir } from "./dom";

package/dist/collection/utils/form.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { closestElementCrossShadowBoundary } from "./dom";
 import { h } from "@stencil/core";

package/dist/collection/utils/globalAttributes.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { createObserver } from "./observers";
 const allowedGlobalAttributes = ["lang"];

package/dist/collection/utils/globalScript.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { initThemeChangeEvent } from "./theme";
 /**

package/dist/collection/utils/guid.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 function gen(counts) {
   return counts

package/dist/collection/utils/interactive.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 function noopClick() {
   /** noop */

package/dist/collection/utils/key.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 export function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/collection/utils/label.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom";
 /**

package/dist/collection/utils/locale.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { BigDecimal, isValidNumber, sanitizeExponentialNumberString } from "./number";
 import { createObserver } from "./observers";
@@ -187,55 +187,62 @@ function getLocale(component) {
  */
 class NumberStringFormat {
   constructor() {
-    /**
-     * This method needs to be called before localize/delocalize to ensure the options are up to date
-     *
-     * @param options
-     */
-    this.setOptions = (options) => {
-      const locale = getSupportedLocale(options.locale);
-      const numberingSystem = getSupportedNumberingSystem(options.numberingSystem);
-      // cache formatter by only recreating when options change
-      if (numberingSystem === this.numberingSystem &&
-        locale === this.locale &&
-        (options === null || options === void 0 ? void 0 : options.useGrouping) === this.useGrouping) {
-        return;
-      }
-      this.locale = locale;
-      this.numberingSystem = numberingSystem;
-      this.useGrouping = options.useGrouping;
-      this.numberFormatter = new Intl.NumberFormat(this.locale, {
-        useGrouping: this.useGrouping,
-        numberingSystem: this.numberingSystem,
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 20
-      });
-      this.digits = [
-        ...new Intl.NumberFormat(this.locale, {
-          useGrouping: false,
-          numberingSystem: this.numberingSystem
-        }).format(9876543210)
-      ].reverse();
-      const index = new Map(this.digits.map((d, i) => [d, i]));
-      const parts = new Intl.NumberFormat(this.locale).formatToParts(-12345678.9);
-      this.actualGroup = parts.find((d) => d.type === "group").value;
-      // change whitespace group characters that don't render correctly
-      this.group = this.actualGroup.trim().length === 0 ? " " : this.actualGroup;
-      this.decimal = parts.find((d) => d.type === "decimal").value;
-      this.minusSign = parts.find((d) => d.type === "minusSign").value;
-      this.getDigitIndex = (d) => index.get(d);
-    };
     this.delocalize = (numberString) => sanitizeExponentialNumberString(numberString, (nonExpoNumString) => nonExpoNumString
       .trim()
-      .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));
+      .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));
     this.localize = (numberString) => sanitizeExponentialNumberString(numberString, (nonExpoNumString) => isValidNumber(nonExpoNumString)
       ? new BigDecimal(nonExpoNumString.trim())
-        .format(this.numberFormatter)
-        .replace(new RegExp(`[${this.actualGroup}]`, "g"), this.group)
+        .format(this._numberFormatter)
+        .replace(new RegExp(`[${this._actualGroup}]`, "g"), this._group)
       : nonExpoNumString);
   }
+  get group() {
+    return this._group;
+  }
+  get decimal() {
+    return this._decimal;
+  }
+  get minusSign() {
+    return this._minusSign;
+  }
+  get digits() {
+    return this._digits;
+  }
+  get numberFormatter() {
+    return this._numberFormatter;
+  }
+  get numberFormatOptions() {
+    return this._numberFormatOptions;
+  }
+  /**
+   * numberFormatOptions needs to be set before localize/delocalize is called to ensure the options are up to date
+   */
+  set numberFormatOptions(options) {
+    options.locale = getSupportedLocale(options.locale);
+    options.numberingSystem = getSupportedNumberingSystem(options.numberingSystem);
+    // cache formatter by only recreating when options change
+    if (JSON.stringify(this._numberFormatOptions) === JSON.stringify(options)) {
+      return;
+    }
+    this._numberFormatOptions = options;
+    this._numberFormatter = new Intl.NumberFormat(this._numberFormatOptions.locale, this._numberFormatOptions);
+    this._digits = [
+      ...new Intl.NumberFormat(this._numberFormatOptions.locale, {
+        useGrouping: false,
+        numberingSystem: this._numberFormatOptions.numberingSystem
+      }).format(9876543210)
+    ].reverse();
+    const index = new Map(this._digits.map((d, i) => [d, i]));
+    const parts = new Intl.NumberFormat(this._numberFormatOptions.locale).formatToParts(-12345678.9);
+    this._actualGroup = parts.find((d) => d.type === "group").value;
+    // change whitespace group characters that don't render correctly
+    this._group = this._actualGroup.trim().length === 0 ? " " : this._actualGroup;
+    this._decimal = parts.find((d) => d.type === "decimal").value;
+    this._minusSign = parts.find((d) => d.type === "minusSign").value;
+    this._getDigitIndex = (d) => index.get(d);
+  }
 }
 export const numberStringFormatter = new NumberStringFormat();

package/dist/collection/utils/math.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 export const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 export const decimalPlaces = (value) => {

package/dist/collection/utils/number.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { numberKeys } from "./key";
 import { numberStringFormatter } from "./locale";

package/dist/collection/utils/observers.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { Build } from "@stencil/core";
 /**

package/dist/collection/utils/openCloseComponent.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 const componentToTransitionListeners = new WeakMap();
 function transitionStart(event) {

package/dist/collection/utils/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 export const autoTheme = "calcite-theme-auto";
 export const darkTheme = "calcite-theme-dark";

package/dist/collection/utils/t9n.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { getAssetPath } from "@stencil/core";
 import { getSupportedLocale } from "./locale";

package/dist/collection/utils/theme.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { autoTheme, darkTheme } from "./resources";
 /**

package/dist/collection/utils/time.js

@@ -1,22 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { isValidNumber } from "./number";
-import { getSupportedLocale } from "./locale";
+import { getSupportedLocale, getSupportedNumberingSystem } from "./locale";
 export const maxTenthForMinuteAndSecond = 5;
-function createLocaleDateTimeFormatter(locale, includeSeconds = true) {
+function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true) {
   try {
     const options = {
       hour: "2-digit",
       minute: "2-digit",
-      timeZone: "UTC"
+      timeZone: "UTC",
+      numberingSystem: getSupportedNumberingSystem(numberingSystem)
     };
     if (includeSeconds) {
       options.second = "2-digit";
     }
-    return new Intl.DateTimeFormat(locale, options);
+    return new Intl.DateTimeFormat(getSupportedLocale(locale), options);
   }
   catch (error) {
     throw new Error(`Invalid locale supplied while attempting to create a DateTime formatter: ${locale}`);
@@ -39,8 +40,8 @@ export function formatTimeString(value) {
   }
   return `${hour}:${minute}`;
 }
-export function getLocaleHourCycle(locale) {
-  const formatter = createLocaleDateTimeFormatter(locale);
+export function getLocaleHourCycle(locale, numberingSystem) {
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
   const parts = formatter.formatToParts(new Date(Date.UTC(0, 0, 0, 0, 0, 0)));
   return getLocalizedTimePart("meridiem", parts) ? "12" : "24";
 }
@@ -109,7 +110,7 @@ function isValidTimePart(value, part) {
   const valueAsNumber = Number(value);
   return part === "hour" ? valueAsNumber >= 0 && valueAsNumber < 24 : valueAsNumber >= 0 && valueAsNumber < 60;
 }
-export function localizeTimePart(value, part, locale) {
+export function localizeTimePart({ value, part, locale, numberingSystem }) {
   if (!isValidTimePart(value, part)) {
     return;
   }
@@ -118,28 +119,27 @@ export function localizeTimePart(value, part, locale) {
   if (!date) {
     return;
   }
-  const formatter = createLocaleDateTimeFormatter(locale);
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
   const parts = formatter.formatToParts(date);
   return getLocalizedTimePart(part, parts);
 }
-export function localizeTimeString(value, locale = "en", includeSeconds = true) {
+export function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true }) {
   if (!isValidTime(value)) {
     return null;
   }
   const { hour, minute, second = "0" } = parseTimeString(value);
   const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
-  const formatter = createLocaleDateTimeFormatter(locale, includeSeconds);
+  const formatter = createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds);
   return (formatter === null || formatter === void 0 ? void 0 : formatter.format(dateFromTimeString)) || null;
 }
-export function localizeTimeStringToParts(value, locale) {
+export function localizeTimeStringToParts({ value, locale, numberingSystem }) {
   if (!isValidTime(value)) {
     return null;
   }
-  locale = getSupportedLocale(locale);
   const { hour, minute, second = "0" } = parseTimeString(value);
   const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
   if (dateFromTimeString) {
-    const formatter = createLocaleDateTimeFormatter(locale);
+    const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
     const parts = formatter.formatToParts(dateFromTimeString);
     return {
       localizedHour: getLocalizedTimePart("hour", parts),
@@ -153,14 +153,14 @@ export function localizeTimeStringToParts(value, locale) {
   }
   return null;
 }
-export function getTimeParts(value, locale = "en") {
+export function getTimeParts({ value, locale, numberingSystem }) {
   if (!isValidTime(value)) {
     return null;
   }
   const { hour, minute, second = "0" } = parseTimeString(value);
   const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
   if (dateFromTimeString) {
-    const formatter = createLocaleDateTimeFormatter(locale);
+    const formatter = createLocaleDateTimeFormatter(locale, numberingSystem);
     const parts = formatter.formatToParts(dateFromTimeString);
     return parts;
   }

package/dist/components/ExpandToggle.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { forceUpdate, h } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir } from './dom.js';

package/dist/components/Heading.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.598
  */
 import { h } from '@stencil/core/internal/client/index.js';