@esri/calcite-components 1.0.0-next.434 → 1.0.0-next.437

package/dist/esm/calcite-action-pad.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b5e95fc.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-bee96c49.js';
-import { f as focusElement, g as getSlotted } from './dom-1d2952b6.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-bba2c190.js';
-import './resources-4e047fda.js';
-import './resources-7d7d3cc0.js';
-import './guid-65548eb3.js';
-import './observers-2b9d30e5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b7eaa08.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-e2dffec8.js';
+import { f as focusElement, g as getSlotted } from './dom-5ddb719b.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9f13ad46.js';
+import './resources-8b391eab.js';
+import './resources-f557d18e.js';
+import './guid-f1df9412.js';
+import './observers-3ac68c37.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",

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

@@ -1,11 +1,11 @@
 /*!
  * 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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-2b5e95fc.js';
-import { c as createObserver } from './observers-2b9d30e5.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-8b7eaa08.js';
+import { c as createObserver } from './observers-3ac68c37.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
 
 const CSS = {
   button: "button",

package/dist/esm/calcite-alert.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b5e95fc.js';
-import { s as setRequestedIcon, g as getSlotted } from './dom-1d2952b6.js';
-import { S as StatusIcons } from './interfaces-2aa79e3f.js';
-import './guid-65548eb3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b7eaa08.js';
+import { s as setRequestedIcon, g as getSlotted } from './dom-5ddb719b.js';
+import { S as StatusIcons } from './interfaces-e7b23603.js';
+import './guid-f1df9412.js';
 
 const TEXT = {
   intlClose: "Close"

package/dist/esm/calcite-avatar.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, h, g as getElement } from './index-2b5e95fc.js';
-import { h as hexToRGB, i as isValidHex } from './utils-70b8d122.js';
-import { b as getThemeName } from './dom-1d2952b6.js';
-import './guid-65548eb3.js';
+import { r as registerInstance, h, g as getElement } from './index-8b7eaa08.js';
+import { h as hexToRGB, i as isValidHex } from './utils-d947fd14.js';
+import { b as getThemeName } from './dom-5ddb719b.js';
+import './guid-f1df9412.js';
 
 /**
  * Convert a string to a valid hex by hashing its contents

package/dist/esm/calcite-block_2.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b5e95fc.js';
-import { g as getSlotted, a as getElementDir } from './dom-1d2952b6.js';
-import { H as Heading } from './Heading-b96d09fa.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-bba2c190.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import { g as guid } from './guid-65548eb3.js';
-import './observers-2b9d30e5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b7eaa08.js';
+import { g as getSlotted, a as getElementDir } from './dom-5ddb719b.js';
+import { H as Heading } from './Heading-6e61243c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9f13ad46.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import { g as guid } from './guid-f1df9412.js';
+import './observers-3ac68c37.js';
 
 const CSS$1 = {
   article: "article",

package/dist/esm/calcite-button.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, h, g as getElement } from './index-2b5e95fc.js';
-import { c as closestElementCrossShadowBoundary } from './dom-1d2952b6.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7b5c2b45.js';
-import { c as createObserver } from './observers-2b9d30e5.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import './guid-65548eb3.js';
+import { r as registerInstance, h, g as getElement } from './index-8b7eaa08.js';
+import { c as closestElementCrossShadowBoundary } from './dom-5ddb719b.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2517687e.js';
+import { c as createObserver } from './observers-3ac68c37.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import './guid-f1df9412.js';
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return

package/dist/esm/calcite-card.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2b5e95fc.js';
-import { g as getSlotted } from './dom-1d2952b6.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-bba2c190.js';
-import './guid-65548eb3.js';
-import './observers-2b9d30e5.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8b7eaa08.js';
+import { g as getSlotted } from './dom-5ddb719b.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9f13ad46.js';
+import './guid-f1df9412.js';
+import './observers-3ac68c37.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-checkbox.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b5e95fc.js';
-import { g as guid } from './guid-65548eb3.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-a384ceee.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7b5c2b45.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import './dom-1d2952b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b7eaa08.js';
+import { g as guid } from './guid-f1df9412.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-3868ef25.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2517687e.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import './dom-5ddb719b.js';
 
 const checkboxCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host .toggle:focus .check-svg,:host .toggle:active .check-svg{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing)}: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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 

package/dist/esm/calcite-chip.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2b5e95fc.js';
-import { g as getSlotted } from './dom-1d2952b6.js';
-import { g as guid } from './guid-65548eb3.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-bba2c190.js';
-import './observers-2b9d30e5.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8b7eaa08.js';
+import { g as getSlotted } from './dom-5ddb719b.js';
+import { g as guid } from './guid-f1df9412.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9f13ad46.js';
+import './observers-3ac68c37.js';
 
 const CSS = {
   title: "title",

package/dist/esm/calcite-color-picker_3.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2b5e95fc.js';
-import { f as focusElement, b as getThemeName } from './dom-1d2952b6.js';
-import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, h as hexToRGB, b as hexChar } from './utils-70b8d122.js';
-import { c as clamp } from './math-a3d91ec2.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import { d as debounce, i as isObject } from './debounce-db197f0b.js';
-import './guid-65548eb3.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8b7eaa08.js';
+import { a as getElementDir, f as focusElement, b as getThemeName } from './dom-5ddb719b.js';
+import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-d947fd14.js';
+import { c as clamp } from './math-cbd27ba0.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import { d as debounce, i as isObject } from './debounce-94d36ab4.js';
+import './guid-f1df9412.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -2693,9 +2693,12 @@ const ColorPicker = class {
       const channelAriaLabels = isRgb
         ? [intlRed, intlGreen, intlBlue]
         : [intlHue, intlSaturation, intlValue];
-      return (h("calcite-tab", { active: active, class: CSS$2.control, key: channelMode }, h("div", { class: CSS$2.channels }, channels.map((channel, index) => this.renderChannel(channel, index, channelLabels[index], channelAriaLabels[index])))));
+      const direction = getElementDir(this.el);
+      return (h("calcite-tab", { active: active, class: CSS$2.control, key: channelMode }, h("div", { class: CSS$2.channels, dir: "ltr" }, channels.map((channel, index) => 
+      /* the channel container is ltr, so we apply the host's direction */
+      this.renderChannel(channel, index, channelLabels[index], channelAriaLabels[index], direction)))));
     };
