@esri/calcite-components 1.0.0-next.647 → 1.0.0-next.648

package/dist/esm/calcite-graph_2.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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-c6d69d86.js';
-import { g as guid } from './guid-59a872ce.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-df543551.js';
-import { d as decimalPlaces, c as clamp } from './math-5dcaa7e6.js';
-import { c as connectLabel, d as disconnectLabel } from './label-a198d818.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-f4c22557.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { i as isActivationKey } from './key-8c900334.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-170639e4.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-d13d66db.js';
+import { g as guid } from './guid-eaa87c08.js';
+import { c as createObserver } from './observers-32d3cec9.js';
+import { i as isPrimaryPointerButton, k as intersects } from './dom-c8898dc4.js';
+import { d as decimalPlaces, c as clamp } from './math-e1907584.js';
+import { c as connectLabel, d as disconnectLabel } from './label-226b0181.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-44011828.js';
+import { u as updateHostInteraction } from './interactive-ee7f9950.js';
+import { i as isActivationKey } from './key-23509709.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-c6e1a8e3.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import './resources-72c02e33.js';
 
 /**
  * Calculate slope of the tangents
@@ -150,21 +150,17 @@ const Graph = class {
     registerInstance(this, hostRef);
     //--------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Array of tuples describing a single data point ([x, y])
-     * These data points should be sorted by x-axis value
-     */
-    this.data = [];
-    //--------------------------------------------------------------------------
-    //
     //  Private State/Props
     //
     //--------------------------------------------------------------------------
     this.graphId = `calcite-graph-${guid()}`;
     this.resizeObserver = createObserver("resize", () => forceUpdate(this));
+    this.data = [];
+    this.colorStops = undefined;
+    this.highlightMin = undefined;
+    this.highlightMax = undefined;
+    this.min = undefined;
+    this.max = undefined;
   }
   //--------------------------------------------------------------------------
   //
@@ -240,7 +236,7 @@ const CSS = {
   tickMax: "tick__label--max"
 };
 
