@esri/solutions-components 0.10.4 → 0.10.5

package/dist/components/panel.js

@@ -21,7 +21,7 @@ import { d as defineCustomElement$1 } from './scrim.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 = {
     actionBarContainer: "action-bar-container",
@@ -42,6 +42,10 @@ const CSS = {
     contentWrapper: "content-wrapper",
     fabContainer: "fab-container",
     footer: "footer",
+    footerContent: "footer-content",
+    footerActions: "footer-actions",
+    footerStart: "footer-start",
+    footerEnd: "footer-end",
 };
 const ICONS = {
     close: "x",
@@ -53,6 +57,7 @@ const ICONS = {
 };
 const SLOTS = {
     actionBar: "action-bar",
+    alerts: "alerts",
     contentBottom: "content-bottom",
     contentTop: "content-top",
     headerActionsStart: "header-actions-start",
@@ -66,7 +71,7 @@ const SLOTS = {
     footerActions: "footer-actions",
 };
 
-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 = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
@@ -97,14 +102,31 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
         };
         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();
@@ -158,6 +180,14 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
                 this.resizeHandler();
             }
         };
+        this.handleAlertsSlotChange = (event) => {
+            slotChangeGetAssignedElements(event)?.map((el) => {
+                if (el.nodeName === "CALCITE-ALERT") {
+                    el.embedded = true;
+                }
+            });
+        };
+        this.beforeClose = undefined;
         this.closed = false;
         this.disabled = false;
         this.closable = false;
@@ -172,6 +202,8 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
         this.messageOverrides = undefined;
         this.messages = undefined;
         this.overlayPositioning = "absolute";
+        this.scale = "m";
+        this.isClosed = false;
         this.hasStartActions = false;
         this.hasEndActions = false;
         this.hasMenuItems = false;
@@ -188,6 +220,9 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
         this.effectiveLocale = "";
         this.showHeaderContent = false;
     }
+    toggleDialog(value) {
+        value ? this.close() : this.open();
+    }
     onMessagesChange() {
         /* wired up by t9n util */
     }
@@ -275,15 +310,15 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
         if (collapseDirection === "up") {
             icons.reverse();
         }
