@esri/calcite-components 1.0.0-next.444 → 1.0.0-next.447

package/dist/extras/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2022-04-19T22:57:53",
+  "timestamp": "2022-04-21T16:16:47",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.0",
+    "version": "2.15.1",
     "typescriptVersion": "4.5.4"
   },
   "components": [
@@ -846,14 +846,12 @@
       "dependents": [],
       "dependencies": [
         "calcite-action-group",
-        "calcite-action",
-        "calcite-tooltip-manager"
+        "calcite-action"
       ],
       "dependencyGraph": {
         "calcite-action-bar": [
           "calcite-action-group",
-          "calcite-action",
-          "calcite-tooltip-manager"
+          "calcite-action"
         ],
         "calcite-action-group": [
           "calcite-action-menu",
@@ -861,7 +859,6 @@
         ],
         "calcite-action-menu": [
           "calcite-action",
-          "calcite-tooltip-manager",
           "calcite-popover"
         ],
         "calcite-action": [
@@ -1075,7 +1072,6 @@
         ],
         "calcite-action-menu": [
           "calcite-action",
-          "calcite-tooltip-manager",
           "calcite-popover"
         ],
         "calcite-action": [
@@ -1312,13 +1308,11 @@
       ],
       "dependencies": [
         "calcite-action",
-        "calcite-tooltip-manager",
         "calcite-popover"
       ],
       "dependencyGraph": {
         "calcite-action-menu": [
           "calcite-action",
-          "calcite-tooltip-manager",
           "calcite-popover"
         ],
         "calcite-action": [
@@ -1541,14 +1535,12 @@
       "dependents": [],
       "dependencies": [
         "calcite-action-group",
-        "calcite-action",
-        "calcite-tooltip-manager"
+        "calcite-action"
       ],
       "dependencyGraph": {
         "calcite-action-pad": [
           "calcite-action-group",
-          "calcite-action",
-          "calcite-tooltip-manager"
+          "calcite-action"
         ],
         "calcite-action-group": [
           "calcite-action-menu",
@@ -1556,7 +1548,6 @@
         ],
         "calcite-action-menu": [
           "calcite-action",
-          "calcite-tooltip-manager",
           "calcite-popover"
         ],
         "calcite-action": [
@@ -2352,7 +2343,6 @@
         ],
         "calcite-action-menu": [
           "calcite-action",
-          "calcite-tooltip-manager",
           "calcite-popover"
         ],
         "calcite-action": [
@@ -12748,7 +12738,6 @@
         ],
         "calcite-action-menu": [
           "calcite-action",
-          "calcite-tooltip-manager",
           "calcite-popover"
         ],
         "calcite-popover": [
@@ -13395,6 +13384,23 @@
         "Manager": "```html\n<calcite-popover reference-element=\"popover-button\">Hello! I am some popover content!</calcite-popover>\n\n<calcite-popover-manager\n  ><calcite-button id=\"popover-button\">Clickable popover</calcite-button></calcite-popover-manager\n>\n```\n"
       },
       "props": [
+        {
+          "name": "autoClose",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "auto-close",
+          "reflectToAttr": true,
+          "docs": "Automatically closes any currently open popovers when clicking outside of a popover.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "closeButton",
           "type": "boolean",
@@ -13800,6 +13806,10 @@
         {
           "name": "slot",
           "text": "- A slot for adding elements that reference a 'calcite-popover' by the 'selector' property."
+        },
+        {
+          "name": "deprecated",
+          "text": "No longer required for popover usage."
         }
       ],
       "usage": {},
@@ -13834,7 +13844,7 @@
               "text": "`[data-calcite-popover-reference]`"
             }
           ],
-          "default": "`[${POPOVER_REFERENCE}]`",
+          "default": "\"[data-calcite-popover-reference]\"",
           "values": [
             {
               "type": "string"
@@ -13846,14 +13856,7 @@
       ],
       "methods": [],
       "events": [],
-      "listeners": [
-        {
-          "event": "click",
-          "target": "window",
-          "capture": true,
-          "passive": false
-        }
-      ],
+      "listeners": [],
       "styles": [],
       "slots": [
         {
@@ -13864,7 +13867,8 @@
       "parts": [],
       "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {},
+      "deprecation": "No longer required for popover usage."
     },
     {
       "filePath": "./src/components/progress/progress.tsx",
@@ -19186,7 +19190,7 @@
         }
       ],
       "usage": {
-        "Basic": "```html\n<calcite-tooltip placement=\"auto\" reference-element=\"tooltip-button\"\n  >This is the message of the tooltip</calcite-tooltip\n>\n<calcite-tooltip-manager>\n  <p>\n    Lorem <a id=\"tooltip-button\" href=\"#\">ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\n    incididunt ut labore et dolore magna aliqua.\n  </p>\n</calcite-tooltip-manager>\n```\n"
+        "Basic": "```html\n<calcite-tooltip placement=\"auto\" reference-element=\"tooltip-button\"\n  >This is the message of the tooltip</calcite-tooltip\n>\n<p>\n  Lorem <a id=\"tooltip-button\" href=\"#\">ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\n  incididunt ut labore et dolore magna aliqua.\n</p>\n```\n"
       },
       "props": [
         {
@@ -19368,6 +19372,10 @@
         {
           "name": "slot",
           "text": "- A slot for adding elements that reference a 'calcite-tooltip' by the 'selector' property."
+        },
+        {
+          "name": "deprecated",
+          "text": "No longer required for tooltip usage."
         }
       ],
       "usage": {},
@@ -19385,7 +19393,7 @@
               "text": "`[data-calcite-tooltip-reference]`"
             }
           ],
-          "default": "`[${TOOLTIP_REFERENCE}]`",
+          "default": "\"[data-calcite-tooltip-reference]\"",
           "values": [
             {
               "type": "string"
@@ -19397,39 +19405,7 @@
       ],
       "methods": [],
       "events": [],
-      "listeners": [
-        {
-          "event": "keyup",
-          "target": "document",
-          "capture": false,
-          "passive": false
-        },
-        {
-          "event": "mouseover",
-          "capture": true,
-          "passive": true
-        },
-        {
-          "event": "mouseout",
-          "capture": true,
-          "passive": true
-        },
-        {
-          "event": "click",
-          "capture": true,
-          "passive": false
-        },
-        {
-          "event": "focus",
-          "capture": true,
-          "passive": false
-        },
-        {
-          "event": "blur",
-          "capture": true,
-          "passive": false
-        }
-      ],
+      "listeners": [],
       "styles": [],
       "slots": [
         {
@@ -19438,23 +19414,10 @@
         }
       ],
       "parts": [],
-      "dependents": [
-        "calcite-action-bar",
-        "calcite-action-menu",
-        "calcite-action-pad"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "calcite-action-bar": [
-          "calcite-tooltip-manager"
-        ],
-        "calcite-action-menu": [
-          "calcite-tooltip-manager"
-        ],
-        "calcite-action-pad": [
-          "calcite-tooltip-manager"
-        ]
-      }
+      "dependencyGraph": {},
+      "deprecation": "No longer required for tooltip usage."
     },
     {
       "filePath": "./src/components/tree/tree.tsx",

package/dist/loader/cdn.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.444
+ * v1.0.0-next.447
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.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.444
+ * v1.0.0-next.447
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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.444
+ * v1.0.0-next.447
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.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.444
+ * v1.0.0-next.447
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/popover/PopoverManager.d.ts

@@ -0,0 +1,10 @@
+export default class PopoverManager {
+  private registeredElements;
+  private registeredElementCount;
+  registerElement(referenceEl: HTMLElement, popover: HTMLCalcitePopoverElement): void;
+  unregisterElement(referenceEl: HTMLElement): void;
+  private queryPopover;
+  private clickHandler;
+  private addListeners;
+  private removeListeners;
+}

package/dist/types/components/popover/popover.d.ts

@@ -6,6 +6,10 @@ import { HeadingLevel } from "../functional/Heading";
  * @slot - A slot for adding custom content.
  */
 export declare class Popover {
+  /**
+   * Automatically closes any currently open popovers when clicking outside of a popover.
+   */
+  autoClose: boolean;
   /**
    * Display a close button within the Popover.
    * @deprecated use dismissible instead.

package/dist/types/components/popover/resources.d.ts

@@ -14,7 +14,6 @@ export declare const TEXT: {
   close: string;
 };
 export declare const defaultPopoverPlacement = "auto";
-export declare const POPOVER_REFERENCE = "data-calcite-popover-reference";
 export declare const ARIA_CONTROLS = "aria-controls";
 export declare const ARIA_EXPANDED = "aria-expanded";
 export declare const HEADING_LEVEL = 2;

package/dist/types/components/popover-manager/popover-manager.d.ts

@@ -1,9 +1,11 @@
 import { VNode } from "../../stencil-public-runtime";
 /**
  * @slot - A slot for adding elements that reference a 'calcite-popover' by the 'selector' property.
+ * @deprecated No longer required for popover usage.
  */
 export declare class PopoverManager {
   el: HTMLCalcitePopoverManagerElement;
+  mutationObserver: MutationObserver;
   /**
    * 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]`
@@ -13,7 +15,9 @@ export declare class PopoverManager {
    * Automatically closes any currently open popovers when clicking outside of a popover.
    */
   autoClose: boolean;
+  autoCloseHandler(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   render(): VNode;
-  queryPopover: (composedPath: EventTarget[]) => HTMLCalcitePopoverElement;
-  closeOpenPopovers(event: Event): void;
+  setAutoClose(): void;
 }

package/dist/types/components/tooltip/TooltipManager.d.ts

@@ -0,0 +1,27 @@
+export default class TooltipManager {
+  private registeredElements;
+  private hoverTimeouts;
+  private clickedTooltip;
+  private activeTooltipEl;
+  private registeredElementCount;
+  registerElement(referenceEl: HTMLElement, tooltip: HTMLCalciteTooltipElement): void;
+  unregisterElement(referenceEl: HTMLElement): void;
+  private queryTooltip;
+  private keyDownHandler;
+  private mouseEnterShow;
+  private mouseLeaveHide;
+  private clickHandler;
+  private focusShow;
+  private blurHide;
+  private addListeners;
+  private removeListeners;
+  private clearHoverTimeout;
+  private closeExistingTooltip;
+  private focusTooltip;
+  private toggleTooltip;
+  private hoverToggle;
+  private hoverTooltip;
+  private activeTooltipHover;
+  private hoverEvent;
+  private focusEvent;
+}

package/dist/types/components/tooltip/resources.d.ts

@@ -3,5 +3,4 @@ export declare const CSS: {
   arrow: string;
 };
 export declare const TOOLTIP_DELAY_MS = 500;
-export declare const TOOLTIP_REFERENCE = "data-calcite-tooltip-reference";
 export declare const ARIA_DESCRIBED_BY = "aria-describedby";

package/dist/types/components/tooltip/tooltip.d.ts

@@ -50,8 +50,6 @@ export declare class Tooltip {
   getId: () => string;
   addReferences: () => void;
   removeReferences: () => void;
-  show: () => void;
-  hide: () => void;
   getReferenceElement(): HTMLElement;
   getModifiers(): Partial<StrictModifiers>[];
   createPopper(): void;

package/dist/types/components/tooltip-manager/tooltip-manager.d.ts

@@ -1,41 +1,13 @@
 import { VNode } from "../../stencil-public-runtime";
 /**
  * @slot - A slot for adding elements that reference a 'calcite-tooltip' by the 'selector' property.
+ * @deprecated No longer required for tooltip usage.
  */
 export declare class TooltipManager {
-  el: HTMLCalciteTooltipManagerElement;
-  tooltipEl: HTMLCalciteTooltipElement;
-  hoverTimeouts: WeakMap<HTMLCalciteTooltipElement, number>;
-  clickedTooltip: HTMLCalciteTooltipElement;
   /**
    * CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.
    * @default `[data-calcite-tooltip-reference]`
    */
   selector: string;
-  queryTooltip: (composedPath: EventTarget[]) => HTMLCalciteTooltipElement;
-  clearHoverTimeout: (tooltip: HTMLCalciteTooltipElement) => void;
-  closeExistingTooltip: () => void;
-  focusTooltip: ({ tooltip, value }: {
-    tooltip: HTMLCalciteTooltipElement;
-    value: boolean;
-  }) => void;
-  toggleTooltip: (tooltip: HTMLCalciteTooltipElement, value: boolean) => void;
-  hoverToggle: ({ tooltip, value }: {
-    tooltip: HTMLCalciteTooltipElement;
-    value: boolean;
-  }) => void;
-  hoverTooltip: ({ tooltip, value }: {
-    tooltip: HTMLCalciteTooltipElement;
-    value: boolean;
-  }) => void;
-  activeTooltipHover: (event: MouseEvent) => void;
-  hoverEvent: (event: MouseEvent, value: boolean) => void;
-  focusEvent: (event: FocusEvent, value: boolean) => void;
   render(): VNode;
-  keyUpHandler(event: KeyboardEvent): void;
-  mouseEnterShow(event: MouseEvent): void;
-  mouseLeaveHide(event: MouseEvent): void;
-  clickHandler(event: MouseEvent): void;
-  focusShow(event: FocusEvent): void;
-  blurHide(event: FocusEvent): void;
 }

package/dist/types/components.d.ts

@@ -2311,6 +2311,10 @@ export namespace Components {
         "value": any;
     }
     interface CalcitePopover {
+        /**
+          * Automatically closes any currently open popovers when clicking outside of a popover.
+         */
+        "autoClose": boolean;
         /**
           * Display a close button within the Popover.
           * @deprecated use dismissible instead.
@@ -6451,6 +6455,10 @@ declare namespace LocalJSX {
         "value": any;
     }
     interface CalcitePopover {
+        /**
+          * Automatically closes any currently open popovers when clicking outside of a popover.
+         */
+        "autoClose"?: boolean;
         /**
           * Display a close button within the Popover.
           * @deprecated use dismissible instead.