-const sliderCss = "@charset \"UTF-8\";@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([disabled]){pointer-events:none;cursor:default;-webkit-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:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;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:flex}.thumb .handle{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);box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;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}.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{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{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{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{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);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb.thumb--precise:hover:after,.thumb.thumb--precise:focus: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);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;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{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{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{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{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;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
+const sliderCss = "@charset \"UTF-8\";@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([disabled]){pointer-events:none;cursor:default;-webkit-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:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;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:flex}.thumb .handle{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);box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;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}.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{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{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{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{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);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);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;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{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{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{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{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;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
 function isRange(value) {
   return Array.isArray(value);
@@ -251,56 +247,8 @@ const Slider = class {
     this.calciteSliderInput = createEvent(this, "calciteSliderInput", 6);
     this.calciteSliderChange = createEvent(this, "calciteSliderChange", 6);
     this.calciteSliderUpdate = createEvent(this, "calciteSliderUpdate", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** 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. */
-    this.labelHandles = false;
-    /** When `true` and `ticks` is specified, displays label tick marks with their numeric value. */
-    this.labelTicks = false;
-    /** The component's maximum selectable value. */
-    this.max = 100;
-    /** The component's minimum selectable value. */
-    this.min = 0;
-    /**
-     * When `true`, the slider will display values from high to low.
-     *
-     * Note that this value will be ignored if the slider has an associated histogram.
-     */
-    this.mirrored = false;
-    /** When `true`, sets a finer point for handles. */
-    this.precise = false;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    this.required = false;
-    /** When `true`, enables snap selection in coordination with `step` via a mouse. */
-    this.snap = false;
-    /** Specifies the interval to move with the up, or down keys. */
-    this.step = 1;
-    /** The component's value. */
-    this.value = 0;
-    /**
-     *  Specifies the size of the component.
-     */
-    this.scale = "m";
     this.activeProp = "value";
     this.guid = `calcite-slider-${guid()}`;
-    this.effectiveLocale = "";
-    this.minMaxValueRange = null;
-    this.minValueDragRange = null;
-    this.maxValueDragRange = null;
-    this.tickValues = [];
     this.dragUpdate = (event) => {
       event.preventDefault();
       if (this.dragProp) {
@@ -371,6 +319,35 @@ const Slider = class {
         return numberStringFormatter.localize(value.toString());
       }
     };
+    this.disabled = false;
+    this.groupSeparator = false;
+    this.hasHistogram = false;
+    this.histogram = undefined;
+    this.histogramStops = undefined;
+    this.labelHandles = false;
+    this.labelTicks = false;
+    this.max = 100;
+    this.maxLabel = undefined;
+    this.maxValue = undefined;
+    this.min = 0;
+    this.minLabel = undefined;
+    this.minValue = undefined;
+    this.mirrored = false;
+    this.name = undefined;
+    this.numberingSystem = undefined;
+    this.pageStep = undefined;
+    this.precise = false;
+    this.required = false;
+    this.snap = false;
+    this.step = 1;
+    this.ticks = undefined;
+    this.value = 0;
+    this.scale = "m";
+    this.effectiveLocale = "";
+    this.minMaxValueRange = null;
+    this.minValueDragRange = null;
+    this.maxValueDragRange = null;
+    this.tickValues = [];
   }
   histogramWatcher(newHistogram) {
     this.hasHistogram = !!newHistogram;

package/dist/esm/calcite-handle.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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c6d69d86.js';
-import { t as toAriaBoolean } from './dom-df543551.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d13d66db.js';
+import { t as toAriaBoolean } from './dom-c8898dc4.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
 
 const CSS = {
   handle: "handle",
@@ -25,19 +25,6 @@ const Handle = class {
     this.calciteHandleNudge = createEvent(this, "calciteHandleNudge", 6);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * @internal
-     */
-    this.activated = false;
-    /**
-     * Value for the button title attribute
-     */
-    this.textTitle = "handle";
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
@@ -61,6 +48,8 @@ const Handle = class {
     this.handleBlur = () => {
       this.activated = false;
     };
+    this.activated = false;
+    this.textTitle = "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.647
+ * v1.0.0-next.648
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-df543551.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-d13d66db.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-c8898dc4.js';
+import { c as createObserver } from './observers-32d3cec9.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
 
 const CSS = {
   icon: "icon",
@@ -82,23 +82,11 @@ const iconCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0
 const Icon = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
-     */
     this.icon = null;
-    /**
-     * When true, the icon will be flipped when the element direction is 'rtl'.
-     */
     this.flipRtl = false;
-    /**
-     * Icon scale.
-     */
     this.scale = "m";
+    this.textLabel = undefined;
+    this.pathData = undefined;
     this.visible = false;
   }
   //--------------------------------------------------------------------------

package/dist/esm/calcite-inline-editable.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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c6d69d86.js';
-import { h as getElementProp, g as getSlotted } from './dom-df543551.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a198d818.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d13d66db.js';
+import { h as getElementProp, g as getSlotted } from './dom-c8898dc4.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-226b0181.js';
+import { c as createObserver } from './observers-32d3cec9.js';
+import { u as updateHostInteraction } from './interactive-ee7f9950.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
 
 const CSS = {
   wrapper: "wrapper",
@@ -35,37 +35,6 @@ const InlineEditable = class {
     this.calciteInlineEditableEditCancel = createEvent(this, "calciteInlineEditableEditCancel", 6);
     this.calciteInlineEditableEditConfirm = createEvent(this, "calciteInlineEditableEditConfirm", 6);
     this.calciteInternalInlineEditableEnableEditingChange = createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Props
-    //
-    //--------------------------------------------------------------------------
-    /** specify whether editing can be enabled */
-    this.disabled = false;
-    /** specify whether the wrapped input element is editable, defaults to false */
-    this.editingEnabled = false;
-    /** specify whether the confirm button should display a loading state, defaults to false */
-    this.loading = false;
-    /** specify whether save/cancel controls should be displayed when editingEnabled is true, defaults to false */
-    this.controls = false;
-    /**
-     * specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`
-     *
-     * @default "Click to edit"
-     */
-    this.intlEnableEditing = TEXT.intlEnablingEditing;
-    /**
-     * specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`
-     *
-     * @default "Cancel"
-     */
-    this.intlCancelEditing = TEXT.intlCancelEditing;
-    /**
-     * specify text to be user for the confirm changes button's aria-label, defaults to `Save`
-     *
-     * @default "Save"
-     */
-    this.intlConfirmChanges = TEXT.intlConfirmChanges;
     this.mutationObserver = createObserver("mutation", () => this.mutationObserverCallback());
     this.enableEditing = () => {
       var _a, _b;
@@ -139,6 +108,15 @@ const InlineEditable = class {
         this.loading = false;
       }
     };
+    this.disabled = false;
+    this.editingEnabled = false;
+    this.loading = false;
+    this.controls = false;
+    this.intlEnableEditing = TEXT.intlEnablingEditing;
+    this.intlCancelEditing = TEXT.intlCancelEditing;
+    this.intlConfirmChanges = TEXT.intlConfirmChanges;
+    this.scale = undefined;
+    this.afterConfirm = undefined;
   }
   disabledWatcher(disabled) {
     if (this.inputElement) {

package/dist/esm/calcite-input-date-picker.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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { T as TEXT, d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, e as getLocaleData, f as dateFromRange } from './resources-19231ce8.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a198d818.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f4c22557.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-7ba4c9a0.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { t as toAriaBoolean } from './dom-df543551.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-9320ad08.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-170639e4.js';
-import { n as numberKeys } from './key-8c900334.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-74b01ca3.js';
-import './debounce-9201530e.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
-import './observers-7fa5fbcb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d13d66db.js';
+import { d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, T as TEXT, e as getLocaleData, f as dateFromRange } from './resources-301e3b5e.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-226b0181.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-44011828.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-fc1dd50c.js';
+import { u as updateHostInteraction } from './interactive-ee7f9950.js';
+import { t as toAriaBoolean } from './dom-c8898dc4.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-333b893d.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-c6e1a8e3.js';
+import { n as numberKeys } from './key-23509709.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-5df6cd58.js';
+import './debounce-6bf69804.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
+import './observers-32d3cec9.js';
 
 const CSS = {
   menu: "menu-container",
@@ -36,81 +36,6 @@ const InputDatePicker = class {
     this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 6);
     this.calciteInputDatePickerBeforeOpen = createEvent(this, "calciteInputDatePickerBeforeOpen", 6);
     this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
-     *
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    this.readOnly = false;
-    /** Selected date as a string in ISO format (YYYY-MM-DD) */
-    this.value = "";
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use `open` instead.
-     */
-    this.active = false;
-    /** When `true`, displays the `calcite-date-picker` component. */
-    this.open = false;
-    /**
-     * Accessible name for the component's previous month button.
-     *
-     * @default "Previous month"
-     */
-    this.intlPrevMonth = TEXT.prevMonth;
-    /**
-     * Accessible name for the component's next month button.
-     *
-     * @default "Next month"
-     */
-    this.intlNextMonth = TEXT.nextMonth;
-    /**
-     * Accessible name for the component's year input.
-     *
-     * @default "Year"
-     */
-    this.intlYear = TEXT.year;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /**
-     * Specifies the placement of the `calcite-date-picker` relative to the component.
-     *
-     * @default "bottom-start"
-     */
-    this.placement = defaultMenuPlacement;
-    /** When `true`, activates a range for the component. */
-    this.range = false;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     *
-     * @internal
-     */
-    this.required = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * When `true`, disables the default behavior on the third click of narrowing or extending the range.
-     * Instead starts a new range.
-     */
-    this.proximitySelectionDisabled = false;
-    /** Defines the layout of the component. */
-    this.layout = "horizontal";
     this.calciteInternalInputInputHandler = (event) => {
       const target = event.target;
       const value = target.value;
@@ -126,9 +51,6 @@ const InputDatePicker = class {
     this.calciteInternalInputBlurHandler = () => {
       this.commitValue();
     };
-    this.effectiveLocale = "";
-    this.focusedInput = "start";
-    this.globalAttributes = {};
     this.userChangedValue = false;
     this.openTransitionProp = "opacity";
     this.valueAsDateChangedExternally = false;
@@ -310,6 +232,40 @@ const InputDatePicker = class {
           : char)
         .join("")
       : "";
+    this.disabled = false;
+    this.readOnly = false;
+    this.value = "";
+    this.flipPlacements = undefined;
+    this.headingLevel = undefined;
+    this.valueAsDate = undefined;
+    this.startAsDate = undefined;
+    this.endAsDate = undefined;
+    this.minAsDate = undefined;
+    this.maxAsDate = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.active = false;
+    this.open = false;
+    this.name = undefined;
+    this.intlPrevMonth = TEXT.prevMonth;
+    this.intlNextMonth = TEXT.nextMonth;
+    this.intlYear = TEXT.year;
+    this.locale = undefined;
+    this.numberingSystem = undefined;
+    this.scale = "m";
+    this.placement = defaultMenuPlacement;
+    this.range = false;
+    this.required = false;
+    this.start = undefined;
+    this.end = undefined;
+    this.overlayPositioning = "absolute";
+    this.proximitySelectionDisabled = false;
+    this.layout = "horizontal";
+    this.datePickerActiveDate = undefined;
+    this.effectiveLocale = "";
+    this.focusedInput = "start";
+    this.globalAttributes = {};
+    this.localeData = undefined;
   }
   handleDisabledAndReadOnlyChange(value) {
     if (!value) {

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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { b as setRequestedIcon, h as getElementProp } from './dom-df543551.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d13d66db.js';
+import { b as setRequestedIcon, h as getElementProp } from './dom-c8898dc4.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {
@@ -20,22 +20,11 @@ const inputMessageCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes i
 const InputMessage = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use global `hidden` attribute instead.
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
     this.active = false;
-    /** Specifies the size of the component. */
+    this.icon = undefined;
     this.scale = "m";
-    /** Specifies the status of the input field, which determines message and icons. */
     this.status = "idle";
+    this.type = undefined;
   }
   handleIconEl() {
     this.requestedIcon = setRequestedIcon(StatusIconDefaults, this.icon, this.status);