@esri/calcite-components 1.0.0-next.456 → 1.0.0-next.459

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.456
+ * v1.0.0-next.459
  */
 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';
@@ -3532,24 +3532,21 @@ function hasAncestorCustomElements(label, componentEl) {
  */
 function connectLabel(component) {
   const labelEl = findLabelForComponent(component.el);
-  if (onLabelClickMap.has(labelEl)) {
+  if (onLabelClickMap.has(labelEl) || (!labelEl && unlabeledComponents.has(component))) {
     return;
   }
   const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
   if (labelEl) {
-    const addClickEventListenerToComponentLabel = () => {
-      component.labelEl = labelEl;
-      const boundOnLabelClick = onLabelClick.bind(component);
-      onLabelClickMap.set(component.labelEl, boundOnLabelClick);
-      component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
-    };
-    addClickEventListenerToComponentLabel();
+    component.labelEl = labelEl;
+    const boundOnLabelClick = onLabelClick.bind(component);
+    onLabelClickMap.set(component.labelEl, boundOnLabelClick);
+    component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
     unlabeledComponents.delete(component);
     document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
     onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);
     document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
   }
-  else if (!labelEl && !unlabeledComponents.has(component)) {
+  else if (!unlabeledComponents.has(component)) {
     boundOnLabelDisconnected();
     document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
   }
@@ -3561,6 +3558,8 @@ function disconnectLabel(component) {
   unlabeledComponents.delete(component);
   document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
   document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
+  onLabelConnectedMap.delete(component);
+  onLabelDisconnectedMap.delete(component);
   if (!component.labelEl) {
     return;
   }
@@ -3592,7 +3591,7 @@ function onLabelConnected() {
 }
 function onLabelDisconnected() {
   unlabeledComponents.add(this);
-  const boundOnLabelConnected = onLabelConnected.bind(this);
+  const boundOnLabelConnected = onLabelConnectedMap.get(this) || onLabelConnected.bind(this);
   onLabelConnectedMap.set(this, boundOnLabelConnected);
   document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
 }
@@ -3899,6 +3898,7 @@ function connectForm(component) {
   }
   const boundOnFormReset = (component.onFormReset || onFormReset).bind(component);
   form.addEventListener("reset", boundOnFormReset);
+  onFormResetMap.set(component.el, boundOnFormReset);
   formComponentSet.add(el);
 }
 function onFormReset() {
@@ -9767,6 +9767,8 @@ const Combobox = class extends HTMLElement$1 {
       return;
     }
     const target = event.target;
+    const newIndex = this.visibleItems.indexOf(target);
+    this.updateActiveItemIndex(newIndex);
     this.toggleSelection(target, target.selected);
   }
   //--------------------------------------------------------------------------
@@ -10973,10 +10975,14 @@ const DatePicker = class extends HTMLElement$1 {
     this.activeStartDate = startDate;
   }
   onMinChanged(min) {
-    this.minAsDate = dateFromISO(min);
+    if (min) {
+      this.minAsDate = dateFromISO(min);
+    }
   }
   onMaxChanged(max) {
-    this.maxAsDate = dateFromISO(max);
+    if (max) {
+      this.maxAsDate = dateFromISO(max);
+    }
   }
   // --------------------------------------------------------------------------
   //
@@ -11366,7 +11372,7 @@ const DatePickerMonth = class extends HTMLElement$1 {
     if (day - 6 === startOfWeek) {
       return days;
     }
-    for (let i = lastDate.getDay(); i >= startOfWeek; i--) {
+    for (let i = Math.abs(lastDate.getDay() - startOfWeek); i >= 0; i--) {
       days.push(date - i);
     }
     return days;
@@ -13343,10 +13349,6 @@ const Input = class extends HTMLElement$1 {
     //
     //--------------------------------------------------------------------------
     this.keyDownHandler = (event) => {
-      /* prevent default behavior for input to move the cursor to the beginning of the input with every ArrowUp press */
-      if (event.key === "ArrowUp") {
-        event.preventDefault();
-      }
       if (this.readOnly || this.disabled) {
         return;
       }
@@ -13430,6 +13432,8 @@ const Input = class extends HTMLElement$1 {
         return;
       }
       if (event.key === "ArrowUp") {
+        /* prevent default behavior of moving cursor to the beginning of the input when holding down ArrowUp */
+        event.preventDefault();
         this.nudgeNumberValue("up", event);
         return;
       }
@@ -13964,10 +13968,14 @@ const InputDatePicker = class extends HTMLElement$1 {
     this.setFilteredPlacements();
   }
   onMinChanged(min) {
-    this.minAsDate = dateFromISO(min);
+    if (min) {
+      this.minAsDate = dateFromISO(min);
+    }
   }
   onMaxChanged(max) {
-    this.maxAsDate = dateFromISO(max);
+    if (max) {
+      this.maxAsDate = dateFromISO(max);
+    }
   }
   activeHandler() {
     if (!this.disabled) {
@@ -25411,15 +25419,15 @@ const Tree = class extends HTMLElement$1 {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Display indentation guide lines */
+    /** Display indentation guide lines. */
     this.lines = false;
     /** Display input
-     * @deprecated use "ancestors" selection-mode for checkbox input
+     * @deprecated Use "ancestors" selection-mode for checkbox input.
      */
     this.inputEnabled = false;
-    /** Specify the scale of the tree, defaults to m */
+    /** Specify the scale of the tree. */
     this.scale = "m";
-    /** Customize how tree selection works (single, multi, children, multi-children, ancestors)
+    /** Customize how tree selection works.
      * @default "single"
      * @see [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)
      */
@@ -25673,13 +25681,13 @@ const TreeItem = class extends HTMLElement$1 {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Is the item currently selected */
+    /** Selected state of the item. */
     this.selected = false;
-    /** True if the item is in an expanded state */
+    /** Expanded state of the item. */
     this.expanded = false;
-    /** @internal Is the parent of this item expanded? */
+    /** @internal Expanded state of the parent. */
     this.parentExpanded = false;
-    /** @internal What level of depth is this item at? */
+    /** @internal Level of depth of the item. */
     this.depth = -1;
     /** @internal Does this tree item have a tree inside it? */
     this.hasChildren = null;

package/dist/esm/{ExpandToggle-3f8ae3ae.js → ExpandToggle-0c1a75fa.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.456
+ * v1.0.0-next.459
  */
-import { f as forceUpdate, h } from './index-2511cb02.js';
-import { a as getElementDir } from './dom-3ad75861.js';
-import { S as SLOTS } from './resources-8d329665.js';
-import { S as SLOTS$1 } from './resources-402007f0.js';
+import { f as forceUpdate, h } from './index-89a9f296.js';
+import { a as getElementDir } from './dom-007cca49.js';
+import { S as SLOTS } from './resources-d91168ce.js';
+import { S as SLOTS$1 } from './resources-691159b9.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferHeight = 2;

package/dist/esm/{Heading-5c511afd.js → Heading-e6f0d74c.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.456
+ * v1.0.0-next.459
  */
-import { h } from './index-2511cb02.js';
+import { h } from './index-89a9f296.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{array-f72d2282.js → array-6390ea15.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.456
+ * v1.0.0-next.459
  */
 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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-2511cb02.js';
-import { d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-3ad75861.js';
-import { g as guid } from './guid-47f2c4fd.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-89a9f296.js';
+import { d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-007cca49.js';
+import { g as guid } from './guid-dfde737e.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2511cb02.js';
-import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, E as ExpandToggle, g as getOverflowCount } from './ExpandToggle-3f8ae3ae.js';
-import { f as focusElement, g as getSlotted } from './dom-3ad75861.js';
-import { c as createObserver } from './observers-0c150919.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d576b3f6.js';
-import { d as debounce } from './debounce-3bcae15a.js';
-import './resources-8d329665.js';
-import './resources-402007f0.js';
-import './guid-47f2c4fd.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89a9f296.js';
+import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, E as ExpandToggle, g as getOverflowCount } from './ExpandToggle-0c1a75fa.js';
+import { f as focusElement, g as getSlotted } from './dom-007cca49.js';
+import { c as createObserver } from './observers-8f19877a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-aa55c307.js';
+import { d as debounce } from './debounce-24fd6987.js';
+import './resources-d91168ce.js';
+import './resources-691159b9.js';
+import './guid-dfde737e.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-2511cb02.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-402007f0.js';
-import { g as getSlotted } from './dom-3ad75861.js';
-import { S as SLOTS$1 } from './resources-8d329665.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d576b3f6.js';
-import './guid-47f2c4fd.js';
-import './observers-0c150919.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-89a9f296.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-691159b9.js';
+import { g as getSlotted } from './dom-007cca49.js';
+import { S as SLOTS$1 } from './resources-d91168ce.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-aa55c307.js';
+import './guid-dfde737e.js';
+import './observers-8f19877a.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-2511cb02.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-8d329665.js';
-import { g as getSlotted, f as focusElement } from './dom-3ad75861.js';
-import { g as getRoundRobinIndex } from './array-f72d2282.js';
-import { g as guid } from './guid-47f2c4fd.js';
-import { c as createObserver } from './observers-0c150919.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d576b3f6.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-89a9f296.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-d91168ce.js';
+import { g as getSlotted, f as focusElement } from './dom-007cca49.js';
+import { g as getRoundRobinIndex } from './array-6390ea15.js';
+import { g as guid } from './guid-dfde737e.js';
+import { c as createObserver } from './observers-8f19877a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-aa55c307.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-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}::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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2511cb02.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-3f8ae3ae.js';
-import { f as focusElement, g as getSlotted } from './dom-3ad75861.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d576b3f6.js';
-import './resources-8d329665.js';
-import './resources-402007f0.js';
-import './guid-47f2c4fd.js';
-import './observers-0c150919.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89a9f296.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-0c1a75fa.js';
+import { f as focusElement, g as getSlotted } from './dom-007cca49.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-aa55c307.js';
+import './resources-d91168ce.js';
+import './resources-691159b9.js';
+import './guid-dfde737e.js';
+import './observers-8f19877a.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/esm/calcite-action.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-2511cb02.js';
-import { c as createObserver } from './observers-0c150919.js';
-import { u as updateHostInteraction } from './interactive-fe0598ca.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-89a9f296.js';
+import { c as createObserver } from './observers-8f19877a.js';
+import { u as updateHostInteraction } from './interactive-62ba087c.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2511cb02.js';
-import { s as setRequestedIcon, g as getSlotted } from './dom-3ad75861.js';
-import { S as StatusIcons } from './interfaces-72c54742.js';
-import './guid-47f2c4fd.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89a9f296.js';
+import { s as setRequestedIcon, g as getSlotted } from './dom-007cca49.js';
+import { S as StatusIcons } from './interfaces-eaf769f8.js';
+import './guid-dfde737e.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, h, g as getElement } from './index-2511cb02.js';
-import { h as hexToRGB, i as isValidHex } from './utils-04affb5b.js';
-import { b as getThemeName } from './dom-3ad75861.js';
-import './guid-47f2c4fd.js';
+import { r as registerInstance, h, g as getElement } from './index-89a9f296.js';
+import { h as hexToRGB, i as isValidHex } from './utils-dc4a35cb.js';
+import { b as getThemeName } from './dom-007cca49.js';
+import './guid-dfde737e.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2511cb02.js';
-import { g as getSlotted, a as getElementDir } from './dom-3ad75861.js';
-import { H as Heading } from './Heading-5c511afd.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d576b3f6.js';
-import { u as updateHostInteraction } from './interactive-fe0598ca.js';
-import { g as guid } from './guid-47f2c4fd.js';
-import './observers-0c150919.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89a9f296.js';
+import { g as getSlotted, a as getElementDir } from './dom-007cca49.js';
+import { H as Heading } from './Heading-e6f0d74c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-aa55c307.js';
+import { u as updateHostInteraction } from './interactive-62ba087c.js';
+import { g as guid } from './guid-dfde737e.js';
+import './observers-8f19877a.js';
 
 const CSS$1 = {
   article: "article",

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

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, h, g as getElement } from './index-2511cb02.js';
-import { c as closestElementCrossShadowBoundary } from './dom-3ad75861.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-72c2f51e.js';
-import { c as createObserver } from './observers-0c150919.js';
-import { u as updateHostInteraction } from './interactive-fe0598ca.js';
-import './guid-47f2c4fd.js';
+import { r as registerInstance, h, g as getElement } from './index-89a9f296.js';
+import { c as closestElementCrossShadowBoundary } from './dom-007cca49.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-93e82ac4.js';
+import { c as createObserver } from './observers-8f19877a.js';
+import { u as updateHostInteraction } from './interactive-62ba087c.js';
+import './guid-dfde737e.js';
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return

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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2511cb02.js';
-import { g as getSlotted } from './dom-3ad75861.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d576b3f6.js';
-import './guid-47f2c4fd.js';
-import './observers-0c150919.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-89a9f296.js';
+import { g as getSlotted } from './dom-007cca49.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-aa55c307.js';
+import './guid-dfde737e.js';
+import './observers-8f19877a.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2511cb02.js';
-import { g as guid } from './guid-47f2c4fd.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-fc356f35.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-72c2f51e.js';
-import { u as updateHostInteraction } from './interactive-fe0598ca.js';
-import './dom-3ad75861.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89a9f296.js';
+import { g as guid } from './guid-dfde737e.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-2754118d.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-93e82ac4.js';
+import { u as updateHostInteraction } from './interactive-62ba087c.js';
+import './dom-007cca49.js';
 
 const checkboxCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host .toggle:focus .check-svg,:host .toggle:active .check-svg{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing)}.toggle:focus-visible{outline:none}: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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2511cb02.js';
-import { g as getSlotted } from './dom-3ad75861.js';
-import { g as guid } from './guid-47f2c4fd.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d576b3f6.js';
-import './observers-0c150919.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-89a9f296.js';
+import { g as getSlotted } from './dom-007cca49.js';
+import { g as guid } from './guid-dfde737e.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-aa55c307.js';
+import './observers-8f19877a.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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2511cb02.js';
-import { a as getElementDir, f as focusElement, b as getThemeName } from './dom-3ad75861.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-04affb5b.js';
-import { c as clamp } from './math-7cafd351.js';
-import { u as updateHostInteraction } from './interactive-fe0598ca.js';
-import { d as debounce, i as isObject } from './debounce-3bcae15a.js';
-import './guid-47f2c4fd.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-89a9f296.js';
+import { a as getElementDir, f as focusElement, b as getThemeName } from './dom-007cca49.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-dc4a35cb.js';
+import { c as clamp } from './math-34418d48.js';
+import { u as updateHostInteraction } from './interactive-62ba087c.js';
+import { d as debounce, i as isObject } from './debounce-24fd6987.js';
+import './guid-dfde737e.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';

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.456
+ * v1.0.0-next.459
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2511cb02.js';
-import { a as isSymbol, S as Symbol, d as debounce } from './debounce-3bcae15a.js';
-import { i as isArray, f as forIn } from './forIn-16a27569.js';
-import { f as filterComputedPlacements, u as updatePopper, c as createPopper, d as defaultMenuPlacement, p as popperMenuComputedPlacements, C as CSS$2 } from './popper-602a973c.js';
-import { g as guid } from './guid-47f2c4fd.js';
-import { n as nodeListToArray, d as getElementProp, g as getSlotted } from './dom-3ad75861.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-72c2f51e.js';
-import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-fc356f35.js';
-import { c as createObserver } from './observers-0c150919.js';
-import { u as updateHostInteraction } from './interactive-fe0598ca.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d576b3f6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-89a9f296.js';
+import { a as isSymbol, S as Symbol, d as debounce } from './debounce-24fd6987.js';
+import { i as isArray, f as forIn } from './forIn-9b372567.js';
+import { f as filterComputedPlacements, u as updatePopper, c as createPopper, d as defaultMenuPlacement, p as popperMenuComputedPlacements, C as CSS$2 } from './popper-d60b65c9.js';
+import { g as guid } from './guid-dfde737e.js';
+import { n as nodeListToArray, d as getElementProp, g as getSlotted } from './dom-007cca49.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-93e82ac4.js';
+import { c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-2754118d.js';
+import { c as createObserver } from './observers-8f19877a.js';
+import { u as updateHostInteraction } from './interactive-62ba087c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-aa55c307.js';
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee
@@ -545,6 +545,8 @@ const Combobox = class {
       return;
     }
     const target = event.target;
+    const newIndex = this.visibleItems.indexOf(target);
+    this.updateActiveItemIndex(newIndex);
     this.toggleSelection(target, target.selected);
   }
   //--------------------------------------------------------------------------