@esri/calcite-components 1.0.0-beta.83 → 1.0.0-beta.84

package/dist/collection/components/shell/shell.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-beta.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Prop, h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-center-row/resources.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-beta.83
+ * v1.0.0-beta.84
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

package/dist/collection/components/shell-center-row/shell-center-row.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-beta.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Prop, h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-panel/resources.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-beta.83
+ * v1.0.0-beta.84
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/shell-panel/shell-panel.css

@@ -100,7 +100,8 @@
   box-sizing: border-box;
 }
 
-:host(:hover) .separator:not(:hover):not(:focus), :host(:focus-within) .separator:not(:hover):not(:focus) {
+:host(:hover) .separator:not(:hover):not(:focus), 
+:host(:focus-within) .separator:not(:hover):not(:focus) {
   opacity: 1;
   background-color: var(--calcite-ui-border-3);
 }
@@ -137,7 +138,8 @@
   inset-inline-start: -2px;
 }
 
-::slotted(calcite-panel), ::slotted(calcite-flow) {
+::slotted(calcite-panel), 
+::slotted(calcite-flow) {
   height: 100%;
   width: 100%;
   flex: 1 1 auto;
@@ -229,7 +231,10 @@
   max-height: unset;
 }
 
-:host([position=start]) .content--detached ::slotted(calcite-panel), :host([position=start]) .content--detached ::slotted(calcite-flow), :host([position=end]) .content--detached ::slotted(calcite-panel), :host([position=end]) .content--detached ::slotted(calcite-flow) {
+:host([position=start]) .content--detached ::slotted(calcite-panel), 
+:host([position=start]) .content--detached ::slotted(calcite-flow), 
+:host([position=end]) .content--detached ::slotted(calcite-panel), 
+:host([position=end]) .content--detached ::slotted(calcite-flow) {
   border-style: none;
 }
 
@@ -237,7 +242,9 @@
   display: none;
 }
 
-slot[name=action-bar]::slotted(calcite-action-bar), .content ::slotted(calcite-flow), .content ::slotted(calcite-panel:not([dismissed])) {
+slot[name=action-bar]::slotted(calcite-action-bar), 
+.content ::slotted(calcite-flow), 
+.content ::slotted(calcite-panel:not([dismissed])) {
   border-width: 1px;
   border-style: solid;
   border-color: var(--calcite-ui-border-3);

package/dist/collection/components/shell-panel/shell-panel.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-beta.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Event, Prop, Watch, h, State, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/slider/slider.css

@@ -84,7 +84,8 @@
   --calcite-slider-handle-extension-height: 6.5px;
   --calcite-slider-container-font-size: var(--calcite-font-size--3);
 }
-.scale--s .handle__label, .scale--s .tick__label{
+.scale--s .handle__label, 
+.scale--s .tick__label{
   line-height: .75rem;
 }
 
@@ -93,7 +94,8 @@
   --calcite-slider-handle-extension-height: 8px;
   --calcite-slider-container-font-size: var(--calcite-font-size--2);
 }
-.scale--m .handle__label, .scale--m .tick__label{
+.scale--m .handle__label, 
+.scale--m .tick__label{
   line-height: 1rem;
 }
 
@@ -102,11 +104,13 @@
   --calcite-slider-handle-extension-height: 10.5px;
   --calcite-slider-container-font-size: var(--calcite-font-size--1);
 }
-.scale--l .handle__label, .scale--l .tick__label{
+.scale--l .handle__label, 
+.scale--l .tick__label{
   line-height: 1rem;
 }
 
-.handle__label, .tick__label{
+.handle__label, 
+.tick__label{
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-2);
   font-size: var(--calcite-slider-container-font-size);
@@ -182,7 +186,7 @@
   outline-offset: 2px;
   transform: translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));
 }
-.thumb .handle__label.static, .thumb .handle__label.transformed{
+.thumb .handle__label.static,  .thumb .handle__label.transformed{
   position: absolute;
   top: 0px;
   bottom: 0px;
@@ -264,12 +268,15 @@
   --calcite-slider-thumb-y-offset: -49px;
 }
 
-.thumb:focus .handle, .thumb--active .handle{
+.thumb:focus .handle, 
+.thumb--active .handle{
   background-color: var(--calcite-ui-brand);
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
 }
 
-.thumb:hover.thumb--precise:after, .thumb:focus.thumb--precise:after, .thumb--active.thumb--precise:after{
+.thumb:hover.thumb--precise:after, 
+.thumb:focus.thumb--precise:after, 
+.thumb--active.thumb--precise:after{
   background-color: var(--calcite-ui-brand);
 }
 
@@ -358,7 +365,10 @@
   transition: opacity var(--calcite-internal-animation-timing-fast);
 }
 
-:host([has-histogram][label-handles]) .tick__label--min, :host([has-histogram][label-handles]) .tick__label--max, :host([has-histogram][precise]) .tick__label--min, :host([has-histogram][precise]) .tick__label--max{
+:host([has-histogram][label-handles]) .tick__label--min, 
+:host([has-histogram][label-handles]) .tick__label--max, 
+:host([has-histogram][precise]) .tick__label--min, 
+:host([has-histogram][precise]) .tick__label--max{
   font-weight: var(--calcite-font-weight-normal);
   color: var(--calcite-ui-text-3);
 }

package/dist/collection/components/slider/slider.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-beta.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -472,7 +472,7 @@ export class Slider {
   /** Sets focus on the component. */
   async setFocus() {
     const handle = this.minHandle ? this.minHandle : this.maxHandle;
-    handle.focus();
+    handle === null || handle === void 0 ? void 0 : handle.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/collection/components/sortable-list/resources.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-beta.83
+ * v1.0.0-beta.84
  */
 export const CSS = {
   sortItem: "sort-item",

package/dist/collection/components/sortable-list/sortable-list.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-beta.83
+ * v1.0.0-beta.84
  */
 import Sortable from "sortablejs";
 import { Component, Element, Event, Listen, Prop, State, h } from "@stencil/core";

package/dist/collection/components/split-button/resources.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-beta.83
+ * v1.0.0-beta.84
  */
 export const CSS = {
   container: "split-button__container",

package/dist/collection/components/split-button/split-button.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-beta.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Event, h, Prop, Watch } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/stepper/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * 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-beta.83
+ * v1.0.0-beta.84
  */
 export {};

package/dist/collection/components/stepper/stepper.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-beta.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Event, h, Listen, Method, Prop, Watch } from "@stencil/core";
 /**
@@ -49,7 +49,7 @@ export class Stepper {
   //--------------------------------------------------------------------------
   componentDidLoad() {
     // if no stepper items are set as active, default to the first one
-    if (!this.currentPosition) {
+    if (typeof this.currentPosition !== "number") {
       this.calciteInternalStepperItemChange.emit({
         position: 0
       });
@@ -113,12 +113,22 @@ export class Stepper {
     event.stopPropagation();
   }
   updateItem(event) {
-    if (event.detail.content) {
-      this.requestedContent = event.detail.content;
+    const { content, position } = event.detail;
+    if (content) {
+      this.requestedContent = content;
+    }
+    if (typeof position === "number") {
+      this.currentPosition = position;
     }
-    this.currentPosition = event.detail.position;
     this.calciteInternalStepperItemChange.emit({
-      position: this.currentPosition
+      position
+    });
+    event.stopPropagation();
+  }
+  handleUserRequestedStepperItemSelect(event) {
+    const { position } = event.detail;
+    this.calciteStepperItemChange.emit({
+      position
     });
     event.stopPropagation();
   }
@@ -225,7 +235,7 @@ export class Stepper {
     return this.enabledItems.indexOf(e);
   }
   focusElement(item) {
-    item.focus();
+    item === null || item === void 0 ? void 0 : item.focus();
   }
   sortItems() {
     const { itemMap } = this;
@@ -269,9 +279,12 @@ export class Stepper {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "Layout",
-        "resolved": "\"grid\" | \"horizontal\" | \"vertical\"",
+        "original": "Extract<\"horizontal\" | \"vertical\", Layout>",
+        "resolved": "\"horizontal\" | \"vertical\"",
         "references": {
+          "Extract": {
+            "location": "global"
+          },
           "Layout": {
             "location": "import",
             "path": "../interfaces"
@@ -353,6 +366,26 @@ export class Stepper {
     }
   }; }
   static get events() { return [{
+      "method": "calciteStepperItemChange",
+      "name": "calciteStepperItemChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "This event fires when the active stepper item has changed."
+      },
+      "complexType": {
+        "original": "StepperItemChangeEventDetail",
+        "resolved": "StepperItemChangeEventDetail",
+        "references": {
+          "StepperItemChangeEventDetail": {
+            "location": "import",
+            "path": "./interfaces"
+          }
+        }
+      }
+    }, {
       "method": "calciteInternalStepperItemChange",
       "name": "calciteInternalStepperItemChange",
       "bubbles": true,
@@ -490,5 +523,11 @@ export class Stepper {
       "target": undefined,
       "capture": false,
       "passive": false
+    }, {
+      "name": "calciteInternalUserRequestedStepperItemSelect",
+      "method": "handleUserRequestedStepperItemSelect",
+      "target": undefined,
+      "capture": false,
+      "passive": false
     }]; }
 }

package/dist/collection/components/stepper-item/stepper-item.css

@@ -86,7 +86,7 @@
   line-height: 1rem;
   margin-inline-end: 0.25rem;
 }
-:host([scale=s]) .stepper-item-subtitle {
+:host([scale=s]) .stepper-item-description {
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
 }
@@ -99,7 +99,7 @@
   line-height: 1.25rem;
   margin-inline-end: 0.5rem;
 }
-:host([scale=m]) .stepper-item-subtitle {
+:host([scale=m]) .stepper-item-description {
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
 }
@@ -112,7 +112,7 @@
   line-height: 1.5rem;
   margin-inline-end: 0.75rem;
 }
-:host([scale=l]) .stepper-item-subtitle {
+:host([scale=l]) .stepper-item-description {
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
 }
@@ -160,7 +160,8 @@
   align-items: flex-start;
 }
 
-:host .stepper-item-content, :host .stepper-item-header {
+:host .stepper-item-content, 
+:host .stepper-item-header {
   transition-duration: 150ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   padding-block: var(--calcite-stepper-item-spacing-unit-l);
@@ -202,18 +203,19 @@
   margin-inline-end: auto;
 }
 
-:host .stepper-item-title, :host .stepper-item-subtitle {
+:host .stepper-item-heading, 
+:host .stepper-item-description {
   display: flex;
   width: 100%;
 }
 
-:host .stepper-item-title {
+:host .stepper-item-heading {
   margin-bottom: 0.25rem;
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-2);
 }
 
-:host .stepper-item-subtitle {
+:host .stepper-item-description {
   color: var(--calcite-ui-text-3);
 }
 
@@ -256,27 +258,31 @@
   color: var(--calcite-ui-danger);
 }
 
-:host(:hover:not([disabled]):not([active])) .container, :host(:focus:not([disabled]):not([active])) .container {
+:host(:hover:not([disabled]):not([active])) .container, 
+:host(:focus:not([disabled]):not([active])) .container {
   border-top-color: var(--calcite-ui-brand);
 }
-:host(:hover:not([disabled]):not([active])) .container .stepper-item-title, :host(:focus:not([disabled]):not([active])) .container .stepper-item-title {
+:host(:hover:not([disabled]):not([active])) .container .stepper-item-heading, 
+:host(:focus:not([disabled]):not([active])) .container .stepper-item-heading {
   color: var(--calcite-ui-text-1);
 }
-:host(:hover:not([disabled]):not([active])) .container .stepper-item-subtitle, :host(:focus:not([disabled]):not([active])) .container .stepper-item-subtitle {
+:host(:hover:not([disabled]):not([active])) .container .stepper-item-description, 
+:host(:focus:not([disabled]):not([active])) .container .stepper-item-description {
   color: var(--calcite-ui-text-2);
 }
 
-:host([error]:hover:not([disabled]):not([active])) .container, :host([error]:focus:not([disabled]):not([active])) .container {
+:host([error]:hover:not([disabled]):not([active])) .container, 
+:host([error]:focus:not([disabled]):not([active])) .container {
   border-top-color: var(--calcite-ui-danger-hover);
 }
 
 :host([active]) .container {
   border-top-color: var(--calcite-ui-brand);
 }
-:host([active]) .container .stepper-item-title {
+:host([active]) .container .stepper-item-heading {
   color: var(--calcite-ui-text-1);
 }
-:host([active]) .container .stepper-item-subtitle {
+:host([active]) .container .stepper-item-description {
   color: var(--calcite-ui-text-2);
 }
 :host([active]) .container .stepper-item-number {
@@ -325,7 +331,8 @@
   border-color: rgba(0, 122, 194, 0.5);
 }
 
-:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container, :host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container {
+:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container, 
+:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container {
   border-color: var(--calcite-ui-brand);
 }
 
@@ -342,7 +349,8 @@
   border-color: rgba(0, 122, 194, 0.5);
 }
 
-:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container, :host([layout=vertical][error]:focus:not([disabled]):not([active])) .container {
+:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container, 
+:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container {
   border-color: var(--calcite-ui-danger-hover);
 }
 

package/dist/collection/components/stepper-item/stepper-item.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-beta.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -24,6 +24,10 @@ export class StepperItem {
     this.error = false;
     /** is the step disabled and not navigable to by a user */
     this.disabled = false;
+    // internal props inherited from wrapping calcite-stepper
+    /** pass a title for the stepper item */
+    /** @internal */
+    this.layout = "horizontal";
     /** should the items display an icon based on status */
     /** @internal */
     this.icon = false;
@@ -43,7 +47,7 @@ export class StepperItem {
         switch (e.key) {
           case " ":
           case "Enter":
-            this.emitRequestedItem();
+            this.emitUserRequestedItem();
             e.preventDefault();
             break;
           case "ArrowUp":
@@ -58,11 +62,22 @@ export class StepperItem {
         }
       }
     };
+    this.emitUserRequestedItem = () => {
+      this.emitRequestedItem();
+      if (!this.disabled) {
+        const position = this.itemPosition;
+        this.calciteInternalUserRequestedStepperItemSelect.emit({
+          position
+        });
+      }
+    };
     this.emitRequestedItem = () => {
       if (!this.disabled) {
+        const position = this.itemPosition;
+        const content = this.itemContent;
         this.calciteInternalStepperItemSelect.emit({
-          position: this.itemPosition,
-          content: this.itemContent
+          position,
+          content
         });
       }
     };
@@ -82,6 +97,11 @@ export class StepperItem {
   disabledWatcher() {
     this.registerStepperItem();
   }
+  activeWatcher(active) {
+    if (active) {
+      this.emitRequestedItem();
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -98,7 +118,7 @@ export class StepperItem {
     updateHostInteraction(this, true);
   }
   render() {
-    return (h(Host, { "aria-expanded": toAriaBoolean(this.active), onClick: this.emitRequestedItem, onKeyDown: this.keyDownHandler },
+    return (h(Host, { "aria-expanded": toAriaBoolean(this.active), onClick: this.emitUserRequestedItem, onKeyDown: this.keyDownHandler },
       h("div", { class: "container" },
         h("div", { class: "stepper-item-header" },
           this.icon ? this.renderIcon() : null,
@@ -106,8 +126,8 @@ export class StepperItem {
             this.getItemPosition() + 1,
             ".")) : null,
           h("div", { class: "stepper-item-header-text" },
-            h("span", { class: "stepper-item-title" }, this.itemTitle),
-            h("span", { class: "stepper-item-subtitle" }, this.itemSubtitle))),
+            h("span", { class: "stepper-item-heading" }, this.heading || this.itemTitle),
+            h("span", { class: "stepper-item-description" }, this.description || this.itemSubtitle))),
         h("div", { class: "stepper-item-content" },
           h("slot", { onSlotchange: this.setItemContent })))));
   }
@@ -238,13 +258,16 @@ export class StepperItem {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "deprecated",
+            "text": "use heading instead"
+          }],
         "text": "pass a title for the stepper item"
       },
       "attribute": "item-title",
       "reflect": false
     },
-    "itemSubtitle": {
+    "heading": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -256,20 +279,65 @@ export class StepperItem {
       "optional": true,
       "docs": {
         "tags": [],
+        "text": "stepper item heading"
+      },
+      "attribute": "heading",
+      "reflect": false
+    },
+    "itemSubtitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "deprecated",
+            "text": "use description instead"
+          }],
         "text": "pass a title for the stepper item"
       },
       "attribute": "item-subtitle",
       "reflect": false
     },
-    "layout": {
+    "description": {
       "type": "string",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
         "original": "string",
         "resolved": "string",
         "references": {}
       },
       "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "stepper item description"
+      },
+      "attribute": "description",
+      "reflect": false
+    },
+    "layout": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "Extract<\"horizontal\" | \"vertical\", Layout>",
+        "resolved": "\"horizontal\" | \"vertical\"",
+        "references": {
+          "Extract": {
+            "location": "global"
+          },
+          "Layout": {
+            "location": "import",
+            "path": "../interfaces"
+          }
+        }
+      },
+      "required": false,
       "optional": true,
       "docs": {
         "tags": [{
@@ -279,7 +347,8 @@ export class StepperItem {
         "text": ""
       },
       "attribute": "layout",
-      "reflect": true
+      "reflect": true,
+      "defaultValue": "\"horizontal\""
     },
     "icon": {
       "type": "boolean",
@@ -396,6 +465,29 @@ export class StepperItem {
           }
         }
       }
+    }, {
+      "method": "calciteInternalUserRequestedStepperItemSelect",
+      "name": "calciteInternalUserRequestedStepperItemSelect",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "StepperItemChangeEventDetail",
+        "resolved": "StepperItemChangeEventDetail",
+        "references": {
+          "StepperItemChangeEventDetail": {
+            "location": "import",
+            "path": "../stepper/interfaces"
+          }
+        }
+      }
     }, {
       "method": "calciteInternalStepperItemRegister",
       "name": "calciteInternalStepperItemRegister",
@@ -424,6 +516,9 @@ export class StepperItem {
   static get watchers() { return [{
       "propName": "disabled",
       "methodName": "disabledWatcher"
+    }, {
+      "propName": "active",
+      "methodName": "activeWatcher"
     }]; }
   static get listeners() { return [{
       "name": "calciteInternalStepperItemChange",