@esri/calcite-components 1.0.0-next.481 → 1.0.0-next.484

package/dist/extras/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2022-06-01T23:08:05",
+  "timestamp": "2022-06-02T21:39:01",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
+    "version": "2.16.0",
     "typescriptVersion": "4.5.4"
   },
   "components": [
@@ -11463,21 +11463,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "firstFocus",
-          "type": "HTMLElement",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Specify the initial focus when the `calcite-modal` is first opened.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "HTMLElement"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "fullscreen",
           "type": "boolean",
@@ -13482,7 +13467,8 @@
         }
       ],
       "usage": {
-        "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"
+        "Basic": "```html\n<calcite-popover reference-element=\"popover-button\">Hello! I am some popover content!</calcite-popover>\n\n<calcite-button id=\"popover-button\">Clickable popover</calcite-button>\n```\n",
+        "Virtual": "```html\n<!-- virtually positioned popover -->\n<calcite-popover id=\"virtual-popover\" label=\"Hello world!\" open>\n  <p>Hello! I am some virtual popover content!</p>\n</calcite-popover>\n\n<script>\n  function generateGetBoundingClientRect() {\n    return () => ({\n      width: 0,\n      height: 0,\n      top: 100,\n      right: 100,\n      bottom: 100,\n      left: 600\n    });\n  }\n\n  const virtualElement = {\n    getBoundingClientRect: generateGetBoundingClientRect()\n  };\n\n  const popover = document.getElementById(\"virtual-popover\");\n  popover.referenceElement = virtualElement;\n</script>\n```\n"
       },
       "props": [
         {
@@ -13790,7 +13776,7 @@
         },
         {
           "name": "referenceElement",
-          "type": "HTMLElement | string",
+          "type": "Element | string | ({ getBoundingClientRect: () => ClientRect | DOMRect; contextElement?: Element; })",
           "mutable": false,
           "attr": "reference-element",
           "reflectToAttr": false,
@@ -13798,10 +13784,16 @@
           "docsTags": [],
           "values": [
             {
-              "type": "HTMLElement"
+              "type": "Element"
             },
             {
               "type": "string"
+            },
+            {
+              "type": "({ getBoundingClientRect: () => ClientRect"
+            },
+            {
+              "type": "DOMRect; contextElement?: Element; })"
             }
           ],
           "optional": false,
@@ -19323,7 +19315,8 @@
         }
       ],
       "usage": {
-        "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"
+        "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",
+        "Virtual": "```html\n<!-- virtually positioned tooltip -->\n<calcite-tooltip id=\"virtual-tooltip\" open>This is the message of the tooltip</calcite-tooltip>\n\n<script>\n  function generateGetBoundingClientRect() {\n    return () => ({\n      width: 0,\n      height: 0,\n      top: 100,\n      right: 100,\n      bottom: 100,\n      left: 600\n    });\n  }\n\n  const virtualElement = {\n    getBoundingClientRect: generateGetBoundingClientRect()\n  };\n\n  const tooltip = document.getElementById(\"virtual-tooltip\");\n  tooltip.referenceElement = virtualElement;\n</script>\n```\n"
       },
       "props": [
         {
@@ -19450,7 +19443,7 @@
         },
         {
           "name": "referenceElement",
-          "type": "HTMLElement | string",
+          "type": "Element | string | ({ getBoundingClientRect: () => ClientRect | DOMRect; contextElement?: Element; })",
           "mutable": false,
           "attr": "reference-element",
           "reflectToAttr": false,
@@ -19458,10 +19451,16 @@
           "docsTags": [],
           "values": [
             {
-              "type": "HTMLElement"
+              "type": "Element"
             },
             {
               "type": "string"
+            },
+            {
+              "type": "({ getBoundingClientRect: () => ClientRect"
+            },
+            {
+              "type": "DOMRect; contextElement?: Element; })"
             }
           ],
           "optional": false,

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.481
+ * v1.0.0-next.484
  */
 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.481
+ * v1.0.0-next.484
  */
 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.481
+ * v1.0.0-next.484
  */
 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.481
+ * v1.0.0-next.484
  */
 (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/flow/flow.d.ts

@@ -12,11 +12,8 @@ export declare class Flow {
   panelCount: number;
   flowDirection: FlowDirection;
   panels: HTMLCalcitePanelElement[];
-  connectedCallback(): void;
-  disconnectedCallback(): void;
   handleCalcitePanelBackClick(): void;
   getFlowDirection: (oldPanelCount: number, newPanelCount: number) => FlowDirection | null;
-  updateFlowProps: () => void;
-  panelItemMutationObserver: MutationObserver;
+  updateFlowProps: (event: Event) => void;
   render(): VNode;
 }

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

@@ -23,8 +23,6 @@ export declare class Modal implements ConditionalSlotComponent {
   intlClose: string;
   /** When true, prevents the `calcite-modal` from expanding to the entire screen on mobile devices. */
   docked: boolean;
-  /** Specify the initial focus when the `calcite-modal` is first opened. */
-  firstFocus: HTMLElement;
   /** When true, disables the default close on escape behavior. */
   disableEscape: boolean;
   /** Specify the scale of `calcite-modal`. */

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

@@ -1,8 +1,9 @@
+import { ReferenceElement } from "../../utils/popper";
 export default class PopoverManager {
   private registeredElements;
   private registeredElementCount;
-  registerElement(referenceEl: HTMLElement, popover: HTMLCalcitePopoverElement): void;
-  unregisterElement(referenceEl: HTMLElement): void;
+  registerElement(referenceEl: ReferenceElement, popover: HTMLCalcitePopoverElement): void;
+  unregisterElement(referenceEl: ReferenceElement): void;
   private queryPopover;
   private togglePopovers;
   private keyHandler;

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

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { PopperPlacement, OverlayPositioning, ComputedPlacement } from "../../utils/popper";
+import { PopperPlacement, OverlayPositioning, ComputedPlacement, ReferenceElement } from "../../utils/popper";
 import { StrictModifiers, Instance as Popper } from "@popperjs/core";
 import { HeadingLevel } from "../functional/Heading";
 /**
@@ -72,7 +72,7 @@ export declare class Popover {
   /**
    * Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.
    */
-  referenceElement: HTMLElement | string;
+  referenceElement: ReferenceElement | string;
   referenceElementHandler(): void;
   /**
    * Disables automatically toggling a popover when its referenceElement has been triggered. This property can be set to true to manage when a popover is open.
@@ -86,7 +86,7 @@ export declare class Popover {
   intlClose: string;
   filteredFlipPlacements: ComputedPlacement[];
   el: HTMLCalcitePopoverElement;
-  effectiveReferenceElement: HTMLElement;
+  effectiveReferenceElement: ReferenceElement;
   popper: Popper;
   arrowEl: HTMLDivElement;
   closeButtonEl: HTMLCalciteActionElement;
@@ -120,7 +120,7 @@ export declare class Popover {
   setExpandedAttr: () => void;
   addReferences: () => void;
   removeReferences: () => void;
-  getReferenceElement(): HTMLElement;
+  getReferenceElement(): ReferenceElement;
   getModifiers(): Partial<StrictModifiers>[];
   createPopper(): void;
   destroyPopper(): void;

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

@@ -1,11 +1,12 @@
+import { ReferenceElement } from "../../utils/popper";
 export default class TooltipManager {
   private registeredElements;
   private hoverTimeouts;
   private clickedTooltip;
   private activeTooltipEl;
   private registeredElementCount;
-  registerElement(referenceEl: HTMLElement, tooltip: HTMLCalciteTooltipElement): void;
-  unregisterElement(referenceEl: HTMLElement): void;
+  registerElement(referenceEl: ReferenceElement, tooltip: HTMLCalciteTooltipElement): void;
+  unregisterElement(referenceEl: ReferenceElement): void;
   private queryTooltip;
   private keyDownHandler;
   private mouseEnterShow;

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

@@ -1,6 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
 import { StrictModifiers, Instance as Popper } from "@popperjs/core";
-import { PopperPlacement, OverlayPositioning } from "../../utils/popper";
+import { PopperPlacement, OverlayPositioning, ReferenceElement } from "../../utils/popper";
 /**
  * @slot - A slot for adding text.
  */
@@ -36,10 +36,10 @@ export declare class Tooltip {
   /**
    * Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.
    */
-  referenceElement: HTMLElement | string;
+  referenceElement: ReferenceElement | string;
   referenceElementHandler(): void;
   el: HTMLCalciteTooltipElement;
-  effectiveReferenceElement: HTMLElement;
+  effectiveReferenceElement: ReferenceElement;
   arrowEl: HTMLDivElement;
   popper: Popper;
   guid: string;
@@ -52,7 +52,7 @@ export declare class Tooltip {
   getId: () => string;
   addReferences: () => void;
   removeReferences: () => void;
-  getReferenceElement(): HTMLElement;
+  getReferenceElement(): ReferenceElement;
   getModifiers(): Partial<StrictModifiers>[];
   createPopper(): void;
   destroyPopper(): void;