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

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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f6adec6b.js';
-import { s as setRequestedIcon, g as getSlotted } from './dom-eedae61e.js';
-import { S as StatusIcons } from './interfaces-5c343e6c.js';
-import './guid-41edc50f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44d9ef4d.js';
+import { s as setRequestedIcon, g as getSlotted } from './dom-1a733a04.js';
+import { S as StatusIcons } from './interfaces-7e63df65.js';
+import './guid-115dda47.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, h, g as getElement } from './index-f6adec6b.js';
-import { h as hexToRGB, i as isValidHex } from './utils-33898127.js';
-import { b as getThemeName } from './dom-eedae61e.js';
-import './guid-41edc50f.js';
+import { r as registerInstance, h, g as getElement } from './index-44d9ef4d.js';
+import { h as hexToRGB, i as isValidHex } from './utils-99714bbf.js';
+import { b as getThemeName } from './dom-1a733a04.js';
+import './guid-115dda47.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f6adec6b.js';
-import { g as getSlotted, a as getElementDir } from './dom-eedae61e.js';
-import { H as Heading } from './Heading-2e7dc753.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7475f53a.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import { g as guid } from './guid-41edc50f.js';
-import './observers-f78a3ebd.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44d9ef4d.js';
+import { g as getSlotted, a as getElementDir } from './dom-1a733a04.js';
+import { H as Heading } from './Heading-f11ebf9e.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d5448f14.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import { g as guid } from './guid-115dda47.js';
+import './observers-145fb88a.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, h, g as getElement } from './index-f6adec6b.js';
-import { c as closestElementCrossShadowBoundary } from './dom-eedae61e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-ec804122.js';
-import { c as createObserver } from './observers-f78a3ebd.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import './guid-41edc50f.js';
+import { r as registerInstance, h, g as getElement } from './index-44d9ef4d.js';
+import { c as closestElementCrossShadowBoundary } from './dom-1a733a04.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-95e51ad2.js';
+import { c as createObserver } from './observers-145fb88a.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import './guid-115dda47.js';
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return
@@ -84,6 +84,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 **/
@@ -95,14 +97,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();
       }
     };
   }
