@esri/calcite-components 1.0.0-next.706 → 1.0.0-next.708

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-30T21:38:53",
+  "timestamp": "2023-01-05T17:06:08",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -857,7 +857,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": []
         }
       ],
@@ -1608,7 +1608,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": []
         }
       ],
@@ -2034,7 +2034,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's \"close\" button (the first focusable item).",
           "docsTags": []
         }
       ],
@@ -3765,7 +3765,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "When `closable` is `true`, sets focus on the component's \"close\" button (the first focusable item).",
           "docsTags": []
         }
       ],
@@ -4222,7 +4222,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": []
         }
       ],
@@ -7748,31 +7748,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "heightScale",
-          "type": "\"l\" | \"m\" | \"s\"",
-          "mutable": false,
-          "attr": "height-scale",
-          "reflectToAttr": true,
-          "docs": "Specifies the maximum height of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "l",
-              "type": "string"
-            },
-            {
-              "value": "m",
-              "type": "string"
-            },
-            {
-              "value": "s",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "loading",
           "type": "boolean",
@@ -7821,31 +7796,6 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "widthScale",
-          "type": "\"l\" | \"m\" | \"s\"",
-          "mutable": false,
-          "attr": "width-scale",
-          "reflectToAttr": true,
-          "docs": "Specifies the width of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "l",
-              "type": "string"
-            },
-            {
-              "value": "m",
-              "type": "string"
-            },
-            {
-              "value": "s",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
         }
       ],
       "methods": [
@@ -8574,7 +8524,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Sets focus on the component.",
           "docsTags": []
         }
       ],
@@ -12703,7 +12653,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": []
         }
       ],
@@ -13847,7 +13797,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": []
         }
       ],
@@ -14494,31 +14444,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "heightScale",
-          "type": "\"l\" | \"m\" | \"s\"",
-          "mutable": false,
-          "attr": "height-scale",
-          "reflectToAttr": true,
-          "docs": "Specifies the maximum height of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "l",
-              "type": "string"
-            },
-            {
-              "value": "m",
-              "type": "string"
-            },
-            {
-              "value": "s",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "loading",
           "type": "boolean",
@@ -14567,31 +14492,6 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "widthScale",
-          "type": "\"l\" | \"m\" | \"s\"",
-          "mutable": false,
-          "attr": "width-scale",
-          "reflectToAttr": true,
-          "docs": "Specifies the width of the component.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "l",
-              "type": "string"
-            },
-            {
-              "value": "m",
-              "type": "string"
-            },
-            {
-              "value": "s",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
         }
       ],
       "methods": [
@@ -14623,7 +14523,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": []
         }
       ],
@@ -14648,23 +14548,7 @@
         }
       ],
       "listeners": [],
-      "styles": [
-        {
-          "name": "--calcite-panel-max-height",
-          "annotation": "prop",
-          "docs": "The maximum height of the component."
-        },
-        {
-          "name": "--calcite-panel-max-width",
-          "annotation": "prop",
-          "docs": "The maximum width of the component."
-        },
-        {
-          "name": "--calcite-panel-min-width",
-          "annotation": "prop",
-          "docs": "The minimum width of the component."
-        }
-      ],
+      "styles": [],
       "slots": [
         {
           "name": "",
@@ -14971,7 +14855,7 @@
           },
           "signature": "setFocus(focusId?: ListFocusId) => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": [
             {
               "name": "param",
@@ -15905,7 +15789,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": []
         },
         {
@@ -17778,7 +17662,28 @@
       "methods": [],
       "events": [],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-shell-panel-detached-max-height",
+          "annotation": "prop",
+          "docs": "The maximum height of the component when `detached` is true."
+        },
+        {
+          "name": "--calcite-shell-panel-max-width",
+          "annotation": "prop",
+          "docs": "The maximum width of the component."
+        },
+        {
+          "name": "--calcite-shell-panel-min-width",
+          "annotation": "prop",
+          "docs": "The minimum width of the component."
+        },
+        {
+          "name": "--calcite-shell-panel-width",
+          "annotation": "prop",
+          "docs": "The width of the component."
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -19352,7 +19257,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Sets focus on the component.",
           "docsTags": []
         }
       ],
@@ -20940,7 +20845,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": []
         }
       ],
@@ -22225,7 +22130,7 @@
           },
           "signature": "setFocus(focusId?: ListFocusId) => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the component.",
+          "docs": "Sets focus on the component's first focusable element.",
           "docsTags": [
             {
               "name": "param",

package/dist/extras/vscode-data.json

@@ -2224,21 +2224,6 @@
           "name": "heading-level",
           "description": "Specifies the number at which section headings should start."
         },
-        {
-          "name": "height-scale",
-          "description": "Specifies the maximum height of the component.",
-          "values": [
-            {
-              "name": "l"
-            },
-            {
-              "name": "m"
-            },
-            {
-              "name": "s"
-            }
-          ]
-        },
         {
           "name": "loading",
           "description": "When `true`, a busy indicator is displayed."
@@ -2246,21 +2231,6 @@
         {
           "name": "menu-open",
           "description": "When `true`, the action menu items in the `header-menu-actions` slot are open."
-        },
-        {
-          "name": "width-scale",
-          "description": "Specifies the width of the component.",
-          "values": [
-            {
-              "name": "l"
-            },
-            {
-              "name": "m"
-            },
-            {
-              "name": "s"
-            }
-          ]
         }
       ]
     },
@@ -4110,21 +4080,6 @@
           "name": "heading-level",
           "description": "Specifies the number at which section headings should start."
         },
-        {
-          "name": "height-scale",
-          "description": "Specifies the maximum height of the component.",
-          "values": [
-            {
-              "name": "l"
-            },
-            {
-              "name": "m"
-            },
-            {
-              "name": "s"
-            }
-          ]
-        },
         {
           "name": "loading",
           "description": "When `true`, a busy indicator is displayed."
@@ -4132,21 +4087,6 @@
         {
           "name": "menu-open",
           "description": "When `true`, the action menu items in the `header-menu-actions` slot are open."
-        },
-        {
-          "name": "width-scale",
-          "description": "Specifies the width of the component.",
-          "values": [
-            {
-              "name": "l"
-            },
-            {
-              "name": "m"
-            },
-            {
-              "name": "s"
-            }
-          ]
         }
       ]
     },

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.706
+ * v1.0.0-next.708
  */
 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.706
+ * v1.0.0-next.708
  */
 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.706
+ * v1.0.0-next.708
  */
 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.706
