@esri/calcite-components 1.0.0-next.290 → 1.0.0-next.294

package/dist/collection/components/calcite-stepper-item/calcite-stepper-item.js

@@ -280,8 +280,8 @@ export class CalciteStepperItem {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -300,8 +300,8 @@ export class CalciteStepperItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -321,8 +321,8 @@ export class CalciteStepperItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -347,8 +347,8 @@ export class CalciteStepperItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -365,8 +365,8 @@ export class CalciteStepperItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -383,8 +383,8 @@ export class CalciteStepperItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -401,8 +401,8 @@ export class CalciteStepperItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

package/dist/collection/components/calcite-switch/calcite-switch.js

@@ -27,17 +27,6 @@ export class CalciteSwitch {
     /** True if the switch is initially on */
     this.checked = false;
     this.inputEl = document.createElement("input");
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.onLabelClick = () => {
-      if (!this.disabled) {
-        this.toggle();
-        this.setFocus();
-      }
-    };
     this.clickHandler = () => {
       this.toggle();
     };
@@ -64,6 +53,17 @@ export class CalciteSwitch {
   async setFocus() {
     this.el.focus();
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  onLabelClick() {
+    if (!this.disabled) {
+      this.toggle();
+      this.setFocus();
+    }
+  }
   setupInput() {
     this.checked && this.inputEl.setAttribute("checked", "");
     this.inputEl.disabled = this.disabled;
@@ -102,6 +102,11 @@ export class CalciteSwitch {
   //--------------------------------------------------------------------------
   connectedCallback() {
     connectLabel(this);
+    const initiallyChecked = this.checked || this.switched;
+    if (initiallyChecked) {
+      // if either prop is set, we ensure both are synced initially
+      this.switched = this.checked = initiallyChecked;
+    }
   }
   disconnectedCallback() {
     disconnectLabel(this);
@@ -209,7 +214,7 @@ export class CalciteSwitch {
     },
     "switched": {
       "type": "boolean",
-      "mutable": false,
+      "mutable": true,
       "complexType": {
         "original": "boolean",
         "resolved": "boolean",
@@ -219,8 +224,8 @@ export class CalciteSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "use 'checked' instead.",
-            "name": "deprecated"
+            "name": "deprecated",
+            "text": "use 'checked' instead."
           }],
         "text": "True if the switch is initially on"
       },

package/dist/collection/components/calcite-tab/calcite-tab.js

@@ -155,8 +155,8 @@ export class CalciteTab {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component scale value",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component scale value"
           }],
         "text": ""
       },
@@ -176,8 +176,8 @@ export class CalciteTab {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js

@@ -235,8 +235,8 @@ export class CalciteTabNav {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component scale value",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component scale value"
           }],
         "text": ""
       },
@@ -261,8 +261,8 @@ export class CalciteTabNav {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component layout value",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component layout value"
           }],
         "text": ""
       },
@@ -287,8 +287,8 @@ export class CalciteTabNav {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component position value",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component position value"
           }],
         "text": ""
       },
@@ -308,8 +308,8 @@ export class CalciteTabNav {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component bordered value when layout is \"inline\"",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component bordered value when layout is \"inline\""
           }],
         "text": ""
       },
@@ -329,8 +329,8 @@ export class CalciteTabNav {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -349,8 +349,8 @@ export class CalciteTabNav {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -370,8 +370,8 @@ export class CalciteTabNav {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)",
-            "name": "see"
+            "name": "see",
+            "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)"
           }],
         "text": "Emitted when the active tab changes"
       },

package/dist/collection/components/calcite-tab-title/calcite-tab-title.js

@@ -302,8 +302,8 @@ export class CalciteTabTitle {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component layout value",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component layout value"
           }],
         "text": ""
       },
@@ -327,8 +327,8 @@ export class CalciteTabTitle {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component or parent tab-nav component's position",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component or parent tab-nav component's position"
           }],
         "text": ""
       },
@@ -352,8 +352,8 @@ export class CalciteTabTitle {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component or parent tab-nav component's scale",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component or parent tab-nav component's scale"
           }],
         "text": ""
       },
@@ -372,8 +372,8 @@ export class CalciteTabTitle {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Parent tabs component bordered value",
-            "name": "internal"
+            "name": "internal",
+            "text": "Parent tabs component bordered value"
           }],
         "text": ""
       },
@@ -411,8 +411,8 @@ export class CalciteTabTitle {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)",
-            "name": "see"
+            "name": "see",
+            "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)"
           }],
         "text": "Fires when a specific tab is activated (`event.details`)"
       },
@@ -434,8 +434,8 @@ export class CalciteTabTitle {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -452,8 +452,8 @@ export class CalciteTabTitle {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -470,8 +470,8 @@ export class CalciteTabTitle {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

package/dist/collection/components/calcite-tile/calcite-tile.css

@@ -142,6 +142,7 @@
   flex-direction: column;
   grid-gap: 0.5rem;
   gap: 0.5rem;
+  width: 10%;
 }
 
 .content-container {
@@ -153,6 +154,7 @@
   align-items: stretch;
   padding: 0;
   color: var(--calcite-ui-text-2);
+  width: 100%;
 }
 
 .content-slot-container {
@@ -177,6 +179,8 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   font-weight: var(--calcite-font-weight-medium);
   pointer-events: none;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .large-visual {

package/dist/collection/components/calcite-tile/calcite-tile.js

@@ -153,8 +153,8 @@ export class CalciteTile {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "The focused state of the tile."
       },

package/dist/collection/components/calcite-time-picker/calcite-time-picker.js

@@ -645,8 +645,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Hour\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Hour\""
           }],
         "text": "aria-label for the hour input"
       },
@@ -666,8 +666,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Decrease hour\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Decrease hour\""
           }],
         "text": "aria-label for the hour down button"
       },