@@ -136,9 +139,6 @@ const Button = class {
   componentWillLoad() {
     {
       this.updateHasContent();
-      if (!this.href && !this.type) {
-        this.type = "submit";
-      }
     }
   }
   componentDidRender() {

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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-f6adec6b.js';
-import { g as getSlotted } from './dom-eedae61e.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7475f53a.js';
-import './guid-41edc50f.js';
-import './observers-f78a3ebd.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-44d9ef4d.js';
+import { g as getSlotted } from './dom-1a733a04.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d5448f14.js';
+import './guid-115dda47.js';
+import './observers-145fb88a.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f6adec6b.js';
-import { g as guid } from './guid-41edc50f.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-dfb478c2.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-ec804122.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import './dom-eedae61e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44d9ef4d.js';
+import { g as guid } from './guid-115dda47.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-a5480679.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-95e51ad2.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import './dom-1a733a04.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-f6adec6b.js';
-import { g as getSlotted } from './dom-eedae61e.js';
-import { g as guid } from './guid-41edc50f.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7475f53a.js';
-import './observers-f78a3ebd.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-44d9ef4d.js';
+import { g as getSlotted } from './dom-1a733a04.js';
+import { g as guid } from './guid-115dda47.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d5448f14.js';
+import './observers-145fb88a.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-f6adec6b.js';
-import { f as focusElement, b as getThemeName } from './dom-eedae61e.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-33898127.js';
-import { c as clamp } from './math-5b0f16a1.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import { d as debounce, i as isObject } from './debounce-926b1272.js';
-import './guid-41edc50f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-44d9ef4d.js';
+import { f as focusElement, b as getThemeName } from './dom-1a733a04.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-99714bbf.js';
+import { c as clamp } from './math-162ce8de.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import { d as debounce, i as isObject } from './debounce-7b126cc6.js';
+import './guid-115dda47.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -2750,14 +2750,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 +2773,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 +2786,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 +3121,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 +3142,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 +3163,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 +3202,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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f6adec6b.js';
-import { a as isSymbol, S as Symbol, d as debounce } from './debounce-926b1272.js';
-import { i as isArray, f as forIn } from './forIn-9237f6b1.js';
-import { f as filterComputedPlacements, u as updatePopper, c as createPopper, d as defaultMenuPlacement, p as popperMenuComputedPlacements, C as CSS$2 } from './popper-8f18b866.js';
-import { g as guid } from './guid-41edc50f.js';
-import { n as nodeListToArray, d as getElementProp, g as getSlotted } from './dom-eedae61e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-ec804122.js';
-import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-dfb478c2.js';
-import { c as createObserver } from './observers-f78a3ebd.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7475f53a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44d9ef4d.js';
+import { a as isSymbol, S as Symbol, d as debounce } from './debounce-7b126cc6.js';
+import { i as isArray, f as forIn } from './forIn-869d35ab.js';
+import { f as filterComputedPlacements, u as updatePopper, c as createPopper, d as defaultMenuPlacement, p as popperMenuComputedPlacements, C as CSS$2 } from './popper-d87672bd.js';
+import { g as guid } from './guid-115dda47.js';
+import { n as nodeListToArray, d as getElementProp, g as getSlotted } from './dom-1a733a04.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-95e51ad2.js';
+import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-a5480679.js';
+import { c as createObserver } from './observers-145fb88a.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d5448f14.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-f6adec6b.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-b2450939.js';
-import { a as getElementDir, C as CSS_UTILITY } from './dom-eedae61e.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import { H as Heading } from './Heading-2e7dc753.js';
-import './locale-09d65cb0.js';
-import './number-3e57731c.js';
-import './guid-41edc50f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-44d9ef4d.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-9a693aa0.js';
+import { a as getElementDir, C as CSS_UTILITY } from './dom-1a733a04.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import { H as Heading } from './Heading-f11ebf9e.js';
+import './locale-188b012c.js';
+import './number-a279d402.js';
+import './guid-115dda47.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f6adec6b.js';
-import { g as getSlotted, f as focusElement, d as getElementProp } from './dom-eedae61e.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS$2, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper-8f18b866.js';
-import { c as createObserver } from './observers-f78a3ebd.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import './guid-41edc50f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44d9ef4d.js';
+import { g as getSlotted, f as focusElement, d as getElementProp } from './dom-1a733a04.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS$2, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper-d87672bd.js';
+import { c as createObserver } from './observers-145fb88a.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import './guid-115dda47.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, h, g as getElement } from './index-f6adec6b.js';
-import { f as focusElement } from './dom-eedae61e.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import './guid-41edc50f.js';
+import { r as registerInstance, h, g as getElement } from './index-44d9ef4d.js';
+import { f as focusElement } from './dom-1a733a04.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import './guid-115dda47.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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-f6adec6b.js';
-import { f as focusElement } from './dom-eedae61e.js';
-import { u as updateHostInteraction } from './interactive-6bc848df.js';
-import { d as debounce } from './debounce-926b1272.js';
-import { f as forIn } from './forIn-9237f6b1.js';
-import './guid-41edc50f.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-44d9ef4d.js';
+import { f as focusElement } from './dom-1a733a04.js';
+import { u as updateHostInteraction } from './interactive-c581ef5d.js';
+import { d as debounce } from './debounce-7b126cc6.js';
+import { f as forIn } from './forIn-869d35ab.js';
+import './guid-115dda47.js';
 
 const CSS = {
   container: "container",
@@ -23,10 +23,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) {
     registerInstance(this, hostRef);
@@ -64,10 +64,10 @@ const Filter = class {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
-    this.filter = debounce((value) => {
+    this.filter = 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) => {
@@ -90,11 +90,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") {
@@ -103,6 +104,7 @@ const Filter = class {
     };
     this.clear = () => {
       this.value = "";
+      this.filter("", true);
       this.setFocus();
     };
   }
@@ -137,10 +139,12 @@ const Filter = class {
   async setFocus() {
     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/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.433
+ * v1.0.0-next.436
  */
-import { r as registerInstance, h, g as getElement } from './index-f6adec6b.js';
-import { c as createObserver } from './observers-f78a3ebd.js';
+import { r as registerInstance, h, g as getElement } from './index-44d9ef4d.js';
+import { c as createObserver } from './observers-145fb88a.js';
 
 const CSS = {
   frame: "frame",