@esri/calcite-components 1.0.0-next.633 → 1.0.0-next.635

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-11-16T19:42:44",
+  "timestamp": "2022-11-18T00:57:02",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.18.1",
@@ -11545,8 +11545,18 @@
           "attr": "active",
           "reflectToAttr": true,
           "docs": "When `true`, the component is active.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use global `hidden` attribute instead."
+            },
+            {
+              "name": "mdn",
+              "text": "[hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)"
+            }
+          ],
           "default": "false",
+          "deprecation": "use global `hidden` attribute instead.",
           "values": [
             {
               "type": "boolean"
@@ -14302,7 +14312,7 @@
       "docsTags": [],
       "usage": {
         "Basic": "You can use the `active` attribute to toggle visibility:\n\n```html\n<calcite-loader text=\"Fetching data...\" active></calcite-loader>\n```\n",
-        "Compact": "For instances when you don't have room for the full loader, you can use the smaller `inline` version of the loader. The inline version is meant to sit to the left of text:\n\n```html\n<p><calcite-loader active inline></calcite-loader> Inline loader</p>\n```\n",
+        "Compact": "For instances when you don't have room for the full loader, you can use the smaller `inline` version of the loader. The inline version is meant to sit to the left of text:\n\n```html\n<p><calcite-loader inline></calcite-loader> Inline loader</p>\n```\n",
         "Determinate": "If you can calculate your progress, it's best to use the determinate version of the loader. Update the `value` of the element when progress is made. This will display a progress bar along the perimeter of the loader showing 32% complete:\n\n```html\n<calcite-loader type=\"determinate\" value=\"32\" active></calcite-loader>\n```\n"
       },
       "props": [
@@ -14313,8 +14323,18 @@
           "attr": "active",
           "reflectToAttr": true,
           "docs": "When `true`, the component is active.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use global `hidden` attribute instead."
+            },
+            {
+              "name": "mdn",
+              "text": "[hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)"
+            }
+          ],
           "default": "false",
+          "deprecation": "use global `hidden` attribute instead.",
           "values": [
             {
               "type": "boolean"
@@ -17160,6 +17180,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "disableFocusTrap",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disable-focus-trap",
+          "reflectToAttr": true,
+          "docs": "When `true`, prevents focus trapping.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "disablePointer",
           "type": "boolean",
@@ -23739,7 +23776,44 @@
           ]
         }
       ],
-      "events": [],
+      "events": [
+        {
+          "event": "calciteTooltipBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the component is requested to be closed and before the closing transition begins.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteTooltipBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteTooltipClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the component is closed and animation is complete.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteTooltipOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the component is open and animation is complete.",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [

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.633
+ * v1.0.0-next.635
  */
 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.633
+ * v1.0.0-next.635
  */
 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.633
+ * v1.0.0-next.635
  */
 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.633
+ * v1.0.0-next.635
  */
 (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/input-message/input-message.d.ts

@@ -5,7 +5,12 @@ import { Scale, Status } from "../interfaces";
  */
 export declare class InputMessage {
   el: HTMLCalciteInputMessageElement;
-  /** When `true`, the component is active. */
+  /**
+   * When `true`, the component is active.
+   *
+   * @deprecated use global `hidden` attribute instead.
+   * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+   */
   active: boolean;
   /** Specifies an icon to display. */
   icon: boolean | string;

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

@@ -2,7 +2,12 @@ import { VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 export declare class Loader {
   el: HTMLCalciteLoaderElement;
-  /** When `true`, the component is active. */
+  /**
+   * When `true`, the component is active.
+   *
+   * @deprecated use global `hidden` attribute instead.
+   * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+   */
   active: boolean;
   /** When `true`, displays smaller and appears to the left of the text. */
   inline: boolean;

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

@@ -1,12 +1,13 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { OverlayPositioning, FloatingUIComponent, LogicalPlacement, EffectivePlacement, ReferenceElement } from "../../utils/floating-ui";
+import { FocusTrapComponent, FocusTrap } from "../../utils/focusTrapComponent";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { HeadingLevel } from "../functional/Heading";
 import { Scale } from "../interfaces";
 /**
  * @slot - A slot for adding custom content.
  */
-export declare class Popover implements FloatingUIComponent, OpenCloseComponent {
+export declare class Popover implements FloatingUIComponent, OpenCloseComponent, FocusTrapComponent {
   /**
    * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
    */
@@ -31,6 +32,10 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent
    * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
    */
   disableFlip: boolean;
+  /**
+   * When `true`, prevents focus trapping.
+   */
+  disableFocusTrap: boolean;
   /**
    * When `true`, removes the caret pointer.
    */
@@ -112,6 +117,8 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent
   openTransitionProp: string;
   transitionEl: HTMLDivElement;
   hasLoaded: boolean;
+  focusTrap: FocusTrap;
+  focusTrapEl: HTMLDivElement;
   connectedCallback(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;

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

@@ -1,9 +1,10 @@
-import { VNode } from "../../stencil-public-runtime";
+import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { OverlayPositioning, FloatingUIComponent, LogicalPlacement, ReferenceElement } from "../../utils/floating-ui";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * @slot - A slot for adding text.
  */
-export declare class Tooltip implements FloatingUIComponent {
+export declare class Tooltip implements FloatingUIComponent, OpenCloseComponent {
   /** Closes the component when the `referenceElement` is clicked. */
   closeOnClick: boolean;
   /** Accessible name for the component. */
@@ -56,15 +57,30 @@ export declare class Tooltip implements FloatingUIComponent {
   arrowEl: HTMLDivElement;
   guid: string;
   hasLoaded: boolean;
+  openTransitionProp: string;
+  transitionEl: HTMLDivElement;
   connectedCallback(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calciteTooltipBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calciteTooltipClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calciteTooltipBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calciteTooltipOpen: EventEmitter<void>;
   /**
    * Updates the position of the component.
    *
    * @param delayed
    */
   reposition(delayed?: boolean): Promise<void>;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  private setTransitionEl;
   setUpReferenceElement: (warn?: boolean) => void;
   getId: () => string;
   addReferences: () => void;

package/dist/types/components.d.ts

@@ -1932,6 +1932,8 @@ export namespace Components {
     interface CalciteInputMessage {
         /**
           * When `true`, the component is active.
+          * @deprecated use global `hidden` attribute instead.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "active": boolean;
         /**
@@ -2441,6 +2443,8 @@ export namespace Components {
     interface CalciteLoader {
         /**
           * When `true`, the component is active.
+          * @deprecated use global `hidden` attribute instead.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "active": boolean;
         /**
@@ -2893,6 +2897,10 @@ export namespace Components {
           * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
          */
         "disableFlip": boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "disableFocusTrap": boolean;
         /**
           * When `true`, removes the caret pointer.
          */
@@ -4462,6 +4470,10 @@ export interface CalciteTipManagerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteTipManagerElement;
 }
+export interface CalciteTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTooltipElement;
+}
 export interface CalciteTreeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteTreeElement;
@@ -7103,6 +7115,8 @@ declare namespace LocalJSX {
     interface CalciteInputMessage {
         /**
           * When `true`, the component is active.
+          * @deprecated use global `hidden` attribute instead.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "active"?: boolean;
         /**
@@ -7583,6 +7597,8 @@ declare namespace LocalJSX {
     interface CalciteLoader {
         /**
           * When `true`, the component is active.
+          * @deprecated use global `hidden` attribute instead.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "active"?: boolean;
         /**
@@ -8054,6 +8070,10 @@ declare namespace LocalJSX {
           * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
          */
         "disableFlip"?: boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "disableFocusTrap"?: boolean;
         /**
           * When `true`, removes the caret pointer.
          */
@@ -9120,6 +9140,22 @@ declare namespace LocalJSX {
           * Offset the position of the component along the `referenceElement`.
          */
         "offsetSkidding"?: number;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteTooltipBeforeClose"?: (event: CalciteTooltipCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteTooltipBeforeOpen"?: (event: CalciteTooltipCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteTooltipClose"?: (event: CalciteTooltipCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteTooltipOpen"?: (event: CalciteTooltipCustomEvent<void>) => void;
         /**
           * When `true`, the component is open.
          */

package/dist/types/preact.d.ts

@@ -390,7 +390,12 @@ declare module "preact/src/jsx" {
         "oncalciteTipManagerClose"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tooltip": JSX.CalciteTooltip & JSXInternal.HTMLAttributes<HTMLCalciteTooltipElement>
+      "calcite-tooltip": Omit<JSX.CalciteTooltip, "onCalciteTooltipBeforeClose" | "onCalciteTooltipClose" | "onCalciteTooltipBeforeOpen" | "onCalciteTooltipOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteTooltipElement> & {
+        "oncalciteTooltipBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipOpen"?: (event: CustomEvent<any>) => void;
+      }
 
       "calcite-tooltip-manager": JSX.CalciteTooltipManager & JSXInternal.HTMLAttributes<HTMLCalciteTooltipManagerElement>