@esri/calcite-components 1.0.0-next.496 → 1.0.0-next.499

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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-184dd0ae.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-27325664.js';
-import { g as getSlotted } from './dom-06607f08.js';
-import { S as SLOTS$1 } from './resources-2c01c1e8.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0192391c.js';
-import './guid-3f62d0f6.js';
-import './observers-5cbbbc09.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-eae57d14.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-614eb3fd.js';
+import { g as getSlotted } from './dom-70e62f18.js';
+import { S as SLOTS$1 } from './resources-3f044e74.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-503fd3e9.js';
+import './guid-5b34997a.js';
+import './observers-3668276f.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-184dd0ae.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-2c01c1e8.js';
-import { g as getSlotted, t as toAriaBoolean, f as focusElement } from './dom-06607f08.js';
-import { g as getRoundRobinIndex } from './array-f67ac5f4.js';
-import { g as guid } from './guid-3f62d0f6.js';
-import { c as createObserver } from './observers-5cbbbc09.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0192391c.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-eae57d14.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-3f044e74.js';
+import { g as getSlotted, t as toAriaBoolean, f as focusElement } from './dom-70e62f18.js';
+import { g as getRoundRobinIndex } from './array-a7ba033c.js';
+import { g as guid } from './guid-5b34997a.js';
+import { c as createObserver } from './observers-3668276f.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-503fd3e9.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-184dd0ae.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-7bc1b4de.js';
-import { f as focusElement, g as getSlotted } from './dom-06607f08.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0192391c.js';
-import './resources-2c01c1e8.js';
-import './resources-27325664.js';
-import './guid-3f62d0f6.js';
-import './observers-5cbbbc09.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eae57d14.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-37b2907e.js';
+import { f as focusElement, g as getSlotted } from './dom-70e62f18.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-503fd3e9.js';
+import './resources-3f044e74.js';
+import './resources-614eb3fd.js';
+import './guid-5b34997a.js';
+import './observers-3668276f.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",
@@ -99,11 +99,12 @@ const ActionPad = class {
    * @param focusId
    */
   async setFocus(focusId) {
+    var _a;
     if (focusId === "expand-toggle") {
       await focusElement(this.expandToggleEl);
       return;
     }
-    this.el.focus();
+    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
   }
   // --------------------------------------------------------------------------
   //

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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-184dd0ae.js';
-import { c as createObserver } from './observers-5cbbbc09.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import { t as toAriaBoolean } from './dom-06607f08.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-eae57d14.js';
+import { c as createObserver } from './observers-3668276f.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import { t as toAriaBoolean } from './dom-70e62f18.js';
+import './guid-5b34997a.js';
 
 const CSS = {
   button: "button",
@@ -105,7 +105,8 @@ const Action = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    this.buttonEl.focus();
+    var _a;
+    (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
   }
   // --------------------------------------------------------------------------
   //

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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-184dd0ae.js';
-import { s as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-06607f08.js';
-import { S as StatusIcons } from './interfaces-9dda8906.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eae57d14.js';
+import { s as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-70e62f18.js';
+import { S as StatusIcons } from './interfaces-2ce51b53.js';
+import './guid-5b34997a.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, h, g as getElement } from './index-184dd0ae.js';
-import { h as hexToRGB, i as isValidHex } from './utils-f7f56daf.js';
-import { b as getThemeName } from './dom-06607f08.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, h, g as getElement } from './index-eae57d14.js';
+import { h as hexToRGB, i as isValidHex } from './utils-dfbebe8f.js';
+import { b as getThemeName } from './dom-70e62f18.js';
+import './guid-5b34997a.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-184dd0ae.js';
-import { g as getSlotted, t as toAriaBoolean, a as getElementDir } from './dom-06607f08.js';
-import { H as Heading } from './Heading-e7f86fb1.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0192391c.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import { g as guid } from './guid-3f62d0f6.js';
-import './observers-5cbbbc09.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eae57d14.js';
+import { g as getSlotted, t as toAriaBoolean, a as getElementDir } from './dom-70e62f18.js';
+import { H as Heading } from './Heading-ab42c92d.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-503fd3e9.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import { g as guid } from './guid-5b34997a.js';
+import './observers-3668276f.js';
 
 const CSS$1 = {
   article: "article",

package/dist/esm/calcite-button.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, h, g as getElement } from './index-184dd0ae.js';
-import { c as closestElementCrossShadowBoundary } from './dom-06607f08.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7f481744.js';
-import { c as createObserver } from './observers-5cbbbc09.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import { s as submitForm, r as resetForm } from './form-f9f9fbd8.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, h, g as getElement } from './index-eae57d14.js';
+import { c as closestElementCrossShadowBoundary } from './dom-70e62f18.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-4ffa3792.js';
+import { c as createObserver } from './observers-3668276f.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import { s as submitForm, r as resetForm } from './form-ecfa6e2f.js';
+import './guid-5b34997a.js';
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return
@@ -167,7 +167,8 @@ const Button = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    this.childEl.focus();
+    var _a;
+    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
   }
   updateHasContent() {
     var _a, _b;

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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-184dd0ae.js';
-import { t as toAriaBoolean, g as getSlotted } from './dom-06607f08.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0192391c.js';
-import './guid-3f62d0f6.js';
-import './observers-5cbbbc09.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eae57d14.js';
+import { t as toAriaBoolean, g as getSlotted } from './dom-70e62f18.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-503fd3e9.js';
+import './guid-5b34997a.js';
+import './observers-3668276f.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-184dd0ae.js';
-import { g as guid } from './guid-3f62d0f6.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f9f9fbd8.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7f481744.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import { t as toAriaBoolean } from './dom-06607f08.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eae57d14.js';
+import { g as guid } from './guid-5b34997a.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ecfa6e2f.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-4ffa3792.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import { t as toAriaBoolean } from './dom-70e62f18.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,:host .toggle{width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-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)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}: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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-184dd0ae.js';
-import { g as getSlotted } from './dom-06607f08.js';
-import { g as guid } from './guid-3f62d0f6.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0192391c.js';
-import './observers-5cbbbc09.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eae57d14.js';
+import { g as getSlotted } from './dom-70e62f18.js';
+import { g as guid } from './guid-5b34997a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-503fd3e9.js';
+import './observers-3668276f.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-184dd0ae.js';
-import { a as getElementDir, f as focusElement, b as getThemeName } from './dom-06607f08.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-f7f56daf.js';
-import { c as clamp } from './math-56566fef.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import { d as debounce, i as isObject } from './debounce-88e31108.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eae57d14.js';
+import { a as getElementDir, f as focusElement, b as getThemeName } from './dom-70e62f18.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-dfbebe8f.js';
+import { c as clamp } from './math-d459f6d0.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import { d as debounce, i as isObject } from './debounce-441a39a0.js';
+import './guid-5b34997a.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -2577,17 +2577,18 @@ const ColorPicker = class {
       }
     };
     this.handleColorFieldAndSliderMouseDown = (event) => {
+      var _a, _b;
       const { offsetX, offsetY } = event;
       const region = this.getCanvasRegion(offsetY);
       if (region === "color-field") {
         this.hueThumbState = "drag";
         this.captureColorFieldColor(offsetX, offsetY);
-        this.colorFieldScopeNode.focus();
+        (_a = this.colorFieldScopeNode) === null || _a === void 0 ? void 0 : _a.focus();
       }
       else if (region === "slider") {
         this.sliderThumbState = "drag";
         this.captureHueSliderColor(offsetX);
-        this.hueScopeNode.focus();
+        (_b = this.hueScopeNode) === null || _b === void 0 ? void 0 : _b.focus();
       }
       // prevent text selection outside of color field & slider area
       event.preventDefault();

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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-184dd0ae.js';
-import { a as isSymbol, S as Symbol, d as debounce } from './debounce-88e31108.js';
-import { i as isArray, f as forIn } from './forIn-d88573d8.js';
-import { f as filterComputedPlacements, u as updatePopper, c as createPopper, d as defaultMenuPlacement, p as popperMenuComputedPlacements, C as CSS$2 } from './popper-a74ce3d6.js';
-import { g as guid } from './guid-3f62d0f6.js';
-import { n as nodeListToArray, t as toAriaBoolean, d as getElementProp, g as getSlotted } from './dom-06607f08.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7f481744.js';
-import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-f9f9fbd8.js';
-import { c as createObserver } from './observers-5cbbbc09.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0192391c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eae57d14.js';
+import { a as isSymbol, S as Symbol, d as debounce } from './debounce-441a39a0.js';
+import { i as isArray, f as forIn } from './forIn-a3c4374b.js';
+import { f as filterComputedPlacements, u as updatePopper, c as createPopper, d as defaultMenuPlacement, p as popperMenuComputedPlacements, C as CSS$2 } from './popper-3c9d7ed1.js';
+import { g as guid } from './guid-5b34997a.js';
+import { n as nodeListToArray, t as toAriaBoolean, d as getElementProp, g as getSlotted } from './dom-70e62f18.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-4ffa3792.js';
+import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-ecfa6e2f.js';
+import { c as createObserver } from './observers-3668276f.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-503fd3e9.js';
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee
@@ -198,8 +198,10 @@ const Combobox = class {
     this.calciteComboboxChange = createEvent(this, "calciteComboboxChange", 7);
     this.calciteComboboxFilterChange = createEvent(this, "calciteComboboxFilterChange", 7);
     this.calciteComboboxChipDismiss = createEvent(this, "calciteComboboxChipDismiss", 7);
-    this.calciteComboboxOpen = createEvent(this, "calciteComboboxOpen", 7);
+    this.calciteComboboxBeforeClose = createEvent(this, "calciteComboboxBeforeClose", 7);
     this.calciteComboboxClose = createEvent(this, "calciteComboboxClose", 7);
+    this.calciteComboboxBeforeOpen = createEvent(this, "calciteComboboxBeforeOpen", 7);
+    this.calciteComboboxOpen = createEvent(this, "calciteComboboxOpen", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -372,7 +374,18 @@ const Combobox = class {
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
-        this.active ? this.calciteComboboxOpen.emit() : this.calciteComboboxClose.emit();
+        this.active ? this.openCloseEventEmitter("open") : this.openCloseEventEmitter("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) => {
+      if (event.propertyName === this.activeTransitionProp) {
+        this.active
+          ? this.openCloseEventEmitter("beforeOpen")
+          : this.openCloseEventEmitter("beforeClose");
       }
     };
     this.setMaxScrollerHeight = () => {
@@ -425,6 +438,7 @@ const Combobox = class {
     this.setListContainerEl = (el) => {
       this.resizeObserver.observe(el);
       this.listContainerEl = el;
+      this.listContainerEl.addEventListener("transitionrun", this.onTransitionRun);
     };
     this.setReferenceEl = (el) => {
       this.referenceEl = el;
@@ -616,6 +630,9 @@ const Combobox = class {
     this.destroyPopper();
     disconnectLabel(this);
     disconnectForm(this);
+    if (this.listContainerEl) {
+      this.listContainerEl.removeEventListener("transitionrun", this.onTransitionRun);
+    }
   }
   selectedItemsHandler() {
     this.internalValueChangeFlag = true;
@@ -633,6 +650,19 @@ const Combobox = class {
       bounding.right <= (window.innerWidth || document.documentElement.clientWidth) &&
       bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight));
   }
+  openCloseEventEmitter(componentVisibilityState) {
+    const payload = {
+      el: this.el
+    };
+    const emitComponentState = {
+      beforeOpen: () => this.calciteComboboxBeforeOpen.emit(payload),
+      open: () => this.calciteComboboxOpen.emit(payload),
+      beforeClose: () => this.calciteComboboxBeforeClose.emit(payload),
+      close: () => this.calciteComboboxClose.emit(payload)
+    };
+    (emitComponentState[componentVisibilityState] ||
+      emitComponentState["The component state is unknown."])();
+  }
   getModifiers() {
     const flipModifier = {
       name: "flip",

package/dist/esm/calcite-date-picker_4.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-184dd0ae.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-74495efe.js';
-import { a as getElementDir, C as CSS_UTILITY } from './dom-06607f08.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import { H as Heading } from './Heading-e7f86fb1.js';
-import './locale-3c362256.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-eae57d14.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-66fa5a5b.js';
+import { a as getElementDir, C as CSS_UTILITY } from './dom-70e62f18.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import { H as Heading } from './Heading-ab42c92d.js';
+import './locale-991dd76a.js';
+import './guid-5b34997a.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-184dd0ae.js';
-import { t as toAriaBoolean, f as focusElement, d as getElementProp } from './dom-06607f08.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS$2, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper-a74ce3d6.js';
-import { c as createObserver } from './observers-5cbbbc09.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eae57d14.js';
+import { t as toAriaBoolean, f as focusElement, d as getElementProp } from './dom-70e62f18.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, C as CSS$2, u as updatePopper, c as createPopper, p as popperMenuComputedPlacements } from './popper-3c9d7ed1.js';
+import { c as createObserver } from './observers-3668276f.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import './guid-5b34997a.js';
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -518,7 +518,8 @@ const DropdownItem = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    this.el.focus();
+    var _a;
+    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
   }
   //--------------------------------------------------------------------------
   //

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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, h, g as getElement } from './index-184dd0ae.js';
-import { f as focusElement } from './dom-06607f08.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, h, g as getElement } from './index-eae57d14.js';
+import { f as focusElement } from './dom-70e62f18.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import './guid-5b34997a.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.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-184dd0ae.js';
-import { f as focusElement } from './dom-06607f08.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
-import { d as debounce } from './debounce-88e31108.js';
-import { f as forIn } from './forIn-d88573d8.js';
-import './guid-3f62d0f6.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-eae57d14.js';
+import { f as focusElement } from './dom-70e62f18.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
+import { d as debounce } from './debounce-441a39a0.js';
+import { f as forIn } from './forIn-a3c4374b.js';
+import './guid-5b34997a.js';
 
 const CSS = {
   container: "container",

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

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, h, g as getElement } from './index-184dd0ae.js';
+import { r as registerInstance, h, g as getElement } from './index-eae57d14.js';
 
 const CSS = {
   frame: "frame",

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.496
+ * v1.0.0-next.499
  */
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-184dd0ae.js';
-import { g as guid } from './guid-3f62d0f6.js';
-import { c as createObserver } from './observers-5cbbbc09.js';
-import { j as intersects } from './dom-06607f08.js';
-import { d as decimalPlaces, c as clamp } from './math-56566fef.js';
-import { c as connectLabel, d as disconnectLabel } from './label-7f481744.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-f9f9fbd8.js';
-import { u as updateHostInteraction } from './interactive-d1f9732b.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-eae57d14.js';
+import { g as guid } from './guid-5b34997a.js';
+import { c as createObserver } from './observers-3668276f.js';
+import { j as intersects } from './dom-70e62f18.js';
+import { d as decimalPlaces, c as clamp } from './math-d459f6d0.js';
+import { c as connectLabel, d as disconnectLabel } from './label-4ffa3792.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-ecfa6e2f.js';
+import { u as updateHostInteraction } from './interactive-04009f37.js';
 
 /**
  * Calculate slope of the tangents
@@ -638,7 +638,7 @@ const Slider = class {
   /** Sets focus on the component. */
   async setFocus() {
     const handle = this.minHandle ? this.minHandle : this.maxHandle;
-    handle.focus();
+    handle === null || handle === void 0 ? void 0 : handle.focus();
   }
   //--------------------------------------------------------------------------
   //