@esri/calcite-components 1.0.0-next.604 → 1.0.0-next.605

package/dist/esm/calcite-color-picker_3.entry.js

@@ -1,17 +1,17 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b452034d.js';
-import { i as isPrimaryPointerButton, a as getElementDir, f as focusElement, d as getThemeName } from './dom-e368d23b.js';
-import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-3faa6333.js';
-import { c as clamp } from './math-babff37a.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { i as isActivationKey } from './key-76f8b045.js';
-import { d as debounce, i as isObject } from './debounce-da00fd2e.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-f0e069a3.js';
+import { i as isPrimaryPointerButton, a as getElementDir, f as focusElement, d as getThemeName } from './dom-a2d12054.js';
+import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-fa27285e.js';
+import { c as clamp } from './math-db28d599.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import { i as isActivationKey } from './key-c2bf57be.js';
+import { d as debounce, i as isObject } from './debounce-e42a1373.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';

package/dist/esm/calcite-combobox_3.entry.js

@@ -1,21 +1,21 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { f as filter } from './filter-d22f4d94.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, r as repositionDebounceTimeout, F as FloatingCSS } from './floating-ui-4dec1723.js';
-import { g as guid } from './guid-2563b904.js';
-import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, e as getElementProp, g as getSlotted } from './dom-e368d23b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-3adb36f4.js';
-import { d as debounce } from './debounce-da00fd2e.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8139b6c7.js';
-import './resources-5c3e406b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f0e069a3.js';
+import { f as filter } from './filter-2e4f1cbb.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, r as repositionDebounceTimeout, F as FloatingCSS } from './floating-ui-3124e4cb.js';
+import { g as guid } from './guid-7e7f8cb7.js';
+import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, e as getElementProp, g as getSlotted } from './dom-a2d12054.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-289d45ea.js';
+import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-d0932f60.js';
+import { c as createObserver } from './observers-02263ad9.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-12bcbae8.js';
+import { d as debounce } from './debounce-e42a1373.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-db9ad6d4.js';
+import './resources-b4d4d0ee.js';
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";

package/dist/esm/calcite-date-picker_4.entry.js

@@ -1,18 +1,18 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-b452034d.js';
-import { T as TEXT, f as getDaysDiff, d as dateToISO, a as dateFromISO, g as getValueAsDateRange, b as dateFromRange, c as getLocaleData, s as setEndOfDay, H as HEADING_LEVEL, e as sameDate, i as inRange, h as getOrder, n as nextMonth, j as prevMonth, l as localizeNumber, k as parseNumber } from './resources-a4a87dee.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import { a as getElementDir } from './dom-e368d23b.js';
-import { C as CSS_UTILITY } from './resources-5c3e406b.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { i as isActivationKey } from './key-76f8b045.js';
-import { H as Heading } from './Heading-40531cc4.js';
-import './observers-73b4a955.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-f0e069a3.js';
+import { T as TEXT, f as getDaysDiff, d as dateToISO, a as dateFromISO, g as getValueAsDateRange, b as dateFromRange, c as getLocaleData, s as setEndOfDay, H as HEADING_LEVEL, e as sameDate, i as inRange, h as getOrder, n as nextMonth, j as prevMonth } from './resources-41048db6.js';
+import { c as connectLocalized, n as numberStringFormatter, d as disconnectLocalized } from './locale-a8017a0f.js';
+import { a as getElementDir } from './dom-a2d12054.js';
+import { C as CSS_UTILITY } from './resources-b4d4d0ee.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import { i as isActivationKey } from './key-c2bf57be.js';
+import { H as Heading } from './Heading-dfd64184.js';
+import './observers-02263ad9.js';
+import './guid-7e7f8cb7.js';
 
 const datePickerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}";
 
