@esri/calcite-components 1.0.0-next.520 → 1.0.0-next.523

package/dist/components/calcite-tooltip.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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
-import { a as defaultOffsetDistance, u as updatePopper, c as createPopper, C as CSS$1 } from './popper.js';
+import { d as defaultOffsetDistance, u as updatePopper, c as createPopper, C as CSS$1 } from './popper.js';
 import { q as queryElementRoots, t as toAriaBoolean } from './dom.js';
 
 const CSS = {

package/dist/components/calcite-tree-item.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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { T as TreeSelectionMode } from './interfaces2.js';
-import { b as getSlotted, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean, h as filterDirectChildren, n as nodeListToArray } from './dom.js';
+import { b as getSlotted, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean, e as filterDirectChildren, n as nodeListToArray } from './dom.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { d as defineCustomElement$3 } from './checkbox.js';
 import { d as defineCustomElement$2 } from './icon.js';

package/dist/components/calcite-tree.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { f as focusElement, n as nodeListToArray } from './dom.js';

package/dist/components/calcite-value-list-item.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as ICON_TYPES } from './resources.js';

package/dist/components/calcite-value-list.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { S as Sortable } from './sortable.esm.js';

package/dist/components/checkbox.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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
 import { u as updateHostInteraction } from './interactive.js';
 import { t as toAriaBoolean } from './dom.js';
 

package/dist/components/chip.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { b as getSlotted } from './dom.js';

package/dist/components/color-picker-hex-input.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { n as normalizeHex, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils.js';

package/dist/components/color-picker-swatch.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as getThemeName } from './dom.js';

package/dist/components/conditionalSlot.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { forceUpdate } from '@stencil/core/internal/client';
 import { c as createObserver } from './observers.js';

package/dist/components/date-picker-day.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as getElementDir, C as CSS_UTILITY } from './dom.js';

package/dist/components/date-picker-month-header.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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { c as getOrder, b as dateFromRange, n as nextMonth, e as prevMonth, l as localizeNumber, f as parseNumber } from './date.js';
+import { c as getOrder, b as dateFromRange, n as nextMonth, p as prevMonth, l as localizeNumber, e as parseNumber } from './date.js';
 import { H as Heading } from './Heading.js';
 import { d as defineCustomElement$1 } from './icon.js';
 

package/dist/components/date-picker-month.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { s as sameDate, b as dateFromRange, i as inRange } from './date.js';

package/dist/components/date-picker.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { getAssetPath, proxyCustomElement, HTMLElement, createEvent, h, Host, Build } from '@stencil/core/internal/client';
 import { a as locales } from './locale.js';

package/dist/components/date.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 /**
  * Check if date is within a min and max
@@ -192,4 +192,4 @@ function getDaysDiff(date1, date2) {
   return (ts1 - ts2) / (1000 * 3600 * 24);
 }
 
-export { dateFromISO as a, dateFromRange as b, getOrder as c, dateToISO as d, prevMonth as e, parseNumber as f, getDaysDiff as g, inRange as i, localizeNumber as l, nextMonth as n, parseDateString as p, sameDate as s };
+export { dateFromISO as a, dateFromRange as b, getOrder as c, dateToISO as d, parseNumber as e, parseDateString as f, getDaysDiff as g, inRange as i, localizeNumber as l, nextMonth as n, prevMonth as p, sameDate as s };

package/dist/components/debounce.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;

package/dist/components/dom.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { g as guid } from './guid.js';
 
@@ -182,4 +182,4 @@ function toAriaBoolean(value) {
   return Boolean(value).toString();
 }
 
-export { CSS_UTILITY as C, TEXT as T, getElementDir as a, getSlotted as b, getThemeName as c, intersects as d, ensureId as e, focusElement as f, getElementProp as g, filterDirectChildren as h, isCalciteFocusable as i, closestElementCrossShadowBoundary as j, nodeListToArray as n, queryElementRoots as q, setRequestedIcon as s, toAriaBoolean as t };
+export { CSS_UTILITY as C, TEXT as T, getElementDir as a, getSlotted as b, getThemeName as c, closestElementCrossShadowBoundary as d, filterDirectChildren as e, focusElement as f, getElementProp as g, ensureId as h, isCalciteFocusable as i, intersects as j, nodeListToArray as n, queryElementRoots as q, setRequestedIcon as s, toAriaBoolean as t };

package/dist/components/dropdown.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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { t as toAriaBoolean, f as focusElement } from './dom.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper.js';
+import { a as defaultMenuPlacement, f as filterComputedPlacements, C as CSS, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper.js';
 import { c as createObserver } from './observers.js';
 import { u as updateHostInteraction } from './interactive.js';
 
@@ -13,7 +13,7 @@ const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
 };
 
-const dropdownCss = "@-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{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}: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}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{width:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";
+const dropdownCss = "@-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{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}: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}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper,:host([open]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{width:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";
 
 const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -30,8 +30,14 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Public Properties
     //
     //--------------------------------------------------------------------------
-    /** Opens or closes the dropdown */
+    /**
+     * Opens or closes the dropdown
+     *
+     * @deprecated use open instead.
+     */
     this.active = false;
+    /** When true, opens the dropdown */
+    this.open = false;
     /**
      allow the dropdown to remain open after a selection is made
      if the selection-mode of the selected item's containing group is "none", the dropdown will always close
@@ -118,8 +124,9 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       scrollerEl.style.minWidth = `${referenceElWidth}px`;
     };
     this.setMaxScrollerHeight = () => {
-      const { active, scrollerEl } = this;
-      if (!scrollerEl || !active) {
+      const { active, scrollerEl, open } = this;
+      const isOpen = !(active || open);
+      if (!scrollerEl || isOpen) {
         return;
       }
       this.reposition();
@@ -134,12 +141,14 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
+        this.open || this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
       }
     };
     this.transitionRunHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
+        this.active || this.open
+          ? this.emitOpenCloseEvent("beforeOpen")
+          : this.emitOpenCloseEvent("beforeClose");
       }
     };
     this.setReferenceEl = (el) => {
@@ -155,7 +164,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         return;
       }
       const key = e.key;
-      if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
+      if ((this.open || this.active) && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
         this.closeCalciteDropdown();
         return;
       }
@@ -178,7 +187,8 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     this.openCalciteDropdown = () => {
       this.active = !this.active;
-      if (this.active) {
+      this.open = !this.open;
+      if (this.active || this.open) {
         this.el.addEventListener("calciteDropdownOpen", this.toggleOpenEnd);
       }
     };
@@ -189,10 +199,12 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this.active = false;
+    this.open = false;
   }
   handleDisabledChange(value) {
     if (!value) {
       this.active = false;
+      this.open = false;
     }
   }
   flipPlacementsHandler() {
@@ -231,12 +243,12 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   render() {
-    const { active } = this;
-    return (h(Host, null, h("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, h("slot", { "aria-expanded": toAriaBoolean(active), "aria-haspopup": "true", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), h("div", { "aria-hidden": toAriaBoolean(!active), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, h("div", { class: {
+    const { active, open } = this;
+    return (h(Host, null, h("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, h("slot", { "aria-expanded": toAriaBoolean(active || open), "aria-haspopup": "true", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), h("div", { "aria-hidden": toAriaBoolean(!(active || open)), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, h("div", { class: {
         ["calcite-dropdown-content"]: true,
         [CSS.animation]: true,
-        [CSS.animationActive]: active
-      }, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, h("div", { hidden: !this.active }, h("slot", { onSlotchange: this.updateGroups }))))));
+        [CSS.animationActive]: active || open
+      }, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, h("div", { hidden: !(open || active) }, h("slot", { onSlotchange: this.updateGroups }))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -257,7 +269,8 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       : this.createPopper();
   }
   closeCalciteDropdownOnClick(e) {
-    if (!this.active || e.composedPath().includes(this.el)) {
+    const isOpen = !(this.open || this.active);
+    if (isOpen || e.composedPath().includes(this.el)) {
       return;
     }
     this.closeCalciteDropdown(false);
@@ -271,6 +284,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this.active = false;
+    this.open = false;
   }
   mouseEnterHandler() {
     if (this.type === "hover") {
@@ -352,7 +366,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     const eventListenerModifier = {
       name: "eventListeners",
-      enabled: this.active
+      enabled: this.open || this.active
     };
     return [flipModifier, eventListenerModifier];
   }
@@ -403,6 +417,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   closeCalciteDropdown(focusTrigger = true) {
     this.active = false;
+    this.open = false;
     if (focusTrigger) {
       focusElement(this.triggers[0]);
     }
@@ -440,6 +455,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   get el() { return this; }
   static get watchers() { return {
     "active": ["activeHandler"],
+    "open": ["activeHandler"],
     "disabled": ["handleDisabledChange"],
     "flipPlacements": ["flipPlacementsHandler"],
     "maxItems": ["maxItemsHandler"],
@@ -448,6 +464,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get style() { return dropdownCss; }
 }, [1, "calcite-dropdown", {
     "active": [1540],
+    "open": [1540],
     "disableCloseOnSelect": [516, "disable-close-on-select"],
     "disabled": [516],
     "flipPlacements": [16],

package/dist/components/filter.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { f as focusElement } from './dom.js';

package/dist/components/forIn.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { i as isObject, b as baseGetTag, c as isObjectLike, r as root, f as freeGlobal } from './debounce.js';
 

package/dist/components/form.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.520
+ * v1.0.0-next.523
  */
-import { j as closestElementCrossShadowBoundary } from './dom.js';
+import { d as closestElementCrossShadowBoundary } from './dom.js';
 import { h } from '@stencil/core/internal/client';
 
 /**

package/dist/components/graph.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';

package/dist/components/guid.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 function gen(counts) {
   return counts

package/dist/components/handle.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { t as toAriaBoolean } from './dom.js';

package/dist/components/icon.js

@@ -1,7 +1,7 @@
 /*!
  * 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.520
+ * v1.0.0-next.523
  */
 import { getAssetPath, proxyCustomElement, HTMLElement, h, Host, Build } from '@stencil/core/internal/client';
 import { a as getElementDir, t as toAriaBoolean } from './dom.js';

package/dist/components/index.d.ts

@@ -1,94 +1,6 @@
 /* calcite custom elements */
-export { Accordion as CalciteAccordion } from '../types/components/calcite-accordion/calcite-accordion';
-export { AccordionItem as CalciteAccordionItem } from '../types/components/calcite-accordion-item/calcite-accordion-item';
-export { Action as CalciteAction } from '../types/components/calcite-action/calcite-action';
-export { ActionBar as CalciteActionBar } from '../types/components/calcite-action-bar/calcite-action-bar';
-export { ActionGroup as CalciteActionGroup } from '../types/components/calcite-action-group/calcite-action-group';
-export { ActionMenu as CalciteActionMenu } from '../types/components/calcite-action-menu/calcite-action-menu';
-export { ActionPad as CalciteActionPad } from '../types/components/calcite-action-pad/calcite-action-pad';
-export { Alert as CalciteAlert } from '../types/components/calcite-alert/calcite-alert';
-export { Avatar as CalciteAvatar } from '../types/components/calcite-avatar/calcite-avatar';
-export { Block as CalciteBlock } from '../types/components/calcite-block/calcite-block';
-export { BlockSection as CalciteBlockSection } from '../types/components/calcite-block-section/calcite-block-section';
-export { Button as CalciteButton } from '../types/components/calcite-button/calcite-button';
-export { Card as CalciteCard } from '../types/components/calcite-card/calcite-card';
-export { Checkbox as CalciteCheckbox } from '../types/components/calcite-checkbox/calcite-checkbox';
-export { Chip as CalciteChip } from '../types/components/calcite-chip/calcite-chip';
-export { ColorPicker as CalciteColorPicker } from '../types/components/calcite-color-picker/calcite-color-picker';
-export { ColorPickerHexInput as CalciteColorPickerHexInput } from '../types/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input';
-export { ColorPickerSwatch as CalciteColorPickerSwatch } from '../types/components/calcite-color-picker-swatch/calcite-color-picker-swatch';
-export { Combobox as CalciteCombobox } from '../types/components/calcite-combobox/calcite-combobox';
-export { ComboboxItem as CalciteComboboxItem } from '../types/components/calcite-combobox-item/calcite-combobox-item';
-export { ComboboxItemGroup as CalciteComboboxItemGroup } from '../types/components/calcite-combobox-item-group/calcite-combobox-item-group';
-export { DatePicker as CalciteDatePicker } from '../types/components/calcite-date-picker/calcite-date-picker';
-export { DatePickerDay as CalciteDatePickerDay } from '../types/components/calcite-date-picker-day/calcite-date-picker-day';
-export { DatePickerMonth as CalciteDatePickerMonth } from '../types/components/calcite-date-picker-month/calcite-date-picker-month';
-export { DatePickerMonthHeader as CalciteDatePickerMonthHeader } from '../types/components/calcite-date-picker-month-header/calcite-date-picker-month-header';
-export { Dropdown as CalciteDropdown } from '../types/components/calcite-dropdown/calcite-dropdown';
-export { DropdownGroup as CalciteDropdownGroup } from '../types/components/calcite-dropdown-group/calcite-dropdown-group';
-export { DropdownItem as CalciteDropdownItem } from '../types/components/calcite-dropdown-item/calcite-dropdown-item';
-export { Fab as CalciteFab } from '../types/components/calcite-fab/calcite-fab';
-export { Filter as CalciteFilter } from '../types/components/calcite-filter/calcite-filter';
-export { Flow as CalciteFlow } from '../types/components/calcite-flow/calcite-flow';
-export { Graph as CalciteGraph } from '../types/components/calcite-graph/calcite-graph';
-export { Handle as CalciteHandle } from '../types/components/calcite-handle/calcite-handle';
-export { Icon as CalciteIcon } from '../types/components/calcite-icon/calcite-icon';
-export { InlineEditable as CalciteInlineEditable } from '../types/components/calcite-inline-editable/calcite-inline-editable';
-export { Input as CalciteInput } from '../types/components/calcite-input/calcite-input';
-export { InputDatePicker as CalciteInputDatePicker } from '../types/components/calcite-input-date-picker/calcite-input-date-picker';
-export { InputMessage as CalciteInputMessage } from '../types/components/calcite-input-message/calcite-input-message';
-export { InputTimePicker as CalciteInputTimePicker } from '../types/components/calcite-input-time-picker/calcite-input-time-picker';
-export { Label as CalciteLabel } from '../types/components/calcite-label/calcite-label';
-export { Link as CalciteLink } from '../types/components/calcite-link/calcite-link';
-export { List as CalciteList } from '../types/components/calcite-list/calcite-list';
-export { ListItem as CalciteListItem } from '../types/components/calcite-list-item/calcite-list-item';
-export { ListItemGroup as CalciteListItemGroup } from '../types/components/calcite-list-item-group/calcite-list-item-group';
-export { Loader as CalciteLoader } from '../types/components/calcite-loader/calcite-loader';
-export { Modal as CalciteModal } from '../types/components/calcite-modal/calcite-modal';
-export { Notice as CalciteNotice } from '../types/components/calcite-notice/calcite-notice';
-export { Option as CalciteOption } from '../types/components/calcite-option/calcite-option';
-export { OptionGroup as CalciteOptionGroup } from '../types/components/calcite-option-group/calcite-option-group';
-export { Pagination as CalcitePagination } from '../types/components/calcite-pagination/calcite-pagination';
-export { Panel as CalcitePanel } from '../types/components/calcite-panel/calcite-panel';
-export { PickList as CalcitePickList } from '../types/components/calcite-pick-list/calcite-pick-list';
-export { PickListGroup as CalcitePickListGroup } from '../types/components/calcite-pick-list-group/calcite-pick-list-group';
-export { PickListItem as CalcitePickListItem } from '../types/components/calcite-pick-list-item/calcite-pick-list-item';
-export { Popover as CalcitePopover } from '../types/components/calcite-popover/calcite-popover';
-export { PopoverManager as CalcitePopoverManager } from '../types/components/calcite-popover-manager/calcite-popover-manager';
-export { Progress as CalciteProgress } from '../types/components/calcite-progress/calcite-progress';
-export { RadioButton as CalciteRadioButton } from '../types/components/calcite-radio-button/calcite-radio-button';
-export { RadioButtonGroup as CalciteRadioButtonGroup } from '../types/components/calcite-radio-button-group/calcite-radio-button-group';
-export { RadioGroup as CalciteRadioGroup } from '../types/components/calcite-radio-group/calcite-radio-group';
-export { RadioGroupItem as CalciteRadioGroupItem } from '../types/components/calcite-radio-group-item/calcite-radio-group-item';
-export { Rating as CalciteRating } from '../types/components/calcite-rating/calcite-rating';
-export { Scrim as CalciteScrim } from '../types/components/calcite-scrim/calcite-scrim';
-export { Select as CalciteSelect } from '../types/components/calcite-select/calcite-select';
-export { Shell as CalciteShell } from '../types/components/calcite-shell/calcite-shell';
-export { ShellCenterRow as CalciteShellCenterRow } from '../types/components/calcite-shell-center-row/calcite-shell-center-row';
-export { ShellPanel as CalciteShellPanel } from '../types/components/calcite-shell-panel/calcite-shell-panel';
-export { Slider as CalciteSlider } from '../types/components/calcite-slider/calcite-slider';
-export { SortableList as CalciteSortableList } from '../types/components/calcite-sortable-list/calcite-sortable-list';
-export { SplitButton as CalciteSplitButton } from '../types/components/calcite-split-button/calcite-split-button';
-export { Stepper as CalciteStepper } from '../types/components/calcite-stepper/calcite-stepper';
-export { StepperItem as CalciteStepperItem } from '../types/components/calcite-stepper-item/calcite-stepper-item';
-export { Switch as CalciteSwitch } from '../types/components/calcite-switch/calcite-switch';
-export { Tab as CalciteTab } from '../types/components/calcite-tab/calcite-tab';
-export { TabNav as CalciteTabNav } from '../types/components/calcite-tab-nav/calcite-tab-nav';
-export { TabTitle as CalciteTabTitle } from '../types/components/calcite-tab-title/calcite-tab-title';
-export { Tabs as CalciteTabs } from '../types/components/calcite-tabs/calcite-tabs';
-export { Tile as CalciteTile } from '../types/components/calcite-tile/calcite-tile';
-export { TileSelect as CalciteTileSelect } from '../types/components/calcite-tile-select/calcite-tile-select';
-export { TileSelectGroup as CalciteTileSelectGroup } from '../types/components/calcite-tile-select-group/calcite-tile-select-group';
-export { TimePicker as CalciteTimePicker } from '../types/components/calcite-time-picker/calcite-time-picker';
-export { Tip as CalciteTip } from '../types/components/calcite-tip/calcite-tip';
-export { TipGroup as CalciteTipGroup } from '../types/components/calcite-tip-group/calcite-tip-group';
-export { TipManager as CalciteTipManager } from '../types/components/calcite-tip-manager/calcite-tip-manager';
-export { Tooltip as CalciteTooltip } from '../types/components/calcite-tooltip/calcite-tooltip';
-export { TooltipManager as CalciteTooltipManager } from '../types/components/calcite-tooltip-manager/calcite-tooltip-manager';
-export { Tree as CalciteTree } from '../types/components/calcite-tree/calcite-tree';
-export { TreeItem as CalciteTreeItem } from '../types/components/calcite-tree-item/calcite-tree-item';
-export { ValueList as CalciteValueList } from '../types/components/calcite-value-list/calcite-value-list';
-export { ValueListItem as CalciteValueListItem } from '../types/components/calcite-value-list-item/calcite-value-list-item';
+
+import type { Components, JSX } from "../types/components";
 
 /**
  * Used to manually set the base path where assets can be found.
@@ -108,4 +20,7 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
 export * from '../types/components';