-    this.renderChannel = (value, index, label, ariaLabel) => (h("calcite-input", { class: CSS$2.channel, "data-channel-index": index, label: ariaLabel, numberButtonType: "none", onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, prefixText: label, scale: this.scale === "l" ? "m" : "s", type: "number", value: value === null || value === void 0 ? void 0 : value.toString() }));
+    this.renderChannel = (value, index, label, ariaLabel, direction) => (h("calcite-input", { class: CSS$2.channel, "data-channel-index": index, dir: direction, label: ariaLabel, numberButtonType: "none", onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, prefixText: label, scale: this.scale === "l" ? "m" : "s", type: "number", value: value === null || value === void 0 ? void 0 : value.toString() }));
     this.deleteColor = () => {
       const colorToDelete = this.color.hex();
       const inStorage = this.savedColors.indexOf(colorToDelete) > -1;
@@ -2750,14 +2753,10 @@ const ColorPicker = class {
     this.drawColorFieldAndSlider();
     this.updateChannelsFromColor(color);
     this.previousColor = oldColor;
-    if (this.internalColorUpdateContext) {
-      return;
-    }
-    this.value = this.toValue(color);
   }
   handleFormatChange(format) {
     this.setMode(format);
-    this.value = this.toValue(this.color);
+    this.internalColorSet(this.color, false);
   }
   handleScaleChange(scale = "m") {
     this.updateDimensions(scale);
@@ -2777,10 +2776,10 @@ const ColorPicker = class {
       this.setMode(nextMode);
     }
     const dragging = this.sliderThumbState === "drag" || this.hueThumbState === "drag";
-    if (this.internalColorUpdateContext) {
-      if (this.internalColorUpdateContext === "initial") {
-        return;
-      }
+    if (this.internalColorUpdateContext === "initial") {
+      return;
+    }
+    if (this.internalColorUpdateContext === "internal") {
       this.calciteColorPickerInput.emit();
       if (!dragging) {
         this.calciteColorPickerChange.emit();
@@ -2790,11 +2789,7 @@ const ColorPicker = class {
     const color$1 = allowEmpty && !value ? null : color(value);
     const colorChanged = !colorEqual(color$1, this.color);
     if (modeChanged || colorChanged) {
-      this.color = color$1;
-      this.calciteColorPickerInput.emit();
-      if (!dragging) {
-        this.calciteColorPickerChange.emit();
-      }
+      this.internalColorSet(color$1);
     }
   }
   //--------------------------------------------------------------------------
@@ -3129,32 +3124,13 @@ const ColorPickerHexInput = class {
           : this.formatForInternalInput(rgbToHex(this.internalColor.object()));
     };
     this.onInputChange = () => {
-      const inputValue = this.inputNode.value;
-      let value;
-      if (inputValue) {
-        const hex = inputValue;
-        const color = hexToRGB(`#${hex}`);
-        if (!color) {
-          return;
-        }
-        value = normalizeHex(hex);
-      }
-      else if (this.allowEmpty) {
-        value = null;
-      }
-      this.value = value;
-      this.calciteColorPickerHexInputChange.emit();
+      this.internalSetValue(this.inputNode.value, this.value);
     };
     /**
      * The last valid/selected color. Used as a fallback if an invalid hex code is entered.
      */
     this.internalColor = DEFAULT_COLOR;
     this.previousNonNullValue = this.value;
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
     this.storeInputRef = (node) => {
       this.inputNode = node;
     };
@@ -3169,38 +3145,16 @@ const ColorPickerHexInput = class {
     if (value) {
       const normalized = normalizeHex(value);
       if (isValidHex(normalized)) {
-        this.internalColor = color(normalized);
-        this.value = normalized;
+        this.internalSetValue(normalized, normalized, false);
       }
       return;
     }
     if (allowEmpty) {
-      this.internalColor = null;
-      this.value = null;
+      this.internalSetValue(null, null, false);
     }
   }
   handleValueChange(value, oldValue) {
-    if (value) {
-      const normalized = normalizeHex(value);
-      if (isValidHex(normalized)) {
-        const { internalColor } = this;
-        const changed = !internalColor || normalized !== normalizeHex(internalColor.hex());
-        this.internalColor = color(normalized);
-        this.previousNonNullValue = normalized;
-        this.value = normalized;
-        if (changed) {
-          this.calciteColorPickerHexInputChange.emit();
-        }
-        return;
-      }
-    }
-    else if (this.allowEmpty) {
-      this.internalColor = null;
-      this.value = null;
-      this.calciteColorPickerHexInputChange.emit();
-      return;
-    }
-    this.value = oldValue;
+    this.internalSetValue(value, oldValue, false);
   }
   // using @Listen as a workaround for VDOM listener not firing
   onInputKeyDown(event) {
@@ -3212,15 +3166,16 @@ const ColorPickerHexInput = class {
       return;
     }
     const isNudgeKey = key === "ArrowDown" || key === "ArrowUp";
+    const oldValue = this.value;
     if (isNudgeKey) {
       if (!value) {
-        this.value = this.previousNonNullValue;
+        this.internalSetValue(this.previousNonNullValue, oldValue);
         event.preventDefault();
         return;
       }
       const direction = key === "ArrowUp" ? 1 : -1;
       const bump = shiftKey ? 10 : 1;
-      this.value = normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex());
+      this.internalSetValue(normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex()), oldValue);
       event.preventDefault();
       return;
     }
@@ -3250,6 +3205,36 @@ const ColorPickerHexInput = class {
   async setFocus() {
     focusElement(this.inputNode);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  internalSetValue(value, oldValue, emit = true) {
+    if (value) {
+      const normalized = normalizeHex(value);
+      if (isValidHex(normalized)) {
+        const { internalColor } = this;
+        const changed = !internalColor || normalized !== normalizeHex(internalColor.hex());
+        this.internalColor = color(normalized);
+        this.previousNonNullValue = normalized;
+        this.value = normalized;
+        if (changed && emit) {
+          this.calciteColorPickerHexInputChange.emit();
+        }
+        return;
+      }
+    }
+    else if (this.allowEmpty) {
+      this.internalColor = null;
+      this.value = null;
+      if (emit) {
+        this.calciteColorPickerHexInputChange.emit();
+      }
+      return;
+    }
+    this.value = oldValue;
+  }
   formatForInternalInput(hex) {
     return hex ? hex.replace("#", "") : "";
   }

package/dist/esm/calcite-combobox_3.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b5e95fc.js';
-import { a as isSymbol, S as Symbol, d as debounce } from './debounce-db197f0b.js';
-import { i as isArray, f as forIn } from './forIn-3857644f.js';
-import { f as filterComputedPlacements, u as updatePopper, c as createPopper, d as defaultMenuPlacement, p as popperMenuComputedPlacements, C as CSS$2 } from './popper-adcfe496.js';
-import { g as guid } from './guid-65548eb3.js';
-import { n as nodeListToArray, d as getElementProp, g as getSlotted } from './dom-1d2952b6.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7b5c2b45.js';
-import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-a384ceee.js';
-import { c as createObserver } from './observers-2b9d30e5.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-bba2c190.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b7eaa08.js';
+import { a as isSymbol, S as Symbol, d as debounce } from './debounce-94d36ab4.js';
+import { i as isArray, f as forIn } from './forIn-515aa600.js';
+import { f as filterComputedPlacements, u as updatePopper, c as createPopper, d as defaultMenuPlacement, p as popperMenuComputedPlacements, C as CSS$2 } from './popper-980438bd.js';
+import { g as guid } from './guid-f1df9412.js';
+import { n as nodeListToArray, d as getElementProp, g as getSlotted } from './dom-5ddb719b.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2517687e.js';
+import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-3868ef25.js';
+import { c as createObserver } from './observers-3ac68c37.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9f13ad46.js';
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee

package/dist/esm/calcite-date-picker_4.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-2b5e95fc.js';
-import { T as TEXT, c as getDaysDiff, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, H as HEADING_LEVEL, s as sameDate, i as inRange, l as localizeNumber, e as getOrder, n as nextMonth, f as prevMonth, h as parseNumber } from './resources-986605bf.js';
-import { a as getElementDir, C as CSS_UTILITY } from './dom-1d2952b6.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import { H as Heading } from './Heading-b96d09fa.js';
-import './locale-5508afff.js';
-import './number-e75c8c99.js';
-import './guid-65548eb3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-8b7eaa08.js';
+import { T as TEXT, c as getDaysDiff, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, H as HEADING_LEVEL, s as sameDate, i as inRange, l as localizeNumber, e as getOrder, n as nextMonth, f as prevMonth, h as parseNumber } from './resources-6c3fb150.js';
+import { a as getElementDir, C as CSS_UTILITY } from './dom-5ddb719b.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import { H as Heading } from './Heading-6e61243c.js';
+import './locale-5f97403f.js';
+import './number-0e14de45.js';
+import './guid-f1df9412.js';
 
 const datePickerCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-width:216px}:host([scale=m]){max-width:286px}:host([scale=l]){max-width:398px}";
 

package/dist/esm/calcite-dropdown_3.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b5e95fc.js';
-import { g as getSlotted, f as focusElement, d as getElementProp } from './dom-1d2952b6.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS$2, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper-adcfe496.js';
-import { c as createObserver } from './observers-2b9d30e5.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import './guid-65548eb3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8b7eaa08.js';
+import { g as getSlotted, f as focusElement, d as getElementProp } from './dom-5ddb719b.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS$2, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper-980438bd.js';
+import { c as createObserver } from './observers-3ac68c37.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import './guid-f1df9412.js';
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"

package/dist/esm/calcite-fab.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, h, g as getElement } from './index-2b5e95fc.js';
-import { f as focusElement } from './dom-1d2952b6.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import './guid-65548eb3.js';
+import { r as registerInstance, h, g as getElement } from './index-8b7eaa08.js';
+import { f as focusElement } from './dom-5ddb719b.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import './guid-f1df9412.js';
 
 const CSS = {
   button: "button"

package/dist/esm/calcite-filter.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-2b5e95fc.js';
-import { f as focusElement } from './dom-1d2952b6.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
-import { d as debounce } from './debounce-db197f0b.js';
-import { f as forIn } from './forIn-3857644f.js';
-import './guid-65548eb3.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-8b7eaa08.js';
+import { f as focusElement } from './dom-5ddb719b.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
+import { d as debounce } from './debounce-94d36ab4.js';
+import { f as forIn } from './forIn-515aa600.js';
+import './guid-f1df9412.js';
 
 const CSS = {
   container: "container",

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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, h, g as getElement } from './index-2b5e95fc.js';
-import { c as createObserver } from './observers-2b9d30e5.js';
+import { r as registerInstance, h, g as getElement } from './index-8b7eaa08.js';
+import { c as createObserver } from './observers-3ac68c37.js';
 
 const CSS = {
   frame: "frame",

package/dist/esm/calcite-graph_2.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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-2b5e95fc.js';
-import { g as guid } from './guid-65548eb3.js';
-import { c as createObserver } from './observers-2b9d30e5.js';
-import { j as intersects } from './dom-1d2952b6.js';
-import { d as decimalPlaces, c as clamp } from './math-a3d91ec2.js';
-import { c as connectLabel, d as disconnectLabel } from './label-7b5c2b45.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-a384ceee.js';
-import { u as updateHostInteraction } from './interactive-822588c0.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-8b7eaa08.js';
+import { g as guid } from './guid-f1df9412.js';
+import { c as createObserver } from './observers-3ac68c37.js';
+import { j as intersects } from './dom-5ddb719b.js';
+import { d as decimalPlaces, c as clamp } from './math-cbd27ba0.js';
+import { c as connectLabel, d as disconnectLabel } from './label-2517687e.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-3868ef25.js';
+import { u as updateHostInteraction } from './interactive-0a1d5c5e.js';
 
 /**
  * Calculate slope of the tangents

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

@@ -1,9 +1,9 @@
 /*!
  * 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.434
+ * v1.0.0-next.437
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2b5e95fc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8b7eaa08.js';
 
 const CSS = {
   handle: "handle",

package/dist/esm/calcite-icon.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.434
+ * v1.0.0-next.437
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-2b5e95fc.js';
-import { a as getElementDir } from './dom-1d2952b6.js';
-import { c as createObserver } from './observers-2b9d30e5.js';
-import './guid-65548eb3.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-8b7eaa08.js';
+import { a as getElementDir } from './dom-5ddb719b.js';
+import { c as createObserver } from './observers-3ac68c37.js';
+import './guid-f1df9412.js';
 
 const CSS = {
   icon: "icon",