@esri/calcite-components 1.0.0-next.495 → 1.0.0-next.498

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-next.495
+ * v1.0.0-next.498
  */
 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-next.495
+ * v1.0.0-next.498
  */
 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-next.495
+ * v1.0.0-next.498
  */
 export const CSS = {
   container: "container",

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-next.495
+ * v1.0.0-next.498
  */
 import { Component, Element, Event, Prop, Watch, h, State, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

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-next.495
+ * v1.0.0-next.498
  */
 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-next.495
+ * v1.0.0-next.498
  */
 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-next.495
+ * v1.0.0-next.498
  */
 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-next.495
+ * v1.0.0-next.498
  */
 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-next.495
+ * v1.0.0-next.498
  */
 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-next.495
+ * v1.0.0-next.498
  */
 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-next.495
+ * v1.0.0-next.498
  */
 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;
@@ -353,6 +363,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 +520,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;
 }
@@ -203,19 +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);
 }
 
@@ -262,12 +262,12 @@
 :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);
 }
 
@@ -279,10 +279,10 @@
 :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 {

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-next.495
+ * v1.0.0-next.498
  */
 import { Component, Element, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -43,7 +43,7 @@ export class StepperItem {
         switch (e.key) {
           case " ":
           case "Enter":
-            this.emitRequestedItem();
+            this.emitUserRequestedItem();
             e.preventDefault();
             break;
           case "ArrowUp":
@@ -58,11 +58,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 +93,11 @@ export class StepperItem {
   disabledWatcher() {
     this.registerStepperItem();
   }
+  activeWatcher(active) {
+    if (active) {
+      this.emitRequestedItem();
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -98,7 +114,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 +122,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 +254,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,11 +275,48 @@ 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
     },
+    "description": {
+      "type": "string",
+      "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,
@@ -396,6 +452,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 +503,9 @@ export class StepperItem {
   static get watchers() { return [{
       "propName": "disabled",
       "methodName": "disabledWatcher"
+    }, {
+      "propName": "active",
+      "methodName": "activeWatcher"
     }]; }
   static get listeners() { return [{
       "name": "calciteInternalStepperItemChange",

package/dist/collection/components/switch/switch.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.495
+ * v1.0.0-next.498
  */
 import { Component, Element, Event, h, Host, Method, Prop, Watch } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/tab/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-next.495
+ * v1.0.0-next.498
  */
 export {};

package/dist/collection/components/tab/tab.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.495
+ * v1.0.0-next.498
  */
 import { Component, Prop, Element, Listen, Method, Event, h, State, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/tab-nav/tab-nav.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.495
+ * v1.0.0-next.498
  */
 import { Component, Element, Event, h, Host, Listen, Prop, State, Watch } from "@stencil/core";
 import { getElementDir, filterDirectChildren } from "../../utils/dom";
@@ -127,14 +127,14 @@ export class TabNav {
     const currentIndex = this.getIndexOfTabTitle(e.target, this.enabledTabTitles);
     const previousTab = this.enabledTabTitles[currentIndex - 1] ||
       this.enabledTabTitles[this.enabledTabTitles.length - 1];
-    previousTab.focus();
+    previousTab === null || previousTab === void 0 ? void 0 : previousTab.focus();
     e.stopPropagation();
     e.preventDefault();
   }
   focusNextTabHandler(e) {
     const currentIndex = this.getIndexOfTabTitle(e.target, this.enabledTabTitles);
     const nextTab = this.enabledTabTitles[currentIndex + 1] || this.enabledTabTitles[0];
-    nextTab.focus();
+    nextTab === null || nextTab === void 0 ? void 0 : nextTab.focus();
     e.stopPropagation();
     e.preventDefault();
   }

package/dist/collection/components/tab-title/tab-title.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.495
+ * v1.0.0-next.498
  */
 import { Build, Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/tabs/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-next.495
+ * v1.0.0-next.498
  */
 export {};

package/dist/collection/components/tabs/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-next.495
+ * v1.0.0-next.498
  */
 export const SLOTS = {
   tabNav: "tab-nav"

package/dist/collection/components/tabs/tabs.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.495
+ * v1.0.0-next.498
  */
 import { Component, Prop, h, Element, Listen, State, Fragment } from "@stencil/core";
 import { SLOTS } from "./resources";

package/dist/collection/components/tile/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-next.495
+ * v1.0.0-next.498
  */
 export const SLOTS = {
   contentStart: "content-start",

package/dist/collection/components/tile/tile.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.495
+ * v1.0.0-next.498
  */
 import { Component, Element, Fragment, h, Prop } from "@stencil/core";
 import { SLOTS } from "./resources";

package/dist/collection/components/tile-select/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-next.495
+ * v1.0.0-next.498
  */
 export {};

package/dist/collection/components/tile-select/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-next.495
+ * v1.0.0-next.498
  */
 export const CSS = {
   checked: "checked",

package/dist/collection/components/tile-select/tile-select.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.495
+ * v1.0.0-next.498
  */
 import { Component, Element, Event, h, Prop, Listen, Watch, State, Method } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -53,7 +53,8 @@ export class TileSelect {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    this.input.setFocus();
+    var _a;
+    (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/collection/components/tile-select-group/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-next.495
+ * v1.0.0-next.498
  */
 export {};

package/dist/collection/components/tile-select-group/tile-select-group.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.495
+ * v1.0.0-next.498
  */
 import { Component, h, Prop, Element } from "@stencil/core";
 import { updateHostInteraction } from "../../utils/interactive";

package/dist/collection/components/time-picker/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-next.495
+ * v1.0.0-next.498
  */
 export const CSS = {
   button: "button",

package/dist/collection/components/time-picker/time-picker.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.495
+ * v1.0.0-next.498
  */
 import { Component, Element, h, Prop, Event, Watch, State, Listen, Method } from "@stencil/core";
 import { isActivationKey, numberKeys } from "../../utils/key";