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

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-27T19:38:45",
+  "timestamp": "2022-12-29T21:33:38",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -695,15 +695,15 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding `calcite-action`s that will appear at the top of the action bar."
+          "text": "- A slot for adding `calcite-action`s that will appear at the top of the component."
         },
         {
           "name": "slot",
-          "text": "bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button."
+          "text": "bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the component, above the collapse/expand button."
         },
         {
           "name": "slot",
-          "text": "expand-tooltip - Used to set the tooltip for the expand toggle."
+          "text": "expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle."
         }
       ],
       "usage": {
@@ -883,15 +883,15 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding `calcite-action`s that will appear at the top of the action bar."
+          "docs": "A slot for adding `calcite-action`s that will appear at the top of the component."
         },
         {
           "name": "bottom-actions",
-          "docs": "A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button."
+          "docs": "A slot for adding `calcite-action`s that will appear at the bottom of the component, above the collapse/expand button."
         },
         {
           "name": "expand-tooltip",
-          "docs": "Used to set the tooltip for the expand toggle."
+          "docs": "A slot to set the `calcite-tooltip` for the expand toggle."
         }
       ],
       "parts": [],
@@ -1468,7 +1468,7 @@
         },
         {
           "name": "slot",
-          "text": "expand-tooltip - Used to set the `calcite-tooltip` for the expand toggle."
+          "text": "expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle."
         }
       ],
       "usage": {
@@ -1638,7 +1638,7 @@
         },
         {
           "name": "expand-tooltip",
-          "docs": "Used to set the `calcite-tooltip` for the expand toggle."
+          "docs": "A slot to set the `calcite-tooltip` for the expand toggle."
         }
       ],
       "parts": [],
@@ -1691,7 +1691,7 @@
         },
         {
           "name": "slot",
-          "text": "actions-end - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions."
+          "text": "actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions."
         }
       ],
       "usage": {
@@ -1779,7 +1779,7 @@
         },
         {
           "name": "kind",
-          "type": "\"brand\" | \"danger\" | \"info\" | \"inverse\" | \"neutral\" | \"success\" | \"warning\"",
+          "type": "\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
           "mutable": false,
           "attr": "kind",
           "reflectToAttr": true,
@@ -1799,14 +1799,6 @@
               "value": "info",
               "type": "string"
             },
-            {
-              "value": "inverse",
-              "type": "string"
-            },
-            {
-              "value": "neutral",
-              "type": "string"
-            },
             {
               "value": "success",
               "type": "string"
@@ -2108,7 +2100,7 @@
       "slots": [
         {
           "name": "actions-end",
-          "docs": "A slot for adding actions to the end of the component. It is recommended to use two or fewer actions."
+          "docs": "A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions."
         },
         {
           "name": "link",
@@ -2266,7 +2258,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding content to the component."
+          "text": "- A slot for adding custom content."
         },
         {
           "name": "slot",
@@ -2278,7 +2270,7 @@
         },
         {
           "name": "slot",
-          "text": "header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown."
+          "text": "header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu."
         }
       ],
       "usage": {
@@ -2507,7 +2499,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding content to the component."
+          "docs": "A slot for adding custom content."
         },
         {
           "name": "control",
@@ -2515,7 +2507,7 @@
         },
         {
           "name": "header-menu-actions",
-          "docs": "A slot for adding an overflow menu with `calcite-action`s inside a dropdown."
+          "docs": "A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu."
         },
         {
           "name": "icon",
@@ -2568,7 +2560,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding content to the component."
+          "text": "- A slot for adding custom content."
         }
       ],
       "usage": {},
@@ -2686,7 +2678,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding content to the component."
+          "docs": "A slot for adding custom content."
         }
       ],
       "parts": [],
@@ -6388,7 +6380,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding `calcite-dropdown-group` components. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set."
+          "text": "- A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set."
         },
         {
           "name": "slot",
@@ -6757,7 +6749,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding `calcite-dropdown-group` components. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set."
+          "docs": "A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set."
         },
         {
           "name": "trigger",
@@ -7538,7 +7530,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding `calcite-flow-item` to the component."
+          "text": "- A slot for adding `calcite-flow-item` elements to the component."
         }
       ],
       "usage": {
@@ -7571,7 +7563,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding `calcite-flow-item` to the component."
+          "docs": "A slot for adding `calcite-flow-item` elements to the component."
         }
       ],
       "parts": [],
@@ -7830,23 +7822,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "showBackButton",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "show-back-button",
-          "reflectToAttr": true,
-          "docs": "When true, displays a back button in the header.\nWhen `true`, displays a back button in the component's header.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "widthScale",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -13679,11 +13654,11 @@
         },
         {
           "name": "slot",
-          "text": "link - A slot for adding actions to take, such as: undo, try again, link to page, etc."
+          "text": "link - A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc."
         },
         {
           "name": "slot",
-          "text": "actions-end - A slot for adding actions to the end of the component. It is recommended to use two or less actions."
+          "text": "actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions."
         }
       ],
       "usage": {
@@ -13746,7 +13721,7 @@
         },
         {
           "name": "kind",
-          "type": "\"brand\" | \"danger\" | \"info\" | \"inverse\" | \"neutral\" | \"success\" | \"warning\"",
+          "type": "\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
           "mutable": false,
           "attr": "kind",
           "reflectToAttr": true,
@@ -13766,14 +13741,6 @@
               "value": "info",
               "type": "string"
             },
-            {
-              "value": "inverse",
-              "type": "string"
-            },
-            {
-              "value": "neutral",
-              "type": "string"
-            },
             {
               "value": "success",
               "type": "string"
@@ -13915,11 +13882,11 @@
       "slots": [
         {
           "name": "actions-end",
-          "docs": "A slot for adding actions to the end of the component. It is recommended to use two or less actions."
+          "docs": "A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions."
         },
         {
           "name": "link",
-          "docs": "A slot for adding actions to take, such as: undo, try again, link to page, etc."
+          "docs": "A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc."
         },
         {
           "name": "message",
@@ -14347,13 +14314,7 @@
         }
       ],
       "listeners": [],
-      "styles": [
-        {
-          "name": "--calcite-pagination-spacing",
-          "annotation": "prop",
-          "docs": "The amount of padding around each pagination item."
-        }
-      ],
+      "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
@@ -17130,7 +17091,7 @@
           "mutable": false,
           "attr": "loading",
           "reflectToAttr": true,
-          "docs": "\n/**\n  When `true`, a busy indicator is displayed.",
+          "docs": "When `true`, a busy indicator is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -17442,7 +17403,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding content to the component. This content will appear between any leading and trailing panels added to the component, such as a map."
+          "text": "- A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map."
         },
         {
           "name": "slot",
@@ -17511,7 +17472,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding content to the component. This content will appear between any leading and trailing panels added to the component, such as a map."
+          "docs": "A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map."
         },
         {
           "name": "alerts",
@@ -17659,7 +17620,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding content to the component."
+          "text": "- A slot for adding custom content."
         },
         {
           "name": "slot",
@@ -17821,7 +17782,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding content to the component."
+          "docs": "A slot for adding custom content."
         },
         {
           "name": "action-bar",
@@ -18932,7 +18893,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding `calcite-stepper-item`s."
+          "text": "- A slot for adding `calcite-stepper-item` elements."
         }
       ],
       "usage": {
@@ -19242,7 +19203,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding `calcite-stepper-item`s."
+          "docs": "A slot for adding `calcite-stepper-item` elements."
         }
       ],
       "parts": [],
@@ -19589,7 +19550,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding content to the component."
+          "text": "- A slot for adding custom content."
         }
       ],
       "usage": {
@@ -19656,7 +19617,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding content to the component."
+          "docs": "A slot for adding custom content."
         }
       ],
       "parts": [],
@@ -20724,7 +20685,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding `calcite-tile-select`s."
+          "text": "- A slot for adding `calcite-tile-select` elements."
         }
       ],
       "usage": {},
@@ -20776,7 +20737,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding `calcite-tile-select`s."
+          "docs": "A slot for adding `calcite-tile-select` elements."
         }
       ],
       "parts": [],
@@ -21918,7 +21879,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding the component's content."
+          "text": "- A slot for adding text."
         },
         {
           "name": "slot",
@@ -21997,7 +21958,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding the component's content."
+          "docs": "A slot for adding text."
         },
         {
           "name": "children",
@@ -22372,11 +22333,11 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "actions-end - A slot for adding actions or content to the end side of the component."
+          "text": "actions-end - A slot for adding `calcite-action`s or content to the end side of the component."
         },
         {
           "name": "slot",
-          "text": "actions-start - A slot for adding actions or content to the start side of the component."
+          "text": "actions-start - A slot for adding `calcite-action`s or content to the start side of the component."
         }
       ],
       "usage": {},
@@ -22609,11 +22570,11 @@
       "slots": [
         {
           "name": "actions-end",
-          "docs": "A slot for adding actions or content to the end side of the component."
+          "docs": "A slot for adding `calcite-action`s or content to the end side of the component."
         },
         {
           "name": "actions-start",
-          "docs": "A slot for adding actions or content to the start side of the component."
+          "docs": "A slot for adding `calcite-action`s or content to the start side of the component."
         }
       ],
       "parts": [],

package/dist/extras/vscode-data.json

@@ -551,12 +551,6 @@
             {
               "name": "info"
             },
-            {
-              "name": "inverse"
-            },
-            {
-              "name": "neutral"
-            },
             {
               "name": "success"
             },
@@ -2253,10 +2247,6 @@
           "name": "menu-open",
           "description": "When `true`, the action menu items in the `header-menu-actions` slot are open."
         },
-        {
-          "name": "show-back-button",
-          "description": "When true, displays a back button in the header.\nWhen `true`, displays a back button in the component's header."
-        },
         {
           "name": "width-scale",
           "description": "Specifies the width of the component.",
@@ -3891,12 +3881,6 @@
             {
               "name": "info"
             },
-            {
-              "name": "inverse"
-            },
-            {
-              "name": "neutral"
-            },
             {
               "name": "success"
             },
@@ -4738,7 +4722,7 @@
       "attributes": [
         {
           "name": "loading",
-          "description": "\n/**\n  When `true`, a busy indicator is displayed."
+          "description": "When `true`, a busy indicator is displayed."
         }
       ]
     },

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.702
+ * v1.0.0-next.704
  */
 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.702
+ * v1.0.0-next.704
  */
 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.702
+ * v1.0.0-next.704
  */
 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.702
+ * v1.0.0-next.704
  */
 (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

@@ -6,9 +6,9 @@ import { T9nComponent } from "../../utils/t9n";
 import { ActionBarMessages } from "./assets/action-bar/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 /**
- * @slot - A slot for adding `calcite-action`s that will appear at the top of the action bar.
- * @slot bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button.
- * @slot expand-tooltip - Used to set the tooltip for the expand toggle.
+ * @slot - A slot for adding `calcite-action`s that will appear at the top of the component.
+ * @slot bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the component, above the collapse/expand button.
+ * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.
  */
 export declare class ActionBar implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   /**

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

@@ -7,7 +7,7 @@ import { ActionPadMessages } from "./assets/action-pad/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-action`s to the component.
- * @slot expand-tooltip - Used to set the `calcite-tooltip` for the expand toggle.
+ * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.
  */
 export declare class ActionPad implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   /**

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

@@ -15,7 +15,7 @@ import { MenuPlacement } from "../../utils/floating-ui";
  * @slot title - A slot for adding a title to the component.
  * @slot message - A slot for adding main text to the component.
  * @slot link - A slot for adding a `calcite-action` to take from the component such as: "undo", "try again", "link to page", etc.
- * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.
+ * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions.
  */
 export declare class Alert implements OpenCloseComponent, LoadableComponent, T9nComponent {
   el: HTMLCalciteAlertElement;
@@ -27,7 +27,7 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
   /** Specifies the duration before the component automatically closes (only use with `autoClose`). */
   autoCloseDuration: AlertDuration;
   /** Specifies the kind of the component (will apply to top border and icon). */
-  kind: Kind;
+  kind: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
   /**
    * When `true`, shows a default recommended icon. Alternatively,
    * pass a Calcite UI Icon name to display a specific icon.

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

@@ -7,10 +7,10 @@ import { T9nComponent } from "../../utils/t9n";
 import { LocalizedComponent } from "../../utils/locale";
 import { BlockMessages } from "./assets/block/t9n";
 /**
- * @slot - A slot for adding content to the component.
+ * @slot - A slot for adding custom content.
  * @slot icon - A slot for adding a leading header icon with `calcite-icon`.
  * @slot control - A slot for adding a single HTML input element in a header.
- * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown.
+ * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.
  */
 export declare class Block implements ConditionalSlotComponent, InteractiveComponent, LocalizedComponent, T9nComponent {
   /**

package/dist/types/components/block-section/block-section.d.ts

@@ -5,7 +5,7 @@ import { T9nComponent } from "../../utils/t9n";
 import { BlockSectionMessages } from "./assets/block-section/t9n";
 import { LocalizedComponent } from "../../utils/locale";
 /**
- * @slot - A slot for adding content to the component.
+ * @slot - A slot for adding custom content.
  */
 export declare class BlockSection implements LocalizedComponent, T9nComponent {
   /**

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

@@ -6,7 +6,7 @@ import { InteractiveComponent } from "../../utils/interactive";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { RequestedItem } from "../dropdown-group/interfaces";
 /**
- * @slot - A slot for adding `calcite-dropdown-group` components. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.
+ * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.
  * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.
  */
 export declare class Dropdown implements InteractiveComponent, OpenCloseComponent, FloatingUIComponent {

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

@@ -1,7 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
 import { FlowDirection } from "./interfaces";
 /**
- * @slot - A slot for adding `calcite-flow-item` to the component.
+ * @slot - A slot for adding `calcite-flow-item` elements to the component.
  */
 export declare class Flow {
   /**

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

@@ -63,8 +63,9 @@ export declare class FlowItem implements InteractiveComponent, LoadableComponent
    */
   messages: FlowItemMessages;
   /**
-   * When true, displays a back button in the header.
    * When `true`, displays a back button in the component's header.
+   *
+   * @internal
    */
   showBackButton: boolean;
   /**

package/dist/types/components/input-date-picker/input-date-picker.d.ts

@@ -176,5 +176,6 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private setRangeValue;
   private setValue;
   private warnAboutInvalidValue;
+  private commonDateSeparators;
   private formatNumerals;
 }

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

@@ -14,15 +14,15 @@ import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot title - A slot for adding the title.
  * @slot message - A slot for adding the message.
- * @slot link - A slot for adding actions to take, such as: undo, try again, link to page, etc.
- * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or less actions.
+ * @slot link - A slot for adding a `calcite-action` to take, such as: "undo", "try again", "link to page", etc.
+ * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.
  */
 export declare class Notice implements ConditionalSlotComponent, LoadableComponent, T9nComponent, LocalizedComponent {
   el: HTMLCalciteNoticeElement;
   /** When `true`, the component is visible. */
   open: boolean;
   /** Specifies the kind of the component (will apply to top border and icon). */
-  kind: Kind;
+  kind: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
   /** When `true`, a close button is added to the component. */
   closable: boolean;
   /**

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

@@ -6,8 +6,6 @@ import { ScrimMessages } from "./assets/scrim/t9n";
  * @slot - A slot for adding custom content, primarily loading information.
  */
 export declare class Scrim implements LocalizedComponent, T9nComponent {
-  /**
-   
   /**
    * When `true`, a busy indicator is displayed.
    */

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

@@ -1,7 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
- * @slot - A slot for adding content to the component. This content will appear between any leading and trailing panels added to the component, such as a map.
+ * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.
  * @slot header - A slot for adding header content. This content will be positioned at the top of the component.
  * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.
  * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.