@@ -687,8 +687,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Increase hour\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Increase hour\""
           }],
         "text": "aria-label for the hour up button"
       },
@@ -708,8 +708,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"AM/PM\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"AM/PM\""
           }],
         "text": "aria-label for the meridiem (am/pm) input"
       },
@@ -729,8 +729,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Decrease AM/PM\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Decrease AM/PM\""
           }],
         "text": "aria-label for the meridiem (am/pm) down button"
       },
@@ -750,8 +750,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Increase AM/PM\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Increase AM/PM\""
           }],
         "text": "aria-label for the meridiem (am/pm) up button"
       },
@@ -771,8 +771,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Minute\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Minute\""
           }],
         "text": "aria-label for the minute input"
       },
@@ -792,8 +792,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Decrease minute\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Decrease minute\""
           }],
         "text": "aria-label for the minute down button"
       },
@@ -813,8 +813,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Increase minute\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Increase minute\""
           }],
         "text": "aria-label for the minute up button"
       },
@@ -834,8 +834,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Second\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Second\""
           }],
         "text": "aria-label for the second input"
       },
@@ -855,8 +855,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Decrease second\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Decrease second\""
           }],
         "text": "aria-label for the second down button"
       },
@@ -876,8 +876,8 @@ export class CalciteTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Increase second\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Increase second\""
           }],
         "text": "aria-label for the second up button"
       },
@@ -975,8 +975,8 @@ export class CalciteTimePicker {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -998,8 +998,8 @@ export class CalciteTimePicker {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -1021,8 +1021,8 @@ export class CalciteTimePicker {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

package/dist/collection/components/calcite-tooltip/calcite-tooltip.js

@@ -117,7 +117,7 @@ export class CalciteTooltip {
     const { popper, el, placement } = this;
     const modifiers = this.getModifiers();
     popper
-      ? updatePopper({
+      ? await updatePopper({
         el,
         modifiers,
         placement,
@@ -224,8 +224,8 @@ export class CalciteTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "6",
-            "name": "default"
+            "name": "default",
+            "text": "6"
           }],
         "text": "Offset the position of the popover away from the reference element."
       },
@@ -309,8 +309,8 @@ export class CalciteTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)",
-            "name": "see"
+            "name": "see",
+            "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
           }],
         "text": "Determines where the component will be positioned relative to the referenceElement."
       },

package/dist/collection/components/calcite-tooltip-manager/calcite-tooltip-manager.js

@@ -75,13 +75,14 @@ export class CalciteTooltipManager {
     };
     this.activeTooltipHover = (event) => {
       const { tooltipEl, hoverTimeouts } = this;
+      const { type } = event;
       if (!tooltipEl) {
         return;
       }
-      if (event.composedPath().includes(tooltipEl)) {
+      if (type === "mouseover" && event.composedPath().includes(tooltipEl)) {
         this.clearHoverTimeout(tooltipEl);
       }
-      else if (!hoverTimeouts.has(tooltipEl)) {
+      else if (type === "mouseout" && !hoverTimeouts.has(tooltipEl)) {
         this.hoverTooltip({ tooltip: tooltipEl, value: false });
       }
     };
@@ -164,8 +165,8 @@ export class CalciteTooltipManager {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "`[data-calcite-tooltip-reference]`",
-            "name": "default"
+            "name": "default",
+            "text": "`[data-calcite-tooltip-reference]`"
           }],
         "text": "CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip."
       },

package/dist/collection/components/calcite-tree/calcite-tree.js

@@ -224,8 +224,8 @@ export class CalciteTree {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "use \"ancestors\" selection-mode for checkbox input",
-            "name": "deprecated"
+            "name": "deprecated",
+            "text": "use \"ancestors\" selection-mode for checkbox input"
           }],
         "text": "Display input"
       },
@@ -245,8 +245,8 @@ export class CalciteTree {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "If this tree is nested within another tree, set to false",
-            "name": "internal"
+            "name": "internal",
+            "text": "If this tree is nested within another tree, set to false"
           }],
         "text": ""
       },
@@ -293,11 +293,11 @@ export class CalciteTree {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"single\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"single\""
           }, {
-            "text": " [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L5)",
-            "name": "see"
+            "name": "see",
+            "text": " [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L5)"
           }],
         "text": "Customize how tree selection works (single, multi, children, multi-children, ancestors)"
       },
@@ -314,8 +314,8 @@ export class CalciteTree {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": " [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L1)",
-            "name": "see"
+            "name": "see",
+            "text": " [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L1)"
           }],
         "text": "Emitted when user selects/deselects tree items. An object including an array of selected items will be passed in the event's `detail` property."
       },