@esri/calcite-components 1.0.0-next.654 → 1.0.0-next.655

package/dist/cjs/calcite-date-picker_4.cjs.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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const resources = require('./resources-e280f675.js');
-const locale = require('./locale-66bb4c04.js');
-const dom = require('./dom-f3870c02.js');
-const resources$1 = require('./resources-e34dd4ef.js');
-const interactive = require('./interactive-134aafb0.js');
-const key = require('./key-64fe2d0d.js');
-const Heading = require('./Heading-ceb4f2b6.js');
-require('./observers-265cc6fd.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const resources = require('./resources-2a151557.js');
+const locale = require('./locale-7c7ea778.js');
+const dom = require('./dom-0c006683.js');
+const resources$1 = require('./resources-154a6134.js');
+const interactive = require('./interactive-50819d76.js');
+const key = require('./key-27cd9b48.js');
+const Heading = require('./Heading-86fb7f76.js');
+require('./observers-93a0a981.js');
+require('./guid-bcf2e27d.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}";
 
@@ -824,6 +824,19 @@ const DatePickerMonth = class {
 DatePickerMonth.style = datePickerMonthCss;
 
 const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
+const CSS = {
+  header: "header",
+  month: "month",
+  chevron: "chevron",
+  suffix: "suffix",
+  yearSuffix: "year--suffix",
+  yearWrap: "year-wrap",
+  textReverse: "text--reverse"
+};
+const ICON = {
+  chevronLeft: "chevron-left",
+  chevronRight: "chevron-right"
+};
 
 const datePickerMonthHeaderCss = "@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{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-inline:0.25rem;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inline-size:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.chevron:hover,.chevron:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.chevron:active{background-color:var(--calcite-ui-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}";
 
@@ -914,7 +927,7 @@ const DatePickerMonthHeader = class {
     this.setNextPrevMonthDates();
   }
   render() {
-    return index.h("div", { class: "header" }, this.renderContent());
+    return index.h("div", { class: CSS.header }, this.renderContent());
   }
   renderContent() {
     if (!this.activeDate || !this.localeData) {
@@ -936,10 +949,10 @@ const DatePickerMonthHeader = class {
     const order = resources.getOrder(unitOrder);
     const reverse = order.indexOf("y") < order.indexOf("m");
     const suffix = this.localeData.year?.suffix;
-    return (index.h(index.Fragment, null, index.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 }, index.h("calcite-icon", { "flip-rtl": true, icon: "chevron-left", scale: iconScale })), index.h("div", { class: { text: true, "text--reverse": reverse } }, index.h(Heading.Heading, { class: "month", level: this.headingLevel }, localizedMonth), index.h("span", { class: "year-wrap" }, index.h("input", { "aria-label": this.intlYear, class: {
+    return (index.h(index.Fragment, null, index.h("a", { "aria-disabled": `${this.prevMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlPrevMonth, class: CSS.chevron, href: "#", onClick: this.prevMonthClick, onKeyDown: this.prevMonthKeydown, role: "button", tabindex: this.prevMonthDate.getMonth() === activeMonth ? -1 : 0 }, index.h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronLeft, scale: iconScale })), index.h("div", { class: { text: true, [CSS.textReverse]: reverse } }, index.h(Heading.Heading, { class: CSS.month, level: this.headingLevel }, localizedMonth), index.h("span", { class: CSS.yearWrap }, index.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 && index.h("span", { class: "suffix" }, suffix))), index.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 }, index.h("calcite-icon", { "flip-rtl": true, icon: "chevron-right", scale: iconScale }))));
+        [CSS.yearSuffix]: !!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 && index.h("span", { class: CSS.suffix }, suffix))), index.h("a", { "aria-disabled": `${this.nextMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlNextMonth, class: CSS.chevron, href: "#", onClick: this.nextMonthClick, onKeyDown: this.nextMonthKeydown, role: "button", tabindex: this.nextMonthDate.getMonth() === activeMonth ? -1 : 0 }, index.h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronRight, scale: iconScale }))));
   }
   setNextPrevMonthDates() {
     if (!this.activeDate) {

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

@@ -1,23 +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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const floatingUi = require('./floating-ui-3c7d9b63.js');
-const observers = require('./observers-265cc6fd.js');
-const interactive = require('./interactive-134aafb0.js');
-const openCloseComponent = require('./openCloseComponent-86d66b5f.js');
-const guid = require('./guid-01d6fefc.js');
-const key = require('./key-64fe2d0d.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./resources-e34dd4ef.js');
-require('./debounce-d3347e7f.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const floatingUi = require('./floating-ui-357b6162.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const openCloseComponent = require('./openCloseComponent-7e8c6590.js');
+const guid = require('./guid-bcf2e27d.js');
+const key = require('./key-27cd9b48.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./debounce-9787fe3f.js');
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"

package/dist/cjs/calcite-fab.cjs.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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const interactive = require('./interactive-134aafb0.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./resources-e34dd4ef.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   button: "button"

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

@@ -1,20 +1,20 @@
 /*!
  * 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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const interactive = require('./interactive-134aafb0.js');
-const filter = require('./filter-bfb93506.js');
-const loadable = require('./loadable-9ea89e06.js');
-const debounce = require('./debounce-d3347e7f.js');
-require('./resources-e34dd4ef.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const interactive = require('./interactive-50819d76.js');
+const filter = require('./filter-1f20ad58.js');
+const loadable = require('./loadable-5fff6d49.js');
+const debounce = require('./debounce-9787fe3f.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   container: "container",

package/dist/cjs/calcite-flow-item.cjs.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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const resources = require('./resources-56adcab5.js');
-const interactive = require('./interactive-134aafb0.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./resources-e34dd4ef.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const resources = require('./resources-bdc925d6.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   backButton: "back-button"

package/dist/cjs/calcite-flow.cjs.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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const observers = require('./observers-265cc6fd.js');
+const index = require('./index-e7f6d8a9.js');
+const observers = require('./observers-93a0a981.js');
 
 const CSS = {
   frame: "frame",

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

@@ -1,24 +1,24 @@
 /*!
  * 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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const guid = require('./guid-01d6fefc.js');
-const observers = require('./observers-265cc6fd.js');
-const dom = require('./dom-f3870c02.js');
-const math = require('./math-168daa90.js');
-const label = require('./label-bb7baad0.js');
-const form = require('./form-6fbeeffb.js');
-const interactive = require('./interactive-134aafb0.js');
-const key = require('./key-64fe2d0d.js');
-const locale = require('./locale-66bb4c04.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./resources-e34dd4ef.js');
+const index = require('./index-e7f6d8a9.js');
+const guid = require('./guid-bcf2e27d.js');
+const observers = require('./observers-93a0a981.js');
+const dom = require('./dom-0c006683.js');
+const math = require('./math-b2c68418.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const interactive = require('./interactive-50819d76.js');
+const key = require('./key-27cd9b48.js');
+const locale = require('./locale-7c7ea778.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
 
 /**
  * Calculate slope of the tangents

package/dist/cjs/calcite-handle.cjs.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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./resources-e34dd4ef.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   handle: "handle",

package/dist/cjs/calcite-icon.cjs.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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const observers = require('./observers-265cc6fd.js');
-require('./resources-e34dd4ef.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const observers = require('./observers-93a0a981.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   icon: "icon",

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

@@ -1,20 +1,20 @@
 /*!
  * 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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const label = require('./label-bb7baad0.js');
-const observers = require('./observers-265cc6fd.js');
-const interactive = require('./interactive-134aafb0.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./resources-e34dd4ef.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const label = require('./label-b53d0971.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   wrapper: "wrapper",

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

@@ -1,27 +1,27 @@
 /*!
  * 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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const resources = require('./resources-e280f675.js');
-const label = require('./label-bb7baad0.js');
-const form = require('./form-6fbeeffb.js');
-const floatingUi = require('./floating-ui-3c7d9b63.js');
-const interactive = require('./interactive-134aafb0.js');
-const dom = require('./dom-f3870c02.js');
-const openCloseComponent = require('./openCloseComponent-86d66b5f.js');
-const locale = require('./locale-66bb4c04.js');
-const key = require('./key-64fe2d0d.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./debounce-d3347e7f.js');
-require('./resources-e34dd4ef.js');
-require('./guid-01d6fefc.js');
-require('./observers-265cc6fd.js');
+const index = require('./index-e7f6d8a9.js');
+const resources = require('./resources-2a151557.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const floatingUi = require('./floating-ui-357b6162.js');
+const interactive = require('./interactive-50819d76.js');
+const dom = require('./dom-0c006683.js');
+const openCloseComponent = require('./openCloseComponent-7e8c6590.js');
+const locale = require('./locale-7c7ea778.js');
+const key = require('./key-27cd9b48.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./debounce-9787fe3f.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
+require('./observers-93a0a981.js');
 
 const CSS = {
   menu: "menu-container",
@@ -221,17 +221,12 @@ const InputDatePicker = class {
         this.setInputValue(oldValue);
       }
     };
-    this.commonDateSeparators = [".", "-", "/"];
     this.formatNumerals = (value) => value
       ? value
         .split("")
-        .map((char) => 
-      // convert common separators to the locale's
-      this.commonDateSeparators.includes(char)
-        ? this.localeData.separator
-        : key.numberKeys.includes(char)
-          ? locale.numberStringFormatter.numberFormatter.format(Number(char))
-          : char)
+        .map((char) => key.numberKeys.includes(char)
+        ? locale.numberStringFormatter.numberFormatter.format(Number(char))
+        : char)
         .join("")
       : "";
     this.disabled = false;
@@ -459,7 +454,7 @@ const InputDatePicker = class {
       locale: effectiveLocale,
       useGrouping: false
     };
-    return (index.h(index.Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (index.h("div", { "aria-expanded": dom.toAriaBoolean(this.open), class: "input-container", role: "application" }, index.h("div", { class: "input-wrapper", ref: this.setStartWrapper }, index.h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: label.getLabelText(this), lang: effectiveLocale, "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text" })), index.h("div", { "aria-hidden": dom.toAriaBoolean(!this.open), class: {
+    return (index.h(index.Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (index.h("div", { "aria-expanded": dom.toAriaBoolean(this.open), class: "input-container", role: "application" }, index.h("div", { class: "input-wrapper", ref: this.setStartWrapper }, index.h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: label.getLabelText(this), "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text" })), index.h("div", { "aria-hidden": dom.toAriaBoolean(!this.open), class: {
         [CSS.menu]: true,
         [CSS.menuActive]: this.open
       }, ref: this.setFloatingEl }, index.h("div", { class: {
@@ -467,10 +462,10 @@ const InputDatePicker = class {
         ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
         [floatingUi.FloatingCSS.animation]: true,
         [floatingUi.FloatingCSS.animationActive]: this.open
-      }, ref: this.setTransitionEl }, index.h("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, lang: effectiveLocale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, numberingSystem: 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" && (index.h("div", { class: "horizontal-arrow-container" }, index.h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (index.h("div", { class: "vertical-arrow-container" }, index.h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (index.h("div", { class: "input-wrapper", ref: this.setEndWrapper }, index.h("calcite-input", { class: {
+      }, ref: this.setTransitionEl }, index.h("calcite-date-picker", { activeDate: this.datePickerActiveDate, 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, numberingSystem: 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" && (index.h("div", { class: "horizontal-arrow-container" }, index.h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (index.h("div", { class: "vertical-arrow-container" }, index.h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (index.h("div", { class: "input-wrapper", ref: this.setEndWrapper }, index.h("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
-      }, disabled: disabled, icon: "calendar", lang: effectiveLocale, "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text" }))))), index.h(form.HiddenFormInputSlot, { component: this })));
+      }, disabled: disabled, icon: "calendar", "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text" }))))), index.h(form.HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
     const { focusedInput, layout, endWrapper, startWrapper } = this;
@@ -547,6 +542,11 @@ const InputDatePicker = class {
     this.endAsDate = end ? resources.setEndOfDay(resources.dateFromISO(end)) : resources.dateFromISO(end);
   }
   async loadLocaleData() {
+    locale.numberStringFormatter.numberFormatOptions = {
+      numberingSystem: this.numberingSystem,
+      locale: this.effectiveLocale,
+      useGrouping: false
+    };
     this.localeData = await resources.getLocaleData(this.effectiveLocale);
   }
   shouldFocusRangeStart() {

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

@@ -1,16 +1,16 @@
 /*!
  * 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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-require('./resources-e34dd4ef.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

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

@@ -1,24 +1,24 @@
 /*!
  * 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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const label = require('./label-bb7baad0.js');
-const form = require('./form-6fbeeffb.js');
-const locale = require('./locale-66bb4c04.js');
-const key = require('./key-64fe2d0d.js');
-const resources = require('./resources-e34dd4ef.js');
-const math = require('./math-168daa90.js');
-const observers = require('./observers-265cc6fd.js');
-const interactive = require('./interactive-134aafb0.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const locale = require('./locale-7c7ea778.js');
+const key = require('./key-27cd9b48.js');
+const resources = require('./resources-154a6134.js');
+const math = require('./math-b2c68418.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   loader: "loader",

package/dist/cjs/calcite-input-text.cjs.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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const dom = require('./dom-f3870c02.js');
-const label = require('./label-bb7baad0.js');
-const form = require('./form-6fbeeffb.js');
-const resources = require('./resources-e34dd4ef.js');
-const observers = require('./observers-265cc6fd.js');
-const interactive = require('./interactive-134aafb0.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./guid-01d6fefc.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const resources = require('./resources-154a6134.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   loader: "loader",

package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js

@@ -1,23 +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.654
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-483dbe04.js');
-const guid = require('./guid-01d6fefc.js');
-const locale = require('./locale-66bb4c04.js');
-const label = require('./label-bb7baad0.js');
-const form = require('./form-6fbeeffb.js');
-const interactive = require('./interactive-134aafb0.js');
-const key = require('./key-64fe2d0d.js');
-const loadable = require('./loadable-9ea89e06.js');
-require('./observers-265cc6fd.js');
-require('./dom-f3870c02.js');
-require('./resources-e34dd4ef.js');
+const index = require('./index-e7f6d8a9.js');
+const guid = require('./guid-bcf2e27d.js');
+const locale = require('./locale-7c7ea778.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const interactive = require('./interactive-50819d76.js');
+const key = require('./key-27cd9b48.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./observers-93a0a981.js');
+require('./dom-0c006683.js');
+require('./resources-154a6134.js');
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale$1, numberingSystem, includeSeconds = true) {
@@ -485,7 +485,7 @@ const InputTimePicker = class {
   // --------------------------------------------------------------------------
   render() {
     const popoverId = `${this.referenceElementId}-popover`;
-    return (index.h(index.Host, { onKeyDown: this.keyDownHandler }, index.h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, index.h("calcite-input", { disabled: this.disabled, icon: "clock", label: label.getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), index.h("calcite-popover", { disableFocusTrap: true, id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, index.h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.effectiveLocale, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), index.h(form.HiddenFormInputSlot, { component: this })));
+    return (index.h(index.Host, { onKeyDown: this.keyDownHandler }, index.h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, index.h("calcite-input", { disabled: this.disabled, icon: "clock", label: label.getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), index.h("calcite-popover", { disableFocusTrap: true, id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, index.h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), index.h(form.HiddenFormInputSlot, { component: this })));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {