@esri/solutions-components 0.10.4 → 0.10.6

package/dist/esm/calcite-action-menu_3.entry.js

@@ -4,24 +4,25 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement, f as forceUpdate, H as Host } from './index-e3f04fa1.js';
-import { g as getRoundRobinIndex } from './array-17cb1195.js';
-import { t as toAriaBoolean, e as focusElement, G as isKeyboardTriggeredClick, f as focusFirstTabbable, q as queryElementRoots, A as slotChangeHasContent } from './dom-adaa346d.js';
-import { g as guid } from './guid-58589598.js';
-import { i as isActivationKey } from './key-bc256b99.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c3166a45.js';
-import { a as activeAttr, C as CSS$2, I as ICONS, S as SLOTS } from './resources-9d98edf6.js';
-import { f as filterValidFlipPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-dc07bb5d.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-81752112.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-d0d2a68b.js';
-import { H as Heading } from './Heading-23a57eec.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-f6556a2c.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-22159fb9.js';
-import { c as createObserver } from './observers-2621ada9.js';
-import { F as FloatingArrow } from './FloatingArrow-431de926.js';
-import { g as getIconScale } from './component-ea2e5ffe.js';
-import './resources-60c8dbbc.js';
+import { g as getRoundRobinIndex } from './array-5ce54fce.js';
+import { t as toAriaBoolean, e as focusElement, H as isKeyboardTriggeredClick, f as focusFirstTabbable, u as queryElementRoots, A as slotChangeHasContent } from './dom-982585e7.js';
+import { g as guid } from './guid-5c959cfd.js';
+import { i as isActivationKey } from './key-7f394a98.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
+import { a as activeAttr, C as CSS$2, I as ICONS, S as SLOTS } from './resources-84590a8e.js';
+import { f as filterValidFlipPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-28a86be6.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-2dc61826.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-f118bfc5.js';
+import { H as Heading } from './Heading-dcf63f4d.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-5371b7ab.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
+import { F as FloatingArrow } from './FloatingArrow-3593832a.js';
+import { g as getIconScale } from './component-e3f05da5.js';
+import './resources-3bc82696.js';
+import './browser-8c71dd57.js';
 import './debounce-6e9ade8c.js';
-import './config-2adddf83.js';
+import './config-6d8fa5c8.js';
 
 const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteActionMenuStyle0 = actionMenuCss;
@@ -298,7 +299,7 @@ ActionMenu.style = CalciteActionMenuStyle0;
 /*!
  * 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() {
@@ -383,7 +384,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$1 = {
     container: "container",
@@ -657,13 +658,13 @@ const Popover = class {
         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$1.hasHeader]: !!heading,
                 [CSS$1.container]: true,
-            } }, this.renderHeader(), h("div", { key: '77ef34667e847684b38d0b131e6340b1ba10ece3', class: CSS$1.content }, h("slot", { key: '6f8c40b34eda273acefa8f9ffdd9831726668713' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), h("div", { key: '1891093fcb573a52309328248aa9d4a2a057c7e4', class: CSS$1.content }, h("slot", { key: '67bcfcbf92172b4575d44a201238faba5ceac271' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -685,7 +686,7 @@ Popover.style = CalcitePopoverStyle0;
 /*!
  * 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",
@@ -755,7 +756,7 @@ const Scrim = class {
     // --------------------------------------------------------------------------
     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/esm/calcite-action-pad_2.entry.js

@@ -4,26 +4,27 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0618f140.js';
-import { h as slotChangeGetAssignedElements } from './dom-adaa346d.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c3166a45.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-f6556a2c.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-22159fb9.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-c0a054bb.js';
-import { c as createObserver } from './observers-2621ada9.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-33053690.js';
+import { h as slotChangeGetAssignedElements } from './dom-982585e7.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-5371b7ab.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-0a6958eb.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
 import { l as loadModules } from './loadModules-03ba7abe.js';
-import './guid-58589598.js';
-import './resources-60c8dbbc.js';
-import './key-bc256b99.js';
-import './resources-a8d8cbdc.js';
-import './resources-9d98edf6.js';
+import './guid-5c959cfd.js';
+import './resources-3bc82696.js';
+import './browser-8c71dd57.js';
+import './key-7f394a98.js';
+import './resources-af396281.js';
+import './resources-84590a8e.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.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$1 = {
     actionGroupEnd: "action-group--end",

package/dist/esm/calcite-action_2.entry.js

@@ -4,24 +4,24 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { t as toAriaBoolean } from './dom-adaa346d.js';
-import { g as guid } from './guid-58589598.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-8a1c50b8.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c3166a45.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-f6556a2c.js';
-import { c as createObserver } from './observers-2621ada9.js';
-import { g as getIconScale } from './component-ea2e5ffe.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-22159fb9.js';
-import './resources-60c8dbbc.js';
-import './browser-f1924ed5.js';
-import './key-bc256b99.js';
+import { t as toAriaBoolean } from './dom-982585e7.js';
+import { g as guid } from './guid-5c959cfd.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-1d03c7ff.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
+import { c as createObserver } from './observers-0f4a5f9e.js';
+import { g as getIconScale } from './component-e3f05da5.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-5371b7ab.js';
+import { i as isBrowser } from './browser-8c71dd57.js';
+import './resources-3bc82696.js';
+import './key-7f394a98.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 = {
+const CSS$1 = {
     button: "button",
     buttonTextVisible: "button--text-visible",
     buttonCompact: "button--compact",
@@ -101,7 +101,7 @@ const Action = class {
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
-        {
+        if (isBrowser()) {
             await setUpMessages(this);
         }
     }
@@ -135,27 +135,27 @@ const Action = class {
     renderTextContainer() {
         const { text, textEnabled } = this;
         const textContainerClasses = {
-            [CSS.textContainer]: true,
-            [CSS.textContainerVisible]: textEnabled,
+            [CSS$1.textContainer]: true,
+            [CSS$1.textContainerVisible]: textEnabled,
         };
         return text ? (h("div", { class: textContainerClasses, key: "text-container" }, text)) : null;
     }
     renderIndicatorText() {
         const { indicator, messages, indicatorId, buttonId } = this;
-        return (h("div", { "aria-labelledby": buttonId, "aria-live": "polite", class: CSS.indicatorText, id: indicatorId, role: "region" }, indicator ? messages.indicator : null));
+        return (h("div", { "aria-labelledby": buttonId, "aria-live": "polite", class: CSS$1.indicatorText, id: indicatorId, role: "region" }, indicator ? messages.indicator : null));
     }
     renderIconContainer() {
         const { loading, icon, scale, el, iconFlipRtl, indicator } = this;
         const loaderScale = scale === "l" ? "l" : "m";
         const calciteLoaderNode = loading ? (h("calcite-loader", { inline: true, label: this.messages.loading, scale: loaderScale })) : null;
-        const calciteIconNode = icon ? (h("calcite-icon", { class: { [CSS.indicatorWithIcon]: indicator }, flipRtl: iconFlipRtl, icon: icon, scale: getIconScale(this.scale) })) : null;
+        const calciteIconNode = icon ? (h("calcite-icon", { class: { [CSS$1.indicatorWithIcon]: indicator }, flipRtl: iconFlipRtl, icon: icon, scale: getIconScale(this.scale) })) : null;
         const iconNode = calciteLoaderNode || calciteIconNode;
         const hasIconToDisplay = iconNode || el.children?.length;
         const slotContainerNode = (h("div", { class: {
-                [CSS.slotContainer]: true,
-                [CSS.slotContainerHidden]: loading,
+                [CSS$1.slotContainer]: true,
+                [CSS$1.slotContainerHidden]: loading,
             } }, h("slot", null)));
-        return hasIconToDisplay ? (h("div", { "aria-hidden": "true", class: CSS.iconContainer, key: "icon-container" }, iconNode, slotContainerNode)) : null;
+        return hasIconToDisplay ? (h("div", { "aria-hidden": "true", class: CSS$1.iconContainer, key: "icon-container" }, iconNode, slotContainerNode)) : null;
     }
     render() {
         const { active, compact, disabled, icon, loading, textEnabled, label, text, indicator, indicatorId, buttonId, messages, } = this;
@@ -164,11 +164,11 @@ const Action = class {
             ? `${labelFallback}${indicator ? ` (${messages.indicator})` : ""}`
             : "";
         const buttonClasses = {
-            [CSS.button]: true,
-            [CSS.buttonTextVisible]: textEnabled,
-            [CSS.buttonCompact]: compact,
+            [CSS$1.button]: true,
+            [CSS$1.buttonTextVisible]: textEnabled,
+            [CSS$1.buttonCompact]: compact,
         };
-        return (h(Host, { key: '65eaab1b65898e61d89af57f9d16048496eaf035' }, h(InteractiveContainer, { key: '6b412d3af4e4300d12024a8afec2e80d77d00c01', disabled: disabled }, h("button", { key: 'd6553a8c2fa4f4d81519bbfa1723e0992cc24092', "aria-busy": toAriaBoolean(loading), "aria-controls": indicator ? indicatorId : null, "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, "aria-pressed": toAriaBoolean(active), class: buttonClasses, disabled: disabled, id: buttonId, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer(), !icon && indicator && h("div", { class: CSS.indicatorWithoutIcon, key: "indicator-no-icon" })), h("slot", { key: '7b3ff5bf2884b655e5704ae0b68c0ff71c1177d1', name: SLOTS.tooltip, onSlotchange: this.handleTooltipSlotChange }), this.renderIndicatorText())));
+        return (h(Host, { key: '0e061330c72e61acb61e53d2d94e1478c03c8083' }, h(InteractiveContainer, { key: 'd34028dbfeb72982aa3fe6847663b16672f3e6ea', disabled: disabled }, h("button", { key: 'c05c642ffb09bb466c0c4d1be0b8aac79b2dcdff', "aria-busy": toAriaBoolean(loading), "aria-controls": indicator ? indicatorId : null, "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, "aria-pressed": toAriaBoolean(active), class: buttonClasses, disabled: disabled, id: buttonId, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer(), !icon && indicator && h("div", { class: CSS$1.indicatorWithoutIcon, key: "indicator-no-icon" })), h("slot", { key: '8ab8d03371d7cd7211e5ab1a083b9b7b9017db79', name: SLOTS.tooltip, onSlotchange: this.handleTooltipSlotChange }), this.renderIndicatorText())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -179,6 +179,20 @@ const Action = class {
 };
 Action.style = CalciteActionStyle0;
 
+/*!
+ * 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.11.1
+ */
+const CSS = {
+    loader: "loader",
+    loaderParts: "loader__svgs",
+    loaderPart: "loader__svg",
+    loaderPartId: (partId) => `${CSS.loaderPart}--${partId}`,
+    loaderText: "loader__text",
+    loaderPercentage: "loader__percentage",
+};
+
 const loaderCss = "@charset \"UTF-8\";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem);will-change:contents}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}:host([type=determinate]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteLoaderStyle0 = loaderCss;
 
@@ -217,7 +231,10 @@ const Loader = class {
         };
         const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
         const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-        return (h(Host, { key: '87cb8ad468f0121ed0e25680b1a03edf458565e9', "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) }, h("div", { key: 'b6e9c4c387faa37b6677c06bacc755054948e55d', class: "loader__svgs" }, h("svg", { key: '831f6e98185262bd098e237eb0380957a018b9bc', "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, h("circle", { key: '2745eea697ac72478dfb42660fb0e8f441bdfb43', ...svgAttributes })), h("svg", { key: '744319fc7e1ba1ad47191a1349c406504e90e102', "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, h("circle", { key: '7325a6ecae40cd9e946b353dd505aba7d219e705', ...svgAttributes })), h("svg", { key: '320206b6b6366ae6847d5a23f3f46d462a374ecc', "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, h("circle", { key: 'a220af184f43aed623157c4b2c742b1d65d6bde3', ...svgAttributes }))), text && h("div", { key: '88744f93a3cb2278c35e2dd1708260841eeaee7c', class: "loader__text" }, text), isDeterminate && h("div", { key: '1b292414df2d7a39ff5ebf1ca491ceb290485263', class: "loader__percentage" }, value)));
+        return (h(Host, { key: '53c4523552d540e02cb38d599226d48d00ffffa0', "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) }, h("div", { key: 'e9a31da95d1769f13150426eefa8fd46f03afb53', class: CSS.loaderParts }, [1, 2, 3].map((index) => (h("svg", { "aria-hidden": "true", class: {
+                [CSS.loaderPart]: true,
+                [CSS.loaderPartId(index)]: true,
+            }, key: index, viewBox: viewbox, ...(index === 3 && isDeterminate ? { style: determinateStyle } : {}) }, h("circle", { ...svgAttributes }))))), text && h("div", { key: '2942cb58f2b0466c94b925f05211972c5ede9244', class: CSS.loaderText }, text), isDeterminate && h("div", { key: '2f73c0a6b1fb26d125b2fee69f2caf09400666e3', class: CSS.loaderPercentage }, value)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/calcite-alert_4.entry.js

