@esri/calcite-components 1.0.0-next.466 → 1.0.0-next.469

package/dist/esm/{ExpandToggle-4f621ad1.js → ExpandToggle-1386bad5.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.466
+ * v1.0.0-next.469
  */
-import { f as forceUpdate, h } from './index-090024fb.js';
-import { a as getElementDir } from './dom-92353f93.js';
-import { S as SLOTS } from './resources-c6972cbd.js';
-import { S as SLOTS$1 } from './resources-f6a8c77e.js';
+import { f as forceUpdate, h } from './index-b9d03d54.js';
+import { a as getElementDir } from './dom-c27aa997.js';
+import { S as SLOTS } from './resources-add11146.js';
+import { S as SLOTS$1 } from './resources-6c12ef01.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferHeight = 2;

package/dist/esm/{Heading-77bbacee.js → Heading-2828947f.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.466
+ * v1.0.0-next.469
  */
-import { h } from './index-090024fb.js';
+import { h } from './index-b9d03d54.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{array-a017e08f.js → array-e01eb758.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.466
+ * v1.0.0-next.469
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

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

@@ -1,18 +1,18 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-090024fb.js';
-import { d as getElementProp, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom-92353f93.js';
-import { g as guid } from './guid-3d2249ab.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-b9d03d54.js';
+import { d as getElementProp, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom-c27aa997.js';
+import { g as guid } from './guid-30502e46.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)}";
 
 const Accordion = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteAccordionChange = createEvent(this, "calciteAccordionChange", 7);
+    this.calciteInternalAccordionChange = createEvent(this, "calciteInternalAccordionChange", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -26,8 +26,10 @@ const Accordion = class {
     this.iconType = "chevron";
     /** specify the scale of accordion, defaults to m */
     this.scale = "m";
-    /** specify the selection mode - multi (allow any number of open items), single (allow one open item),
-     * or single-persist (allow and require one open item), defaults to multi */
+    /**
+     * specify the selection mode - multi (allow any number of open items), single (allow one open item),
+     * or single-persist (allow and require one open item), defaults to multi
+     */
     this.selectionMode = "multi";
     //--------------------------------------------------------------------------
     //
@@ -63,7 +65,7 @@ const Accordion = class {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  calciteAccordionItemKeyEvent(e) {
+  calciteInternalAccordionItemKeyEvent(e) {
     const item = e.detail.item;
     const parent = e.detail.parent;
     if (this.el === parent) {
@@ -96,6 +98,7 @@ const Accordion = class {
           break;
       }
     }
+    e.stopPropagation();
   }
   registerCalciteAccordionItem(e) {
     const item = {
@@ -106,12 +109,14 @@ const Accordion = class {
     if (this.el === item.parent) {
       this.items.push(item);
     }
+    e.stopPropagation();
   }
   updateActiveItemOnChange(event) {
     this.requestedAccordionItem = event.detail.requestedAccordionItem;
-    this.calciteAccordionChange.emit({
+    this.calciteInternalAccordionChange.emit({
       requestedAccordionItem: this.requestedAccordionItem
     });
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -152,10 +157,10 @@ const accordionItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@ke
 const AccordionItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteAccordionItemKeyEvent = createEvent(this, "calciteAccordionItemKeyEvent", 7);
-    this.calciteAccordionItemSelect = createEvent(this, "calciteAccordionItemSelect", 7);
-    this.calciteAccordionItemClose = createEvent(this, "calciteAccordionItemClose", 7);
-    this.calciteAccordionItemRegister = createEvent(this, "calciteAccordionItemRegister", 7);
+    this.calciteInternalAccordionItemKeyEvent = createEvent(this, "calciteInternalAccordionItemKeyEvent", 7);
+    this.calciteInternalAccordionItemSelect = createEvent(this, "calciteInternalAccordionItemSelect", 7);
+    this.calciteInternalAccordionItemClose = createEvent(this, "calciteInternalAccordionItemClose", 7);
+    this.calciteInternalAccordionItemRegister = createEvent(this, "calciteInternalAccordionItemRegister", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -187,7 +192,7 @@ const AccordionItem = class {
   }
   componentDidLoad() {
     this.itemPosition = this.getItemPosition();
-    this.calciteAccordionItemRegister.emit({
+    this.calciteInternalAccordionItemRegister.emit({
       parent: this.parent,
       position: this.itemPosition
     });
@@ -226,7 +231,7 @@ const AccordionItem = class {
         case "ArrowDown":
         case "Home":
         case "End":
-          this.calciteAccordionItemKeyEvent.emit({
+          this.calciteInternalAccordionItemKeyEvent.emit({
             parent: this.parent,
             item: e
           });
@@ -242,6 +247,7 @@ const AccordionItem = class {
       return;
     }
     this.determineActiveItem();
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -264,7 +270,7 @@ const AccordionItem = class {
     }
   }
   emitRequestedItem() {
-    this.calciteAccordionItemSelect.emit({
+    this.calciteInternalAccordionItemSelect.emit({
       requestedAccordionItem: this.el
     });
   }

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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090024fb.js';
-import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, E as ExpandToggle, g as getOverflowCount } from './ExpandToggle-4f621ad1.js';
-import { f as focusElement, g as getSlotted } from './dom-92353f93.js';
-import { c as createObserver } from './observers-39799b92.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-efe9fada.js';
-import { d as debounce } from './debounce-3542cd6c.js';
-import './resources-c6972cbd.js';
-import './resources-f6a8c77e.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b9d03d54.js';
+import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, a as overflowActions, E as ExpandToggle, g as getOverflowCount } from './ExpandToggle-1386bad5.js';
+import { f as focusElement, g as getSlotted } from './dom-c27aa997.js';
+import { c as createObserver } from './observers-851341e8.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-3eed64fd.js';
+import { d as debounce } from './debounce-09d6a561.js';
+import './resources-add11146.js';
+import './resources-6c12ef01.js';
+import './guid-30502e46.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"
@@ -156,12 +156,17 @@ const ActionBar = class {
   // --------------------------------------------------------------------------
   /**
    * Overflows actions that won't fit into menus.
+   *
    * @internal
    */
   async overflowActions() {
     this.resize(this.el.clientHeight);
   }
-  /** Sets focus on the component. */
+  /**
+   * Sets focus on the component.
+   *
+   * @param focusId
+   */
   async setFocus(focusId) {
     if (focusId === "expand-toggle") {
       await focusElement(this.expandToggleEl);

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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-090024fb.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-f6a8c77e.js';
-import { g as getSlotted } from './dom-92353f93.js';
-import { S as SLOTS$1 } from './resources-c6972cbd.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-efe9fada.js';
-import './guid-3d2249ab.js';
-import './observers-39799b92.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-b9d03d54.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-6c12ef01.js';
+import { g as getSlotted } from './dom-c27aa997.js';
+import { S as SLOTS$1 } from './resources-add11146.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-3eed64fd.js';
+import './guid-30502e46.js';
+import './observers-851341e8.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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-090024fb.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-c6972cbd.js';
-import { g as getSlotted, t as toAriaBoolean, f as focusElement } from './dom-92353f93.js';
-import { g as getRoundRobinIndex } from './array-a017e08f.js';
-import { g as guid } from './guid-3d2249ab.js';
-import { c as createObserver } from './observers-39799b92.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-efe9fada.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-b9d03d54.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-add11146.js';
+import { g as getSlotted, t as toAriaBoolean, f as focusElement } from './dom-c27aa997.js';
+import { g as getRoundRobinIndex } from './array-e01eb758.js';
+import { g as guid } from './guid-30502e46.js';
+import { c as createObserver } from './observers-851341e8.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-3eed64fd.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}";
 
@@ -36,6 +36,7 @@ const ActionMenu = class {
     this.overlayPositioning = "absolute";
     /**
      * Determines where the component will be positioned relative to the referenceElement.
+     *
      * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
      */
     this.placement = "auto";

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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090024fb.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-4f621ad1.js';
-import { f as focusElement, g as getSlotted } from './dom-92353f93.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-efe9fada.js';
-import './resources-c6972cbd.js';
-import './resources-f6a8c77e.js';
-import './guid-3d2249ab.js';
-import './observers-39799b92.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b9d03d54.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-1386bad5.js';
+import { f as focusElement, g as getSlotted } from './dom-c27aa997.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-3eed64fd.js';
+import './resources-add11146.js';
+import './resources-6c12ef01.js';
+import './guid-30502e46.js';
+import './observers-851341e8.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",
@@ -93,7 +93,11 @@ const ActionPad = class {
   //  Methods
   //
   // --------------------------------------------------------------------------
-  /** Sets focus on the component. */
+  /**
+   * Sets focus on the component.
+   *
+   * @param focusId
+   */
   async setFocus(focusId) {
     if (focusId === "expand-toggle") {
       await focusElement(this.expandToggleEl);

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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-090024fb.js';
-import { c as createObserver } from './observers-39799b92.js';
-import { u as updateHostInteraction } from './interactive-b0989f51.js';
-import { t as toAriaBoolean } from './dom-92353f93.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-b9d03d54.js';
+import { c as createObserver } from './observers-851341e8.js';
+import { u as updateHostInteraction } from './interactive-f48d07dd.js';
+import { t as toAriaBoolean } from './dom-c27aa997.js';
+import './guid-30502e46.js';
 
 const CSS = {
   button: "button",
@@ -52,7 +52,9 @@ const Action = class {
      * Indicates unread changes.
      */
     this.indicator = false;
-    /** string to override English loading text
+    /**
+     * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = TEXT.loading;

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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090024fb.js';
-import { s as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-92353f93.js';
-import { S as StatusIcons } from './interfaces-6565effc.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b9d03d54.js';
+import { s as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-c27aa997.js';
+import { S as StatusIcons } from './interfaces-590d249e.js';
+import './guid-30502e46.js';
 
 const TEXT = {
   intlClose: "Close"
@@ -29,8 +29,8 @@ const Alert = class {
     registerInstance(this, hostRef);
     this.calciteAlertClose = createEvent(this, "calciteAlertClose", 7);
     this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 7);
-    this.calciteAlertSync = createEvent(this, "calciteAlertSync", 7);
-    this.calciteAlertRegister = createEvent(this, "calciteAlertRegister", 7);
+    this.calciteInternalAlertSync = createEvent(this, "calciteInternalAlertSync", 7);
+    this.calciteInternalAlertRegister = createEvent(this, "calciteInternalAlertRegister", 7);
     //--------------------------------------------------------------------------
     //
     //  Properties
@@ -44,7 +44,9 @@ const Alert = class {
     this.autoDismissDuration = this.autoDismiss ? "medium" : null;
     /** Color for the alert (will apply to top border and icon) */
     this.color = "blue";
-    /** string to override English close text
+    /**
+     * string to override English close text
+     *
      * @default "Close"
      */
     this.intlClose = TEXT.intlClose;
@@ -73,7 +75,7 @@ const Alert = class {
       this.active = false;
       this.queue = this.queue.filter((e) => e !== this.el);
       this.determineActiveAlert();
-      this.calciteAlertSync.emit({ queue: this.queue });
+      this.calciteInternalAlertSync.emit({ queue: this.queue });
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
@@ -91,11 +93,11 @@ const Alert = class {
   }
   watchActive() {
     if (this.active && !this.queued) {
-      this.calciteAlertRegister.emit();
+      this.calciteInternalAlertRegister.emit();
     }
     if (!this.active) {
       this.queue = this.queue.filter((e) => e !== this.el);
-      this.calciteAlertSync.emit({ queue: this.queue });
+      this.calciteInternalAlertSync.emit({ queue: this.queue });
     }
   }
   updateRequestedIcon() {
@@ -114,7 +116,7 @@ const Alert = class {
   //--------------------------------------------------------------------------
   connectedCallback() {
     if (this.active && !this.queued) {
-      this.calciteAlertRegister.emit();
+      this.calciteInternalAlertRegister.emit();
     }
   }
   componentWillLoad() {
@@ -143,6 +145,7 @@ const Alert = class {
     }
     this.queueLength = this.queue.length;
     this.determineActiveAlert();
+    event.stopPropagation();
   }
   // when an alert is first registered, trigger a queue sync to get queue
   alertRegister() {
@@ -150,7 +153,7 @@ const Alert = class {
       this.queued = true;
       this.queue.push(this.el);
     }
-    this.calciteAlertSync.emit({ queue: this.queue });
+    this.calciteInternalAlertSync.emit({ queue: this.queue });
     this.determineActiveAlert();
   }
   //--------------------------------------------------------------------------

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

@@ -1,16 +1,18 @@
 /*!
  * 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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, h, g as getElement } from './index-090024fb.js';
-import { h as hexToRGB, i as isValidHex } from './utils-7e9a0947.js';
-import { b as getThemeName } from './dom-92353f93.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, h, g as getElement } from './index-b9d03d54.js';
+import { h as hexToRGB, i as isValidHex } from './utils-1629f315.js';
+import { b as getThemeName } from './dom-c27aa997.js';
+import './guid-30502e46.js';
 
 /**
  * Convert a string to a valid hex by hashing its contents
  * and using the hash as a seed for three distinct color values
+ *
+ * @param str
  */
 function stringToHex(str) {
   let hash = 0;
@@ -26,6 +28,8 @@ function stringToHex(str) {
 }
 /**
  * Find the hue of a color given the separate RGB color channels
+ *
+ * @param rgb
  */
 function rgbToHue(rgb) {
   let { r, g, b } = rgb;
@@ -54,6 +58,7 @@ function rgbToHue(rgb) {
 }
 /**
  * For a hex color, find the hue
+ *
  * @param hex {string} - form of "#------"
  */
 function hexToHue(hex) {

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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090024fb.js';
-import { g as getSlotted, t as toAriaBoolean, a as getElementDir } from './dom-92353f93.js';
-import { H as Heading } from './Heading-77bbacee.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-efe9fada.js';
-import { u as updateHostInteraction } from './interactive-b0989f51.js';
-import { g as guid } from './guid-3d2249ab.js';
-import './observers-39799b92.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b9d03d54.js';
+import { g as getSlotted, t as toAriaBoolean, a as getElementDir } from './dom-c27aa997.js';
+import { H as Heading } from './Heading-2828947f.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-3eed64fd.js';
+import { u as updateHostInteraction } from './interactive-f48d07dd.js';
+import { g as guid } from './guid-30502e46.js';
+import './observers-851341e8.js';
 
 const CSS$1 = {
   article: "article",
@@ -74,17 +74,25 @@ const Block = class {
     this.dragHandle = false;
     /**
      * Aria-label for collapsing the toggle and tooltip used for the toggle when expanded.
+     *
+     * @default "Collapse"
      */
     this.intlCollapse = TEXT$1.collapse;
     /**
      * Aria-label for expanding the toggle and tooltip used for the toggle when collapsed.
+     *
+     * @default "Expand"
      */
     this.intlExpand = TEXT$1.expand;
-    /** string to override English loading text
+    /**
+     * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = TEXT$1.loading;
-    /** Text string used for the actions menu
+    /**
+     * Text string used for the actions menu
+     *
      * @default "Options"
      */
     this.intlOptions = TEXT$1.options;

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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, h, g as getElement } from './index-090024fb.js';
-import { c as closestElementCrossShadowBoundary } from './dom-92353f93.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-71a2e73c.js';
-import { c as createObserver } from './observers-39799b92.js';
-import { u as updateHostInteraction } from './interactive-b0989f51.js';
-import { s as submitForm, r as resetForm } from './form-6b113ff9.js';
-import './guid-3d2249ab.js';
+import { r as registerInstance, h, g as getElement } from './index-b9d03d54.js';
+import { c as closestElementCrossShadowBoundary } from './dom-c27aa997.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1aee1deb.js';
+import { c as createObserver } from './observers-851341e8.js';
+import { u as updateHostInteraction } from './interactive-f48d07dd.js';
+import { s as submitForm, r as resetForm } from './form-ae9c7b51.js';
+import './guid-30502e46.js';
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return
@@ -73,7 +73,9 @@ const Button = class {
     this.color = "blue";
     /** is the button disabled  */
     this.disabled = false;
-    /** string to override English loading text
+    /**
+     * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = TEXT.loading;
@@ -89,7 +91,7 @@ const Button = class {
     this.type = "button";
     /** specify the width of the button, defaults to auto */
     this.width = "auto";
-    /** watches for changing text content **/
+    /** watches for changing text content */
     this.mutationObserver = createObserver("mutation", () => this.updateHasContent());
     /** determine if there is slotted content for styling purposes */
     this.hasContent = false;

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.466
+ * v1.0.0-next.469
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-090024fb.js';
-import { t as toAriaBoolean, g as getSlotted } from './dom-92353f93.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-efe9fada.js';
-import './guid-3d2249ab.js';
-import './observers-39799b92.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b9d03d54.js';
+import { t as toAriaBoolean, g as getSlotted } from './dom-c27aa997.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-3eed64fd.js';
+import './guid-30502e46.js';
+import './observers-851341e8.js';
 
 const CSS = {
   container: "container",
@@ -48,15 +48,21 @@ const Card = class {
     this.selected = false;
     /** Indicates whether the card is selectable. */
     this.selectable = false;
-    /** string to override English loading text
+    /**
+     * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = TEXT.loading;
-    /** string to override English select text for checkbox when selectable is true
+    /**
+     * string to override English select text for checkbox when selectable is true
+     *
      * @default "Select"
      */
     this.intlSelect = TEXT.select;
-    /** string to override English deselect text for checkbox when selectable is true
+    /**
+     * string to override English deselect text for checkbox when selectable is true
+     *
      * @default "Deselect"
      */
     this.intlDeselect = TEXT.deselect;