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

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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -52,7 +52,7 @@ export class StepperItem {
           case "ArrowRight":
           case "Home":
           case "End":
-            this.calciteStepperItemKeyEvent.emit({ item: e });
+            this.calciteInternalStepperItemKeyEvent.emit({ item: e });
             e.preventDefault();
             break;
         }
@@ -60,7 +60,7 @@ export class StepperItem {
     };
     this.emitRequestedItem = () => {
       if (!this.disabled) {
-        this.calciteStepperItemSelect.emit({
+        this.calciteInternalStepperItemSelect.emit({
           position: this.itemPosition,
           content: this.itemContent
         });
@@ -122,6 +122,7 @@ export class StepperItem {
       this.activePosition = event.detail.position;
       this.determineActiveItem();
     }
+    event.stopPropagation();
   }
   renderIcon() {
     const path = this.active
@@ -137,7 +138,7 @@ export class StepperItem {
     this.active = !this.disabled && this.itemPosition === this.activePosition;
   }
   registerStepperItem() {
-    this.calciteStepperItemRegister.emit({
+    this.calciteInternalStepperItemRegister.emit({
       position: this.itemPosition,
       content: this.itemContent
     });
@@ -350,8 +351,8 @@ export class StepperItem {
     }
   }; }
   static get events() { return [{
-      "method": "calciteStepperItemKeyEvent",
-      "name": "calciteStepperItemKeyEvent",
+      "method": "calciteInternalStepperItemKeyEvent",
+      "name": "calciteInternalStepperItemKeyEvent",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -373,8 +374,8 @@ export class StepperItem {
         }
       }
     }, {
-      "method": "calciteStepperItemSelect",
-      "name": "calciteStepperItemSelect",
+      "method": "calciteInternalStepperItemSelect",
+      "name": "calciteInternalStepperItemSelect",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -396,8 +397,8 @@ export class StepperItem {
         }
       }
     }, {
-      "method": "calciteStepperItemRegister",
-      "name": "calciteStepperItemRegister",
+      "method": "calciteInternalStepperItemRegister",
+      "name": "calciteInternalStepperItemRegister",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -425,7 +426,7 @@ export class StepperItem {
       "methodName": "disabledWatcher"
     }]; }
   static get listeners() { return [{
-      "name": "calciteStepperItemChange",
+      "name": "calciteInternalStepperItemChange",
       "method": "updateActiveItemOnChange",
       "target": "body",
       "capture": false,

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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Host, Method, Prop, Watch } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";
@@ -19,7 +19,9 @@ export class Switch {
     this.disabled = false;
     /** The scale of the switch */
     this.scale = "m";
-    /** True if the switch is initially on
+    /**
+     * True if the switch is initially on
+     *
      * @deprecated use 'checked' instead.
      */
     this.switched = false;

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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 import { Component, Prop, Element, Listen, Method, Event, h, State, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -15,7 +15,9 @@ export class Tab {
      * Show this tab
      */
     this.active = false;
-    /** @internal Parent tabs component scale value */
+    /**
+     * @internal
+     */
     this.scale = "m";
     this.guid = `calcite-tab-title-${guid()}`;
   }
@@ -34,7 +36,7 @@ export class Tab {
     this.parentTabsEl = this.el.closest("calcite-tabs");
   }
   componentDidLoad() {
-    this.calciteTabRegister.emit();
+    this.calciteInternalTabRegister.emit();
   }
   componentWillRender() {
     var _a;
@@ -70,6 +72,7 @@ export class Tab {
         this.active = index === event.detail.tab;
       });
     }
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -88,6 +91,8 @@ export class Tab {
   //
   //--------------------------------------------------------------------------
   /**
+   * @param tabIds
+   * @param titleIds
    * @internal
    */
   async updateAriaInfo(tabIds = [], titleIds = []) {
@@ -155,7 +160,7 @@ export class Tab {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component scale value"
+            "text": undefined
           }],
         "text": ""
       },
@@ -168,8 +173,8 @@ export class Tab {
     "labeledBy": {}
   }; }
   static get events() { return [{
-      "method": "calciteTabRegister",
-      "name": "calciteTabRegister",
+      "method": "calciteInternalTabRegister",
+      "name": "calciteInternalTabRegister",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -207,10 +212,16 @@ export class Tab {
       "complexType": {
         "signature": "(tabIds?: string[], titleIds?: string[]) => Promise<void>",
         "parameters": [{
-            "tags": [],
+            "tags": [{
+                "name": "param",
+                "text": "tabIds"
+              }],
             "text": ""
           }, {
-            "tags": [],
+            "tags": [{
+                "name": "param",
+                "text": "titleIds"
+              }],
             "text": ""
           }],
         "references": {
@@ -223,6 +234,12 @@ export class Tab {
       "docs": {
         "text": "",
         "tags": [{
+            "name": "param",
+            "text": "tabIds"
+          }, {
+            "name": "param",
+            "text": "titleIds"
+          }, {
             "name": "internal",
             "text": undefined
           }]

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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Host, Listen, Prop, State, Watch } from "@stencil/core";
 import { getElementDir, filterDirectChildren } from "../../utils/dom";
@@ -11,13 +11,21 @@ import { createObserver } from "../../utils/observers";
  */
 export class TabNav {
   constructor() {
-    /** @internal Parent tabs component scale value */
+    /**
+     * @internal
+     */
     this.scale = "m";
-    /** @internal Parent tabs component layout value */
+    /**
+     * @internal
+     */
     this.layout = "inline";
-    /** @internal Parent tabs component position value */
+    /**
+     * @internal
+     */
     this.position = "below";
-    /** @internal Parent tabs component bordered value when layout is "inline" */
+    /**
+     * @internal
+     */
     this.bordered = false;
     this.animationActiveDuration = 0.3;
     this.resizeObserver = createObserver("resize", () => {
@@ -146,6 +154,8 @@ export class TabNav {
   }
   /**
    * Check for active tabs on register and update selected
+   *
+   * @param e
    */
   updateTabTitles(e) {
     if (e.target.active) {
@@ -160,6 +170,7 @@ export class TabNav {
       this.selectedTab = e.detail.tab;
       e.stopPropagation();
     }
+    e.stopPropagation();
   }
   updateOffsetPosition() {
     var _a, _b, _c, _d, _e;
@@ -252,7 +263,7 @@ export class TabNav {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component scale value"
+            "text": undefined
           }],
         "text": ""
       },
@@ -278,7 +289,7 @@ export class TabNav {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component layout value"
+            "text": undefined
           }],
         "text": ""
       },
@@ -304,7 +315,7 @@ export class TabNav {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component position value"
+            "text": undefined
           }],
         "text": ""
       },
@@ -325,7 +336,7 @@ export class TabNav {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component bordered value when layout is \"inline\""
+            "text": undefined
           }],
         "text": ""
       },
@@ -434,13 +445,13 @@ export class TabNav {
       "methodName": "selectedTabElChanged"
     }]; }
   static get listeners() { return [{
-      "name": "calciteTabsFocusPrevious",
+      "name": "calciteInternalTabsFocusPrevious",
       "method": "focusPreviousTabHandler",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteTabsFocusNext",
+      "name": "calciteInternalTabsFocusNext",
       "method": "focusNextTabHandler",
       "target": undefined,
       "capture": false,
@@ -458,7 +469,7 @@ export class TabNav {
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteTabTitleRegister",
+      "name": "calciteInternalTabTitleRegister",
       "method": "updateTabTitles",
       "target": undefined,
       "capture": false,

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.465
+ * v1.0.0-next.468
  */
 import { Build, Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -22,14 +22,16 @@ export class TabTitle {
     this.active = false;
     /** Disable this tab title  */
     this.disabled = false;
-    /** @internal Parent tabs component bordered value */
+    /**
+     * @internal
+     */
     this.bordered = false;
     //--------------------------------------------------------------------------
     //
     //  Private State/Props
     //
     //--------------------------------------------------------------------------
-    /** watches for changing text content **/
+    /** watches for changing text content */
     this.mutationObserver = createObserver("mutation", () => this.updateHasText());
     /** determine if there is slotted text for styling purposes */
     this.hasText = false;
@@ -94,7 +96,7 @@ export class TabTitle {
         this.iconEnd ? iconEndEl : null)));
   }
   async componentDidLoad() {
-    this.calciteTabTitleRegister.emit(await this.getTabIdentifier());
+    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());
   }
   componentDidRender() {
     updateHostInteraction(this, true);
@@ -133,18 +135,18 @@ export class TabTitle {
         break;
       case "ArrowRight":
         if (getElementDir(this.el) === "ltr") {
-          this.calciteTabsFocusNext.emit();
+          this.calciteInternalTabsFocusNext.emit();
         }
         else {
-          this.calciteTabsFocusPrevious.emit();
+          this.calciteInternalTabsFocusPrevious.emit();
         }
         break;
       case "ArrowLeft":
         if (getElementDir(this.el) === "ltr") {
-          this.calciteTabsFocusPrevious.emit();
+          this.calciteInternalTabsFocusPrevious.emit();
         }
         else {
-          this.calciteTabsFocusNext.emit();
+          this.calciteInternalTabsFocusNext.emit();
         }
         break;
     }
@@ -167,6 +169,8 @@ export class TabTitle {
     return this.tab ? this.tab : this.getTabIndex();
   }
   /**
+   * @param tabIds
+   * @param titleIds
    * @internal
    */
   async updateAriaInfo(tabIds = [], titleIds = []) {
@@ -308,7 +312,7 @@ export class TabTitle {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component layout value"
+            "text": undefined
           }],
         "text": ""
       },
@@ -333,7 +337,7 @@ export class TabTitle {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component or parent tab-nav component's position"
+            "text": undefined
           }],
         "text": ""
       },
@@ -358,7 +362,7 @@ export class TabTitle {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component or parent tab-nav component's scale"
+            "text": undefined
           }],
         "text": ""
       },
@@ -378,7 +382,7 @@ export class TabTitle {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "Parent tabs component bordered value"
+            "text": undefined
           }],
         "text": ""
       },
@@ -458,8 +462,8 @@ export class TabTitle {
         }
       }
     }, {
-      "method": "calciteTabsFocusNext",
-      "name": "calciteTabsFocusNext",
+      "method": "calciteInternalTabsFocusNext",
+      "name": "calciteInternalTabsFocusNext",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -476,8 +480,8 @@ export class TabTitle {
         "references": {}
       }
     }, {
-      "method": "calciteTabsFocusPrevious",
-      "name": "calciteTabsFocusPrevious",
+      "method": "calciteInternalTabsFocusPrevious",
+      "name": "calciteInternalTabsFocusPrevious",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -494,8 +498,8 @@ export class TabTitle {
         "references": {}
       }
     }, {
-      "method": "calciteTabTitleRegister",
-      "name": "calciteTabTitleRegister",
+      "method": "calciteInternalTabTitleRegister",
+      "name": "calciteInternalTabTitleRegister",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -561,10 +565,16 @@ export class TabTitle {
       "complexType": {
         "signature": "(tabIds?: string[], titleIds?: string[]) => Promise<void>",
         "parameters": [{
-            "tags": [],
+            "tags": [{
+                "name": "param",
+                "text": "tabIds"
+              }],
             "text": ""
           }, {
-            "tags": [],
+            "tags": [{
+                "name": "param",
+                "text": "titleIds"
+              }],
             "text": ""
           }],
         "references": {
@@ -577,6 +587,12 @@ export class TabTitle {
       "docs": {
         "text": "",
         "tags": [{
+            "name": "param",
+            "text": "tabIds"
+          }, {
+            "name": "param",
+            "text": "titleIds"
+          }, {
             "name": "internal",
             "text": undefined
           }]

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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 import { Component, Prop, h, Element, Listen, State, Fragment } from "@stencil/core";
 import { SLOTS } from "./resources";
@@ -76,14 +76,16 @@ export class Tabs {
   //
   //--------------------------------------------------------------------------
   /**
+   * @param e
    * @internal
    */
-  calciteTabTitleRegister(e) {
+  calciteInternalTabTitleRegister(e) {
     this.titles = [...this.titles, e.target];
     this.registryHandler();
     e.stopPropagation();
   }
   /**
+   * @param e
    * @internal
    */
   calciteTabTitleUnregister(e) {
@@ -92,14 +94,16 @@ export class Tabs {
     e.stopPropagation();
   }
   /**
+   * @param e
    * @internal
    */
-  calciteTabRegister(e) {
+  calciteInternalTabRegister(e) {
     this.tabs = [...this.tabs, e.target];
     this.registryHandler();
     e.stopPropagation();
   }
   /**
+   * @param e
    * @internal
    */
   calciteTabUnregister(e) {
@@ -256,8 +260,8 @@ export class Tabs {
   }; }
   static get elementRef() { return "el"; }
   static get listeners() { return [{
-      "name": "calciteTabTitleRegister",
-      "method": "calciteTabTitleRegister",
+      "name": "calciteInternalTabTitleRegister",
+      "method": "calciteInternalTabTitleRegister",
       "target": undefined,
       "capture": false,
       "passive": false
@@ -268,8 +272,8 @@ export class Tabs {
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteTabRegister",
-      "method": "calciteTabRegister",
+      "name": "calciteInternalTabRegister",
+      "method": "calciteInternalTabRegister",
       "target": undefined,
       "capture": false,
       "passive": false

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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Fragment, h, Prop } from "@stencil/core";
 import { SLOTS } from "./resources";
@@ -29,6 +29,7 @@ export class Tile {
     this.embed = false;
     /**
      * The focused state of the tile.
+     *
      * @internal
      */
     this.focused = false;

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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 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.465
+ * v1.0.0-next.468
  */
 import { Component, Element, Event, h, Prop, Listen, Watch, State, Method } from "@stencil/core";
 import { guid } from "../../utils/guid";

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