@@ -4,20 +4,21 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { s as slotChangeHasAssignedElement, t as toAriaBoolean, g as getSlotted, z as setRequestedIcon } from './dom-adaa346d.js';
-import { g as getIconScale } from './component-ea2e5ffe.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-c3166a45.js';
-import { N as NumberStringFormat, c as connectLocalized, d as disconnectLocalized } from './locale-f6556a2c.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-d0d2a68b.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-22159fb9.js';
-import { K as KindIcons } from './resources-abb95649.js';
+import { s as slotChangeHasAssignedElement, t as toAriaBoolean, g as getSlotted, z as setRequestedIcon } from './dom-982585e7.js';
+import { g as getIconScale } from './component-e3f05da5.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
+import { N as NumberStringFormat, c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-f118bfc5.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-5371b7ab.js';
+import { K as KindIcons } from './resources-cdba986a.js';
 import { g as getLocaleComponentStrings, l as loadModules } from './locale-7162b55a.js';
 import { a as getAllLayers } from './mapViewUtils-3e3d33ea.js';
 import { P as PopupUtils } from './popupUtils-44f11275.js';
-import './guid-58589598.js';
-import './resources-60c8dbbc.js';
-import './key-bc256b99.js';
-import './observers-2621ada9.js';
+import './guid-5c959cfd.js';
+import './resources-3bc82696.js';
+import './browser-8c71dd57.js';
+import './key-7f394a98.js';
+import './observers-0f4a5f9e.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
@@ -28,7 +29,7 @@ import './restHelpersGet-0a15c2f4.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 DURATIONS = {
     slow: 14000,
@@ -57,14 +58,14 @@ const CSS = {
     dismissProgress: "dismiss-progress",
     footer: "footer",
     icon: "icon",
-    containerSlottedInShell: "container--slotted-in-shell",
+    containerEmbedded: "container--embedded",
     queueCount: "queue-count",
     queueCountActive: "queue-count--active",
     textContainer: "text-container",
     focused: "focused",
 };
 
-const alertCss = ":host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:-moz-min-content;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--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);border-radius:var(--calcite-border-radius);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.close: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          )}.close:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:-moz-min-content;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress::after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress::after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--slotted-in-shell{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}";
+const alertCss = ":host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:-moz-min-content;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--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);border-radius:var(--calcite-border-radius);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.close: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          )}.close:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:-moz-min-content;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress::after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress::after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}";
 const CalciteAlertStyle0 = alertCss;
 
 const Alert = class {
@@ -135,6 +136,7 @@ const Alert = class {
         this.open = false;
         this.autoClose = false;
         this.autoCloseDuration = "medium";
+        this.embedded = false;
         this.kind = "brand";
         this.icon = undefined;
         this.iconFlipRtl = false;
@@ -144,7 +146,6 @@ const Alert = class {
         this.scale = "m";
         this.messages = undefined;
         this.messageOverrides = undefined;
-        this.slottedInShell = undefined;
         this.defaultMessages = undefined;
         this.effectiveLocale = "";
         this.numberStringFormatter = new NumberStringFormat();
@@ -210,7 +211,7 @@ const Alert = class {
         window.clearTimeout(this.queueTimeout);
         disconnectLocalized(this);
         disconnectMessages(this);
-        this.slottedInShell = false;
+        this.embedded = false;
     }
     render() {
         const { open, autoClose, label, placement, queued } = this;
@@ -218,13 +219,13 @@ const Alert = class {
         const hidden = !open;
         const effectiveIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
         const hasQueuedAlerts = this.queueLength > 1;
-        return (h(Host, { key: '5b85226946398df7cf023211a8b358e735dd8f11', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, h("div", { key: 'effb5efa631fc898ddec2b93950d2fbf14472d23', class: {
+        return (h(Host, { key: '169116d24d8bc100282c6338c2ed72168cba745e', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, h("div", { key: 'b2d44e2f889e37a0481c860c98c4f5067eb48c33', class: {
                 [CSS.container]: true,
                 [CSS.containerQueued]: queued,
                 [`${CSS.container}--${placement}`]: true,
-                [CSS.containerSlottedInShell]: this.slottedInShell,
+                [CSS.containerEmbedded]: this.embedded,
                 [CSS.focused]: this.keyBoardFocus,
-            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose ? this.handleMouseLeave : null, ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), h("div", { key: 'ab4d405229b2e840b737cb90b076ad3313d9f7e9', class: CSS.textContainer, onFocusin: this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null }, h("slot", { key: 'ec2ac78702d4e9cc288b4a632aab39ff5df2a0a3', name: SLOTS.title }), h("slot", { key: '69861e0572b10cbe09dc2424815132f1dd4588b7', name: SLOTS.message }), h("slot", { key: '4d53bfd49c5c9894cdc93856888c6da5d4cbf100', name: SLOTS.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && !queued && autoClose ? h("div", { class: CSS.dismissProgress }) : null)));
+            }, onPointerEnter: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, onPointerLeave: this.autoClose ? this.handleMouseLeave : null, ref: this.setTransitionEl }, effectiveIcon && this.renderIcon(effectiveIcon), h("div", { key: 'add55405eff3b705b676338de5aa57b1606ccdab', class: CSS.textContainer, onFocusin: this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null }, h("slot", { key: '6dde08e89c9455c9f10f109d2a2c56a8c181a0ce', name: SLOTS.title }), h("slot", { key: 'a5f7cdfa56988f5330c7d252c578863077cdffa8', name: SLOTS.message }), h("slot", { key: 'e9efbead90aafecd3c955b353bdd7bf9c15a8240', name: SLOTS.link })), this.renderActionsEnd(), hasQueuedAlerts ? this.renderQueueCount() : null, this.renderCloseButton(), open && !queued && autoClose ? h("div", { class: CSS.dismissProgress }) : null)));
     }
     renderCloseButton() {
         return (h("button", { "aria-label": this.messages.close, class: CSS.close, key: "close", onClick: this.closeAlert, onFocusin: this.autoClose ? this.handleKeyBoardFocus : null, onFocusout: this.autoClose ? this.handleKeyBoardBlur : null, ref: (el) => (this.closeButton = el), type: "button" }, h("calcite-icon", { icon: "x", scale: getIconScale(this.scale) })));

package/dist/esm/calcite-avatar_2.entry.js

@@ -4,16 +4,17 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, g as getElement, H as Host } from './index-e3f04fa1.js';
-import { y as getModeName } from './dom-adaa346d.js';
-import { v as hexToRGB, r as isValidHex } from './utils-63c1b697.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-c3166a45.js';
-import './guid-58589598.js';
-import './resources-60c8dbbc.js';
+import { y as getModeName } from './dom-982585e7.js';
+import { w as hexToRGB, s as isValidHex } from './utils-67264f4a.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-869378d9.js';
+import './guid-5c959cfd.js';
+import './resources-3bc82696.js';
+import './browser-8c71dd57.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$1 = {
     thumbnail: "thumbnail",
@@ -25,7 +26,7 @@ const CSS$1 = {
 /*!
  * 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
  */
 /**
  * Convert a string to a valid hex by hashing its contents
@@ -173,7 +174,7 @@ Avatar.style = CalciteAvatarStyle0;
 /*!
  * 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 = {
     textContainer: "text-container",
@@ -223,7 +224,7 @@ const CalciteNavigationUser = class {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '4f9184afacfe78dd727f83366136f03f9ff1204e' }, h("button", { key: 'd62a00b6e44c13fba6538d54205e1bbac46709e1', "aria-label": this.label, class: CSS.button }, h("calcite-avatar", { key: '259f33b09e0c08f7ac88e06b482a86fd8f5f50bd', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (h("div", { key: 'd2602f1379d7e4ce1a0dcd9f2c1dca88adaff020', class: CSS.textContainer }, this.fullName && (h("span", { class: CSS.fullName, key: CSS.fullName }, this.fullName)), this.username && (h("span", { class: CSS.username, key: CSS.username }, this.username)))))));
+        return (h(Host, { key: 'd936b14ef2a1a616059096240699b133be29bcd4' }, h("button", { key: '1189f2a7c98a126a62450f4c8535700fed90edae', "aria-label": this.label, class: CSS.button }, h("calcite-avatar", { key: 'cecbea689fb80a8e244993cf5e45623cbcd7dfa4', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (h("div", { key: 'ae0aa9f474c95c995e13a9e358f8159c7cad544f', class: CSS.textContainer }, this.fullName && (h("span", { class: CSS.fullName, key: CSS.fullName }, this.fullName)), this.username && (h("span", { class: CSS.username, key: CSS.username }, this.username)))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/calcite-block-section.entry.js

@@ -4,19 +4,20 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { f as focusFirstTabbable, t as toAriaBoolean } from './dom-adaa346d.js';
-import { i as isActivationKey } from './key-bc256b99.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-f6556a2c.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-22159fb9.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-c3166a45.js';
-import './guid-58589598.js';
-import './resources-60c8dbbc.js';
-import './observers-2621ada9.js';
+import { f as focusFirstTabbable, t as toAriaBoolean } from './dom-982585e7.js';
+import { i as isActivationKey } from './key-7f394a98.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-5371b7ab.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-869378d9.js';
+import './guid-5c959cfd.js';
+import './resources-3bc82696.js';
+import './observers-0f4a5f9e.js';
+import './browser-8c71dd57.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 IDS = {
     content: "content",
@@ -144,7 +145,7 @@ const BlockSection = class {
         const flipRtlEnd = iconFlipRtl === "both" || iconFlipRtl === "end";
         const isIconStart = icon === this.iconStart;
         /** Icon scale is not variable as the component does not have a scale property */
-        return (h("calcite-icon", { class: isIconStart ? this.iconStart : this.iconEnd, flipRtl: isIconStart ? flipRtlStart : flipRtlEnd, icon: isIconStart ? this.iconStart : this.iconEnd, key: isIconStart ? CSS.iconStart : CSS.iconEnd, scale: "s" }));
+        return (h("calcite-icon", { class: isIconStart ? CSS.iconStart : CSS.iconEnd, flipRtl: isIconStart ? flipRtlStart : flipRtlEnd, icon: isIconStart ? this.iconStart : this.iconEnd, key: isIconStart ? this.iconStart : this.iconEnd, scale: "s" }));
     }
     render() {
         const { messages, open, text, toggleDisplay } = this;
@@ -161,7 +162,7 @@ const BlockSection = class {
                 [CSS.sectionHeader]: true,
                 [CSS.toggle]: true,
             }, id: IDS.toggle, onClick: this.toggleSection }, this.renderIcon(this.iconStart), h("span", { class: CSS.sectionHeaderText }, text), this.renderIcon(this.iconEnd), this.renderStatusIcon(), h("calcite-icon", { class: CSS.chevronIcon, icon: arrowIcon, scale: "s" }))));
-        return (h(Host, { key: 'cb073bc654bdb57aa9f315017c1fd34f010aeb3c' }, headerNode, h("section", { key: 'c03ccc99f8a6c1bf19ba9b1d38e0fce5a62dd0f5', "aria-labelledby": IDS.toggle, class: CSS.content, hidden: !open, id: IDS.content }, h("slot", { key: 'c7704b42a05a4f673c9008a71504bdf2a8b6b4da' }))));
+        return (h(Host, { key: '224c2187de037da1611a3228195e95ba43bde093' }, headerNode, h("section", { key: '8b8849645851e21e26c63cef44428f30d2429a0b', "aria-labelledby": IDS.toggle, class: CSS.content, hidden: !open, id: IDS.content }, h("slot", { key: '3f6d783aaa6d886bb4533a4dec96aafc8ba058ef' }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }