@esri/calcite-components 1.0.0-next.580 → 1.0.0-next.581

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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { a as getElementDir } from './dom-637307c9.js';
-import { S as SLOTS$1 } from './resources-324bf407.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import './resources-26ee2c41.js';
-import './guid-f7438467.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { a as getElementDir } from './dom-aa448df2.js';
+import { S as SLOTS$1 } from './resources-bf2368cb.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import './resources-189f4308.js';
+import './guid-6a3d508c.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, h, g as getElement } from './index-ae279adb.js';
-import { c as createObserver } from './observers-5c076bdc.js';
+import { r as registerInstance, h, g as getElement } from './index-4d8a8a3d.js';
+import { c as createObserver } from './observers-ded2c2cc.js';
 
 const CSS = {
   frame: "frame",

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

@@ -1,18 +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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-ae279adb.js';
-import { g as guid } from './guid-f7438467.js';
-import { c as createObserver } from './observers-5c076bdc.js';
-import { h as intersects } from './dom-637307c9.js';
-import { d as decimalPlaces, c as clamp } from './math-608709eb.js';
-import { c as connectLabel, d as disconnectLabel } from './label-bc77bf8b.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-3e952fde.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import { i as isActivationKey } from './key-7f7dfeb5.js';
-import './resources-26ee2c41.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-4d8a8a3d.js';
+import { g as guid } from './guid-6a3d508c.js';
+import { c as createObserver } from './observers-ded2c2cc.js';
+import { h as intersects } from './dom-aa448df2.js';
+import { d as decimalPlaces, c as clamp } from './math-83019fa1.js';
+import { c as connectLabel, d as disconnectLabel } from './label-59c8bc7c.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-ed848cf6.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import { i as isActivationKey } from './key-95771f61.js';
+import { l as localizeNumberString } from './locale-975287e1.js';
+import { w as watchGlobalAttributes, u as unwatchGlobalAttributes } from './globalAttributes-39c1d74c.js';
+import './resources-189f4308.js';
 
 /**
  * Calculate slope of the tangents
@@ -230,6 +232,14 @@ const Graph = class {
 };
 Graph.style = graphCss;
 
+const CSS = {
+  handleLabel: "handle__label",
+  handleLabelMinValue: "handle__label--minValue",
+  handleLabelValue: "handle__label--value",
+  tickMin: "tick__label--min",
+  tickMax: "tick__label--max"
+};
+
 const sliderCss = "@charset \"UTF-8\";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}.scale--s{--calcite-slider-handle-size:10px;--calcite-slider-handle-extension-height:6.5px;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:14px;--calcite-slider-handle-extension-height:8px;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:16px;--calcite-slider-handle-extension-height:10.5px;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  )}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-6px}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-8px}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-9px}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;-webkit-transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:\"—\";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:-ms-flexbox;display:flex}.thumb .handle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease, -webkit-box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-ui-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb.thumb--minValue{-webkit-transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-2px}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-23px}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-30px}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-32px}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{-webkit-margin-before:0.5em;margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{-webkit-margin-after:0.5em;margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-33px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-44px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-49px}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-ui-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-ui-border-2);-webkit-transition:all var(--calcite-internal-animation-timing-medium) ease-in;transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:\"\";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-ui-border-input);border-color:var(--calcite-ui-foreground-1);inset-block-start:-2px;pointer-events:none;-webkit-margin-start:calc(-1 * 0.125rem);margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;-webkit-margin-before:0.875rem;margin-block-start:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.tick__label--min{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing)}.tick__label--max{-webkit-transition:opacity var(--calcite-internal-animation-timing-fast);transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{-webkit-padding-after:calc(0.875rem + var(--calcite-slider-container-font-size));padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{-webkit-padding-after:calc(var(--calcite-slider-full-handle-height) + 1em);padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{-webkit-padding-after:calc(var(--calcite-slider-handle-size) * 0.5 + 1em);padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{-webkit-padding-after:var(--calcite-slider-full-handle-height);padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{-webkit-padding-before:var(--calcite-slider-full-handle-height);padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{-webkit-padding-after:var(--calcite-slider-full-handle-height);padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{-webkit-padding-before:calc(var(--calcite-slider-full-handle-height) + 4px);padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{-webkit-padding-before:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px);padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{-webkit-padding-after:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px);padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
 function isRange(value) {
@@ -248,6 +258,10 @@ const Slider = class {
     //--------------------------------------------------------------------------
     /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
+    /**
+     * When true, number values are displayed with a group separator corresponding to the language and country format.
+     */
+    this.groupSeparator = false;
     /** When true, indicates a histogram is present. */
     this.hasHistogram = false;
     /** When true, displays label handles with their numeric value. */
@@ -286,6 +300,7 @@ const Slider = class {
     this.minValueDragRange = null;
     this.maxValueDragRange = null;
     this.tickValues = [];
+    this.globalAttributes = {};
     this.dragUpdate = (event) => {
       event.preventDefault();
       if (this.dragProp) {
@@ -333,6 +348,19 @@ const Slider = class {
     this.storeTrackRef = (node) => {
       this.trackEl = node;
     };
+    /**
+     * Returns a string representing the localized label value based on groupSeparator prop being on or off.
+     *
+     * @param value
+     */
+    this.determineGroupSeparator = (value) => {
+      const lang = this.globalAttributes["lang"] || document.documentElement.lang || "en";
+      if (value) {
+        return this.groupSeparator
+          ? localizeNumberString(value.toString(), lang, this.groupSeparator, this.numberingSystem)
+          : value;
+      }
+    };
   }
   histogramWatcher(newHistogram) {
     this.hasHistogram = !!newHistogram;
@@ -353,11 +381,13 @@ const Slider = class {
     this.setValueFromMinMax();
     connectLabel(this);
     connectForm(this);
+    watchGlobalAttributes(this, ["lang"]);
   }
   disconnectedCallback() {
     disconnectLabel(this);
     disconnectForm(this);
     this.removeDragListeners();
+    unwatchGlobalAttributes(this);
   }
   componentWillLoad() {
     this.tickValues = this.generateTickValues();
@@ -389,6 +419,8 @@ const Slider = class {
     const id = this.el.id || this.guid;
     const maxProp = isRange(this.value) ? "maxValue" : "value";
     const value = isRange(this.value) ? this.maxValue : this.value;
+    const displayedValue = this.determineGroupSeparator(value);
+    const displayedMinValue = this.determineGroupSeparator(this.minValue);
     const min = this.minValue || this.min;
     const useMinValue = this.shouldUseMinValue();
     const minInterval = this.getUnitInterval(useMinValue ? this.minValue : min) * 100;
@@ -397,6 +429,8 @@ const Slider = class {
     const leftThumbOffset = `${mirror ? 100 - minInterval : minInterval}%`;
     const rightThumbOffset = `${mirror ? maxInterval : 100 - maxInterval}%`;
     const valueIsRange = isRange(this.value);
+    const handleLabelMinValueClasses = `${CSS.handleLabel} ${CSS.handleLabelMinValue}`;
+    const handleLabelValueClasses = `${CSS.handleLabel} ${CSS.handleLabelValue}`;
     const handle = (h("div", { "aria-disabled": this.disabled, "aria-label": valueIsRange ? this.maxLabel : this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": value, class: {
         thumb: true,
         "thumb--value": true,
@@ -406,12 +440,12 @@ const Slider = class {
         thumb: true,
         "thumb--value": true,
         "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp
-      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0 }, h("span", { "aria-hidden": "true", class: "handle__label handle__label--value" }, value ? value.toLocaleString() : value), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value static" }, value ? value.toLocaleString() : value), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value transformed" }, value ? value.toLocaleString() : value), h("div", { class: "handle" })));
+      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0 }, h("span", { "aria-hidden": "true", class: handleLabelValueClasses }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} static` }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} transformed` }, displayedValue), h("div", { class: "handle" })));
     const histogramLabeledHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": valueIsRange ? this.maxLabel : this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": value, class: {
         thumb: true,
         "thumb--value": true,
         "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp
-      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0 }, h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value" }, value ? value.toLocaleString() : value), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value static" }, value ? value.toLocaleString() : value), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value transformed" }, value ? value.toLocaleString() : value)));
+      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0 }, h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: handleLabelValueClasses }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} static` }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} transformed` }, displayedValue)));
     const preciseHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": valueIsRange ? this.maxLabel : this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": value, class: {
         thumb: true,
         "thumb--value": true,
@@ -429,13 +463,13 @@ const Slider = class {
         "thumb--value": true,
         "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
         "thumb--precise": true
-      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0 }, h("span", { "aria-hidden": "true", class: "handle__label handle__label--value" }, value ? value.toLocaleString() : value), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value static" }, value ? value.toLocaleString() : value), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value transformed" }, value ? value.toLocaleString() : value), h("div", { class: "handle" }), h("div", { class: "handle-extension" })));
+      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0 }, h("span", { "aria-hidden": "true", class: handleLabelValueClasses }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} static` }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} transformed` }, displayedValue), h("div", { class: "handle" }), h("div", { class: "handle-extension" })));
     const histogramLabeledPreciseHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": valueIsRange ? this.maxLabel : this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": value, class: {
         thumb: true,
         "thumb--value": true,
         "thumb--active": this.lastDragProp !== "minMaxValue" && this.dragProp === maxProp,
         "thumb--precise": true
-      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0 }, h("div", { class: "handle-extension" }), h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value" }, value ? value.toLocaleString() : value), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value static" }, value ? value.toLocaleString() : value), h("span", { "aria-hidden": "true", class: "handle__label handle__label--value transformed" }, value ? value.toLocaleString() : value)));
+      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: "slider", style: { right: rightThumbOffset }, tabIndex: 0 }, h("div", { class: "handle-extension" }), h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: handleLabelValueClasses }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} static` }, displayedValue), h("span", { "aria-hidden": "true", class: `${handleLabelValueClasses} transformed` }, displayedValue)));
     const minHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": this.minValue, class: {
         thumb: true,
         "thumb--minValue": true,
@@ -445,12 +479,12 @@ const Slider = class {
         thumb: true,
         "thumb--minValue": true,
         "thumb--active": this.dragProp === "minValue"
-      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: () => this.dragStart("minValue"), ref: (el) => (this.minHandle = el), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0 }, h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue" }, this.minValue && this.minValue.toLocaleString()), h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue static" }, this.minValue && this.minValue.toLocaleString()), h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue transformed" }, this.minValue && this.minValue.toLocaleString()), h("div", { class: "handle" })));
+      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: () => this.dragStart("minValue"), ref: (el) => (this.minHandle = el), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0 }, h("span", { "aria-hidden": "true", class: handleLabelMinValueClasses }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} static` }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} transformed` }, displayedMinValue), h("div", { class: "handle" })));
     const minHistogramLabeledHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": this.minValue, class: {
         thumb: true,
         "thumb--minValue": true,
         "thumb--active": this.dragProp === "minValue"
-      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: () => this.dragStart("minValue"), ref: (el) => (this.minHandle = el), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0 }, h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue" }, this.minValue && this.minValue.toLocaleString()), h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue static" }, this.minValue && this.minValue.toLocaleString()), h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue transformed" }, this.minValue && this.minValue.toLocaleString())));
+      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: () => this.dragStart("minValue"), ref: (el) => (this.minHandle = el), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0 }, h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: handleLabelMinValueClasses }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} static` }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} transformed` }, displayedMinValue)));
     const minPreciseHandle = (h("div", { "aria-disabled": this.disabled, "aria-label": this.minLabel, "aria-orientation": "horizontal", "aria-valuemax": this.max, "aria-valuemin": this.min, "aria-valuenow": this.minValue, class: {
         thumb: true,
         "thumb--minValue": true,
@@ -462,7 +496,7 @@ const Slider = class {
         "thumb--minValue": true,
         "thumb--active": this.dragProp === "minValue",
         "thumb--precise": true
-      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: () => this.dragStart("minValue"), ref: (el) => (this.minHandle = el), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0 }, h("div", { class: "handle-extension" }), h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue" }, this.minValue && this.minValue.toLocaleString()), h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue static" }, this.minValue && this.minValue.toLocaleString()), h("span", { "aria-hidden": "true", class: "handle__label handle__label--minValue transformed" }, this.minValue && this.minValue.toLocaleString())));
+      }, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = "minValue"), onPointerDown: () => this.dragStart("minValue"), ref: (el) => (this.minHandle = el), role: "slider", style: { left: leftThumbOffset }, tabIndex: 0 }, h("div", { class: "handle-extension" }), h("div", { class: "handle" }), h("span", { "aria-hidden": "true", class: handleLabelMinValueClasses }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} static` }, displayedMinValue), h("span", { "aria-hidden": "true", class: `${handleLabelMinValueClasses} transformed` }, displayedMinValue)));
     return (h(Host, { id: id, onTouchStart: this.handleTouchStart }, h("div", { class: {
         ["container"]: true,
         ["container--range"]: valueIsRange,
@@ -503,11 +537,12 @@ const Slider = class {
     const valueIsRange = isRange(this.value);
     const isMinTickLabel = tick === this.min;
     const isMaxTickLabel = tick === this.max;
+    const displayedTickValue = this.determineGroupSeparator(tick);
     const tickLabel = (h("span", { class: {
         tick__label: true,
-        "tick__label--min": isMinTickLabel,
-        "tick__label--max": isMaxTickLabel
-      } }, tick.toLocaleString()));
+        [CSS.tickMin]: isMinTickLabel,
+        [CSS.tickMax]: isMaxTickLabel
+      } }, displayedTickValue));
     if (this.labelTicks && !this.hasHistogram && !valueIsRange) {
       return tickLabel;
     }

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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ae279adb.js';
-import { t as toAriaBoolean } from './dom-637307c9.js';
-import './resources-26ee2c41.js';
-import './guid-f7438467.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4d8a8a3d.js';
+import { t as toAriaBoolean } from './dom-aa448df2.js';
+import './resources-189f4308.js';
+import './guid-6a3d508c.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.580
+ * v1.0.0-next.581
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-637307c9.js';
-import { c as createObserver } from './observers-5c076bdc.js';
-import './resources-26ee2c41.js';
-import './guid-f7438467.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-aa448df2.js';
+import { c as createObserver } from './observers-ded2c2cc.js';
+import './resources-189f4308.js';
+import './guid-6a3d508c.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ae279adb.js';
-import { d as getElementProp, g as getSlotted } from './dom-637307c9.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-bc77bf8b.js';
-import { c as createObserver } from './observers-5c076bdc.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import './resources-26ee2c41.js';
-import './guid-f7438467.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4d8a8a3d.js';
+import { d as getElementProp, g as getSlotted } from './dom-aa448df2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-59c8bc7c.js';
+import { c as createObserver } from './observers-ded2c2cc.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import './resources-189f4308.js';
+import './guid-6a3d508c.js';
 
 const CSS = {
   wrapper: "wrapper",

package/dist/esm/calcite-input-date-picker.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ae279adb.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-e4d05f13.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-bc77bf8b.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-3e952fde.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-f5fc413f.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import { t as toAriaBoolean } from './dom-637307c9.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-29ed8d3d.js';
-import './locale-2e879ac3.js';
-import './key-7f7dfeb5.js';
-import './resources-26ee2c41.js';
-import './guid-f7438467.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4d8a8a3d.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-c49cfcc7.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-59c8bc7c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ed848cf6.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-dcbb2e0f.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import { t as toAriaBoolean } from './dom-aa448df2.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-8ac8796e.js';
+import './locale-975287e1.js';
+import './key-95771f61.js';
+import './resources-189f4308.js';
+import './guid-6a3d508c.js';
 
 const CSS = {
   menu: "menu-container",

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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { s as setRequestedIcon, d as getElementProp } from './dom-637307c9.js';
-import './resources-26ee2c41.js';
-import './guid-f7438467.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { s as setRequestedIcon, d as getElementProp } from './dom-aa448df2.js';
+import './resources-189f4308.js';
+import './guid-6a3d508c.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-637307c9.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-bc77bf8b.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-3e952fde.js';
-import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-2e879ac3.js';
-import { n as numberKeys } from './key-7f7dfeb5.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-26ee2c41.js';
-import { d as decimalPlaces } from './math-608709eb.js';
-import { c as createObserver } from './observers-5c076bdc.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import './guid-f7438467.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-aa448df2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-59c8bc7c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ed848cf6.js';
+import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-975287e1.js';
+import { n as numberKeys } from './key-95771f61.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-189f4308.js';
+import { d as decimalPlaces } from './math-83019fa1.js';
+import { c as createObserver } from './observers-ded2c2cc.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import './guid-6a3d508c.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/calcite-input-text.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-637307c9.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-bc77bf8b.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-3e952fde.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-26ee2c41.js';
-import { c as createObserver } from './observers-5c076bdc.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import './guid-f7438467.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-aa448df2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-59c8bc7c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ed848cf6.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-189f4308.js';
+import { c as createObserver } from './observers-ded2c2cc.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import './guid-6a3d508c.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/calcite-input-time-picker_2.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { g as guid } from './guid-f7438467.js';
-import { i as isValidNumber } from './locale-2e879ac3.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-bc77bf8b.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-3e952fde.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import { n as numberKeys, i as isActivationKey } from './key-7f7dfeb5.js';
-import './dom-637307c9.js';
-import './resources-26ee2c41.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { g as guid } from './guid-6a3d508c.js';
+import { i as isValidNumber } from './locale-975287e1.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-59c8bc7c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ed848cf6.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import { n as numberKeys, i as isActivationKey } from './key-95771f61.js';
+import './dom-aa448df2.js';
+import './resources-189f4308.js';
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, includeSeconds = true) {

package/dist/esm/calcite-input.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-637307c9.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-bc77bf8b.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-3e952fde.js';
-import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-2e879ac3.js';
-import { n as numberKeys } from './key-7f7dfeb5.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-26ee2c41.js';
-import { d as decimalPlaces } from './math-608709eb.js';
-import { c as createObserver } from './observers-5c076bdc.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import './guid-f7438467.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-aa448df2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-59c8bc7c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ed848cf6.js';
+import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-975287e1.js';
+import { n as numberKeys } from './key-95771f61.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-189f4308.js';
+import { d as decimalPlaces } from './math-83019fa1.js';
+import { c as createObserver } from './observers-ded2c2cc.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import './guid-6a3d508c.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/calcite-label.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-bc77bf8b.js';
-import './dom-637307c9.js';
-import './resources-26ee2c41.js';
-import './guid-f7438467.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-59c8bc7c.js';
+import './dom-aa448df2.js';
+import './resources-189f4308.js';
+import './guid-6a3d508c.js';
 
 const CSS = {
   container: "container"

package/dist/esm/calcite-link.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.580
+ * v1.0.0-next.581
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ae279adb.js';
-import { a as getElementDir, f as focusElement } from './dom-637307c9.js';
-import { C as CSS_UTILITY } from './resources-26ee2c41.js';
-import { u as updateHostInteraction } from './interactive-04fa4f00.js';
-import './guid-f7438467.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4d8a8a3d.js';
+import { a as getElementDir, f as focusElement } from './dom-aa448df2.js';
+import { C as CSS_UTILITY } from './resources-189f4308.js';
+import { u as updateHostInteraction } from './interactive-c13e9f92.js';
+import './guid-6a3d508c.js';
 
 const linkCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host a,:host span{position:relative;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:text-top;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-margin-before:0.125rem;margin-block-start:0.125rem}:host .calcite-link--icon.icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)), -webkit-gradient(linear, left top, left bottom, from(var(--calcite-link-blue-underline)), to(var(--calcite-link-blue-underline)));background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position:0% 100%, 100% 100%;background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";