-        const collapseNode = collapsible ? (h("calcite-action", { "aria-expanded": 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 ? (h("calcite-action", { "aria-label": close, "data-test": "close", icon: ICONS.close, onClick: this.close, text: close, title: close })) : null;
+        const collapseNode = collapsible ? (h("calcite-action", { "aria-expanded": 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 ? (h("calcite-action", { "aria-label": close, "data-test": "close", icon: ICONS.close, onClick: this.handleUserClose, scale: this.scale, text: close, title: close })) : null;
         const slotNode = (h("slot", { name: SLOTS.headerActionsEnd, onSlotchange: this.handleHeaderActionsEndSlotChange }));
         const showContainer = hasEndActions || collapseNode || closeNode || hasMenuItems;
         return (h("div", { class: { [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }, hidden: !showContainer, key: "header-actions-end" }, slotNode, this.renderMenu(), collapseNode, closeNode));
     }
     renderMenu() {
         const { hasMenuItems, messages, menuOpen } = this;
-        return (h("calcite-action-menu", { flipPlacements: ["top", "bottom"], hidden: !hasMenuItems, key: "menu", label: messages.options, open: menuOpen, overlayPositioning: this.overlayPositioning, placement: "bottom-end" }, h("calcite-action", { icon: ICONS.menu, slot: SLOTS$1.trigger, text: messages.options }), h("slot", { name: SLOTS.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange })));
+        return (h("calcite-action-menu", { flipPlacements: ["top", "bottom"], hidden: !hasMenuItems, key: "menu", label: messages.options, open: menuOpen, overlayPositioning: this.overlayPositioning, placement: "bottom-end" }, h("calcite-action", { icon: ICONS.menu, scale: this.scale, slot: SLOTS$1.trigger, text: messages.options }), h("slot", { name: SLOTS.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange })));
     }
     renderHeaderNode() {
         const { hasHeaderContent, hasStartActions, hasEndActions, closable, collapsible, hasMenuItems, hasActionBar, } = this;
@@ -301,7 +336,7 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
     renderFooterNode() {
         const { hasFooterEndContent, hasFooterStartContent, hasFooterContent, hasFooterActions } = this;
         const showFooter = hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;
-        return (h("footer", { class: CSS.footer, hidden: !showFooter }, h("slot", { name: SLOTS.footer, onSlotchange: this.handleFooterSlotChange }, h("slot", { name: SLOTS.footerStart, onSlotchange: this.handleFooterStartSlotChange }), h("slot", { name: SLOTS.footerEnd, onSlotchange: this.handleFooterEndSlotChange })), h("slot", { key: "footer-actions-slot", name: SLOTS.footerActions, onSlotchange: this.handleFooterActionsSlotChange })));
+        return (h("footer", { class: CSS.footer, hidden: !showFooter }, h("div", { class: CSS.footerContent, hidden: !hasFooterContent }, h("slot", { name: SLOTS.footer, onSlotchange: this.handleFooterSlotChange })), h("div", { class: CSS.footerStart, hidden: hasFooterContent || !hasFooterStartContent }, h("slot", { name: SLOTS.footerStart, onSlotchange: this.handleFooterStartSlotChange })), h("div", { class: CSS.footerEnd, hidden: hasFooterContent || !hasFooterEndContent }, h("slot", { name: SLOTS.footerEnd, onSlotchange: this.handleFooterEndSlotChange })), h("div", { class: CSS.footerActions, hidden: hasFooterContent || !hasFooterActions }, h("slot", { key: "footer-actions-slot", name: SLOTS.footerActions, onSlotchange: this.handleFooterActionsSlotChange }))));
     }
     renderContent() {
         return (h("div", { class: CSS.contentWrapper, hidden: this.collapsible && this.collapsed, onScroll: this.panelScrollHandler, ref: this.setPanelScrollEl }, h("slot", null), this.renderFab()));
@@ -316,18 +351,20 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
         return (h("div", { class: CSS.fabContainer, hidden: !this.hasFab }, h("slot", { name: SLOTS.fab, onSlotchange: this.handleFabSlotChange })));
     }
     render() {
-        const { disabled, loading, panelKeyDownHandler, closed, closable } = this;
-        const panelNode = (h("article", { key: 'a9ec3de60dbfa095ed5c18040738603975f35882', "aria-busy": toAriaBoolean(loading), class: CSS.container, hidden: closed, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode()));
-        return (h(Host, { key: 'd2dfb299ed634f2e67d3390c5d29386c6faa0373', onKeyDown: panelKeyDownHandler }, h(InteractiveContainer, { key: '2f139a9fcb0f57682e0e85ba1a6aec5b53a499d7', disabled: disabled }, loading ? h("calcite-scrim", { loading: loading }) : null, panelNode)));
+        const { disabled, loading, panelKeyDownHandler, isClosed, closable } = this;
+        const panelNode = (h("article", { key: '25995bcd854feaf5afc8b2e102a174888dc8d2ef', "aria-busy": toAriaBoolean(loading), class: CSS.container, hidden: isClosed, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode(), h("slot", { key: "alerts", name: SLOTS.alerts, onSlotchange: this.handleAlertsSlotChange })));
+        return (h(Host, { key: 'e7e752bb4e0b2fff709c1eb09825d0a213603480', onKeyDown: panelKeyDownHandler }, h(InteractiveContainer, { key: '6b3d4ffd41ddc7c36a02ff692e7c8e16808ef001', disabled: disabled }, loading ? h("calcite-scrim", { loading: loading }) : null, panelNode)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }
     static get watchers() { return {
+        "closed": ["toggleDialog"],
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
     static get style() { return CalcitePanelStyle0; }
 }, [1, "calcite-panel", {
+        "beforeClose": [16],
         "closed": [1540],
         "disabled": [516],
         "closable": [516],
@@ -342,6 +379,8 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
         "messageOverrides": [1040],
         "messages": [1040],
         "overlayPositioning": [513, "overlay-positioning"],
+        "scale": [513],
+        "isClosed": [32],
         "hasStartActions": [32],
         "hasEndActions": [32],
         "hasMenuItems": [32],
@@ -360,6 +399,7 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
         "setFocus": [64],
         "scrollContentTo": [64]
     }, undefined, {
+        "closed": ["toggleDialog"],
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }]);

package/dist/components/pick-list-item.js

@@ -11,6 +11,7 @@ import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFoc
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
 import { I as ICON_TYPES } from './resources5.js';
+import { l as logger } from './logger.js';
 import { d as defineCustomElement$3 } from './action.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './loader.js';
@@ -18,7 +19,7 @@ import { d as defineCustomElement$1 } from './loader.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 = {
     actions: "actions",
@@ -44,9 +45,14 @@ const SLOTS = {
     actionsStart: "actions-start",
 };
 
-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.deprecated("component", {
+    name: "pick-list-item",
+    removalVersion: 3,
+    suggested: "list-item",
+});
 const PickListItem = /*@__PURE__*/ proxyCustomElement(class PickListItem extends HTMLElement {
     constructor() {
         super();
@@ -199,7 +205,7 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class PickListItem extends
     }
     render() {
         const { description, label } = this;
-        return (h(InteractiveContainer, { key: 'b0a6a61daea92e2c4dc0ec2e31a6ad9c283e1727', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), h("label", { key: 'eab25fdaee860109912439779800f89fc678f4f3', "aria-label": label, class: CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { key: 'e8e9ad80e3fab056e6c289d0e1a7c027be0625c8', "aria-checked": toAriaBoolean(this.selected), class: CSS.textContainer, role: "menuitemcheckbox" }, h("span", { key: '4523c6a57546d8e35284038c1988dba3838873be', class: CSS.title }, label), description ? h("span", { class: CSS.description }, description) : null)), this.renderActionsEnd()));
+        return (h(InteractiveContainer, { key: '790f70783bc00cd328c001fb08f131484d62d0d4', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), h("label", { key: '3454f77692d7d8363f185a378de7cbf0065c18e6', "aria-label": label, class: CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { key: 'dc87953b113ac4b54f151cd9e828927ee11fcabe', "aria-checked": toAriaBoolean(this.selected), class: CSS.textContainer, role: "menuitemcheckbox" }, h("span", { key: '9d5c1ab8bf273680e74b85169d66e3702032dd88', class: CSS.title }, label), description ? h("span", { class: CSS.description }, description) : null)), this.renderActionsEnd()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/popover.js

@@ -24,7 +24,7 @@ import { d as defineCustomElement$1 } from './loader.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
  */
 class PopoverManager {
     constructor() {
@@ -109,7 +109,7 @@ class PopoverManager {
 /*!
  * 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",
@@ -385,13 +385,13 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends HTMLEleme
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
         const arrowNode = !pointerDisabled ? (h(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow", ref: this.storeArrowEl })) : null;
-        return (h(Host, { key: '693d249566ca53960cbfd2a5710b56c7bc239d70', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { key: '5e8b8a5c280cd88f1633787e779e063869e7f568', class: {
+        return (h(Host, { key: '3d353c97791fd0d5b2c1138f3b068669024b3512', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { key: '1248ef4c8e83e622335b71a3b0034bf0490d7583', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, arrowNode, h("div", { key: 'e30ef0aac5309e6139f6680b2b5fa8ccbf926bd8', class: {
+            }, ref: this.setTransitionEl }, arrowNode, h("div", { key: '8b2272c0ba2f4e4a4090942f6fbaf6ebc29e8806', class: {
                 [CSS.hasHeader]: !!heading,
                 [CSS.container]: true,
-            } }, this.renderHeader(), h("div", { key: '77ef34667e847684b38d0b131e6340b1ba10ece3', class: CSS.content }, h("slot", { key: '6f8c40b34eda273acefa8f9ffdd9831726668713' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), h("div", { key: '1891093fcb573a52309328248aa9d4a2a057c7e4', class: CSS.content }, h("slot", { key: '67bcfcbf92172b4575d44a201238faba5ceac271' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/progress.js

@@ -25,7 +25,7 @@ const Progress = /*@__PURE__*/ proxyCustomElement(class Progress extends HTMLEle
         const isDeterminate = this.type === "determinate";
         const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
         const dir = getElementDir(this.el);
-        return (h("div", { key: 'cd55f92523bbf44ed5dc50711af93d67314a4c2e', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { key: 'd5c47f3fab3f877c00e8f349522e26a79355c89a', class: "track" }, h("div", { key: 'e5b081de209ba8570296470ccb00b9d809fabded', class: {
+        return (h("div", { key: '5d06cbdb88ab78d7219ed5360aeb54713d24b7e6', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { key: '9adc549e8ea4f516eb6df4bac52e33e903c61978', class: "track" }, h("div", { key: '57c31717d7f2c7e13782faa4a46060e3d583aad2', class: {
                 bar: true,
                 indeterminate: this.type === "indeterminate",
                 [CSS_UTILITY.rtl]: dir === "rtl",

package/dist/components/radio-button.js

@@ -15,7 +15,7 @@ import { c as componentFocusable, s as setUpLoadableComponent, a as setComponent
 /*!
  * 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",
@@ -301,7 +301,7 @@ const RadioButton = /*@__PURE__*/ proxyCustomElement(class RadioButton extends H
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (h(Host, { key: '642f4817a74bd441bc64c14c1b955f806f768103', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, h(InteractiveContainer, { key: '84c69c965d8dabeb0d842fcac6def8540255daf6', disabled: this.disabled }, h("div", { key: '54e2ff13cb11854e594b80b5ac73230768347f85', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, h("div", { key: '6379e5099d9c9c51fe3579ebe01a6473f3ea8fa1', class: "radio" })), h(HiddenFormInputSlot, { key: '970dccd6968339fb67fcf5691fa39756c027ca9b', component: this }))));
+        return (h(Host, { key: 'b397c382efe2d05d99fcf8a0035011c5482ccfe4', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, h(InteractiveContainer, { key: '7112738487b0bcda82d1680c08f4026330b2cfde', disabled: this.disabled }, h("div", { key: 'd3bedbbea15ac3e4aa5656f042a05939be2a8a68', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, h("div", { key: 'eebf3f8fffde27fd58b04cddae6966da4a079c3d', class: "radio" })), h(HiddenFormInputSlot, { key: '07fad35c2b428ec42382e6ede6b846d824a524f9', component: this }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/resources.js

@@ -6,7 +6,7 @@
 /*!
  * 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 autoMode = "calcite-mode-auto";
 const darkMode = "calcite-mode-dark";
@@ -24,5 +24,11 @@ const CSS_UTILITY = {
     calciteAnimateInLeft: "calcite-animate__in-left",
     calciteAnimateInScale: "calcite-animate__in-scale",
 };
+const DEBOUNCE = {
+    filter: 250,
+    nextTick: 0,
+    resize: 150,
+    reposition: 100,
+};
 
-export { CSS_UTILITY as C, autoMode as a, darkMode as d };
+export { CSS_UTILITY as C, DEBOUNCE as D, autoMode as a, darkMode as d };

package/dist/components/resources2.js

@@ -6,7 +6,7 @@
 /*!
  * 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 KindIcons = {
     brand: "lightbulb",

package/dist/components/resources3.js

@@ -6,7 +6,7 @@
 /*!
  * 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",

package/dist/components/resources4.js

@@ -6,7 +6,7 @@
 /*!
  * 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 = {
     wrapper: "wrapper",

package/dist/components/resources5.js

@@ -6,7 +6,7 @@
 /*!
  * 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 = {
     sticky: "sticky-pos",

package/dist/components/resources6.js

@@ -6,7 +6,7 @@
 /*!
  * 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 = {
     heading: "heading",

package/dist/components/scrim.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$1 } from './loader.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 = {
     scrim: "scrim",
@@ -85,7 +85,7 @@ const Scrim = /*@__PURE__*/ proxyCustomElement(class Scrim extends HTMLElement {
     // --------------------------------------------------------------------------
     render() {
         const { hasContent, loading, messages } = this;
-        return (h("div", { key: 'f2c728581805bc3a8b98931e55b4d56bc34bd3e0', class: CSS.scrim }, loading ? (h("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, h("div", { key: 'eafea949b7d533d951125cae482cab4a7334c003', class: CSS.content, hidden: !hasContent }, h("slot", { key: '0eebfe6fbe3206b6f75a81086b6abb1b91ea7905', onSlotchange: this.handleDefaultSlotChange }))));
+        return (h("div", { key: '8a78d64b0efe56e14f45b20f762872bfa92e4b55', class: CSS.scrim }, loading ? (h("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, h("div", { key: '6602698fbbf1ff03c92ee28c8d59f7a023a84498', class: CSS.content, hidden: !hasContent }, h("slot", { key: 'dff9d95e751fec33ea9e68c12dca129050689a61', onSlotchange: this.handleDefaultSlotChange }))));
     }
     getScale(size) {
         if (size < BREAKPOINTS.s) {

package/dist/components/segmented-control-item.js

@@ -10,7 +10,7 @@ import { d as defineCustomElement$1 } from './icon.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 SLOTS = {
     input: "input",
@@ -68,7 +68,7 @@ const SegmentedControlItem = /*@__PURE__*/ proxyCustomElement(class SegmentedCon
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (h(Host, { key: 'acba894d3206d103930f8c76c6a910168979a210', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: '8553c78d40c3ad4cd321a099a7ae1266d794dbf0', class: {
+        return (h(Host, { key: '64495ba9eba49895f5f33b6ad1b2e8d4558a06e6', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: '20f5225b199a9046a4e423ff7ed0bcb604df28f0', class: {
                 [CSS.label]: true,
                 [CSS.labelScale(scale)]: true,
                 [CSS.labelHorizontal]: layout === "horizontal",

package/dist/components/segmented-control.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host, Build } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as getElementDir } from './dom.js';
 import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
@@ -11,11 +11,12 @@ import { c as connectLabel, d as disconnectLabel } from './label.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { c as createObserver } from './observers.js';
 import { V as Validation } from './Validation.js';
+import { i as isBrowser } from './browser.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",
@@ -122,11 +123,14 @@ const SegmentedControl = /*@__PURE__*/ proxyCustomElement(class SegmentedControl
         updateHostInteraction(this);
     }
     render() {
-        return (h(Host, { key: '86fd4fde810b6857124af636da329a5fcf8b6864', onClick: this.handleClick, role: "radiogroup" }, h("div", { key: '1e42ccc9a60a1182ed00a7a9199e002150b11aed', class: CSS.itemWrapper }, h(InteractiveContainer, { key: '155638d65fea182e911f4cd2136a88a428bfbf08', disabled: this.disabled }, h("slot", { key: 'fc90d4dc13a6d7211d42c74d741ac7dd92d5201d' }), h(HiddenFormInputSlot, { key: '59b0c94ab67d540184ceb4f52dd11a594336f9a0', component: this }))), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (h(Host, { key: 'a732600395a937851e52f797392d535cdc76ab55', onClick: this.handleClick, role: "radiogroup" }, h("div", { key: '890388a900d9740df1b183cd328ffde4f28a000b', class: CSS.itemWrapper }, h(InteractiveContainer, { key: '5d0edef0d414ec5f6bd2bd662465484b682d1e22', disabled: this.disabled }, h("slot", { key: '6fea50f20e471622c6fffdd72815620bedf9a1fc' }), h(HiddenFormInputSlot, { key: 'd96e1d652fdd31e2d3caceecba419162770e196a', component: this }))), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     handleSelected(event) {
         event.preventDefault();
-        this.selectItem(event.target);
+        const el = event.target;
+        if (el.checked) {
+            this.selectItem(el);
+        }
         event.stopPropagation();
     }
     handleKeyDown(event) {
@@ -224,7 +228,7 @@ const SegmentedControl = /*@__PURE__*/ proxyCustomElement(class SegmentedControl
             }
         });
         this.selectedItem = match;
-        if (Build.isBrowser && match) {
+        if (isBrowser() && match) {
             match.focus();
         }
     }

package/dist/components/select.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './icon.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 = {
     icon: "icon",
@@ -234,7 +234,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
     }
     render() {
         const { disabled } = this;
-        return (h(Host, { key: '80f3cb1fef4ae35fe2b6e9deb524abf4d60f62aa' }, h(InteractiveContainer, { key: '293fc389614ae9921328f34dafc1849bd129c6a9', disabled: disabled }, h("div", { key: '09f5e5312cf8ba805fec4d7c1102981890834d09', class: CSS.wrapper }, h("select", { key: 'cc6a95b4dc105b3e4aeec499bf6007957e22a6ec', "aria-label": getLabelText(this), class: CSS.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, h("slot", { key: 'f03975d523f1bd67cbe0ac0593a2fe2397f9d129' })), this.renderChevron(), h(HiddenFormInputSlot, { key: '4f89ff06734e30f384dc900aeec831b075de1df9', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (h(Host, { key: '7571e773d52003de10a55dbfa742adf59b5a92b7' }, h(InteractiveContainer, { key: '978ce431973274a5f35ad52c7213051eb2f993b0', disabled: disabled }, h("div", { key: '543ded49526020df4fff5e4806f77b104f8f0c47', class: CSS.wrapper }, h("select", { key: '749fc28bf5925e0628d430377fa40c7bc4bce171', "aria-label": getLabelText(this), class: CSS.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, h("slot", { key: 'd79912b10061fd81842de34e67f334a36779a90c' })), this.renderChevron(), h(HiddenFormInputSlot, { key: '9b764187f8124950a7939077f83a39afe89189a3', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/shared-list-render.js

@@ -14,7 +14,7 @@ import { C as CSS, S as SLOTS$1 } from './resources5.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
  */
 function mutationObserverCallback() {
     this.setUpItems();
@@ -329,7 +329,7 @@ function getItemData() {
 /*!
  * 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 List = ({ props: { disabled, loading, filterEnabled, dataForFilter, handleFilterEvent, filterPlaceholder, filterText, setFilterEl, dragEnabled, storeAssistiveEl, }, ...rest }) => {
     const defaultSlot = h("slot", null);