@esri/calcite-components 1.0.0-next.465 → 1.0.0-next.468

package/dist/collection/components/popover/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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/popover-manager/popover-manager.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.465
+ * v1.0.0-next.468
  */
 import { Component, h, Prop, Element, Watch } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
@@ -19,6 +19,7 @@ export class PopoverManager {
     // --------------------------------------------------------------------------
     /**
      * CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover.
+     *
      * @default `[data-calcite-popover-reference]`
      */
     this.selector = "[data-calcite-popover-reference]";

package/dist/collection/components/progress/progress.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, h, Prop } from "@stencil/core";
 export class Progress {

package/dist/collection/components/radio-button/radio-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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -24,6 +24,7 @@ export class RadioButton {
     this.disabled = false;
     /**
      * The focused state of the radio button.
+     *
      * @internal
      */
     this.focused = false;
@@ -31,6 +32,7 @@ export class RadioButton {
     this.hidden = false;
     /**
      * The hovered state of the radio button.
+     *
      * @internal
      */
     this.hovered = false;

package/dist/collection/components/radio-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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/radio-button-group/radio-button-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.465
+ * v1.0.0-next.468
  */
 import { Component, Host, h, Element, Prop, Watch, Event, Listen } from "@stencil/core";
 import { createObserver } from "../../utils/observers";

package/dist/collection/components/radio-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.465
+ * v1.0.0-next.468
  */
 export {};

package/dist/collection/components/radio-group/radio-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.465
+ * v1.0.0-next.468
  */
 import { Component, Event, h, Listen, Element, Prop, Watch, Host, Build, Method } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -101,9 +101,9 @@ export class RadioGroup {
       h(HiddenFormInputSlot, { component: this })));
   }
   handleSelected(event) {
-    event.stopPropagation();
     event.preventDefault();
     this.selectItem(event.target);
+    event.stopPropagation();
   }
   handleKeyDown(event) {
     const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
@@ -435,7 +435,7 @@ export class RadioGroup {
       "methodName": "handleSelectedItemChange"
     }]; }
   static get listeners() { return [{
-      "name": "calciteRadioGroupItemChange",
+      "name": "calciteInternalRadioGroupItemChange",
       "method": "handleSelected",
       "target": undefined,
       "capture": false,

package/dist/collection/components/radio-group-item/radio-group-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.465
+ * v1.0.0-next.468
  */
 import { Component, h, Prop, Element, Event, Host, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -21,7 +21,7 @@ export class RadioGroupItem {
     this.iconPosition = "start";
   }
   handleCheckedChange() {
-    this.calciteRadioGroupItemChange.emit();
+    this.calciteInternalRadioGroupItemChange.emit();
   }
   render() {
     const { checked, value } = this;
@@ -146,8 +146,8 @@ export class RadioGroupItem {
     }
   }; }
   static get events() { return [{
-      "method": "calciteRadioGroupItemChange",
-      "name": "calciteRadioGroupItemChange",
+      "method": "calciteInternalRadioGroupItemChange",
+      "name": "calciteInternalRadioGroupItemChange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,

package/dist/collection/components/radio-group-item/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.465
+ * v1.0.0-next.468
  */
 export const SLOTS = {
   input: "input"

package/dist/collection/components/rating/rating.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, Fragment, h, Listen, Method, Prop, State } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -26,11 +26,15 @@ export class Rating {
     this.disabled = false;
     /** Show average and count data summary chip (if available) */
     this.showChip = false;
-    /** Localized string for "Rating" (used for aria label)
+    /**
+     * Localized string for "Rating" (used for aria label)
+     *
      * @default "Rating"
      */
     this.intlRating = TEXT.rating;
-    /** Localized string for labelling each star, `${num}` in the string will be replaced by the number
+    /**
+     * Localized string for labelling each star, `${num}` in the string will be replaced by the number
+     *
      * @default "Stars: ${num}"
      */
     this.intlStars = TEXT.stars;

package/dist/collection/components/rating/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.465
+ * v1.0.0-next.468
  */
 export const TEXT = {
   rating: "Rating",

package/dist/collection/components/scrim/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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   scrim: "scrim",

package/dist/collection/components/scrim/scrim.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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Prop, h } from "@stencil/core";
 import { CSS, TEXT } from "./resources";
@@ -15,7 +15,9 @@ export class Scrim {
     //  Properties
     //
     // --------------------------------------------------------------------------
-    /** string to override English loading text
+    /**
+     * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = TEXT.loading;

package/dist/collection/components/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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/select/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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, Fragment, h, Listen, Method, Prop, Watch } from "@stencil/core";
 import { focusElement } from "../../utils/dom";
@@ -421,13 +421,13 @@ export class Select {
       "methodName": "selectedOptionHandler"
     }]; }
   static get listeners() { return [{
-      "name": "calciteOptionChange",
+      "name": "calciteInternalOptionChange",
       "method": "handleOptionOrGroupChange",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteOptionGroupChange",
+      "name": "calciteInternalOptionGroupChange",
       "method": "handleOptionOrGroupChange",
       "target": undefined,
       "capture": false,

package/dist/collection/components/shell/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.465
+ * v1.0.0-next.468
  */
 export const CSS = {
   main: "main",

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-next.465
+ * v1.0.0-next.468
  */
 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-next.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, Prop, Watch, h, State, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";
@@ -37,6 +37,7 @@ export class ShellPanel {
     this.widthScale = "m";
     /**
      * Accessible label for resize separator.
+     *
      * @default "Resize"
      */
     this.intlResize = TEXT.resize;

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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -100,6 +100,7 @@ export class Slider {
     };
     /**
      * Set the reference of the track Element
+     *
      * @internal
      * @param node
      */
@@ -549,6 +550,7 @@ export class Slider {
   }
   /**
    * Set the prop value if changed at the component level
+   *
    * @param valueProp
    * @param value
    */
@@ -567,6 +569,9 @@ export class Slider {
   }
   /**
    * If number is outside range, constrain to min or max
+   *
+   * @param value
+   * @param prop
    * @internal
    */
   clamp(value, prop) {
@@ -582,6 +587,8 @@ export class Slider {
   }
   /**
    * Translate a pixel position to value along the range
+   *
+   * @param x
    * @internal
    */
   translate(x) {
@@ -598,6 +605,8 @@ export class Slider {
   }
   /**
    * Get closest allowed value along stepped values
+   *
+   * @param num
    * @internal
    */
   getClosestStep(num) {
@@ -621,6 +630,8 @@ export class Slider {
   }
   /**
    * Get position of value along range as fractional value
+   *
+   * @param num
    * @return {number} number in the unit interval [0,1]
    * @internal
    */
@@ -755,6 +766,9 @@ export class Slider {
   }
   /**
    * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.
+   *
+   * @param leftBounds
+   * @param rightBounds
    * @internal
    */
   getHostOffset(leftBounds, rightBounds) {
@@ -771,6 +785,7 @@ export class Slider {
   /**
    * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account
    * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.
+   *
    * @param leftLabel
    * @param rightLabel
    */
@@ -783,6 +798,7 @@ export class Slider {
   }
   /**
    * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle div element.
+   *
    * @param minLabel
    * @param handle
    */
@@ -793,6 +809,7 @@ export class Slider {
   }
   /**
    * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle div element.
+   *
    * @param maxLabel
    * @param handle
    */

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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Prop, Watch } from "@stencil/core";
 import { CSS } from "./resources";
@@ -19,13 +19,16 @@ export class SplitButton {
     this.disabled = false;
     /**
      * Is the dropdown currently active or not
+     *
      * @internal
      */
     this.active = false;
     /** specify the icon used for the dropdown menu, defaults to chevron */
     this.dropdownIconType = "chevron";
-    /** optionally add a calcite-loader component to the control,
-     disabling interaction. with the primary button */
+    /**
+      optionally add a calcite-loader component to the control,
+     disabling interaction. with the primary button
+     */
     this.loading = false;
     /** Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value. */
     this.overlayPositioning = "absolute";

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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Listen, Method, Prop, Watch } from "@stencil/core";
 /**
@@ -50,7 +50,7 @@ export class Stepper {
   componentDidLoad() {
     // if no stepper items are set as active, default to the first one
     if (!this.currentPosition) {
-      this.calciteStepperItemChange.emit({
+      this.calciteInternalStepperItemChange.emit({
         position: 0
       });
     }
@@ -68,7 +68,7 @@ export class Stepper {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  calciteStepperItemKeyEvent(e) {
+  calciteInternalStepperItemKeyEvent(e) {
     const item = e.detail.item;
     const itemToFocus = e.target;
     const isFirstItem = this.itemIndex(itemToFocus) === 0;
@@ -99,6 +99,7 @@ export class Stepper {
         this.focusLastItem();
         break;
     }
+    e.stopPropagation();
   }
   registerItem(event) {
     const item = event.target;
@@ -109,15 +110,17 @@ export class Stepper {
     this.itemMap.set(item, position);
     this.items = this.sortItems();
     this.enabledItems = this.filterItems();
+    event.stopPropagation();
   }
   updateItem(event) {
     if (event.detail.content) {
       this.requestedContent = event.detail.content;
     }
     this.currentPosition = event.detail.position;
-    this.calciteStepperItemChange.emit({
+    this.calciteInternalStepperItemChange.emit({
       position: this.currentPosition
     });
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -140,7 +143,11 @@ export class Stepper {
     }
     this.emitChangedItem(enabledStepIndex);
   }
-  /** set the requested step as active */
+  /**
+   * set the requested step as active
+   *
+   * @param step
+   */
   async goToStep(step) {
     const position = step - 1;
     if (this.currentPosition !== position) {
@@ -186,7 +193,7 @@ export class Stepper {
   }
   emitChangedItem(position) {
     this.currentPosition = position;
-    this.calciteStepperItemChange.emit({
+    this.calciteInternalStepperItemChange.emit({
       position
     });
   }
@@ -340,8 +347,8 @@ export class Stepper {
     }
   }; }
   static get events() { return [{
-      "method": "calciteStepperItemChange",
-      "name": "calciteStepperItemChange",
+      "method": "calciteInternalStepperItemChange",
+      "name": "calciteInternalStepperItemChange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -400,7 +407,10 @@ export class Stepper {
       "complexType": {
         "signature": "(step: number) => Promise<void>",
         "parameters": [{
-            "tags": [],
+            "tags": [{
+                "name": "param",
+                "text": "step"
+              }],
             "text": ""
           }],
         "references": {
@@ -412,7 +422,10 @@ export class Stepper {
       },
       "docs": {
         "text": "set the requested step as active",
-        "tags": []
+        "tags": [{
+            "name": "param",
+            "text": "step"
+          }]
       }
     },
     "startStep": {
@@ -454,19 +467,19 @@ export class Stepper {
       "methodName": "contentWatcher"
     }]; }
   static get listeners() { return [{
-      "name": "calciteStepperItemKeyEvent",
-      "method": "calciteStepperItemKeyEvent",
+      "name": "calciteInternalStepperItemKeyEvent",
+      "method": "calciteInternalStepperItemKeyEvent",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteStepperItemRegister",
+      "name": "calciteInternalStepperItemRegister",
       "method": "registerItem",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteStepperItemSelect",
+      "name": "calciteInternalStepperItemSelect",
       "method": "updateItem",
       "target": undefined,
       "capture": false,