@esri/calcite-components 1.9.0-next.1 → 1.9.0-next.11

package/dist/esm/{bs-2b62bbdf.js → bs-77468e7b.js}

@@ -1,24 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-6c07c959.js';
-import './index-10deba03.js';
-import './form-a71f6c1f.js';
-import './dom-592bc002.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
-import './interactive-02240f7b.js';
-import './browser-260da6ce.js';
-import './key-c073457c.js';
-import './label-62feebdd.js';
-import './loadable-baf1c638.js';
-import './locale-73fd251d.js';
-import './observers-914efda8.js';
-import './focusTrapComponent-d04ff5e1.js';
-import './math-c0554b48.js';
-import './t9n-f1ec5472.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-a7881272.js';
+import './index-c38f998a.js';
+import './form-d9c0e9de.js';
+import './dom-c618422a.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
+import './interactive-f851dd2c.js';
+import './browser-0c12f4e2.js';
+import './key-31c9644d.js';
+import './label-993522e8.js';
+import './loadable-73340893.js';
+import './locale-cd83d9df.js';
+import './observers-94a893ef.js';
+import './focusTrapComponent-470eec16.js';
+import './math-8edf5722.js';
+import './t9n-4d25eb9d.js';
+import './openCloseComponent-a5a36445.js';
 
 // Bosnian [bs]
 var locale = {

package/dist/esm/{ca-4151a5c9.js → ca-282ec08c.js}

@@ -1,24 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-6c07c959.js';
-import './index-10deba03.js';
-import './form-a71f6c1f.js';
-import './dom-592bc002.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
-import './interactive-02240f7b.js';
-import './browser-260da6ce.js';
-import './key-c073457c.js';
-import './label-62feebdd.js';
-import './loadable-baf1c638.js';
-import './locale-73fd251d.js';
-import './observers-914efda8.js';
-import './focusTrapComponent-d04ff5e1.js';
-import './math-c0554b48.js';
-import './t9n-f1ec5472.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-a7881272.js';
+import './index-c38f998a.js';
+import './form-d9c0e9de.js';
+import './dom-c618422a.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
+import './interactive-f851dd2c.js';
+import './browser-0c12f4e2.js';
+import './key-31c9644d.js';
+import './label-993522e8.js';
+import './loadable-73340893.js';
+import './locale-cd83d9df.js';
+import './observers-94a893ef.js';
+import './focusTrapComponent-470eec16.js';
+import './math-8edf5722.js';
+import './t9n-4d25eb9d.js';
+import './openCloseComponent-a5a36445.js';
 
 // Catalan [ca]
 var locale = {

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

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-10deba03.js';
-import { c as createObserver } from './observers-914efda8.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9ec24c27.js';
-import { h as getSlotted, g as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-592bc002.js';
-import { C as CSS_UTILITY } from './resources-4a8608fe.js';
-import './guid-d19a382a.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-c38f998a.js';
+import { c as createObserver } from './observers-94a893ef.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4e62966e.js';
+import { h as getSlotted, g as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-c618422a.js';
+import { C as CSS_UTILITY } from './resources-759b72df.js';
+import './guid-eeb2e4f0.js';
 
 const accordionCss = ":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-inline-size: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{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-10deba03.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9ec24c27.js';
-import { s as slotChangeGetAssignedElements, b as slotChangeHasAssignedElement, f as focusFirstTabbable } from './dom-592bc002.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-baf1c638.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-73fd251d.js';
-import { c as createObserver } from './observers-914efda8.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-f1ec5472.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-f97b01a0.js';
-import { d as debounce } from './debounce-9d0412bf.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
-import './key-c073457c.js';
-import './resources-870040ed.js';
-import './resources-311491f3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c38f998a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4e62966e.js';
+import { s as slotChangeGetAssignedElements, b as slotChangeHasAssignedElement, f as focusFirstTabbable } from './dom-c618422a.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-73340893.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd83d9df.js';
+import { c as createObserver } from './observers-94a893ef.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-4d25eb9d.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-657ba676.js';
+import { d as debounce } from './debounce-68078c23.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
+import './key-31c9644d.js';
+import './resources-d146165d.js';
+import './resources-7b138dc8.js';
 
 const CSS = {
   actionGroupEnd: "action-group--end",
@@ -139,9 +139,12 @@ const ActionBar = class {
     this.updateGroups();
   }
   overflowDisabledHandler(overflowActionsDisabled) {
-    overflowActionsDisabled
-      ? this.resizeObserver.disconnect()
-      : this.resizeObserver.observe(this.el);
+    if (overflowActionsDisabled) {
+      this.resizeObserver?.disconnect();
+      return;
+    }
+    this.resizeObserver?.observe(this.el);
+    this.overflowActions();
   }
   onMessagesChange() {
     /* wired up by t9n util */
@@ -219,7 +222,7 @@ const ActionBar = class {
     const expandToggleNode = !expandDisabled ? (h(ExpandToggle, { collapseText: messages.collapse, el: el, expandText: messages.expand, expanded: expanded, position: position, scale: scale, toggle: toggleExpand, tooltip: this.expandTooltip,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setExpandToggleRef })) : null;
-    return (h("calcite-action-group", { class: CSS.actionGroupEnd, label: actionsEndGroupLabel, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), layout: layout, scale: scale }, h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), h("slot", { name: SLOTS.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
+    return (h("calcite-action-group", { class: CSS.actionGroupEnd, hidden: this.expandDisabled && !(this.hasActionsEnd || this.hasBottomActions), label: actionsEndGroupLabel, layout: layout, scale: scale }, h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), h("slot", { name: SLOTS.bottomActions, onSlotchange: this.handleBottomActionsSlotChange }), h("slot", { name: SLOTS.expandTooltip, onSlotchange: this.handleTooltipSlotChange }), expandToggleNode));
   }
   render() {
     return (h(Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("slot", { onSlotchange: this.handleDefaultSlotChange }), this.renderBottomActionGroup()));

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

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, h, a as getElement } from './index-10deba03.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9ec24c27.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-baf1c638.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-73fd251d.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-f1ec5472.js';
-import { S as SLOTS$1 } from './resources-311491f3.js';
-import { S as SLOTS, I as ICONS, C as CSS } from './resources-870040ed.js';
-import { b as slotChangeHasAssignedElement } from './dom-592bc002.js';
-import './observers-914efda8.js';
-import './key-c073457c.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
+import { r as registerInstance, h, a as getElement } from './index-c38f998a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4e62966e.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-73340893.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd83d9df.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-4d25eb9d.js';
+import { S as SLOTS$1 } from './resources-7b138dc8.js';
+import { S as SLOTS, I as ICONS, C as CSS } from './resources-d146165d.js';
+import { b as slotChangeHasAssignedElement } from './dom-c618422a.js';
+import './observers-94a893ef.js';
+import './key-31c9644d.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
 
-const actionGroupCss = ":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}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3}.container{display:flex;flex-grow:1;flex-direction:column}: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]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{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)}:host([hidden]){display:none}[hidden]{display:none}";
+const actionGroupCss = ":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}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}: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]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-ui-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
 
 const ActionGroup = class {
   constructor(hostRef) {

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-10deba03.js';
-import { g as getRoundRobinIndex } from './array-2523c38a.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, d as focusElement } from './dom-592bc002.js';
-import { g as guid } from './guid-d19a382a.js';
-import { i as isActivationKey } from './key-c073457c.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-baf1c638.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-311491f3.js';
-import './resources-4a8608fe.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-c38f998a.js';
+import { g as getRoundRobinIndex } from './array-f3663727.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, d as focusElement } from './dom-c618422a.js';
+import { g as guid } from './guid-eeb2e4f0.js';
+import { i as isActivationKey } from './key-31c9644d.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-73340893.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-7b138dc8.js';
+import './resources-759b72df.js';
 
-const actionMenuCss = ":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-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );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}:host([hidden]){display:none}[hidden]{display:none}";
+const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;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-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );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}:host([hidden]){display:none}[hidden]{display:none}";
 
 const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
 const ActionMenu = class {
@@ -191,6 +191,7 @@ const ActionMenu = class {
       this.el.addEventListener("calcitePopoverOpen", this.toggleOpenEnd);
       this.open = value;
     };
+    this.appearance = "solid";
     this.expanded = false;
     this.flipPlacements = undefined;
     this.label = undefined;
@@ -251,8 +252,8 @@ const ActionMenu = class {
     return focusElement(this.menuButtonEl);
   }
   renderMenuButton() {
-    const { label, scale, expanded } = this;
-    const menuButtonSlot = (h("slot", { name: SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, h("calcite-action", { class: CSS.defaultTrigger, icon: ICONS.menu, scale: scale, text: label, textEnabled: expanded,
+    const { appearance, label, scale, expanded } = this;
+    const menuButtonSlot = (h("slot", { name: SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, h("calcite-action", { appearance: appearance, class: CSS.defaultTrigger, icon: ICONS.menu, scale: scale, text: label, textEnabled: expanded,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setDefaultMenuButtonEl })));
     return menuButtonSlot;

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

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-10deba03.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9ec24c27.js';
-import { s as slotChangeGetAssignedElements } from './dom-592bc002.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-baf1c638.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-73fd251d.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-f1ec5472.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-f97b01a0.js';
-import { c as createObserver } from './observers-914efda8.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
-import './key-c073457c.js';
-import './resources-870040ed.js';
-import './resources-311491f3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c38f998a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4e62966e.js';
+import { s as slotChangeGetAssignedElements } from './dom-c618422a.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-73340893.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd83d9df.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-4d25eb9d.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-657ba676.js';
+import { c as createObserver } from './observers-94a893ef.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
+import './key-31c9644d.js';
+import './resources-d146165d.js';
+import './resources-7b138dc8.js';
 
 const CSS = {
   actionGroupEnd: "action-group--end",

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, h, H as Host, a as getElement, f as forceUpdate } from './index-10deba03.js';
-import { t as toAriaBoolean } from './dom-592bc002.js';
-import { g as guid } from './guid-d19a382a.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-02240f7b.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-baf1c638.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-73fd251d.js';
-import { c as createObserver } from './observers-914efda8.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-f1ec5472.js';
-import './resources-4a8608fe.js';
-import './browser-260da6ce.js';
-import './key-c073457c.js';
+import { r as registerInstance, h, H as Host, a as getElement, f as forceUpdate } from './index-c38f998a.js';
+import { t as toAriaBoolean } from './dom-c618422a.js';
+import { g as guid } from './guid-eeb2e4f0.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-f851dd2c.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-73340893.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd83d9df.js';
+import { c as createObserver } from './observers-94a893ef.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-4d25eb9d.js';
+import './resources-759b72df.js';
+import './browser-0c12f4e2.js';
+import './key-31c9644d.js';
 
 const CSS = {
   button: "button",

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-10deba03.js';
-import { b as slotChangeHasAssignedElement, e as setRequestedIcon, t as toAriaBoolean, h as getSlotted } from './dom-592bc002.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-baf1c638.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-73fd251d.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-80582912.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-f1ec5472.js';
-import { K as KindIcons } from './resources-f4441d67.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
-import './key-c073457c.js';
-import './observers-914efda8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c38f998a.js';
+import { b as slotChangeHasAssignedElement, e as setRequestedIcon, t as toAriaBoolean, h as getSlotted } from './dom-c618422a.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-73340893.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-cd83d9df.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-a5a36445.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-4d25eb9d.js';
+import { K as KindIcons } from './resources-e912c593.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
+import './key-31c9644d.js';
+import './observers-94a893ef.js';
 
 const DURATIONS = {
   slow: 14000,
@@ -132,15 +132,16 @@ const Alert = class {
     connectMessages(this);
     const open = this.open;
     if (open && !this.queued) {
-      this.openHandler();
       this.calciteInternalAlertRegister.emit();
-      onToggleOpenCloseComponent(this);
     }
   }
   async componentWillLoad() {
     setUpLoadableComponent(this);
     this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
     await setUpMessages(this);
+    if (this.open) {
+      onToggleOpenCloseComponent(this);
+    }
   }
   componentDidLoad() {
     setComponentLoaded(this);

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-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, h, a as getElement } from './index-10deba03.js';
-import { j as getModeName } from './dom-592bc002.js';
-import { h as hexToRGB, i as isValidHex } from './utils-0bcd6f1a.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
+import { r as registerInstance, h, a as getElement } from './index-c38f998a.js';
+import { j as getModeName } from './dom-c618422a.js';
+import { h as hexToRGB, i as isValidHex } from './utils-1094b8b0.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
 
 /**
  * Convert a string to a valid hex by hashing its contents

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

@@ -1,21 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-10deba03.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9ec24c27.js';
-import { f as focusFirstTabbable, h as getSlotted, t as toAriaBoolean, g as getElementDir } from './dom-592bc002.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-02240f7b.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-73fd251d.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-f1ec5472.js';
-import { H as Heading } from './Heading-2a42828d.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-baf1c638.js';
-import { i as isActivationKey } from './key-c073457c.js';
-import './observers-914efda8.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
-import './browser-260da6ce.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c38f998a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4e62966e.js';
+import { f as focusFirstTabbable, h as getSlotted, t as toAriaBoolean, g as getElementDir } from './dom-c618422a.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-f851dd2c.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd83d9df.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-4d25eb9d.js';
+import { H as Heading } from './Heading-8061f902.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-73340893.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-a5a36445.js';
+import { i as isActivationKey } from './key-31c9644d.js';
+import './observers-94a893ef.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
+import './browser-0c12f4e2.js';
 
 const IDS$1 = {
   content: "content",
@@ -57,7 +58,12 @@ const blockCss = ":host{box-sizing:border-box;background-color:var(--calcite-ui-
 const Block = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.calciteBlockBeforeClose = createEvent(this, "calciteBlockBeforeClose", 6);
+    this.calciteBlockBeforeOpen = createEvent(this, "calciteBlockBeforeOpen", 6);
+    this.calciteBlockClose = createEvent(this, "calciteBlockClose", 6);
+    this.calciteBlockOpen = createEvent(this, "calciteBlockOpen", 6);
     this.calciteBlockToggle = createEvent(this, "calciteBlockToggle", 6);
+    this.openTransitionProp = "opacity";
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -67,6 +73,9 @@ const Block = class {
       this.open = !this.open;
       this.calciteBlockToggle.emit();
     };
+    this.setTransitionEl = (el) => {
+      this.transitionEl = el;
+    };
     this.collapsible = false;
     this.disabled = false;
     this.dragHandle = false;
@@ -81,6 +90,9 @@ const Block = class {
     this.effectiveLocale = undefined;
     this.defaultMessages = undefined;
   }
+  openHandler() {
+    onToggleOpenCloseComponent(this);
+  }
   onMessagesChange() {
     /* wired up by t9n util */
   }
@@ -97,6 +109,18 @@ const Block = class {
     await componentFocusable(this);
     focusFirstTabbable(this.el);
   }
+  onBeforeOpen() {
+    this.calciteBlockBeforeOpen.emit();
+  }
+  onOpen() {
+    this.calciteBlockOpen.emit();
+  }
+  onBeforeClose() {
+    this.calciteBlockBeforeClose.emit();
+  }
+  onClose() {
+    this.calciteBlockClose.emit();
+  }
   effectiveLocaleChange() {
     updateMessages(this, this.effectiveLocale);
   }
@@ -120,6 +144,9 @@ const Block = class {
   async componentWillLoad() {
     await setUpMessages(this);
     setUpLoadableComponent(this);
+    if (this.open) {
+      onToggleOpenCloseComponent(this);
+    }
   }
   componentDidLoad() {
     setComponentLoaded(this);
@@ -160,11 +187,14 @@ const Block = class {
     const headerNode = (h("div", { class: CSS$1.headerContainer }, this.dragHandle ? h("calcite-handle", null) : null, collapsible ? (h("button", { "aria-controls": IDS$1.content, "aria-describedby": IDS$1.header, "aria-expanded": collapsible ? toAriaBoolean(open) : null, class: CSS$1.toggle, id: IDS$1.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (h("calcite-icon", { "aria-hidden": "true", class: CSS$1.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), hasControl ? (h("div", { class: CSS$1.controlContainer }, h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (h("calcite-action-menu", { label: messages.options }, h("slot", { name: SLOTS.headerMenuActions }))) : null));
     return (h(Host, null, h("article", { "aria-busy": toAriaBoolean(loading), class: {
         [CSS$1.container]: true,
-      } }, headerNode, h("section", { "aria-labelledby": IDS$1.toggle, class: CSS$1.content, hidden: !open, id: IDS$1.content }, this.renderScrim()))));
+      } }, headerNode, h("section", { "aria-labelledby": IDS$1.toggle, class: CSS$1.content, hidden: !open, id: IDS$1.content,
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: this.setTransitionEl }, this.renderScrim()))));
   }
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "open": ["openHandler"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }

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

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, h, a as getElement } from './index-10deba03.js';
-import { s as submitForm, r as resetForm, f as findAssociatedForm } from './form-a71f6c1f.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-02240f7b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-62feebdd.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-baf1c638.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-73fd251d.js';
-import { c as createObserver } from './observers-914efda8.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-f1ec5472.js';
-import './dom-592bc002.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
-import './browser-260da6ce.js';
-import './key-c073457c.js';
+import { r as registerInstance, h, a as getElement } from './index-c38f998a.js';
+import { s as submitForm, r as resetForm, f as findAssociatedForm } from './form-d9c0e9de.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-f851dd2c.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-993522e8.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-73340893.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd83d9df.js';
+import { c as createObserver } from './observers-94a893ef.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-4d25eb9d.js';
+import './dom-c618422a.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
+import './browser-0c12f4e2.js';
+import './key-31c9644d.js';
 
 const CSS = {
   buttonLoader: "calcite-button--loader",

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

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.1
+ * v1.9.0-next.11
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-10deba03.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9ec24c27.js';
-import { t as toAriaBoolean, h as getSlotted } from './dom-592bc002.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-73fd251d.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-f1ec5472.js';
-import './observers-914efda8.js';
-import './guid-d19a382a.js';
-import './resources-4a8608fe.js';
-import './key-c073457c.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-c38f998a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4e62966e.js';
+import { t as toAriaBoolean, h as getSlotted } from './dom-c618422a.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-cd83d9df.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-4d25eb9d.js';
+import './observers-94a893ef.js';
+import './guid-eeb2e4f0.js';
+import './resources-759b72df.js';
+import './key-31c9644d.js';
 
 const CSS = {
   container: "container",