@@ -290,6 +290,11 @@ const DatePicker = class {
     if (this.max) {
       this.maxAsDate = dateFromISO(this.max);
     }
+    numberStringFormatter.numberFormatOptions = {
+      numberingSystem: this.numberingSystem,
+      locale: this.effectiveLocale,
+      useGrouping: false
+    };
   }
   disconnectedCallback() {
     disconnectLocalized(this);
@@ -349,6 +354,11 @@ const DatePicker = class {
     this.setEndAsDate(dateFromISO(end));
   }
   async loadLocaleData() {
+    numberStringFormatter.numberFormatOptions = {
+      numberingSystem: this.numberingSystem,
+      locale: this.effectiveLocale,
+      useGrouping: false
+    };
     this.localeData = await getLocaleData(this.effectiveLocale);
   }
   /**
@@ -489,10 +499,7 @@ const DatePickerDay = class {
   //
   //--------------------------------------------------------------------------
   render() {
-    const formattedDay = String(this.day)
-      .split("")
-      .map((i) => this.localeData.numerals[i])
-      .join("");
+    const formattedDay = numberStringFormatter.localize(String(this.day));
     const dir = getElementDir(this.el);
     return (h(Host, { onClick: this.onClick, onKeyDown: this.keyDownHandler, role: "gridcell" }, h("div", { class: { "day-v-wrapper": true, [CSS_UTILITY.rtl]: dir === "rtl" } }, h("div", { class: "day-wrapper" }, h("span", { class: "day" }, h("span", { class: "text" }, formattedDay))))));
   }
@@ -769,7 +776,7 @@ const DatePickerMonth = class {
         "hover--outside-range": this.startDate && !isHoverInRange,
         "focused--start": isFocusedOnStart,
         "focused--end": !isFocusedOnStart
-      }, currentMonth: currentMonth, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), key: date.toDateString(), localeData: this.localeData, onCalciteDaySelect: this.daySelect, onCalciteInternalDayHover: this.dayHover, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeHover: this.isRangeHover(date), ref: (el) => {
+      }, currentMonth: currentMonth, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), key: date.toDateString(), onCalciteDaySelect: this.daySelect, onCalciteInternalDayHover: this.dayHover, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeHover: this.isRangeHover(date), ref: (el) => {
         // when moving via keyboard, focus must be updated on active date
         if (ref && active && this.activeFocus) {
           el === null || el === void 0 ? void 0 : el.focus();
@@ -905,10 +912,10 @@ const DatePickerMonthHeader = class {
     const order = getOrder(unitOrder);
     const reverse = order.indexOf("y") < order.indexOf("m");
     const suffix = (_a = this.localeData.year) === null || _a === void 0 ? void 0 : _a.suffix;
-    return (h(Fragment, null, h("a", { "aria-disabled": (this.prevMonthDate.getMonth() === activeMonth).toString(), "aria-label": this.intlPrevMonth, class: "chevron", href: "#", onClick: this.prevMonthClick, onKeyDown: this.prevMonthKeydown, role: "button", tabindex: this.prevMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: "chevron-left", scale: iconScale })), h("div", { class: { text: true, "text--reverse": reverse } }, h(Heading, { class: "month", level: this.headingLevel }, localizedMonth), h("span", { class: "year-wrap" }, h("input", { "aria-label": this.intlYear, class: {
+    return (h(Fragment, null, h("a", { "aria-disabled": `${this.prevMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlPrevMonth, class: "chevron", href: "#", onClick: this.prevMonthClick, onKeyDown: this.prevMonthKeydown, role: "button", tabindex: this.prevMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: "chevron-left", scale: iconScale })), h("div", { class: { text: true, "text--reverse": reverse } }, h(Heading, { class: "month", level: this.headingLevel }, localizedMonth), h("span", { class: "year-wrap" }, h("input", { "aria-label": this.intlYear, class: {
         year: true,
         "year--suffix": !!suffix
-      }, inputmode: "numeric", maxlength: "4", minlength: "1", onChange: this.onYearChange, onInput: this.onYearInput, onKeyDown: this.onYearKey, pattern: "\\d*", ref: (el) => (this.yearInput = el), type: "text", value: localizedYear }), suffix && h("span", { class: "suffix" }, suffix))), h("a", { "aria-disabled": (this.nextMonthDate.getMonth() === activeMonth).toString(), "aria-label": this.intlNextMonth, class: "chevron", href: "#", onClick: this.nextMonthClick, onKeyDown: this.nextMonthKeydown, role: "button", tabindex: this.nextMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: "chevron-right", scale: iconScale }))));
+      }, inputmode: "numeric", maxlength: "4", minlength: "1", onChange: this.onYearChange, onInput: this.onYearInput, onKeyDown: this.onYearKey, pattern: "\\d*", ref: (el) => (this.yearInput = el), type: "text", value: localizedYear }), suffix && h("span", { class: "suffix" }, suffix))), h("a", { "aria-disabled": `${this.nextMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlNextMonth, class: "chevron", href: "#", onClick: this.nextMonthClick, onKeyDown: this.nextMonthKeydown, role: "button", tabindex: this.nextMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: "chevron-right", scale: iconScale }))));
   }
   setNextPrevMonthDates() {
     if (!this.activeDate) {
@@ -921,17 +928,18 @@ const DatePickerMonthHeader = class {
     const { localeData } = this;
     const buddhistCalendar = localeData["default-calendar"] === "buddhist";
     const yearOffset = buddhistCalendar ? BUDDHIST_CALENDAR_YEAR_OFFSET : 0;
-    return localizeNumber(year + yearOffset, localeData);
+    return numberStringFormatter.localize(`${year + yearOffset}`);
   }
   parseCalendarYear(year) {
     const { localeData } = this;
     const buddhistCalendar = localeData["default-calendar"] === "buddhist";
     const yearOffset = buddhistCalendar ? BUDDHIST_CALENDAR_YEAR_OFFSET : 0;
-    return localizeNumber(parseNumber(year, localeData) - yearOffset, localeData);
+    const parsedYear = Number(numberStringFormatter.delocalize(year)) - yearOffset;
+    return numberStringFormatter.localize(`${parsedYear}`);
   }
   getInRangeDate({ localizedYear, offset = 0 }) {
-    const { min, max, activeDate, localeData } = this;
-    const parsedYear = parseNumber(localizedYear, localeData);
+    const { min, max, activeDate } = this;
+    const parsedYear = Number(numberStringFormatter.delocalize(localizedYear));
     const length = parsedYear.toString().length;
     const year = isNaN(parsedYear) ? false : parsedYear + offset;
     const inRange = year && (!min || min.getFullYear() <= year) && (!max || max.getFullYear() >= year);

package/dist/esm/calcite-dropdown_3.entry.js

@@ -1,18 +1,18 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, e as getElementProp } from './dom-e368d23b.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, p as positionFloatingUI, r as repositionDebounceTimeout } from './floating-ui-4dec1723.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-3adb36f4.js';
-import { g as guid } from './guid-2563b904.js';
-import { i as isActivationKey } from './key-76f8b045.js';
-import { d as debounce } from './debounce-da00fd2e.js';
-import './resources-5c3e406b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f0e069a3.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, e as getElementProp } from './dom-a2d12054.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, p as positionFloatingUI, r as repositionDebounceTimeout } from './floating-ui-3124e4cb.js';
+import { c as createObserver } from './observers-02263ad9.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-12bcbae8.js';
+import { g as guid } from './guid-7e7f8cb7.js';
+import { i as isActivationKey } from './key-c2bf57be.js';
+import { d as debounce } from './debounce-e42a1373.js';
+import './resources-b4d4d0ee.js';
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"

package/dist/esm/calcite-fab.entry.js

@@ -1,13 +1,13 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, h, g as getElement } from './index-b452034d.js';
-import { f as focusElement } from './dom-e368d23b.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, h, g as getElement } from './index-f0e069a3.js';
+import { f as focusElement } from './dom-a2d12054.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
 
 const CSS = {
   button: "button"

package/dist/esm/calcite-filter.entry.js

@@ -1,15 +1,15 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-b452034d.js';
-import { f as focusElement } from './dom-e368d23b.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { f as filter } from './filter-d22f4d94.js';
-import { d as debounce } from './debounce-da00fd2e.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-f0e069a3.js';
+import { f as focusElement } from './dom-a2d12054.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import { f as filter } from './filter-2e4f1cbb.js';
+import { d as debounce } from './debounce-e42a1373.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-flow-item.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { a as getElementDir } from './dom-e368d23b.js';
-import { S as SLOTS$1 } from './resources-b67102fc.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f0e069a3.js';
+import { a as getElementDir } from './dom-a2d12054.js';
+import { S as SLOTS$1 } from './resources-eeb28d59.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
 
 const CSS = {
   backButton: "back-button"

package/dist/esm/calcite-flow.entry.js

@@ -1,10 +1,10 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, h, g as getElement } from './index-b452034d.js';
-import { c as createObserver } from './observers-73b4a955.js';
+import { r as registerInstance, h, g as getElement } from './index-f0e069a3.js';
+import { c as createObserver } from './observers-02263ad9.js';
 
 const CSS = {
   frame: "frame",

package/dist/esm/calcite-graph_2.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-b452034d.js';
-import { g as guid } from './guid-2563b904.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-e368d23b.js';
-import { d as decimalPlaces, c as clamp } from './math-babff37a.js';
-import { c as connectLabel, d as disconnectLabel } from './label-c63a5725.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { i as isActivationKey } from './key-76f8b045.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import './resources-5c3e406b.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-f0e069a3.js';
+import { g as guid } from './guid-7e7f8cb7.js';
+import { c as createObserver } from './observers-02263ad9.js';
+import { i as isPrimaryPointerButton, k as intersects } from './dom-a2d12054.js';
+import { d as decimalPlaces, c as clamp } from './math-db28d599.js';
+import { c as connectLabel, d as disconnectLabel } from './label-289d45ea.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-d0932f60.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import { i as isActivationKey } from './key-c2bf57be.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-a8017a0f.js';
+import './resources-b4d4d0ee.js';
 
 /**
  * Calculate slope of the tangents

package/dist/esm/calcite-handle.entry.js

@@ -1,12 +1,12 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b452034d.js';
-import { t as toAriaBoolean } from './dom-e368d23b.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-f0e069a3.js';
+import { t as toAriaBoolean } from './dom-a2d12054.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
 
 const CSS = {
   handle: "handle",

package/dist/esm/calcite-icon.entry.js

@@ -1,13 +1,13 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-b452034d.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-e368d23b.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-f0e069a3.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-a2d12054.js';
+import { c as createObserver } from './observers-02263ad9.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
 
 const CSS = {
   icon: "icon",

package/dist/esm/calcite-inline-editable.entry.js

@@ -1,15 +1,15 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b452034d.js';
-import { e as getElementProp, g as getSlotted } from './dom-e368d23b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-f0e069a3.js';
+import { e as getElementProp, g as getSlotted } from './dom-a2d12054.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-289d45ea.js';
+import { c as createObserver } from './observers-02263ad9.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
 
 const CSS = {
   wrapper: "wrapper",

package/dist/esm/calcite-input-date-picker.entry.js

@@ -1,22 +1,22 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { T as TEXT, d as dateToISO, g as getValueAsDateRange, a as dateFromISO, s as setEndOfDay, b as dateFromRange, c as getLocaleData, e as sameDate, p as parseDateString, i as inRange } from './resources-a4a87dee.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, r as repositionDebounceTimeout } from './floating-ui-4dec1723.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { t as toAriaBoolean } from './dom-e368d23b.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-3adb36f4.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import { d as debounce } from './debounce-da00fd2e.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
-import './key-76f8b045.js';
-import './observers-73b4a955.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f0e069a3.js';
+import { T as TEXT, d as dateToISO, g as getValueAsDateRange, a as dateFromISO, s as setEndOfDay, b as dateFromRange, c as getLocaleData, e as sameDate, p as parseDateString, i as inRange } from './resources-41048db6.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-289d45ea.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d0932f60.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, r as repositionDebounceTimeout } from './floating-ui-3124e4cb.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import { t as toAriaBoolean } from './dom-a2d12054.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-12bcbae8.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-a8017a0f.js';
+import { n as numberKeys } from './key-c2bf57be.js';
+import { d as debounce } from './debounce-e42a1373.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
+import './observers-02263ad9.js';
 
 const CSS = {
   menu: "menu-container",
@@ -165,8 +165,17 @@ const InputDatePicker = class {
       }
       this.focusedInput = "end";
     };
-    this.inputInput = (event) => {
-      this.input(event.detail.value);
+    this.startInputInput = () => {
+      const parsedValue = this.parseNumerals(this.startInput.value);
+      const formattedValue = this.formatNumerals(parsedValue);
+      this.startInput.value = formattedValue;
+      this.input(parsedValue);
+    };
+    this.endInputInput = () => {
+      const parsedValue = this.parseNumerals(this.endInput.value);
+      const formattedValue = this.formatNumerals(parsedValue);
+      this.endInput.value = formattedValue;
+      this.input(parsedValue);
     };
     this.setFloatingEl = (el) => {
       if (el) {
@@ -209,6 +218,25 @@ const InputDatePicker = class {
         (_b = this.startInput) === null || _b === void 0 ? void 0 : _b.setFocus();
       }
     };
+    this.commonDateSeparators = [".", "-", "/"];
+    this.formatNumerals = (value) => value
+      ? value
+        .split("")
+        .map((char) => 
+      // convert common separators to the locale's
+      this.commonDateSeparators.includes(char)
+        ? this.localeData.separator
+        : numberKeys.includes(char)
+          ? numberStringFormatter.numberFormatter.format(Number(char))
+          : char)
+        .join("")
+      : "";
+    this.parseNumerals = (value) => value
+      ? value
+        .split("")
+        .map((char) => numberKeys.includes(char) ? numberStringFormatter.delocalize(char) : char)
+        .join("")
+      : "";
   }
   handleDisabledAndReadOnlyChange(value) {
     if (!value) {
@@ -333,6 +361,11 @@ const InputDatePicker = class {
     connectOpenCloseComponent(this);
     this.setFilteredPlacements();
     this.debouncedReposition();
+    numberStringFormatter.numberFormatOptions = {
+      numberingSystem: this.numberingSystem,
+      locale: this.effectiveLocale,
+      useGrouping: false
+    };
   }
   async componentWillLoad() {
     await this.loadLocaleData();
@@ -359,10 +392,13 @@ const InputDatePicker = class {
     const endDate = this.range
       ? dateFromRange(this.endAsDate, this.minAsDate, this.maxAsDate)
       : null;
-    const locale = this.effectiveLocale;
-    const formattedEndDate = endDate ? endDate.toLocaleDateString(locale) : "";
-    const formattedDate = date ? date.toLocaleDateString(locale) : "";
-    return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" }, h("div", { class: "input-wrapper", ref: this.setStartWrapper }, h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })), h("div", { "aria-hidden": toAriaBoolean(!this.open), class: {
+    const formattedEndDate = endDate
+      ? this.formatNumerals(endDate.toLocaleDateString(this.effectiveLocale))
+      : "";
+    const formattedDate = date
+      ? this.formatNumerals(date.toLocaleDateString(this.effectiveLocale))
+      : "";
+    return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" }, h("div", { class: "input-wrapper", ref: this.setStartWrapper }, h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), lang: this.effectiveLocale, "number-button-type": "none", numberingSystem: this.numberingSystem, onCalciteInputInput: this.startInputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })), h("div", { "aria-hidden": toAriaBoolean(!this.open), class: {
         [CSS.menu]: true,
         [CSS.menuActive]: this.open
       }, ref: this.setFloatingEl }, h("div", { class: {
@@ -370,10 +406,10 @@ const InputDatePicker = class {
         ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: this.open
-      }, ref: this.setTransitionEl }, h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
+      }, ref: this.setTransitionEl }, h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, lang: this.effectiveLocale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, numberingSystem: this.numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
-      }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))), h(HiddenFormInputSlot, { component: this })));
+      }, disabled: disabled, icon: "calendar", lang: this.effectiveLocale, "number-button-type": "none", numberingSystem: this.numberingSystem, onCalciteInputInput: this.endInputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))), h(HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
     const { focusedInput, layout, endWrapper, startWrapper } = this;
@@ -486,15 +522,15 @@ const InputDatePicker = class {
     const date = this.getDateFromInput(target.value);
     if (!date) {
       if (!range && valueAsDate) {
-        target.value = Array.isArray(valueAsDate)
+        target.value = this.formatNumerals(Array.isArray(valueAsDate)
           ? valueAsDate[focusedInput === "end" ? 1 : 0].toLocaleDateString(locale)
-          : valueAsDate.toLocaleDateString(locale);
+          : valueAsDate.toLocaleDateString(locale));
       }
       else if (focusedInput === "start" && startAsDate) {
-        target.value = startAsDate.toLocaleDateString(locale);
+        target.value = this.formatNumerals(startAsDate.toLocaleDateString(locale));
       }
       else if (focusedInput === "end" && endAsDate) {
-        target.value = endAsDate.toLocaleDateString(locale);
+        target.value = this.formatNumerals(endAsDate.toLocaleDateString(locale));
       }
     }
   }

package/dist/esm/calcite-input-message.entry.js

@@ -1,12 +1,12 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b452034d.js';
-import { s as setRequestedIcon, e as getElementProp } from './dom-e368d23b.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f0e069a3.js';
+import { s as setRequestedIcon, e as getElementProp } from './dom-a2d12054.js';
+import './resources-b4d4d0ee.js';
+import './guid-7e7f8cb7.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/esm/calcite-input-number.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.604
+ * v1.0.0-next.605
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { g as getSlotted, i as isPrimaryPointerButton, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-e368d23b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import { n as numberKeys } from './key-76f8b045.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-5c3e406b.js';
-import { d as decimalPlaces } from './math-babff37a.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f0e069a3.js';
+import { g as getSlotted, i as isPrimaryPointerButton, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-a2d12054.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-289d45ea.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d0932f60.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-a8017a0f.js';
+import { n as numberKeys } from './key-c2bf57be.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-b4d4d0ee.js';
+import { d as decimalPlaces } from './math-db28d599.js';
+import { c as createObserver } from './observers-02263ad9.js';
+import { u as updateHostInteraction } from './interactive-109aac6f.js';
+import './guid-7e7f8cb7.js';
 
 const CSS = {
   loader: "loader",