+ * v1.0.0-next.708
  */
 (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/action-bar/action-bar.d.ts

@@ -71,7 +71,7 @@ export declare class ActionBar implements ConditionalSlotComponent, LoadableComp
    */
   overflowActions(): Promise<void>;
   /**
-   * Sets focus on the component.
+   * Sets focus on the component's first focusable element.
    */
   setFocus(): Promise<void>;
   actionMenuOpenHandler: (event: CustomEvent<void>) => void;

package/dist/types/components/action-pad/action-pad.d.ts

@@ -56,7 +56,7 @@ export declare class ActionPad implements ConditionalSlotComponent, LoadableComp
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   /**
-   * Sets focus on the component.
+   * Sets focus on the component's first focusable element.
    */
   setFocus(): Promise<void>;
   actionMenuOpenHandler: (event: CustomEvent<void>) => void;

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

@@ -92,7 +92,7 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
   calciteInternalAlertRegister: EventEmitter<void>;
   alertSync(event: CustomEvent): void;
   alertRegister(): void;
-  /** Sets focus on the component. */
+  /** Sets focus on the component's "close" button (the first focusable item). */
   setFocus(): Promise<void>;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
@@ -108,8 +108,10 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
   private closeButton?;
   private autoCloseTimeoutId;
   private queueTimeout;
-  private trackTimer;
-  private remainingPausedTimeout;
+  private initialOpenTime;
+  private lastMouseOverBegin;
+  private totalOpenTime;
+  private totalHoverTime;
   /** the computed icon to render */
   requestedIcon?: string;
   openTransitionProp: string;

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

@@ -45,7 +45,7 @@ export declare class Chip implements ConditionalSlotComponent, LoadableComponent
   componentDidLoad(): void;
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
-  /** Sets focus on the component. */
+  /** When `closable` is `true`, sets focus on the component's "close" button (the first focusable item). */
   setFocus(): Promise<void>;
   /**
    * Fires when the close button is clicked.

package/dist/types/components/color-picker/color-picker.d.ts

@@ -137,7 +137,7 @@ export declare class ColorPicker implements InteractiveComponent, LoadableCompon
   private globalPointerUpHandler;
   private globalPointerMoveHandler;
   private handleColorFieldAndSliderPointerEnterOrMove;
-  /** Sets focus on the component. */
+  /** Sets focus on the component's first focusable element. */
   setFocus(): Promise<void>;
   componentWillLoad(): Promise<void>;
   connectedCallback(): void;

package/dist/types/components/flow-item/flow-item.d.ts

@@ -1,6 +1,5 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
-import { Scale } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
@@ -39,10 +38,6 @@ export declare class FlowItem implements InteractiveComponent, LoadableComponent
    * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
-  /**
-   * Specifies the maximum height of the component.
-   */
-  heightScale: Scale;
   /**
    * When `true`, a busy indicator is displayed.
    */
@@ -68,10 +63,6 @@ export declare class FlowItem implements InteractiveComponent, LoadableComponent
    * @internal
    */
   showBackButton: boolean;
-  /**
-   * Specifies the width of the component.
-   */
-  widthScale: Scale;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
   componentDidRender(): void;

package/dist/types/components/inline-editable/inline-editable.d.ts

@@ -70,6 +70,7 @@ export declare class InlineEditable implements InteractiveComponent, LabelableCo
   defaultMessages: InlineEditableMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
   mutationObserverCallback(): void;
   onLabelClick(): void;

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

@@ -86,7 +86,7 @@ export declare class List implements InteractiveComponent, LoadableComponent {
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   dataForFilter: ItemData;
   filterEl: HTMLCalciteFilterElement;
-  /** Sets focus on the component. */
+  /** Sets focus on the component's first focusable element. */
   setFocus(): Promise<void>;
   render(): VNode;
   handleDefaultSlotChange: (event: Event) => void;

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

@@ -56,7 +56,7 @@ export declare class Notice implements ConditionalSlotComponent, LoadableCompone
   calciteNoticeClose: EventEmitter<void>;
   /** Fired when the component is opened. */
   calciteNoticeOpen: EventEmitter<void>;
-  /** Sets focus on the component. */
+  /** Sets focus on the component's first focusable element. */
   setFocus(): Promise<void>;
   private close;
   /** The close button element. */

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

@@ -1,5 +1,4 @@
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
 import { HeadingLevel } from "../functional/Heading";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LoadableComponent } from "../../utils/loadable";
@@ -29,14 +28,6 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
    * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
-  /**
-   * Specifies the maximum height of the component.
-   */
-  heightScale: Scale;
-  /**
-   * Specifies the width of the component.
-   */
-  widthScale: Scale;
   /**
    * When `true`, a busy indicator is displayed.
    */
@@ -106,7 +97,7 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
   handleFooterActionsSlotChange: (event: Event) => void;
   handleFabSlotChange: (event: Event) => void;
   /**
-   * Sets focus on the component.
+   * Sets focus on the component's first focusable element.
    */
   setFocus(): Promise<void>;
   /**

package/dist/types/components/pick-list/pick-list.d.ts

@@ -97,7 +97,7 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
   /** Returns the component's selected `calcite-pick-list-item`s. */
   getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>>;
   /**
-   * Sets focus on the component.
+   * Sets focus on the component's first focusable element.
    *
    * @param focusId
    */

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

@@ -135,7 +135,7 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
    */
   reposition(delayed?: boolean): Promise<void>;
   /**
-   * Sets focus on the component.
+   * Sets focus on the component's first focusable element.
    */
   setFocus(): Promise<void>;
   /**

package/dist/types/components/stepper-item/stepper-item.d.ts

@@ -65,6 +65,7 @@ export declare class StepperItem implements InteractiveComponent, LocalizedCompo
   disconnectedCallback(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
+  /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /** position within parent */
   private itemPosition;

package/dist/types/components/time-picker/time-picker.d.ts

@@ -68,7 +68,7 @@ export declare class TimePicker implements LocalizedComponent, LoadableComponent
   hostFocusHandler(): void;
   keyDownHandler(event: KeyboardEvent): void;
   /**
-   * Sets focus on the component.
+   * Sets focus on the component's first focusable element.
    */
   setFocus(): Promise<void>;
   private focusPart;

package/dist/types/components/value-list/value-list.d.ts

@@ -130,7 +130,7 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
   /** Returns the currently selected items */
   getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>>;
   /**
-   * Sets focus on the component.
+   * Sets focus on the component's first focusable element.
    *
    * @param focusId
    */