@esri/calcite-components 1.0.0-next.500 → 1.0.0-next.501

package/dist/components/switch.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.500
+ * v1.0.0-next.501
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { f as focusElement, t as toAriaBoolean } from './dom.js';

package/dist/components/tab-nav.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.500
+ * v1.0.0-next.501
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as getElementDir, h as filterDirectChildren } from './dom.js';

package/dist/components/tab-title.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.500
+ * v1.0.0-next.501
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';

package/dist/components/tab.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.500
+ * v1.0.0-next.501
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';

package/dist/components/tabs.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.500
+ * v1.0.0-next.501
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 

package/dist/components/tile.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.500
+ * v1.0.0-next.501
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { b as getSlotted } from './dom.js';

package/dist/components/time-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.500
+ * v1.0.0-next.501
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { i as isValidNumber, n as numberKeys, b as isActivationKey } from './locale.js';

package/dist/components/utils.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.500
+ * v1.0.0-next.501
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/components/utils2.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.500
+ * v1.0.0-next.501
  */
 import { n as nodeListToArray } from './dom.js';
 import { Build } from '@stencil/core/internal/client';

package/dist/custom-elements/index.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.500
+ * v1.0.0-next.501
  */
 import { HTMLElement as HTMLElement$1, createEvent, h, Host, Build, forceUpdate, Fragment, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
@@ -217,32 +217,6 @@ function getRootNode(el) {
 function getHost(root) {
   return root.host || null;
 }
-/**
- * This helper queries an element's rootNodes and any ancestor rootNodes.
- *
- * @param element
- * @param selector
- * @returns {Element[]} The elements.
- */
-function queryElementsRoots(element, selector) {
-  // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
-  // Based on: https://stackoverflow.com/q/54520554/194216
-  function queryFromAll(el, allResults) {
-    if (!el) {
-      return allResults;
-    }
-    if (el.assignedSlot) {
-      el = el.assignedSlot;
-    }
-    const rootNode = getRootNode(el);
-    const results = Array.from(rootNode.querySelectorAll(selector));
-    const uniqueResults = results.filter((result) => !allResults.includes(result));
-    allResults = [...allResults, ...uniqueResults];
-    const host = getHost(rootNode);
-    return host ? queryFromAll(host, allResults) : allResults;
-  }
-  return queryFromAll(element, []);
-}
 /**
  * This helper queries an element's rootNode and any ancestor rootNodes.
  *
@@ -2840,7 +2814,7 @@ const Alert = class extends HTMLElement$1 {
     this.queued = false;
     this.setContainerDiv = (el) => {
       this.containerDiv = el;
-      this.containerDiv.addEventListener("transitionrun", this.onTransitionRun);
+      this.containerDiv.addEventListener("transitionrun", this.transitionRunHandler);
     };
     this.autoDismissTimeoutId = null;
     this.trackTimer = Date.now();
@@ -2858,16 +2832,14 @@ const Alert = class extends HTMLElement$1 {
     - `transitionrun` fires when the transition is created at the start of any delay and is not cancellable once started.
     - if there is no transition delay, both `transitionrun` and `transitionstart` are fired at the same time.
     */
-    this.onTransitionRun = (event) => {
+    this.transitionRunHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active
-          ? this.openCloseEventEmitter("beforeOpening")
-          : this.openCloseEventEmitter("beforeClosing");
+        this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
       }
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.openCloseEventEmitter("isOpen") : this.openCloseEventEmitter("isClosed");
+        this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
       }
     };
   }
@@ -2905,7 +2877,7 @@ const Alert = class extends HTMLElement$1 {
   disconnectedCallback() {
     window.clearTimeout(this.autoDismissTimeoutId);
     if (this.containerDiv) {
-      this.containerDiv.removeEventListener("transitionrun", this.onTransitionRun);
+      this.containerDiv.removeEventListener("transitionrun", this.transitionRunHandler);
     }
   }
   render() {
@@ -2981,16 +2953,16 @@ const Alert = class extends HTMLElement$1 {
     window.clearTimeout(this.queueTimeout);
     this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);
   }
-  openCloseEventEmitter(componentVisibilityState) {
+  emitOpenCloseEvent(componentVisibilityState) {
     const payload = {
       el: this.el,
       queue: this.queue
     };
     const emitComponentState = {
-      beforeOpening: () => this.calciteAlertBeforeOpen.emit(payload),
-      isOpen: () => this.calciteAlertOpen.emit(payload),
-      beforeClosing: () => this.calciteAlertBeforeClose.emit(payload),
-      isClosed: () => this.calciteAlertClose.emit(payload)
+      beforeOpen: () => this.calciteAlertBeforeOpen.emit(payload),
+      open: () => this.calciteAlertOpen.emit(payload),
+      beforeClose: () => this.calciteAlertBeforeClose.emit(payload),
+      close: () => this.calciteAlertClose.emit(payload)
     };
     (emitComponentState[componentVisibilityState] ||
       emitComponentState["The component state is unknown."])();
@@ -9797,18 +9769,16 @@ const Combobox = class extends HTMLElement$1 {
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.openCloseEventEmitter("open") : this.openCloseEventEmitter("close");
+        this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
       }
     };
     /* *
     - `transitionrun` fires when the transition is created at the start of any delay and is not cancellable once started.
     - if there is no transition delay, both `transitionrun` and `transitionstart` are fired at the same time.
     */
-    this.onTransitionRun = (event) => {
+    this.transitionRunHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active
-          ? this.openCloseEventEmitter("beforeOpen")
-          : this.openCloseEventEmitter("beforeClose");
+        this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
       }
     };
     this.setMaxScrollerHeight = () => {
@@ -9861,7 +9831,7 @@ const Combobox = class extends HTMLElement$1 {
     this.setListContainerEl = (el) => {
       this.resizeObserver.observe(el);
       this.listContainerEl = el;
-      this.listContainerEl.addEventListener("transitionrun", this.onTransitionRun);
+      this.listContainerEl.addEventListener("transitionrun", this.transitionRunHandler);
     };
     this.setReferenceEl = (el) => {
       this.referenceEl = el;
@@ -10054,7 +10024,7 @@ const Combobox = class extends HTMLElement$1 {
     disconnectLabel(this);
     disconnectForm(this);
     if (this.listContainerEl) {
-      this.listContainerEl.removeEventListener("transitionrun", this.onTransitionRun);
+      this.listContainerEl.removeEventListener("transitionrun", this.transitionRunHandler);
     }
   }
   selectedItemsHandler() {
@@ -10073,7 +10043,7 @@ const Combobox = class extends HTMLElement$1 {
       bounding.right <= (window.innerWidth || document.documentElement.clientWidth) &&
       bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight));
   }
-  openCloseEventEmitter(componentVisibilityState) {
+  emitOpenCloseEvent(componentVisibilityState) {
     const payload = {
       el: this.el
     };
@@ -12040,7 +12010,9 @@ const Dropdown = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.calciteDropdownSelect = createEvent(this, "calciteDropdownSelect", 7);
+    this.calciteDropdownBeforeOpen = createEvent(this, "calciteDropdownBeforeOpen", 7);
     this.calciteDropdownOpen = createEvent(this, "calciteDropdownOpen", 7);
+    this.calciteDropdownBeforeClose = createEvent(this, "calciteDropdownBeforeClose", 7);
     this.calciteDropdownClose = createEvent(this, "calciteDropdownClose", 7);
     //--------------------------------------------------------------------------
     //
@@ -12147,10 +12119,16 @@ const Dropdown = class extends HTMLElement$1 {
     this.setScrollerEl = (scrollerEl) => {
       this.resizeObserver.observe(scrollerEl);
       this.scrollerEl = scrollerEl;
+      this.scrollerEl.addEventListener("transitionrun", this.transitionRunHandler);
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.calciteDropdownOpen.emit() : this.calciteDropdownClose.emit();
+        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.setReferenceEl = (el) => {
@@ -12237,6 +12215,9 @@ const Dropdown = class extends HTMLElement$1 {
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
     this.destroyPopper();
+    if (this.scrollerEl) {
+      this.scrollerEl.removeEventListener("transitionrun", this.transitionRunHandler);
+    }
   }
   render() {
     const { active } = this;
@@ -12337,6 +12318,19 @@ const Dropdown = class extends HTMLElement$1 {
     }
     event.stopPropagation();
   }
+  emitOpenCloseEvent(componentVisibilityState) {
+    const payload = {
+      el: this.el
+    };
+    const emitComponentState = {
+      beforeOpen: () => this.calciteDropdownBeforeOpen.emit(payload),
+      open: () => this.calciteDropdownOpen.emit(payload),
+      beforeClose: () => this.calciteDropdownBeforeClose.emit(payload),
+      close: () => this.calciteDropdownClose.emit(payload)
+    };
+    (emitComponentState[componentVisibilityState] ||
+      emitComponentState["The component state is unknown."])();
+  }
   getModifiers() {
     const flipModifier = {
       name: "flip",
@@ -17520,7 +17514,7 @@ class PopoverManager$1 {
     //  Private Properties
     //
     // --------------------------------------------------------------------------
-    this.registeredElements = new WeakMap();
+    this.registeredElements = new Map();
     this.registeredElementCount = 0;
     // --------------------------------------------------------------------------
     //
@@ -17539,7 +17533,7 @@ class PopoverManager$1 {
         popover.toggle();
         return;
       }
-      queryElementsRoots(event.target, "calcite-popover")
+      Array.from(this.registeredElements.values())
         .filter((popover) => popover.autoClose && popover.open && !composedPath.includes(popover))
         .forEach((popover) => popover.toggle(false));
     };

package/dist/esm/{ExpandToggle-3a403664.js → ExpandToggle-a56d8385.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.500
+ * v1.0.0-next.501
  */
-import { f as forceUpdate, h } from './index-7f50e8db.js';
-import { a as getElementDir } from './dom-4984236e.js';
-import { S as SLOTS } from './resources-c44164b3.js';
-import { S as SLOTS$1 } from './resources-02b77e63.js';
+import { f as forceUpdate, h } from './index-c96475fc.js';
+import { a as getElementDir } from './dom-b6731284.js';
+import { S as SLOTS } from './resources-d0de1957.js';
+import { S as SLOTS$1 } from './resources-f31766b3.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferHeight = 2;

package/dist/esm/{Heading-d8a27bcf.js → Heading-0d1a9345.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.500
+ * v1.0.0-next.501
  */
-import { h } from './index-7f50e8db.js';
+import { h } from './index-c96475fc.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{array-812e7dc8.js → array-ddfcb78d.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.500
+ * v1.0.0-next.501
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

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

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
+ * v1.0.0-next.501
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-7f50e8db.js';
-import { d as getElementProp, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom-4984236e.js';
-import { g as guid } from './guid-2e4ddd2f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-c96475fc.js';
+import { d as getElementProp, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom-b6731284.js';
+import { g as guid } from './guid-86c740ed.js';
 
 const accordionCss = "@-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-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-width:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-bottom-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
 

package/dist/esm/calcite-action-bar.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.500
+ * v1.0.0-next.501
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7f50e8db.js';
-import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, E as ExpandToggle, g as getOverflowCount } from './ExpandToggle-3a403664.js';
-import { f as focusElement, g as getSlotted } from './dom-4984236e.js';
-import { c as createObserver } from './observers-cf78bec4.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-fcbe0a06.js';
-import { d as debounce } from './debounce-11c54254.js';
-import './resources-c44164b3.js';
-import './resources-02b77e63.js';
-import './guid-2e4ddd2f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c96475fc.js';
+import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, E as ExpandToggle, g as getOverflowCount } from './ExpandToggle-a56d8385.js';
+import { f as focusElement, g as getSlotted } from './dom-b6731284.js';
+import { c as createObserver } from './observers-c043dfde.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4392e28e.js';
+import { d as debounce } from './debounce-eb293fe1.js';
+import './resources-d0de1957.js';
+import './resources-f31766b3.js';
+import './guid-86c740ed.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/esm/calcite-action-group.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.500
+ * v1.0.0-next.501
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-7f50e8db.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-02b77e63.js';
-import { g as getSlotted } from './dom-4984236e.js';
-import { S as SLOTS$1 } from './resources-c44164b3.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-fcbe0a06.js';
-import './guid-2e4ddd2f.js';
-import './observers-cf78bec4.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-c96475fc.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-f31766b3.js';
+import { g as getSlotted } from './dom-b6731284.js';
+import { S as SLOTS$1 } from './resources-d0de1957.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4392e28e.js';
+import './guid-86c740ed.js';
+import './observers-c043dfde.js';
 
 const actionGroupCss = "@-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;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){padding-top:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}";
 

package/dist/esm/calcite-action-menu.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.500
+ * v1.0.0-next.501
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-7f50e8db.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-c44164b3.js';
-import { g as getSlotted, t as toAriaBoolean, f as focusElement } from './dom-4984236e.js';
-import { g as getRoundRobinIndex } from './array-812e7dc8.js';
-import { g as guid } from './guid-2e4ddd2f.js';
-import { c as createObserver } from './observers-cf78bec4.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-fcbe0a06.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c96475fc.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-d0de1957.js';
+import { g as getSlotted, t as toAriaBoolean, f as focusElement } from './dom-b6731284.js';
+import { g as getRoundRobinIndex } from './array-ddfcb78d.js';
+import { g as guid } from './guid-86c740ed.js';
+import { c as createObserver } from './observers-c043dfde.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4392e28e.js';
 
 const actionMenuCss = "@-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{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
+ * v1.0.0-next.501
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7f50e8db.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-3a403664.js';
-import { f as focusElement, g as getSlotted } from './dom-4984236e.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-fcbe0a06.js';
-import './resources-c44164b3.js';
-import './resources-02b77e63.js';
-import './guid-2e4ddd2f.js';
-import './observers-cf78bec4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c96475fc.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-a56d8385.js';
+import { f as focusElement, g as getSlotted } from './dom-b6731284.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4392e28e.js';
+import './resources-d0de1957.js';
+import './resources-f31766b3.js';
+import './guid-86c740ed.js';
+import './observers-c043dfde.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/esm/calcite-action.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.500
+ * v1.0.0-next.501
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-7f50e8db.js';
-import { c as createObserver } from './observers-cf78bec4.js';
-import { u as updateHostInteraction } from './interactive-d38732dc.js';
-import { t as toAriaBoolean } from './dom-4984236e.js';
-import './guid-2e4ddd2f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-c96475fc.js';
+import { c as createObserver } from './observers-c043dfde.js';
+import { u as updateHostInteraction } from './interactive-59b90475.js';
+import { t as toAriaBoolean } from './dom-b6731284.js';
+import './guid-86c740ed.js';
 
 const CSS = {
   button: "button",

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

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.500
+ * v1.0.0-next.501
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7f50e8db.js';
-import { s as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-4984236e.js';
-import { S as StatusIcons } from './interfaces-c821da27.js';
-import './guid-2e4ddd2f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c96475fc.js';
+import { s as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-b6731284.js';
+import { S as StatusIcons } from './interfaces-db91b4fc.js';
+import './guid-86c740ed.js';
 
 const TEXT = {
   intlClose: "Close"
@@ -69,7 +69,7 @@ const Alert = class {
     this.queued = false;
     this.setContainerDiv = (el) => {
       this.containerDiv = el;
-      this.containerDiv.addEventListener("transitionrun", this.onTransitionRun);
+      this.containerDiv.addEventListener("transitionrun", this.transitionRunHandler);
     };
     this.autoDismissTimeoutId = null;
     this.trackTimer = Date.now();
@@ -87,16 +87,14 @@ const Alert = class {
     - `transitionrun` fires when the transition is created at the start of any delay and is not cancellable once started.
     - if there is no transition delay, both `transitionrun` and `transitionstart` are fired at the same time.
     */
-    this.onTransitionRun = (event) => {
+    this.transitionRunHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active
-          ? this.openCloseEventEmitter("beforeOpening")
-          : this.openCloseEventEmitter("beforeClosing");
+        this.active ? this.emitOpenCloseEvent("beforeOpen") : this.emitOpenCloseEvent("beforeClose");
       }
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.openCloseEventEmitter("isOpen") : this.openCloseEventEmitter("isClosed");
+        this.active ? this.emitOpenCloseEvent("open") : this.emitOpenCloseEvent("close");
       }
     };
   }
@@ -134,7 +132,7 @@ const Alert = class {
   disconnectedCallback() {
     window.clearTimeout(this.autoDismissTimeoutId);
     if (this.containerDiv) {
-      this.containerDiv.removeEventListener("transitionrun", this.onTransitionRun);
+      this.containerDiv.removeEventListener("transitionrun", this.transitionRunHandler);
     }
   }
   render() {
@@ -210,16 +208,16 @@ const Alert = class {
     window.clearTimeout(this.queueTimeout);
     this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);
   }
-  openCloseEventEmitter(componentVisibilityState) {
+  emitOpenCloseEvent(componentVisibilityState) {
     const payload = {
       el: this.el,
       queue: this.queue
     };
     const emitComponentState = {
-      beforeOpening: () => this.calciteAlertBeforeOpen.emit(payload),
-      isOpen: () => this.calciteAlertOpen.emit(payload),
-      beforeClosing: () => this.calciteAlertBeforeClose.emit(payload),
-      isClosed: () => this.calciteAlertClose.emit(payload)
+      beforeOpen: () => this.calciteAlertBeforeOpen.emit(payload),
+      open: () => this.calciteAlertOpen.emit(payload),
+      beforeClose: () => this.calciteAlertBeforeClose.emit(payload),
+      close: () => this.calciteAlertClose.emit(payload)
     };
     (emitComponentState[componentVisibilityState] ||
       emitComponentState["The component state is unknown."])();

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.500
+ * v1.0.0-next.501
  */
-import { r as registerInstance, h, g as getElement } from './index-7f50e8db.js';
-import { h as hexToRGB, i as isValidHex } from './utils-2fba47db.js';
-import { b as getThemeName } from './dom-4984236e.js';
-import './guid-2e4ddd2f.js';
+import { r as registerInstance, h, g as getElement } from './index-c96475fc.js';
+import { h as hexToRGB, i as isValidHex } from './utils-9b274fcf.js';
+import { b as getThemeName } from './dom-b6731284.js';
+import './guid-86c740ed.js';
 
 /**
  * Convert a string to a valid hex by hashing its contents