@esri/solutions-components 0.10.4 → 0.10.6

package/dist/cjs/calcite-panel_2.cjs.entry.js

@@ -8,22 +8,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const dom = require('./dom-93443cc1.js');
-const interactive = require('./interactive-c120e7de.js');
-const loadable = require('./loadable-52223908.js');
-const observers = require('./observers-304eec4e.js');
-const resources$1 = require('./resources-82ee012d.js');
-const Heading = require('./Heading-97656cb9.js');
-const locale = require('./locale-4d226d16.js');
-const t9n = require('./t9n-d102c87b.js');
-const resources = require('./resources-79f932e8.js');
-const conditionalSlot = require('./conditionalSlot-764a9738.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./browser-9f13ebb0.js');
-require('./key-f95b815e.js');
+const dom = require('./dom-63b93b3b.js');
+const interactive = require('./interactive-272b8484.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const observers = require('./observers-3440c668.js');
+const resources$1 = require('./resources-388b6f7e.js');
+const Heading = require('./Heading-5b274572.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const resources = require('./resources-cb7b739c.js');
+const conditionalSlot = require('./conditionalSlot-fe01e316.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./browser-02cbd1d9.js');
+require('./key-e4dd32ff.js');
 
-const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]) .content-top,:host([scale=s]) .content-bottom{padding:var(--calcite-spacing-sm)}:host([scale=m]) .content-top,:host([scale=m]) .content-bottom{padding:var(--calcite-spacing-md)}:host([scale=l]) .content-top,:host([scale=l]) .content-bottom{padding:var(--calcite-spacing-xl)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-spacing-md);border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-spacing-sm);-moz-column-gap:0;column-gap:0;row-gap:var(--calcite-spacing-md)}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){display:flex;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto;gap:var(--calcite-spacing-md)}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){display:flex;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;gap:var(--calcite-spacing-md)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
+const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-padding)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePanelStyle0 = panelCss;
 
 const Panel = class {
@@ -52,14 +52,31 @@ const Panel = class {
         };
         this.panelKeyDownHandler = (event) => {
             if (this.closable && event.key === "Escape" && !event.defaultPrevented) {
-                this.close();
+                this.handleUserClose();
                 event.preventDefault();
             }
         };
-        this.close = () => {
+        this.handleUserClose = () => {
             this.closed = true;
             this.calcitePanelClose.emit();
         };
+        this.open = () => {
+            this.isClosed = false;
+        };
+        this.close = async () => {
+            const beforeClose = this.beforeClose ?? (() => Promise.resolve());
+            try {
+                await beforeClose();
+            }
+            catch (_error) {
+                // close prevented
+                requestAnimationFrame(() => {
+                    this.closed = false;
+                });
+                return;
+            }
+            this.isClosed = true;
+        };
         this.collapse = () => {
             this.collapsed = !this.collapsed;
             this.calcitePanelToggle.emit();
@@ -113,6 +130,14 @@ const Panel = class {
                 this.resizeHandler();
             }
         };
+        this.handleAlertsSlotChange = (event) => {
+            dom.slotChangeGetAssignedElements(event)?.map((el) => {
+                if (el.nodeName === "CALCITE-ALERT") {
+                    el.embedded = true;
+                }
+            });
+        };
+        this.beforeClose = undefined;
         this.closed = false;
         this.disabled = false;
         this.closable = false;
@@ -127,6 +152,8 @@ const Panel = class {
         this.messageOverrides = undefined;
         this.messages = undefined;
         this.overlayPositioning = "absolute";
+        this.scale = "m";
+        this.isClosed = false;
         this.hasStartActions = false;
         this.hasEndActions = false;
         this.hasMenuItems = false;
@@ -143,6 +170,9 @@ const Panel = class {
         this.effectiveLocale = "";
         this.showHeaderContent = false;
     }
+    toggleDialog(value) {
+        value ? this.close() : this.open();
+    }
     onMessagesChange() {
         /* wired up by t9n util */
     }
@@ -230,15 +260,15 @@ const Panel = class {
         if (collapseDirection === "up") {
             icons.reverse();
         }
-        const collapseNode = collapsible ? (index.h("calcite-action", { "aria-expanded": dom.toAriaBoolean(!collapsed), "aria-label": collapse, "data-test": "collapse", icon: collapsed ? icons[0] : icons[1], onClick: this.collapse, text: collapse, title: collapsed ? expand : collapse })) : null;
-        const closeNode = closable ? (index.h("calcite-action", { "aria-label": close, "data-test": "close", icon: resources.ICONS.close, onClick: this.close, text: close, title: close })) : null;
+        const collapseNode = collapsible ? (index.h("calcite-action", { "aria-expanded": dom.toAriaBoolean(!collapsed), "aria-label": collapse, "data-test": "collapse", icon: collapsed ? icons[0] : icons[1], onClick: this.collapse, scale: this.scale, text: collapse, title: collapsed ? expand : collapse })) : null;
+        const closeNode = closable ? (index.h("calcite-action", { "aria-label": close, "data-test": "close", icon: resources.ICONS.close, onClick: this.handleUserClose, scale: this.scale, text: close, title: close })) : null;
         const slotNode = (index.h("slot", { name: resources.SLOTS.headerActionsEnd, onSlotchange: this.handleHeaderActionsEndSlotChange }));
         const showContainer = hasEndActions || collapseNode || closeNode || hasMenuItems;
         return (index.h("div", { class: { [resources.CSS.headerActionsEnd]: true, [resources.CSS.headerActions]: true }, hidden: !showContainer, key: "header-actions-end" }, slotNode, this.renderMenu(), collapseNode, closeNode));
     }
     renderMenu() {
         const { hasMenuItems, messages, menuOpen } = this;
-        return (index.h("calcite-action-menu", { flipPlacements: ["top", "bottom"], hidden: !hasMenuItems, key: "menu", label: messages.options, open: menuOpen, overlayPositioning: this.overlayPositioning, placement: "bottom-end" }, index.h("calcite-action", { icon: resources.ICONS.menu, slot: resources$1.SLOTS.trigger, text: messages.options }), index.h("slot", { name: resources.SLOTS.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange })));
+        return (index.h("calcite-action-menu", { flipPlacements: ["top", "bottom"], hidden: !hasMenuItems, key: "menu", label: messages.options, open: menuOpen, overlayPositioning: this.overlayPositioning, placement: "bottom-end" }, index.h("calcite-action", { icon: resources.ICONS.menu, scale: this.scale, slot: resources$1.SLOTS.trigger, text: messages.options }), index.h("slot", { name: resources.SLOTS.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange })));
     }
     renderHeaderNode() {
         const { hasHeaderContent, hasStartActions, hasEndActions, closable, collapsible, hasMenuItems, hasActionBar, } = this;
@@ -256,7 +286,7 @@ const Panel = class {
     renderFooterNode() {
         const { hasFooterEndContent, hasFooterStartContent, hasFooterContent, hasFooterActions } = this;
         const showFooter = hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;
-        return (index.h("footer", { class: resources.CSS.footer, hidden: !showFooter }, index.h("slot", { name: resources.SLOTS.footer, onSlotchange: this.handleFooterSlotChange }, index.h("slot", { name: resources.SLOTS.footerStart, onSlotchange: this.handleFooterStartSlotChange }), index.h("slot", { name: resources.SLOTS.footerEnd, onSlotchange: this.handleFooterEndSlotChange })), index.h("slot", { key: "footer-actions-slot", name: resources.SLOTS.footerActions, onSlotchange: this.handleFooterActionsSlotChange })));
+        return (index.h("footer", { class: resources.CSS.footer, hidden: !showFooter }, index.h("div", { class: resources.CSS.footerContent, hidden: !hasFooterContent }, index.h("slot", { name: resources.SLOTS.footer, onSlotchange: this.handleFooterSlotChange })), index.h("div", { class: resources.CSS.footerStart, hidden: hasFooterContent || !hasFooterStartContent }, index.h("slot", { name: resources.SLOTS.footerStart, onSlotchange: this.handleFooterStartSlotChange })), index.h("div", { class: resources.CSS.footerEnd, hidden: hasFooterContent || !hasFooterEndContent }, index.h("slot", { name: resources.SLOTS.footerEnd, onSlotchange: this.handleFooterEndSlotChange })), index.h("div", { class: resources.CSS.footerActions, hidden: hasFooterContent || !hasFooterActions }, index.h("slot", { key: "footer-actions-slot", name: resources.SLOTS.footerActions, onSlotchange: this.handleFooterActionsSlotChange }))));
     }
     renderContent() {
         return (index.h("div", { class: resources.CSS.contentWrapper, hidden: this.collapsible && this.collapsed, onScroll: this.panelScrollHandler, ref: this.setPanelScrollEl }, index.h("slot", null), this.renderFab()));
@@ -271,13 +301,14 @@ const Panel = class {
         return (index.h("div", { class: resources.CSS.fabContainer, hidden: !this.hasFab }, index.h("slot", { name: resources.SLOTS.fab, onSlotchange: this.handleFabSlotChange })));
     }
     render() {
-        const { disabled, loading, panelKeyDownHandler, closed, closable } = this;
-        const panelNode = (index.h("article", { key: 'a9ec3de60dbfa095ed5c18040738603975f35882', "aria-busy": dom.toAriaBoolean(loading), class: resources.CSS.container, hidden: closed, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode()));
-        return (index.h(index.Host, { key: 'd2dfb299ed634f2e67d3390c5d29386c6faa0373', onKeyDown: panelKeyDownHandler }, index.h(interactive.InteractiveContainer, { key: '2f139a9fcb0f57682e0e85ba1a6aec5b53a499d7', disabled: disabled }, loading ? index.h("calcite-scrim", { loading: loading }) : null, panelNode)));
+        const { disabled, loading, panelKeyDownHandler, isClosed, closable } = this;
+        const panelNode = (index.h("article", { key: '25995bcd854feaf5afc8b2e102a174888dc8d2ef', "aria-busy": dom.toAriaBoolean(loading), class: resources.CSS.container, hidden: isClosed, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode(), index.h("slot", { key: "alerts", name: resources.SLOTS.alerts, onSlotchange: this.handleAlertsSlotChange })));
+        return (index.h(index.Host, { key: 'e7e752bb4e0b2fff709c1eb09825d0a213603480', onKeyDown: panelKeyDownHandler }, index.h(interactive.InteractiveContainer, { key: '6b3d4ffd41ddc7c36a02ff692e7c8e16808ef001', disabled: disabled }, loading ? index.h("calcite-scrim", { loading: loading }) : null, panelNode)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
     static get watchers() { return {
+        "closed": ["toggleDialog"],
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
@@ -287,12 +318,13 @@ Panel.style = CalcitePanelStyle0;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     main: "main",
     content: "content",
     contentBehind: "content--behind",
+    contentBottom: "content-bottom",
     contentNonInteractive: "content--non-interactive",
     footer: "footer",
     positionedSlotWrapper: "positioned-slot-wrapper",
@@ -310,9 +342,10 @@ const SLOTS = {
     alerts: "alerts",
     sheets: "sheets",
     modals: "modals",
+    dialogs: "dialogs",
 };
 
-const shellCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content,.content--non-interactive{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}.content{overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);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)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}";
+const shellCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);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)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteShellStyle0 = shellCss;
 
 const Shell = class {
@@ -332,24 +365,38 @@ const Shell = class {
         this.handleAlertsSlotChange = (event) => {
             this.hasAlerts = !!dom.slotChangeHasAssignedElement(event);
             dom.slotChangeGetAssignedElements(event)?.map((el) => {
-                if (el.nodeName === "CALCITE-ALERT") {
-                    el.slottedInShell = true;
+                if (el.tagName === "CALCITE-ALERT") {
+                    el.embedded = true;
                 }
             });
         };
         this.handleSheetsSlotChange = (event) => {
             this.hasSheets = !!dom.slotChangeHasAssignedElement(event);
             dom.slotChangeGetAssignedElements(event)?.map((el) => {
-                if (el.nodeName === "CALCITE-SHEET") {
-                    el.slottedInShell = true;
+                if (el.tagName === "CALCITE-SHEET") {
+                    el.embedded = true;
                 }
             });
         };
         this.handleModalsSlotChange = (event) => {
             this.hasModals = !!dom.slotChangeHasAssignedElement(event);
             dom.slotChangeGetAssignedElements(event)?.map((el) => {
-                if (el.nodeName === "CALCITE-MODAL") {
-                    el.slottedInShell = true;
+                if (el.tagName === "CALCITE-MODAL") {
+                    el.embedded = true;
+                }
+            });
+        };
+        this.handlePanelTopChange = (event) => {
+            this.hasPanelTop = dom.slotChangeHasAssignedElement(event);
+        };
+        this.handlePanelBottomChange = (event) => {
+            this.hasPanelBottom = dom.slotChangeHasAssignedElement(event);
+        };
+        this.handleDialogsSlotChange = (event) => {
+            this.hasDialogs = !!dom.slotChangeHasAssignedElement(event);
+            dom.slotChangeGetAssignedElements(event)?.map((el) => {
+                if (el.tagName === "CALCITE-DIALOG") {
+                    el.embedded = true;
                 }
             });
         };
@@ -358,7 +405,11 @@ const Shell = class {
         this.hasFooter = false;
         this.hasAlerts = false;
         this.hasModals = false;
+        this.hasDialogs = false;
         this.hasSheets = false;
+        this.hasPanelTop = false;
+        this.hasPanelBottom = false;
+        this.hasOnlyPanelBottom = false;
         this.panelIsResizing = false;
     }
     //--------------------------------------------------------------------------
@@ -374,6 +425,9 @@ const Shell = class {
         this.panelIsResizing = false;
         event.stopPropagation();
     }
+    updateHasOnlyPanelBottom() {
+        this.hasOnlyPanelBottom = !this.hasPanelTop && this.hasPanelBottom;
+    }
     // --------------------------------------------------------------------------
     //
     //  Lifecycle
@@ -405,13 +459,16 @@ const Shell = class {
     renderModals() {
         return (index.h("div", { hidden: !this.hasModals }, index.h("slot", { key: "modals", name: SLOTS.modals, onSlotchange: this.handleModalsSlotChange })));
     }
+    renderDialogs() {
+        return (index.h("div", { hidden: !this.hasDialogs }, index.h("slot", { key: "dialogs", name: SLOTS.dialogs, onSlotchange: this.handleDialogsSlotChange })));
+    }
     renderContent() {
         const { panelIsResizing } = this;
         const defaultSlotNode = index.h("slot", { key: "default-slot" });
         const defaultSlotContainerNode = panelIsResizing ? (index.h("div", { class: CSS.contentNonInteractive }, defaultSlotNode)) : (defaultSlotNode);
         const deprecatedCenterRowSlotNode = (index.h("slot", { key: "center-row-slot", name: SLOTS.centerRow }));
-        const panelBottomSlotNode = index.h("slot", { key: "panel-bottom-slot", name: SLOTS.panelBottom });
-        const panelTopSlotNode = index.h("slot", { key: "panel-top-slot", name: SLOTS.panelTop });
+        const panelBottomSlotNode = (index.h("slot", { key: "panel-bottom-slot", name: SLOTS.panelBottom, onSlotchange: this.handlePanelBottomChange }));
+        const panelTopSlotNode = (index.h("slot", { key: "panel-top-slot", name: SLOTS.panelTop, onSlotchange: this.handlePanelTopChange }));
         const contentContainerKey = "content-container";
         const content = this.contentBehind
             ? [
@@ -419,10 +476,13 @@ const Shell = class {
                         [CSS.content]: true,
                         [CSS.contentBehind]: true,
                     }, key: contentContainerKey }, defaultSlotContainerNode),
-                index.h("div", { class: CSS.contentBehindCenterContent }, panelTopSlotNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
+                index.h("div", { class: {
+                        [CSS.contentBehindCenterContent]: true,
+                        [CSS.contentBottom]: this.hasOnlyPanelBottom,
+                    } }, panelTopSlotNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
             ]
             : [
-                index.h("div", { class: CSS.content, key: contentContainerKey }, panelTopSlotNode, defaultSlotContainerNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
+                index.h("div", { class: { [CSS.content]: true, [CSS.contentBottom]: this.hasOnlyPanelBottom }, key: contentContainerKey }, panelTopSlotNode, defaultSlotContainerNode, panelBottomSlotNode, deprecatedCenterRowSlotNode),
             ];
         return content;
     }
@@ -430,12 +490,16 @@ const Shell = class {
         return (index.h("div", { class: CSS.main }, index.h("slot", { name: SLOTS.panelStart }), this.renderContent(), index.h("slot", { name: SLOTS.panelEnd })));
     }
     renderPositionedSlots() {
-        return (index.h("div", { class: CSS.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderSheets()));
+        return (index.h("div", { class: CSS.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderDialogs(), this.renderSheets()));
     }
     render() {
-        return (index.h(index.Fragment, { key: 'd5ca9178c4e9c74dae958a6105655a5d30de1584' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
+        return (index.h(index.Fragment, { key: '8312f6fec6afa3571ef5005c1e4891b6522f8fdd' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
     }
     get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "hasPanelTop": ["updateHasOnlyPanelBottom"],
+        "hasPanelBottom": ["updateHasOnlyPanelBottom"]
+    }; }
 };
 Shell.style = CalciteShellStyle0;
 

package/dist/cjs/calcite-pick-list-group.cjs.entry.js

@@ -8,17 +8,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const conditionalSlot = require('./conditionalSlot-764a9738.js');
-const dom = require('./dom-93443cc1.js');
-const Heading = require('./Heading-97656cb9.js');
-const resources = require('./resources-271906e6.js');
-require('./observers-304eec4e.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
+const conditionalSlot = require('./conditionalSlot-fe01e316.js');
+const dom = require('./dom-63b93b3b.js');
+const Heading = require('./Heading-5b274572.js');
+const logger = require('./logger-bb2cd9dd.js');
+const resources = require('./resources-2f7b1adf.js');
+require('./observers-3440c668.js');
+require('./browser-02cbd1d9.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./config-6a670c0d.js');
 
 const pickListGroupCss = ":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListGroupStyle0 = pickListGroupCss;
 
+logger.logger.deprecated("component", {
+    name: "pick-list-group",
+    removalVersion: 3,
+    suggested: "list-item-group",
+});
 const PickListGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -52,7 +60,7 @@ const PickListGroup = class {
         const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
         const relativeLevel = parentLevel ? Heading.constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
-        return (index.h(index.Fragment, { key: '6f435ddb455a5041cd5512e7571648eb0db1f36d' }, title ? (index.h(Heading.Heading, { class: resources.CSS.heading, level: level }, title)) : null, index.h("slot", { key: 'aed7d2f298984c4d2f7b9d413375ab8b58bf78d3', name: resources.SLOTS.parentItem }), index.h("section", { key: '7ce79b5559814aa3ff89b76f4b20f218234be84c', class: sectionClasses }, index.h("slot", { key: '7ded64937b644e7e53fdd59cf6cbf8144dc93d0d' }))));
+        return (index.h(index.Fragment, { key: 'e3448a6990c7190dbadb73660a1fa56d810e5a1f' }, title ? (index.h(Heading.Heading, { class: resources.CSS.heading, level: level }, title)) : null, index.h("slot", { key: 'e09a4b57d513cbff0da4db7c3c88c64a40429018', name: resources.SLOTS.parentItem }), index.h("section", { key: 'c52a6648a6c0e8d27e1200ecd72189da40a03868', class: sectionClasses }, index.h("slot", { key: '8860cde839658f69a3cd76b990ac1b3f6b74c064' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-pick-list-item.cjs.entry.js

@@ -8,23 +8,30 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const conditionalSlot = require('./conditionalSlot-764a9738.js');
-const dom = require('./dom-93443cc1.js');
-const interactive = require('./interactive-c120e7de.js');
-const loadable = require('./loadable-52223908.js');
-const locale = require('./locale-4d226d16.js');
-const t9n = require('./t9n-d102c87b.js');
-const resources = require('./resources-72673508.js');
-const resources$1 = require('./resources-bde4229a.js');
-require('./observers-304eec4e.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./browser-9f13ebb0.js');
-require('./key-f95b815e.js');
+const conditionalSlot = require('./conditionalSlot-fe01e316.js');
+const dom = require('./dom-63b93b3b.js');
+const interactive = require('./interactive-272b8484.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const resources = require('./resources-e3034d0f.js');
+const logger = require('./logger-bb2cd9dd.js');
+const resources$1 = require('./resources-6ed4d812.js');
+require('./observers-3440c668.js');
+require('./browser-02cbd1d9.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./key-e4dd32ff.js');
+require('./config-6a670c0d.js');
 
-const pickListItemCss = "@charset \"UTF-8\";:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:\"•\"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
+const pickListItemCss = "@charset \"UTF-8\";:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot::before{opacity:0;content:\"•\"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot::before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListItemStyle0 = pickListItemCss;
 
+logger.logger.deprecated("component", {
+    name: "pick-list-item",
+    removalVersion: 3,
+    suggested: "list-item",
+});
 const PickListItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -175,7 +182,7 @@ const PickListItem = class {
     }
     render() {
         const { description, label } = this;
-        return (index.h(interactive.InteractiveContainer, { key: 'b0a6a61daea92e2c4dc0ec2e31a6ad9c283e1727', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), index.h("label", { key: 'eab25fdaee860109912439779800f89fc678f4f3', "aria-label": label, class: resources$1.CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, index.h("div", { key: 'e8e9ad80e3fab056e6c289d0e1a7c027be0625c8', "aria-checked": dom.toAriaBoolean(this.selected), class: resources$1.CSS.textContainer, role: "menuitemcheckbox" }, index.h("span", { key: '4523c6a57546d8e35284038c1988dba3838873be', class: resources$1.CSS.title }, label), description ? index.h("span", { class: resources$1.CSS.description }, description) : null)), this.renderActionsEnd()));
+        return (index.h(interactive.InteractiveContainer, { key: '790f70783bc00cd328c001fb08f131484d62d0d4', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), index.h("label", { key: '3454f77692d7d8363f185a378de7cbf0065c18e6', "aria-label": label, class: resources$1.CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, index.h("div", { key: 'dc87953b113ac4b54f151cd9e828927ee11fcabe', "aria-checked": dom.toAriaBoolean(this.selected), class: resources$1.CSS.textContainer, role: "menuitemcheckbox" }, index.h("span", { key: '9d5c1ab8bf273680e74b85169d66e3702032dd88', class: resources$1.CSS.title }, label), description ? index.h("span", { class: resources$1.CSS.description }, description) : null)), this.renderActionsEnd()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/calcite-pick-list.cjs.entry.js

@@ -8,22 +8,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const interactive = require('./interactive-c120e7de.js');
-const loadable = require('./loadable-52223908.js');
-const observers = require('./observers-304eec4e.js');
-const resources = require('./resources-72673508.js');
-const sharedListRender = require('./shared-list-render-52623507.js');
-require('./browser-9f13ebb0.js');
-require('./array-755c4355.js');
-require('./dom-93443cc1.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./resources-271906e6.js');
+const interactive = require('./interactive-272b8484.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const observers = require('./observers-3440c668.js');
+const logger = require('./logger-bb2cd9dd.js');
+const resources = require('./resources-e3034d0f.js');
+const sharedListRender = require('./shared-list-render-8da9f754.js');
+require('./browser-02cbd1d9.js');
+require('./config-6a670c0d.js');
+require('./array-67eea0ed.js');
+require('./dom-63b93b3b.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./resources-2f7b1adf.js');
 require('./debounce-7f1e04d6.js');
 
 const pickListCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListStyle0 = pickListCss;
 
+logger.logger.deprecated("component", {
+    name: "pick-list",
+    removalVersion: 3,
+    suggested: "list",
+});
 const PickList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -138,7 +145,7 @@ const PickList = class {
         return this.multiple ? resources.ICON_TYPES.square : resources.ICON_TYPES.circle;
     }
     render() {
-        return index.h(sharedListRender.List, { key: '9d1bd29bf2ced978448dce5615f7f8604aa04f54', onKeyDown: this.keyDownHandler, props: this });
+        return index.h(sharedListRender.List, { key: '870f354277bb55abb2c867ae250d85a8569505ec', onKeyDown: this.keyDownHandler, props: this });
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-radio-button-group.cjs.entry.js

@@ -8,20 +8,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const observers = require('./observers-304eec4e.js');
-const loadable = require('./loadable-52223908.js');
-const Validation = require('./Validation-29123fe7.js');
+const observers = require('./observers-3440c668.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const Validation = require('./Validation-a9d22fb7.js');
+require('./browser-02cbd1d9.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     itemWrapper: "item-wrapper",
 };
 
-const radioButtonGroupCss = ":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{-moz-column-gap:1rem;column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{-moz-column-gap:1.25rem;column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{-moz-column-gap:1.5rem;column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";
+const radioButtonGroupCss = ":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{-moz-column-gap:1rem;column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{-moz-column-gap:1.25rem;column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{-moz-column-gap:1.5rem;column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:-moz-fit-content;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteRadioButtonGroupStyle0 = radioButtonGroupCss;
 
 const RadioButtonGroup = class {
@@ -127,7 +128,7 @@ const RadioButtonGroup = class {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: 'cfabfbb738ebfe1576fc216e0be953fe52df42da', role: "radiogroup" }, index.h("div", { key: '3660764c8e05b913242d7582fa6b4560adf458dc', class: CSS.itemWrapper }, index.h("slot", { key: '8a327ac7cce2e99e41239a5448d296ded5440479' })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (index.h(index.Host, { key: '8dadd7dd1426e90be2654558dac204efcf2254ae', role: "radiogroup" }, index.h("div", { key: '452083c2120b28f78fce28e3c7b8c18a44e3c48b', class: CSS.itemWrapper }, index.h("slot", { key: 'df22b8fc8e0ffa85fad6b0924cd7418f703c8f3a' })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/calcite-radio-button.cjs.entry.js

@@ -8,21 +8,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const array = require('./array-755c4355.js');
-const dom = require('./dom-93443cc1.js');
-const form = require('./form-e3e6f1e0.js');
-const guid = require('./guid-9a92730c.js');
-const interactive = require('./interactive-c120e7de.js');
-const label = require('./label-c4d636db.js');
-const loadable = require('./loadable-52223908.js');
-require('./resources-543ff11e.js');
-require('./browser-9f13ebb0.js');
-require('./component-8ff3f229.js');
+const array = require('./array-67eea0ed.js');
+const dom = require('./dom-63b93b3b.js');
+const form = require('./form-4c0bbbe5.js');
+const guid = require('./guid-4bc1bc0f.js');
+const interactive = require('./interactive-272b8484.js');
+const label = require('./label-afda7da7.js');
+const loadable = require('./loadable-ef8f0acf.js');
+require('./resources-8556a9ce.js');
+require('./browser-02cbd1d9.js');
+require('./component-9d0efa36.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -306,7 +306,7 @@ const RadioButton = class {
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (index.h(index.Host, { key: '642f4817a74bd441bc64c14c1b955f806f768103', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, index.h(interactive.InteractiveContainer, { key: '84c69c965d8dabeb0d842fcac6def8540255daf6', disabled: this.disabled }, index.h("div", { key: '54e2ff13cb11854e594b80b5ac73230768347f85', "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, index.h("div", { key: '6379e5099d9c9c51fe3579ebe01a6473f3ea8fa1', class: "radio" })), index.h(form.HiddenFormInputSlot, { key: '970dccd6968339fb67fcf5691fa39756c027ca9b', component: this }))));
+        return (index.h(index.Host, { key: 'b397c382efe2d05d99fcf8a0035011c5482ccfe4', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, index.h(interactive.InteractiveContainer, { key: '7112738487b0bcda82d1680c08f4026330b2cfde', disabled: this.disabled }, index.h("div", { key: 'd3bedbbea15ac3e4aa5656f042a05939be2a8a68', "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, index.h("div", { key: 'eebf3f8fffde27fd58b04cddae6966da4a079c3d', class: "radio" })), index.h(form.HiddenFormInputSlot, { key: '07fad35c2b428ec42382e6ede6b846d824a524f9', component: this }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {