npm - @esri/calcite-components - Versions diffs - 1.0.0-next.690 → 1.0.0-next.692 - Mend

@esri/calcite-components 1.0.0-next.690 → 1.0.0-next.692

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (671) hide show

package/dist/collection/components/modal/modal.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Host } from "@stencil/core";
 import { ensureId, focusElement, getSlotted } from "../../utils/dom";
@@ -69,6 +69,7 @@ export class Modal {
     this.backgroundColor = "white";
     this.messages = undefined;
     this.messageOverrides = undefined;
+    this.slottedInShell = undefined;
     this.hasFooter = true;
     this.isOpen = false;
     this.effectiveLocale = undefined;
@@ -114,15 +115,16 @@ export class Modal {
     deactivateFocusTrap(this);
     disconnectLocalized(this);
     disconnectMessages(this);
+    this.slottedInShell = false;
   }
   render() {
-    return (h(Host, { "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("calcite-scrim", { class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { class: {
+    return (h(Host, { "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("div", { class: { [CSS.container]: true, [CSS.slottedInShell]: this.slottedInShell } }, h("calcite-scrim", { class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { class: {
         [CSS.modal]: true,
         [CSS.modalOpen]: this.isOpen
       }, ref: this.setTransitionEl }, h("div", { class: CSS.header }, this.renderCloseButton(), h("header", { class: CSS.title }, h("slot", { name: CSS.header }))), h("div", { class: {
         content: true,
         "content--no-footer": !this.hasFooter
-      }, ref: (el) => (this.modalContent = el) }, h("slot", { name: SLOTS.content })), this.renderFooter())));
+      }, ref: (el) => (this.modalContent = el) }, h("slot", { name: SLOTS.content })), this.renderFooter()))));
   }
   renderFooter() {
     return this.hasFooter ? (h("div", { class: CSS.footer, key: "footer" }, h("span", { class: CSS.back }, h("slot", { name: SLOTS.back })), h("span", { class: CSS.secondary }, h("slot", { name: SLOTS.secondary })), h("span", { class: CSS.primary }, h("slot", { name: SLOTS.primary })))) : null;
@@ -242,7 +244,9 @@ export class Modal {
     const contentEl = getSlotted(this.el, SLOTS.content);
     this.titleId = ensureId(titleEl);
     this.contentId = ensureId(contentEl);
-    document.documentElement.classList.add(CSS.overflowHidden);
+    if (!this.slottedInShell) {
+      document.documentElement.classList.add(CSS.overflowHidden);
+    }
   }
   removeOverflowHiddenClass() {
     document.documentElement.classList.remove(CSS.overflowHidden);
@@ -545,6 +549,26 @@ export class Modal {
           "tags": [],
           "text": "Use this property to override individual strings used by the component."
         }
+      },
+      "slottedInShell": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "This internal property, managed by a containing calcite-shell, is used\nto inform the component if special configuration or styles are needed"
+        },
+        "attribute": "slotted-in-shell",
+        "reflect": false
       }
     };
   }

