@esri/calcite-components 1.0.0-next.433 → 1.0.0-next.436

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const dom = require('./dom-2e9e2c60.js');
-const Heading = require('./Heading-e6c85184.js');
-const conditionalSlot = require('./conditionalSlot-f9d23ca7.js');
-const interactive = require('./interactive-c65c646a.js');
-const guid = require('./guid-2d88d7e4.js');
-require('./observers-b29b5c02.js');
+const index = require('./index-16639dbc.js');
+const dom = require('./dom-7162dbf7.js');
+const Heading = require('./Heading-2a23603a.js');
+const conditionalSlot = require('./conditionalSlot-c821ec43.js');
+const interactive = require('./interactive-9212dc29.js');
+const guid = require('./guid-f2fb842c.js');
+require('./observers-f214f4fc.js');
 
 const CSS$1 = {
   article: "article",

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const dom = require('./dom-2e9e2c60.js');
-const label = require('./label-1fda9f85.js');
-const observers = require('./observers-b29b5c02.js');
-const interactive = require('./interactive-c65c646a.js');
-require('./guid-2d88d7e4.js');
+const index = require('./index-16639dbc.js');
+const dom = require('./dom-7162dbf7.js');
+const label = require('./label-bc13f583.js');
+const observers = require('./observers-f214f4fc.js');
+const interactive = require('./interactive-9212dc29.js');
+require('./guid-f2fb842c.js');
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return
@@ -88,6 +88,8 @@ const Button = class {
     this.scale = "m";
     /** is the button a child of a calcite-split-button */
     this.splitChild = false;
+    /** The type attribute to apply to the button */
+    this.type = "button";
     /** specify the width of the button, defaults to auto */
     this.width = "auto";
     /** watches for changing text content **/
@@ -99,14 +101,15 @@ const Button = class {
     // act on a requested or nearby form based on type
     this.handleClick = () => {
       const { formEl, type } = this;
+      if (this.href) {
+        return;
+      }
       // this.type refers to type attribute, not child element type
-      if (!this.href && type !== "button") {
-        if (type === "submit") {
-          formEl === null || formEl === void 0 ? void 0 : formEl.requestSubmit();
-        }
-        else if (type === "reset") {
-          formEl === null || formEl === void 0 ? void 0 : formEl.reset();
-        }
+      if (type === "submit") {
+        formEl === null || formEl === void 0 ? void 0 : formEl.requestSubmit();
+      }
+      else if (type === "reset") {
+        formEl === null || formEl === void 0 ? void 0 : formEl.reset();
       }
     };
   }
@@ -140,9 +143,6 @@ const Button = class {
   componentWillLoad() {
     {
       this.updateHasContent();
-      if (!this.href && !this.type) {
-        this.type = "submit";
-      }
     }
   }
   componentDidRender() {

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

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const dom = require('./dom-2e9e2c60.js');
-const conditionalSlot = require('./conditionalSlot-f9d23ca7.js');
-require('./guid-2d88d7e4.js');
-require('./observers-b29b5c02.js');
+const index = require('./index-16639dbc.js');
+const dom = require('./dom-7162dbf7.js');
+const conditionalSlot = require('./conditionalSlot-c821ec43.js');
+require('./guid-f2fb842c.js');
+require('./observers-f214f4fc.js');
 
 const CSS = {
   container: "container",

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const guid = require('./guid-2d88d7e4.js');
-const form = require('./form-b642e7f7.js');
-const label = require('./label-1fda9f85.js');
-const interactive = require('./interactive-c65c646a.js');
-require('./dom-2e9e2c60.js');
+const index = require('./index-16639dbc.js');
+const guid = require('./guid-f2fb842c.js');
+const form = require('./form-dbecf590.js');
+const label = require('./label-bc13f583.js');
+const interactive = require('./interactive-9212dc29.js');
+require('./dom-7162dbf7.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/cjs/calcite-chip.cjs.entry.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const dom = require('./dom-2e9e2c60.js');
-const guid = require('./guid-2d88d7e4.js');
-const conditionalSlot = require('./conditionalSlot-f9d23ca7.js');
-require('./observers-b29b5c02.js');
+const index = require('./index-16639dbc.js');
+const dom = require('./dom-7162dbf7.js');
+const guid = require('./guid-f2fb842c.js');
+const conditionalSlot = require('./conditionalSlot-c821ec43.js');
+require('./observers-f214f4fc.js');
 
 const CSS = {
   title: "title",

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const dom = require('./dom-2e9e2c60.js');
-const utils = require('./utils-80f88970.js');
-const math = require('./math-ac7e966c.js');
-const interactive = require('./interactive-c65c646a.js');
-const debounce = require('./debounce-fb022e97.js');
-require('./guid-2d88d7e4.js');
+const index = require('./index-16639dbc.js');
+const dom = require('./dom-7162dbf7.js');
+const utils = require('./utils-f3c67432.js');
+const math = require('./math-8e338983.js');
+const interactive = require('./interactive-9212dc29.js');
+const debounce = require('./debounce-0e26fff9.js');
+require('./guid-f2fb842c.js');
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -2754,14 +2754,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);
@@ -2781,10 +2777,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();
@@ -2794,11 +2790,7 @@ const ColorPicker = class {
     const color$1 = allowEmpty && !value ? null : color(value);
     const colorChanged = !utils.colorEqual(color$1, this.color);
     if (modeChanged || colorChanged) {
-      this.color = color$1;
-      this.calciteColorPickerInput.emit();
-      if (!dragging) {
-        this.calciteColorPickerChange.emit();
-      }
+      this.internalColorSet(color$1);
     }
   }
   //--------------------------------------------------------------------------
@@ -3133,32 +3125,13 @@ const ColorPickerHexInput = class {
           : this.formatForInternalInput(utils.rgbToHex(this.internalColor.object()));
     };
     this.onInputChange = () => {
-      const inputValue = this.inputNode.value;
-      let value;
-      if (inputValue) {
-        const hex = inputValue;
-        const color = utils.hexToRGB(`#${hex}`);
-        if (!color) {
-          return;
-        }
-        value = utils.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;
     };
@@ -3173,38 +3146,16 @@ const ColorPickerHexInput = class {
     if (value) {
       const normalized = utils.normalizeHex(value);
       if (utils.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 = utils.normalizeHex(value);
-      if (utils.isValidHex(normalized)) {
-        const { internalColor } = this;
-        const changed = !internalColor || normalized !== utils.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) {
@@ -3216,15 +3167,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 = utils.normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex());
+      this.internalSetValue(utils.normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex()), oldValue);
       event.preventDefault();
       return;
     }
@@ -3254,6 +3206,36 @@ const ColorPickerHexInput = class {
   async setFocus() {
     dom.focusElement(this.inputNode);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  internalSetValue(value, oldValue, emit = true) {
+    if (value) {
+      const normalized = utils.normalizeHex(value);
+      if (utils.isValidHex(normalized)) {
+        const { internalColor } = this;
+        const changed = !internalColor || normalized !== utils.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/cjs/calcite-combobox_3.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const debounce = require('./debounce-fb022e97.js');
-const forIn = require('./forIn-a0a04677.js');
-const popper = require('./popper-d091495d.js');
-const guid = require('./guid-2d88d7e4.js');
-const dom = require('./dom-2e9e2c60.js');
-const label = require('./label-1fda9f85.js');
-const form = require('./form-b642e7f7.js');
-const observers = require('./observers-b29b5c02.js');
-const interactive = require('./interactive-c65c646a.js');
-const conditionalSlot = require('./conditionalSlot-f9d23ca7.js');
+const index = require('./index-16639dbc.js');
+const debounce = require('./debounce-0e26fff9.js');
+const forIn = require('./forIn-430123d7.js');
+const popper = require('./popper-44d8219e.js');
+const guid = require('./guid-f2fb842c.js');
+const dom = require('./dom-7162dbf7.js');
+const label = require('./label-bc13f583.js');
+const form = require('./form-dbecf590.js');
+const observers = require('./observers-f214f4fc.js');
+const interactive = require('./interactive-9212dc29.js');
+const conditionalSlot = require('./conditionalSlot-c821ec43.js');
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const resources = require('./resources-03113597.js');
-const dom = require('./dom-2e9e2c60.js');
-const interactive = require('./interactive-c65c646a.js');
-const Heading = require('./Heading-e6c85184.js');
-require('./locale-9b914ee7.js');
-require('./number-dfdc570a.js');
-require('./guid-2d88d7e4.js');
+const index = require('./index-16639dbc.js');
+const resources = require('./resources-43cd0a1f.js');
+const dom = require('./dom-7162dbf7.js');
+const interactive = require('./interactive-9212dc29.js');
+const Heading = require('./Heading-2a23603a.js');
+require('./locale-466d1fa2.js');
+require('./number-99c4937b.js');
+require('./guid-f2fb842c.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/cjs/calcite-dropdown_3.cjs.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const dom = require('./dom-2e9e2c60.js');
-const popper = require('./popper-d091495d.js');
-const observers = require('./observers-b29b5c02.js');
-const interactive = require('./interactive-c65c646a.js');
-require('./guid-2d88d7e4.js');
+const index = require('./index-16639dbc.js');
+const dom = require('./dom-7162dbf7.js');
+const popper = require('./popper-44d8219e.js');
+const observers = require('./observers-f214f4fc.js');
+const interactive = require('./interactive-9212dc29.js');
+require('./guid-f2fb842c.js');
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const dom = require('./dom-2e9e2c60.js');
-const interactive = require('./interactive-c65c646a.js');
-require('./guid-2d88d7e4.js');
+const index = require('./index-16639dbc.js');
+const dom = require('./dom-7162dbf7.js');
+const interactive = require('./interactive-9212dc29.js');
+require('./guid-f2fb842c.js');
 
 const CSS = {
   button: "button"

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const dom = require('./dom-2e9e2c60.js');
-const interactive = require('./interactive-c65c646a.js');
-const debounce = require('./debounce-fb022e97.js');
-const forIn = require('./forIn-a0a04677.js');
-require('./guid-2d88d7e4.js');
+const index = require('./index-16639dbc.js');
+const dom = require('./dom-7162dbf7.js');
+const interactive = require('./interactive-9212dc29.js');
+const debounce = require('./debounce-0e26fff9.js');
+const forIn = require('./forIn-430123d7.js');
+require('./guid-f2fb842c.js');
 
 const CSS = {
   container: "container",
@@ -27,10 +27,10 @@ const ICONS = {
   search: "search",
   close: "x"
 };
+const DEBOUNCE_TIMEOUT = 250;
 
 const filterCss = "@-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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;width:100%}: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}.container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem}label{position:relative;margin-left:0.25rem;margin-right:0.25rem;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;overflow:hidden}input[type=text]{margin-bottom:0.25rem;width:100%;border-style:none;background-color:transparent;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.25rem;padding-left:1.5rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{width:100%}.search-icon{position:absolute;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;-webkit-transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing);transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";
 
-const filterDebounceInMs = 250;
 const Filter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -68,10 +68,10 @@ const Filter = class {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
-    this.filter = debounce.debounce((value) => {
+    this.filter = debounce.debounce((value, emit = false) => {
       const regex = new RegExp(value, "i");
       if (this.items.length === 0) {
-        this.updateFiltered([]);
+        this.updateFiltered([], emit);
         return;
       }
       const find = (input, RE) => {
@@ -94,11 +94,12 @@ const Filter = class {
       const result = this.items.filter((item) => {
         return find(item, regex);
       });
-      this.updateFiltered(result);
-    }, filterDebounceInMs);
+      this.updateFiltered(result, emit);
+    }, DEBOUNCE_TIMEOUT);
     this.inputHandler = (event) => {
       const target = event.target;
       this.value = target.value;
+      this.filter(target.value, true);
     };
     this.keyDownHandler = ({ key }) => {
       if (key === "Escape") {
@@ -107,6 +108,7 @@ const Filter = class {
     };
     this.clear = () => {
       this.value = "";
+      this.filter("", true);
       this.setFocus();
     };
   }
@@ -141,10 +143,12 @@ const Filter = class {
   async setFocus() {
     dom.focusElement(this.textInput);
   }
-  updateFiltered(filtered) {
+  updateFiltered(filtered, emit = false) {
     this.filteredItems.length = 0;
     this.filteredItems = this.filteredItems.concat(filtered);
-    this.calciteFilterChange.emit();
+    if (emit) {
+      this.calciteFilterChange.emit();
+    }
   }
   // --------------------------------------------------------------------------
   //

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

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const observers = require('./observers-b29b5c02.js');
+const index = require('./index-16639dbc.js');
+const observers = require('./observers-f214f4fc.js');
 
 const CSS = {
   frame: "frame",

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.433
+ * v1.0.0-next.436
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c71facb.js');
-const guid = require('./guid-2d88d7e4.js');
-const observers = require('./observers-b29b5c02.js');
-const dom = require('./dom-2e9e2c60.js');
-const math = require('./math-ac7e966c.js');
-const label = require('./label-1fda9f85.js');
-const form = require('./form-b642e7f7.js');
-const interactive = require('./interactive-c65c646a.js');
+const index = require('./index-16639dbc.js');
+const guid = require('./guid-f2fb842c.js');
+const observers = require('./observers-f214f4fc.js');
+const dom = require('./dom-7162dbf7.js');
+const math = require('./math-8e338983.js');
+const label = require('./label-bc13f583.js');
+const form = require('./form-dbecf590.js');
+const interactive = require('./interactive-9212dc29.js');
 
 /**
  * Calculate slope of the tangents