@esri/calcite-components 1.0.0-next.647 → 1.0.0-next.649

package/dist/esm/calcite-action-bar.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle-56d1f0f0.js';
-import { f as focusElement, g as getSlotted } from './dom-df543551.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import { d as debounce } from './debounce-9201530e.js';
-import './resources-bae0d589.js';
-import './resources-cdb071c0.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d4c908c6.js';
+import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle-f8eb221a.js';
+import { f as focusElement, g as getSlotted } from './dom-53c74dbf.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import { d as debounce } from './debounce-a93c0e41.js';
+import './resources-8d698f58.js';
+import './resources-923c5833.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"
@@ -33,27 +33,6 @@ const ActionBar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteActionBarToggle = createEvent(this, "calciteActionBarToggle", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    this.expandDisabled = false;
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     *  The layout direction of the actions.
-     */
-    this.layout = "vertical";
-    /**
-     * Disables automatically overflowing `calcite-action`s that won't fit into menus.
-     */
-    this.overflowActionsDisabled = false;
     this.mutationObserver = createObserver("mutation", () => {
       const { el, expanded } = this;
       toggleChildActionText({ parent: el, expanded });
@@ -66,7 +45,7 @@ const ActionBar = class {
     //
     // --------------------------------------------------------------------------
     this.actionMenuOpenChangeHandler = (event) => {
-      if (event.detail) {
+      if (event.target.menuOpen) {
         const composedPath = event.composedPath();
         Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((group) => {
           if (!composedPath.includes(group)) {
@@ -121,6 +100,14 @@ const ActionBar = class {
     this.setExpandToggleRef = (el) => {
       this.expandToggleEl = el;
     };
+    this.expandDisabled = false;
+    this.expanded = false;
+    this.intlExpand = undefined;
+    this.intlCollapse = undefined;
+    this.layout = "vertical";
+    this.overflowActionsDisabled = false;
+    this.position = undefined;
+    this.scale = undefined;
   }
   expandHandler() {
     this.conditionallyOverflowActions();

package/dist/esm/calcite-action-group.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-c6d69d86.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-cdb071c0.js';
-import { g as getSlotted } from './dom-df543551.js';
-import { S as SLOTS$1 } from './resources-bae0d589.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
-import './observers-7fa5fbcb.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-d4c908c6.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-923c5833.js';
+import { g as getSlotted } from './dom-53c74dbf.js';
+import { S as SLOTS$1 } from './resources-8d698f58.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
+import './observers-4d673b8c.js';
 
 const actionGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;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-block-start:0px}:host([layout=horizontal]){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)}";
 
@@ -19,29 +19,18 @@ const ActionGroup = class {
     registerInstance(this, hostRef);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     * Indicates the layout of the component.
-     */
-    this.layout = "vertical";
-    /**
-     * When `true`, the `calcite-action-menu` is open.
-     */
-    this.menuOpen = false;
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
     this.setMenuOpen = (event) => {
-      this.menuOpen = !!event.detail;
+      this.menuOpen = !!event.target.open;
     };
+    this.expanded = false;
+    this.layout = "vertical";
+    this.columns = undefined;
+    this.intlMore = undefined;
+    this.menuOpen = false;
+    this.scale = undefined;
   }
   expandedHandler() {
     this.menuOpen = false;

package/dist/esm/calcite-action-menu.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c6d69d86.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-bae0d589.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement } from './dom-df543551.js';
-import { g as getRoundRobinIndex } from './array-a701c716.js';
-import { g as guid } from './guid-59a872ce.js';
-import { i as isActivationKey } from './key-8c900334.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d4c908c6.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-8d698f58.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement } from './dom-53c74dbf.js';
+import { g as getRoundRobinIndex } from './array-4b1788f5.js';
+import { g as guid } from './guid-9344597e.js';
+import { i as isActivationKey } from './key-ce94af02.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
 
 const actionMenuCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;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:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 
@@ -19,38 +19,10 @@ const ActionMenu = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteActionMenuOpenChange = createEvent(this, "calciteActionMenuOpenChange", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     * When `true`, the component is open.
-     */
-    this.open = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     *
-     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
-     */
-    this.placement = "auto";
     this.actionElements = [];
     this.guid = `calcite-action-menu-${guid()}`;
     this.menuId = `${this.guid}-menu`;
     this.menuButtonId = `${this.guid}-menu-button`;
-    this.activeMenuItemIndex = -1;
     // --------------------------------------------------------------------------
     //
     //  Component Methods
@@ -219,6 +191,15 @@ const ActionMenu = class {
       this.el.addEventListener("calcitePopoverOpen", this.toggleOpenEnd);
       this.open = value;
     };
+    this.expanded = false;
+    this.flipPlacements = undefined;
+    this.label = undefined;
+    this.open = false;
+    this.overlayPositioning = "absolute";
+    this.placement = "auto";
+    this.scale = undefined;
+    this.menuButtonEl = undefined;
+    this.activeMenuItemIndex = -1;
   }
   // --------------------------------------------------------------------------
   //
@@ -243,7 +224,7 @@ const ActionMenu = class {
     if (this.menuButtonEl) {
       this.menuButtonEl.active = open;
     }
-    this.calciteActionMenuOpenChange.emit(open);
+    this.calciteActionMenuOpenChange.emit();
     this.setTooltipReferenceElement();
   }
   closeCalciteActionMenuOnClick(event) {

package/dist/esm/calcite-action-pad.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-56d1f0f0.js';
-import { f as focusElement, g as getSlotted } from './dom-df543551.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-bae0d589.js';
-import './resources-cdb071c0.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
-import './observers-7fa5fbcb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d4c908c6.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-f8eb221a.js';
+import { f as focusElement, g as getSlotted } from './dom-53c74dbf.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-8d698f58.js';
+import './resources-923c5833.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
+import './observers-4d673b8c.js';
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",
@@ -34,28 +34,11 @@ const ActionPad = class {
     this.calciteActionPadToggle = createEvent(this, "calciteActionPadToggle", 6);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    this.expandDisabled = false;
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     * Indicates the layout of the component.
-     */
-    this.layout = "vertical";
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
     this.actionMenuOpenChangeHandler = (event) => {
-      if (event.detail) {
+      if (event.target.menuOpen) {
         const composedPath = event.composedPath();
         Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((group) => {
           if (!composedPath.includes(group)) {
@@ -71,6 +54,13 @@ const ActionPad = class {
     this.setExpandToggleRef = (el) => {
       this.expandToggleEl = el;
     };
+    this.expandDisabled = false;
+    this.expanded = false;
+    this.layout = "vertical";
+    this.intlExpand = undefined;
+    this.intlCollapse = undefined;
+    this.position = undefined;
+    this.scale = undefined;
   }
   expandedHandler(expanded) {
     toggleChildActionText({ parent: this.el, expanded });

package/dist/esm/calcite-action.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, h, H as Host, g as getElement, f as forceUpdate } from './index-c6d69d86.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { t as toAriaBoolean } from './dom-df543551.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, h, H as Host, g as getElement, f as forceUpdate } from './index-d4c908c6.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { t as toAriaBoolean } from './dom-53c74dbf.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 const CSS = {
   button: "button",
@@ -33,47 +33,6 @@ const actionCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down
 const Action = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is highlighted.
-     */
-    this.active = false;
-    /** Specifies the appearance of the component. */
-    this.appearance = "solid";
-    /**
-     * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
-     */
-    this.compact = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, indicates unread changes.
-     */
-    this.indicator = false;
-    /**
-     * Specifies the text label to display while loading.
-     *
-     * @default "Loading"
-     */
-    this.intlLoading = TEXT.loading;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * Specifies the size of the component.
-     */
-    this.scale = "m";
-    /**
-     * Indicates whether the text is displayed.
-     */
-    this.textEnabled = false;
     this.mutationObserver = createObserver("mutation", () => forceUpdate(this));
     // --------------------------------------------------------------------------
     //
@@ -91,6 +50,19 @@ const Action = class {
         tooltip.referenceElement = this.buttonEl;
       }
     };
+    this.active = false;
+    this.alignment = undefined;
+    this.appearance = "solid";
+    this.compact = false;
+    this.disabled = false;
+    this.icon = undefined;
+    this.indicator = false;
+    this.intlLoading = TEXT.loading;
+    this.label = undefined;
+    this.loading = false;
+    this.scale = "m";
+    this.text = undefined;
+    this.textEnabled = false;
   }
   // --------------------------------------------------------------------------
   //

package/dist/esm/calcite-alert.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { s as slotChangeHasAssignedElement, b as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-df543551.js';
-import { S as StatusIcons } from './interfaces-0fced29f.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-9320ad08.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-170639e4.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
-import './key-8c900334.js';
-import './observers-7fa5fbcb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d4c908c6.js';
+import { s as slotChangeHasAssignedElement, b as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-53c74dbf.js';
+import { S as StatusIcons } from './interfaces-b46836c5.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-cb58fdf0.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-124c1c4a.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
+import './key-ce94af02.js';
+import './observers-4d673b8c.js';
 
 const TEXT = {
   intlClose: "Close"
@@ -44,42 +44,6 @@ const Alert = class {
     this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 6);
     this.calciteInternalAlertSync = createEvent(this, "calciteInternalAlertSync", 6);
     this.calciteInternalAlertRegister = createEvent(this, "calciteInternalAlertRegister", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //---------------------------------------------------------------------------
-    /** When `true`, displays and positions the component. */
-    this.open = false;
-    /** When `true`, the component closes automatically (recommended for passive, non-blocking alerts). */
-    this.autoDismiss = false;
-    /** Specifies the duration before the component automatically closes (only use with `autoDismiss`). */
-    this.autoDismissDuration = this.autoDismiss ? "medium" : null;
-    /** Specifies the color for the component (will apply to top border and icon). */
-    this.color = "blue";
-    /**
-     * Specifies the text label for the close button.
-     *
-     * @default "Close"
-     */
-    this.intlClose = TEXT.intlClose;
-    /** Specifies the placement of the component */
-    this.placement = "bottom";
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    this.hasEndActions = false;
-    /** the list of queued alerts */
-    this.queue = [];
-    /** the count of queued alerts */
-    this.queueLength = 0;
-    /** is the alert queued */
-    this.queued = false;
     this.autoDismissTimeoutId = null;
     this.trackTimer = Date.now();
     this.openTransitionProp = "opacity";
@@ -104,6 +68,22 @@ const Alert = class {
     this.actionsEndSlotChangeHandler = (event) => {
       this.hasEndActions = slotChangeHasAssignedElement(event);
     };
+    this.open = false;
+    this.autoDismiss = false;
+    this.autoDismissDuration = this.autoDismiss ? "medium" : null;
+    this.color = "blue";
+    this.icon = undefined;
+    this.intlClose = TEXT.intlClose;
+    this.label = undefined;
+    this.numberingSystem = undefined;
+    this.placement = "bottom";
+    this.scale = "m";
+    this.effectiveLocale = "";
+    this.hasEndActions = false;
+    this.queue = [];
+    this.queueLength = 0;
+    this.queued = false;
+    this.requestedIcon = undefined;
   }
   openHandler() {
     if (this.open && !this.queued) {

package/dist/esm/calcite-avatar.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, h, g as getElement } from './index-c6d69d86.js';
-import { h as hexToRGB, i as isValidHex } from './utils-c2de0bd2.js';
-import { e as getThemeName } from './dom-df543551.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, h, g as getElement } from './index-d4c908c6.js';
+import { h as hexToRGB, i as isValidHex } from './utils-830639d3.js';
+import { e as getThemeName } from './dom-53c74dbf.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 /**
  * Convert a string to a valid hex by hashing its contents
@@ -71,18 +71,11 @@ const avatarCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down
 const Avatar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the size of the component. */
     this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
+    this.thumbnail = undefined;
+    this.fullName = undefined;
+    this.username = undefined;
+    this.userId = undefined;
     this.thumbnailFailedToLoad = false;
   }
   //--------------------------------------------------------------------------