package/dist/collection/components/modal/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   modal: "modal",
@@ -15,6 +15,8 @@ export const CSS = {
   secondary: "secondary",
   primary: "primary",
   overflowHidden: "overflow-hidden",
+  container: "container",
+  slottedInShell: "slotted-in-shell",
   // these classes help apply the animation in phases to only set transform on open/close
   // this helps avoid a positioning issue for any floating-ui-owning children
   openingIdle: "modal--opening-idle",

package/dist/collection/components/notice/notice.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/notice/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const SLOTS = {
   title: "title",

package/dist/collection/components/option/option.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";

package/dist/collection/components/option-group/option-group.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Fragment } from "@stencil/core";
 /**

package/dist/collection/components/pagination/pagination.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Fragment } from "@stencil/core";
 import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";

package/dist/collection/components/pagination/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   page: "page",

package/dist/collection/components/panel/panel.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, ICONS, SLOTS } from "./resources";

package/dist/collection/components/panel/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   backButton: "back-button",

package/dist/collection/components/pick-list/pick-list.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";

package/dist/collection/components/pick-list/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   sticky: "sticky-pos"

package/dist/collection/components/pick-list/shared-list-logic.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";

package/dist/collection/components/pick-list/shared-list-render.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/pick-list-group/pick-list-group.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/pick-list-group/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   heading: "heading",

package/dist/collection/components/pick-list-item/pick-list-item.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { Fragment, h } from "@stencil/core";
 import { CSS, ICONS, SLOTS } from "./resources";

package/dist/collection/components/pick-list-item/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   actions: "actions",

package/dist/collection/components/popover/PopoverManager.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { isActivationKey } from "../../utils/key";

package/dist/collection/components/popover/popover.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { forceUpdate, Host, h } from "@stencil/core";
 import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, defaultPopoverPlacement } from "./resources";

package/dist/collection/components/popover/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/progress/progress.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h } from "@stencil/core";
 export class Progress {

package/dist/collection/components/radio-button/radio-button.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/radio-button/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/radio-button-group/radio-button-group.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { Host, h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";

package/dist/collection/components/radio-group/radio-group.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/radio-group-item/radio-group-item.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/radio-group-item/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const SLOTS = {
   input: "input"

package/dist/collection/components/rating/function/star.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h } from "@stencil/core";
 export const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { ...{

package/dist/collection/components/rating/rating.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export var KindIcons;
 (function (KindIcons) {

package/dist/collection/components/scrim/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   scrim: "scrim",

package/dist/collection/components/scrim/scrim.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/select/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/select/select.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { Fragment, h } from "@stencil/core";
 import { focusElement } from "../../utils/dom";

package/dist/collection/components/shell/resources.js CHANGED Viewed

@@ -1,18 +1,22 @@
 /*!
  * 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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   main: "main",
   content: "content",
   contentBehind: "content--behind",
-  footer: "footer"
+  footer: "footer",
+  positionedSlotWrapper: "positioned-slot-wrapper",
+  container: "container"
 };
 export const SLOTS = {
   centerRow: "center-row",
   panelStart: "panel-start",
   panelEnd: "panel-end",
   header: "header",
-  footer: "footer"
+  footer: "footer",
+  alerts: "alerts",
+  modals: "modals"
 };

package/dist/collection/components/shell/shell.css CHANGED Viewed

@@ -209,4 +209,10 @@ slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])) {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   inset-block-end: 0.5rem;
   inset-inline: var(--calcite-shell-tip-spacing);
+}
+.position-wrapper {
+  position: absolute;
+  pointer-events: none;
+  inset: 0;
 }

package/dist/collection/components/shell/shell.js CHANGED Viewed

@@ -1,11 +1,11 @@
 /*!
  * 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.690
+ * v1.0.0-next.692
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";
-import { getSlotted } from "../../utils/dom";
+import { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from "../../utils/dom";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } 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.
@@ -14,10 +14,43 @@ import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } f
  * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.
  * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.
  * @slot center-row - A slot for adding content to the center row.
+ * @slot modal - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.
+ * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
  */
 export class Shell {
   constructor() {
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    this.handleHeaderSlotChange = (event) => {
+      this.hasHeader = !!slotChangeHasAssignedElement(event);
+    };
+    this.handleFooterSlotChange = (event) => {
+      this.hasFooter = !!slotChangeHasAssignedElement(event);
+    };
+    this.handleAlertsSlotChange = (event) => {
+      this.hasAlerts = !!slotChangeHasAssignedElement(event);
+      slotChangeGetAssignedElements(event)?.map((el) => {
+        if (el.nodeName === "CALCITE-ALERT") {
+          el.slottedInShell = true;
+        }
+      });
+    };
+    this.handleModalsSlotChange = (event) => {
+      this.hasModals = !!slotChangeHasAssignedElement(event);
+      slotChangeGetAssignedElements(event)?.map((el) => {
+        if (el.nodeName === "CALCITE-MODAL") {
+          el.slottedInShell = true;
+        }
+      });
+    };
     this.contentBehind = false;
+    this.hasHeader = false;
+    this.hasFooter = false;
+    this.hasAlerts = false;
+    this.hasModals = false;
   }
   // --------------------------------------------------------------------------
   //
@@ -36,8 +69,16 @@ export class Shell {
   //
   // --------------------------------------------------------------------------
   renderHeader() {
-    const hasHeader = !!getSlotted(this.el, SLOTS.header);
-    return hasHeader ? h("slot", { key: "header", name: SLOTS.header }) : null;
+    return (h("div", { hidden: !this.hasHeader }, h("slot", { key: "header", name: SLOTS.header, onSlotchange: this.handleHeaderSlotChange })));
+  }
+  renderFooter() {
+    return (h("div", { class: CSS.footer, hidden: !this.hasFooter, key: "footer" }, h("slot", { name: SLOTS.footer, onSlotchange: this.handleFooterSlotChange })));
+  }
+  renderAlerts() {
+    return (h("div", { hidden: !this.hasAlerts }, h("slot", { key: "alerts", name: SLOTS.alerts, onSlotchange: this.handleAlertsSlotChange })));
+  }
+  renderModals() {
+    return (h("div", { hidden: !this.hasModals }, h("slot", { key: "modals", name: SLOTS.modals, onSlotchange: this.handleModalsSlotChange })));
   }
   renderContent() {
     const defaultSlotNode = h("slot", { key: "default-slot" });
@@ -56,15 +97,14 @@ export class Shell {
       ];
     return content;
   }
-  renderFooter() {
-    const hasFooter = !!getSlotted(this.el, SLOTS.footer);
-    return hasFooter ? (h("div", { class: CSS.footer, key: "footer" }, h("slot", { name: SLOTS.footer }))) : null;
-  }
   renderMain() {
     return (h("div", { class: CSS.main }, h("slot", { name: SLOTS.panelStart }), this.renderContent(), h("slot", { name: SLOTS.panelEnd })));
   }
+  renderPositionedSlots() {
+    return (h("div", { class: CSS.positionedSlotWrapper }, this.renderAlerts(), this.renderModals()));
+  }
   render() {
-    return (h(Fragment, null, this.renderHeader(), this.renderMain(), this.renderFooter()));
+    return (h(Fragment, null, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
   }
   static get is() { return "calcite-shell"; }
   static get encapsulation() { return "shadow"; }
@@ -100,5 +140,13 @@ export class Shell {
       }
     };
   }
+  static get states() {
+    return {
+      "hasHeader": {},
+      "hasFooter": {},
+      "hasAlerts": {},
+      "hasModals": {}
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/shell-center-row/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

package/dist/collection/components/shell-center-row/shell-center-row.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-panel/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/shell-panel/shell-panel.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/slider/resources.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 export const CSS = {
   handleLabel: "handle__label",

package/dist/collection/components/slider/slider.js CHANGED Viewed

@@ -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.690
+ * v1.0.0-next.692
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";