@esri/calcite-components 1.0.0-next.700 → 1.0.0-next.702

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.700
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 import { isActivationKey, numberKeys } from "../../utils/key";
@@ -403,23 +403,23 @@ export class TimePicker {
     switch (this.activeEl) {
       case this.hourEl:
         if (key === "ArrowRight") {
-          this.setFocus("minute");
+          this.focusPart("minute");
           event.preventDefault();
         }
         break;
       case this.minuteEl:
         switch (key) {
           case "ArrowLeft":
-            this.setFocus("hour");
+            this.focusPart("hour");
             event.preventDefault();
             break;
           case "ArrowRight":
             if (this.step !== 60) {
-              this.setFocus("second");
+              this.focusPart("second");
               event.preventDefault();
             }
             else if (this.hourCycle === "12") {
-              this.setFocus("meridiem");
+              this.focusPart("meridiem");
               event.preventDefault();
             }
             break;
@@ -428,12 +428,12 @@ export class TimePicker {
       case this.secondEl:
         switch (key) {
           case "ArrowLeft":
-            this.setFocus("minute");
+            this.focusPart("minute");
             event.preventDefault();
             break;
           case "ArrowRight":
             if (this.hourCycle === "12") {
-              this.setFocus("meridiem");
+              this.focusPart("meridiem");
               event.preventDefault();
             }
             break;
@@ -443,11 +443,11 @@ export class TimePicker {
         switch (key) {
           case "ArrowLeft":
             if (this.step !== 60) {
-              this.setFocus("second");
+              this.focusPart("second");
               event.preventDefault();
             }
             else {
-              this.setFocus("minute");
+              this.focusPart("minute");
               event.preventDefault();
             }
             break;
@@ -462,18 +462,20 @@ export class TimePicker {
   //--------------------------------------------------------------------------
   /**
    * Sets focus on the component.
-   *
-   * @param target
    */
-  async setFocus(target) {
+  async setFocus() {
     await componentLoaded(this);
-    this[`${target || "hour"}El`]?.focus();
+    this.el?.focus();
   }
   // --------------------------------------------------------------------------
   //
   //  Private Methods
   //
   // --------------------------------------------------------------------------
+  async focusPart(target) {
+    await componentLoaded(this);
+    this[`${target || "hour"}El`]?.focus();
+  }
   buttonActivated(event) {
     const { key } = event;
     if (key === " ") {
@@ -685,10 +687,10 @@ export class TimePicker {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "TimePickerMessages",
           "resolved": "{ hour: string; hourDown: string; hourUp: string; meridiem: string; meridiemDown: string; meridiemUp: string; minute: string; minuteDown: string; minuteUp: string; second: string; secondDown: string; secondUp: string; }",
           "references": {
-            "Messages": {
+            "TimePickerMessages": {
               "location": "import",
               "path": "./assets/time-picker/t9n"
             }
@@ -708,13 +710,13 @@ export class TimePicker {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<TimePickerMessages>",
           "resolved": "{ hour?: string; hourDown?: string; hourUp?: string; meridiem?: string; meridiemDown?: string; meridiemUp?: string; minute?: string; minuteDown?: string; minuteUp?: string; second?: string; secondDown?: string; secondUp?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "TimePickerMessages": {
               "location": "import",
               "path": "./assets/time-picker/t9n"
             }
@@ -809,31 +811,18 @@ export class TimePicker {
     return {
       "setFocus": {
         "complexType": {
-          "signature": "(target: TimePart) => Promise<void>",
-          "parameters": [{
-              "tags": [{
-                  "name": "param",
-                  "text": "target"
-                }],
-              "text": ""
-            }],
+          "signature": "() => Promise<void>",
+          "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "TimePart": {
-              "location": "import",
-              "path": "../../utils/time"
             }
           },
           "return": "Promise<void>"
         },
         "docs": {
           "text": "Sets focus on the component.",
-          "tags": [{
-              "name": "param",
-              "text": "target"
-            }]
+          "tags": []
         }
       }
     };

package/dist/collection/components/tip/assets/tip/t9n/index.d.ts

@@ -1,3 +1,3 @@
-export type Messages = {
+export type TipMessages = {
   close: string;
 };

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

package/dist/collection/components/tip/tip.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.700
+ * v1.0.0-next.702
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, ICONS, SLOTS } from "./resources";
@@ -200,10 +200,10 @@ export class Tip {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "TipMessages",
           "resolved": "{ close: string; }",
           "references": {
-            "Messages": {
+            "TipMessages": {
               "location": "import",
               "path": "./assets/tip/t9n"
             }
@@ -223,13 +223,13 @@ export class Tip {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<TipMessages>",
           "resolved": "{ close?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "TipMessages": {
               "location": "import",
               "path": "./assets/tip/t9n"
             }

package/dist/collection/components/tip-group/tip-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.700
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 /**

package/dist/collection/components/tip-manager/assets/tip-manager/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type TipManagerMessages = {
   defaultGroupTitle: string;
   defaultPaginationLabel: string;
   close: string;

package/dist/collection/components/tip-manager/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.700
+ * v1.0.0-next.702
  */
 export const CSS = {
   header: "header",

package/dist/collection/components/tip-manager/tip-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.700
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 import { CSS, ICONS } from "./resources";
@@ -232,10 +232,10 @@ export class TipManager {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "TipManagerMessages",
           "resolved": "{ defaultGroupTitle: string; defaultPaginationLabel: string; close: string; previous: string; next: string; }",
           "references": {
-            "Messages": {
+            "TipManagerMessages": {
               "location": "import",
               "path": "./assets/tip-manager/t9n"
             }
@@ -255,13 +255,13 @@ export class TipManager {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<TipManagerMessages>",
           "resolved": "{ defaultGroupTitle?: string; defaultPaginationLabel?: string; close?: string; previous?: string; next?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "TipManagerMessages": {
               "location": "import",
               "path": "./assets/tip-manager/t9n"
             }

package/dist/collection/components/tooltip/TooltipManager.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.700
+ * v1.0.0-next.702
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { TOOLTIP_DELAY_MS } from "./resources";
@@ -13,7 +13,7 @@ export default class TooltipManager {
     //
     // --------------------------------------------------------------------------
     this.registeredElements = new WeakMap();
-    this.hoverTimeouts = new WeakMap();
+    this.hoverTimeout = null;
     this.registeredElementCount = 0;
     // --------------------------------------------------------------------------
     //
@@ -29,18 +29,31 @@ export default class TooltipManager {
       if (event.key === "Escape") {
         const { activeTooltipEl } = this;
         if (activeTooltipEl) {
-          this.clearHoverTimeout(activeTooltipEl);
+          this.clearHoverTimeout();
           this.toggleTooltip(activeTooltipEl, false);
         }
       }
     };
-    this.mouseEnterShow = (event) => {
-      this.hoverEvent(event, true);
+    this.queryHoveredTooltip = (composedPath) => {
+      const { activeTooltipEl } = this;
+      if (activeTooltipEl && composedPath.includes(activeTooltipEl)) {
+        this.clearHoverTimeout();
+        return;
+      }
+      const tooltip = this.queryTooltip(composedPath);
+      if (tooltip) {
+        this.toggleHoveredTooltip(tooltip, true);
+      }
+      else if (activeTooltipEl) {
+        this.toggleHoveredTooltip(activeTooltipEl, false);
+      }
     };
-    this.mouseLeaveHide = (event) => {
-      this.hoverEvent(event, false);
+    this.pointerMoveHandler = (event) => {
+      const composedPath = event.composedPath();
+      this.clearHoverTimeout();
+      this.hoverTimeout = window.setTimeout(() => this.queryHoveredTooltip(composedPath), TOOLTIP_DELAY_MS || 0);
     };
-    this.clickHandler = (event) => {
+    this.pointerDownHandler = (event) => {
       if (!isPrimaryPointerButton(event)) {
         return;
       }
@@ -48,18 +61,16 @@ export default class TooltipManager {
       this.clickedTooltip = clickedTooltip;
       if (clickedTooltip?.closeOnClick) {
         this.toggleTooltip(clickedTooltip, false);
-        this.clearHoverTimeout(clickedTooltip);
+        this.clearHoverTimeout();
       }
     };
-    this.focusShow = (event) => {
-      this.focusEvent(event, true);
+    this.focusInHandler = (event) => {
+      this.queryFocusedTooltip(event, true);
     };
-    this.blurHide = (event) => {
-      this.focusEvent(event, false);
+    this.focusOutHandler = (event) => {
+      this.queryFocusedTooltip(event, false);
     };
-    this.hoverToggle = (tooltip, value) => {
-      const { hoverTimeouts } = this;
-      hoverTimeouts.delete(tooltip);
+    this.toggleHoveredTooltip = (tooltip, value) => {
       if (value) {
         this.closeExistingTooltip();
       }
@@ -88,26 +99,20 @@ export default class TooltipManager {
   }
   addListeners() {
     document.addEventListener("keydown", this.keyDownHandler);
-    document.addEventListener("pointerover", this.mouseEnterShow, { capture: true });
-    document.addEventListener("pointerout", this.mouseLeaveHide, { capture: true });
-    document.addEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.addEventListener("focusin", this.focusShow, { capture: true });
-    document.addEventListener("focusout", this.blurHide, { capture: true });
+    document.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
+    document.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+    document.addEventListener("focusin", this.focusInHandler, { capture: true });
+    document.addEventListener("focusout", this.focusOutHandler, { capture: true });
   }
   removeListeners() {
     document.removeEventListener("keydown", this.keyDownHandler);
-    document.removeEventListener("pointerover", this.mouseEnterShow, { capture: true });
-    document.removeEventListener("pointerout", this.mouseLeaveHide, { capture: true });
-    document.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.removeEventListener("focusin", this.focusShow, { capture: true });
-    document.removeEventListener("focusout", this.blurHide, { capture: true });
+    document.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
+    document.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+    document.removeEventListener("focusin", this.focusInHandler, { capture: true });
+    document.removeEventListener("focusout", this.focusOutHandler, { capture: true });
   }
-  clearHoverTimeout(tooltip) {
-    const { hoverTimeouts } = this;
-    if (hoverTimeouts.has(tooltip)) {
-      window.clearTimeout(hoverTimeouts.get(tooltip));
-      hoverTimeouts.delete(tooltip);
-    }
+  clearHoverTimeout() {
+    window.clearTimeout(this.hoverTimeout);
   }
   closeExistingTooltip() {
     const { activeTooltipEl } = this;
@@ -115,10 +120,10 @@ export default class TooltipManager {
       this.toggleTooltip(activeTooltipEl, false);
     }
   }
-  focusTooltip(tooltip, value) {
+  toggleFocusedTooltip(tooltip, value) {
     this.closeExistingTooltip();
     if (value) {
-      this.clearHoverTimeout(tooltip);
+      this.clearHoverTimeout();
     }
     this.toggleTooltip(tooltip, value);
   }
@@ -128,39 +133,12 @@ export default class TooltipManager {
       this.activeTooltipEl = tooltip;
     }
   }
-  hoverTooltip(tooltip, value) {
-    this.clearHoverTimeout(tooltip);
-    const { hoverTimeouts } = this;
-    const timeoutId = window.setTimeout(() => this.hoverToggle(tooltip, value), TOOLTIP_DELAY_MS || 0);
-    hoverTimeouts.set(tooltip, timeoutId);
-  }
-  activeTooltipHover(event) {
-    const { activeTooltipEl, hoverTimeouts } = this;
-    const { type } = event;
-    if (!activeTooltipEl) {
-      return;
-    }
-    if (type === "pointerover" && event.composedPath().includes(activeTooltipEl)) {
-      this.clearHoverTimeout(activeTooltipEl);
-    }
-    else if (type === "pointerout" && !hoverTimeouts.has(activeTooltipEl)) {
-      this.hoverTooltip(activeTooltipEl, false);
-    }
-  }
-  hoverEvent(event, value) {
-    const tooltip = this.queryTooltip(event.composedPath());
-    this.activeTooltipHover(event);
-    if (!tooltip) {
-      return;
-    }
-    this.hoverTooltip(tooltip, value);
-  }
-  focusEvent(event, value) {
+  queryFocusedTooltip(event, value) {
     const tooltip = this.queryTooltip(event.composedPath());
     if (!tooltip || tooltip === this.clickedTooltip) {
       this.clickedTooltip = null;
       return;
     }
-    this.focusTooltip(tooltip, value);
+    this.toggleFocusedTooltip(tooltip, value);
   }
 }

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

package/dist/collection/components/tooltip/tooltip.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.700
+ * v1.0.0-next.702
  */
 import { Host, h } from "@stencil/core";
 import { CSS, ARIA_DESCRIBED_BY } from "./resources";

package/dist/collection/components/tree/tree.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.700
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getRootNode, nodeListToArray } from "../../utils/dom";
@@ -328,7 +328,7 @@ export class Tree {
         "mutable": true,
         "complexType": {
           "original": "SelectionMode",
-          "resolved": "\"ancestors\" | \"children\" | \"multichildren\" | \"multiple\" | \"none\" | \"single\"",
+          "resolved": "\"ancestors\" | \"children\" | \"multichildren\" | \"multiple\" | \"none\" | \"single\" | \"single-persist\"",
           "references": {
             "SelectionMode": {
               "location": "import",

package/dist/collection/components/tree/utils.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.700
+ * v1.0.0-next.702
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/collection/components/tree-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.700
+ * v1.0.0-next.702
  */
 export const CSS = {
   checkboxLabel: "checkbox-label",

package/dist/collection/components/tree-item/tree-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.700
+ * v1.0.0-next.702
  */
 import { Host, h } from "@stencil/core";
 import { nodeListToArray, getElementDir, filterDirectChildren, getSlotted, toAriaBoolean } from "../../utils/dom";
@@ -405,7 +405,7 @@ export class TreeItem {
         "mutable": true,
         "complexType": {
           "original": "SelectionMode",
-          "resolved": "\"ancestors\" | \"children\" | \"multichildren\" | \"multiple\" | \"none\" | \"single\"",
+          "resolved": "\"ancestors\" | \"children\" | \"multichildren\" | \"multiple\" | \"none\" | \"single\" | \"single-persist\"",
           "references": {
             "SelectionMode": {
               "location": "import",

package/dist/collection/components/value-list/assets/value-list/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type ValueListMessages = {
   dragHandleActive: string;
   dragHandleChange: string;
   dragHandleCommit: string;

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

package/dist/collection/components/value-list/utils.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.700
+ * v1.0.0-next.702
  */
 import { getItemIndex } from "../pick-list/shared-list-logic";
 export function getScreenReaderText(item, status, valueList) {

package/dist/collection/components/value-list/value-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.700
+ * v1.0.0-next.702
  */
 import Sortable from "sortablejs";
 import { h } from "@stencil/core";
@@ -457,13 +457,13 @@ export class ValueList {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<ValueListMessages>",
           "resolved": "{ dragHandleActive?: string; dragHandleChange?: string; dragHandleCommit?: string; dragHandleIdle?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "ValueListMessages": {
               "location": "import",
               "path": "./assets/value-list/t9n"
             }
@@ -480,10 +480,10 @@ export class ValueList {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "ValueListMessages",
           "resolved": "{ dragHandleActive: string; dragHandleChange: string; dragHandleCommit: string; dragHandleIdle: string; }",
           "references": {
-            "Messages": {
+            "ValueListMessages": {
               "location": "import",
               "path": "./assets/value-list/t9n"
             }

package/dist/collection/components/value-list-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.700
+ * v1.0.0-next.702
  */
 export const ICONS = {
   drag: "drag"

package/dist/collection/components/value-list-item/value-list-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.700
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { ICON_TYPES } from "../pick-list/resources";

package/dist/collection/utils/array.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.700
+ * v1.0.0-next.702
  */
 export function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/collection/utils/conditionalSlot.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.700
+ * v1.0.0-next.702
  */
 import { forceUpdate } from "@stencil/core";
 import { createObserver } from "./observers";

package/dist/collection/utils/config.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.700
+ * v1.0.0-next.702
  */
 /**
  * This module helps users provide custom configuration for component internals.

package/dist/collection/utils/date.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.700
+ * v1.0.0-next.702
  */
 import { numberStringFormatter } from "./locale";
 /**