@esri/solutions-components 0.10.4 → 0.10.6

package/dist/components/calcite-dialog.js

@@ -0,0 +1,390 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { t as toAriaBoolean, k as focusFirstTabbable } from './dom.js';
+import { c as connectFocusTrap, d as deactivateFocusTrap, u as updateFocusTrapElements, a as activateFocusTrap } from './focusTrapComponent.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
+import { c as createObserver } from './observers.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
+import { s as setUpMessages, c as connectMessages, d as disconnectMessages, u as updateMessages } from './t9n.js';
+import { c as componentOnReady } from './component.js';
+import { d as defineCustomElement$4, S as SLOTS$1 } from './panel.js';
+import { d as defineCustomElement$8 } from './action.js';
+import { d as defineCustomElement$7 } from './action-menu.js';
+import { d as defineCustomElement$6 } from './icon.js';
+import { d as defineCustomElement$5 } from './loader.js';
+import { d as defineCustomElement$3 } from './popover.js';
+import { d as defineCustomElement$2 } 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.11.1
+ */
+const CSS = {
+    dialog: "dialog",
+    panel: "panel",
+    scrim: "scrim",
+    container: "container",
+    containerOpen: "container--open",
+    containerEmbedded: "container--embedded",
+    content: "content",
+    // these classes help apply the animation in phases to only set transform on open/close
+    // this helps avoid a positioning issue for any floating-ui-owning children
+    openingIdle: "dialog--opening-idle",
+    openingActive: "dialog--opening-active",
+    closingIdle: "dialog--closing-idle",
+    closingActive: "dialog--closing-active",
+};
+const SLOTS = {
+    actionBar: "action-bar",
+    alerts: "alerts",
+    content: "content",
+    contentTop: "content-top",
+    contentBottom: "content-bottom",
+    headerActionsStart: "header-actions-start",
+    headerActionsEnd: "header-actions-end",
+    headerMenuActions: "header-menu-actions",
+    headerContent: "header-content",
+    fab: "fab",
+    footer: "footer",
+    footerStart: "footer-start",
+    footerEnd: "footer-end",
+};
+
+const dialogCss = ":host{--calcite-dialog-scrim-background-color:rgba(0, 0, 0, 0.85);pointer-events:none;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex}:host([modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-sm);--calcite-internal-dialog-padding:0.75rem;--calcite-internal-dialog-padding-large:1rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-1);--calcite-internal-dialog-content-text:var(--calcite-font-size--1)}:host([scale=m]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-md);--calcite-internal-dialog-padding:1rem;--calcite-internal-dialog-padding-large:1.25rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-2);--calcite-internal-dialog-content-text:var(--calcite-font-size-0)}:host([scale=l]){--calcite-internal-dialog-content-padding:var(--calcite-spacing-lg);--calcite-internal-dialog-padding:1.25rem;--calcite-internal-dialog-padding-large:1.5rem;--calcite-internal-dialog-title-text:var(--calcite-font-size-3);--calcite-internal-dialog-content-text:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color:var(\n    --calcite-dialog-scrim-background-color,\n    var(--calcite-color-transparent-scrim)\n  );position:fixed;inset:0px;display:flex;overflow-y:hidden}calcite-panel{--calcite-panel-footer-padding:var(--calcite-dialog-footer-space);--calcite-panel-header-border-block-end:var(--calcite-border-width-sm) solid var(--calcite-dialog-border-color)}.content{padding:var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding))}.dialog{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;border-radius:0.25rem;opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-internal-dialog-hidden-position:translate3d(0, 20px, 0);--calcite-internal-dialog-shown-position:translate3d(0, 0, 0)}.dialog--opening-idle{transform:var(--calcite-internal-dialog-hidden-position)}.dialog--opening-active{transform:var(--calcite-internal-dialog-shown-position)}.dialog--closing-idle{transform:var(--calcite-internal-dialog-shown-position)}.dialog--closing-active{transform:var(--calcite-internal-dialog-hidden-position)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}.panel{border-radius:0.25rem}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([width=small]) .dialog{inline-size:auto}:host([width-scale=s]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([width-scale=m]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([width-scale=l]) .dialog{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}:host([placement=cover]) .dialog{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-internal-dialog-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-internal-dialog-shown-position:translate3D(0, 0, 0) scale(1)}:host([placement=cover]) .panel{border-radius:0px}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .dialog{border-color:var(--calcite-color-status-info)}:host([kind=success]) .dialog{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .dialog{border-color:var(--calcite-color-status-warning)}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteDialogStyle0 = dialogCss;
+
+let totalOpenDialogs = 0;
+let initialDocumentOverflowStyle = "";
+const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.calciteDialogBeforeClose = createEvent(this, "calciteDialogBeforeClose", 6);
+        this.calciteDialogClose = createEvent(this, "calciteDialogClose", 6);
+        this.calciteDialogBeforeOpen = createEvent(this, "calciteDialogBeforeOpen", 6);
+        this.calciteDialogOpen = createEvent(this, "calciteDialogOpen", 6);
+        this.calciteDialogScroll = createEvent(this, "calciteDialogScroll", 6);
+        this.openTransitionProp = "opacity";
+        this.ignoreOpenChange = false;
+        this.mutationObserver = createObserver("mutation", () => this.handleMutationObserver());
+        this.setTransitionEl = (el) => {
+            this.transitionEl = el;
+        };
+        this.openEnd = () => {
+            this.setFocus();
+            this.el.removeEventListener("calciteDialogOpen", this.openEnd);
+        };
+        this.handleScroll = () => {
+            this.calciteDialogScroll.emit();
+        };
+        this.handleCloseClick = () => {
+            this.open = false;
+        };
+        this.handleOutsideClose = () => {
+            this.open = false;
+        };
+        this.closeDialog = async () => {
+            if (this.beforeClose) {
+                try {
+                    await this.beforeClose();
+                }
+                catch (_error) {
+                    // close prevented
+                    requestAnimationFrame(() => {
+                        this.ignoreOpenChange = true;
+                        this.open = true;
+                        this.ignoreOpenChange = false;
+                    });
+                    return;
+                }
+            }
+            totalOpenDialogs--;
+            this.opened = false;
+            this.updateOverflowHiddenClass();
+        };
+        this.updateOverflowHiddenClass = () => {
+            this.opened && !this.embedded && this.modal
+                ? this.addOverflowHiddenClass()
+                : this.removeOverflowHiddenClass();
+        };
+        this.handleMutationObserver = () => {
+            this.updateFocusTrapElements();
+        };
+        this.beforeClose = undefined;
+        this.description = undefined;
+        this.closeDisabled = false;
+        this.embedded = false;
+        this.heading = undefined;
+        this.headingLevel = undefined;
+        this.kind = undefined;
+        this.loading = false;
+        this.menuOpen = false;
+        this.messages = undefined;
+        this.messageOverrides = undefined;
+        this.modal = false;
+        this.open = false;
+        this.overlayPositioning = "absolute";
+        this.placement = "center";
+        this.scale = "m";
+        this.widthScale = "m";
+        this.opened = false;
+        this.hasFooter = true;
+        this.hasContentTop = false;
+        this.hasContentBottom = false;
+        this.effectiveLocale = undefined;
+        this.defaultMessages = undefined;
+    }
+    onMessagesChange() {
+        /* wired up by t9n util */
+    }
+    onModalChange() {
+        this.updateOverflowHiddenClass();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentWillLoad() {
+        await setUpMessages(this);
+        setUpLoadableComponent(this);
+        // when dialog initially renders, if active was set we need to open as watcher doesn't fire
+        if (this.open) {
+            this.openDialog();
+        }
+    }
+    componentDidLoad() {
+        setComponentLoaded(this);
+    }
+    connectedCallback() {
+        this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
+        connectLocalized(this);
+        connectMessages(this);
+        connectFocusTrap(this);
+    }
+    disconnectedCallback() {
+        this.removeOverflowHiddenClass();
+        this.mutationObserver?.disconnect();
+        deactivateFocusTrap(this);
+        disconnectLocalized(this);
+        disconnectMessages(this);
+        this.embedded = false;
+    }
+    render() {
+        const { description, heading, opened } = this;
+        return (h(Host, { key: '0f13ce87c5a5db186a443fa8e5cb4734b6da44e4', "aria-description": description, "aria-label": heading, "aria-modal": toAriaBoolean(this.modal), role: "dialog" }, h("div", { key: '818e6308788510a56a3d825f0a7b45a837fb99c5', class: {
+                [CSS.container]: true,
+                [CSS.containerOpen]: opened,
+                [CSS.containerEmbedded]: this.embedded,
+            } }, this.modal ? (h("calcite-scrim", { class: CSS.scrim, onClick: this.handleOutsideClose })) : null, h("div", { key: '7e67efc8fb567e699ca24ddeb304d0944a8cad24', class: CSS.dialog, ref: this.setTransitionEl }, h("slot", { key: '934b591c94e08e42f3d71996a7c9982eab7160f1', name: SLOTS.content }, h("calcite-panel", { key: '99175d893f56a2e32ea8c19ade7bfc95fb48da7f', beforeClose: this.beforeClose, class: CSS.panel, closable: !this.closeDisabled, closed: !opened, description: description, heading: heading, headingLevel: this.headingLevel, loading: this.loading, menuOpen: this.menuOpen, messageOverrides: this.messageOverrides, onCalcitePanelClose: this.handleCloseClick, onCalcitePanelScroll: this.handleScroll, overlayPositioning: this.overlayPositioning, ref: (el) => (this.panelEl = el), scale: this.scale }, h("slot", { key: 'eb4a5160e2682dc8c336ef772b57b0f4fa38655f', name: SLOTS.actionBar, slot: SLOTS$1.actionBar }), h("slot", { key: '459cca0ab91c380631ff22097af628c7a54eedb8', name: SLOTS.alerts, slot: SLOTS$1.alerts }), h("slot", { key: '4a8b7a0010af0f19392248c0598d11205f8ccd0d', name: SLOTS.headerActionsStart, slot: SLOTS$1.headerActionsStart }), h("slot", { key: '410ffc888a028ad915f60883e270fa76484155cb', name: SLOTS.headerActionsEnd, slot: SLOTS$1.headerActionsEnd }), h("slot", { key: 'c157cb3e37e746c48216ab5afad22c42920f8b34', name: SLOTS.headerContent, slot: SLOTS$1.headerContent }), h("slot", { key: 'df976d04581561b163c81296f37ad90777c673db', name: SLOTS.headerMenuActions, slot: SLOTS$1.headerMenuActions }), h("slot", { key: 'cf6941e14e2e4efc97b1e0c262f90ab275db0b11', name: SLOTS.fab, slot: SLOTS$1.fab }), h("slot", { key: 'd668245026e8c53887ef90199c0ccf5af20cf289', name: SLOTS.contentTop, slot: SLOTS$1.contentTop }), h("slot", { key: '01b0b3d0e570a2e83f575842ce1a332ae38b504d', name: SLOTS.contentBottom, slot: SLOTS$1.contentBottom }), h("slot", { key: '825890890a527ae5d1a12fd7484674abb4aa9451', name: SLOTS.footerStart, slot: SLOTS$1.footerStart }), h("slot", { key: '6aa3dfd71fa1087b2244ffeedb60bb6946b118f6', name: SLOTS.footer, slot: SLOTS$1.footer }), h("slot", { key: '794d73d346a0dfb959accc8cd4a5580daaa1b7cd', name: SLOTS.footerEnd, slot: SLOTS$1.footerEnd }), h("div", { key: '09722c38bc0d1798f8291da824c953c74ac0ee5c', class: CSS.content }, h("slot", { key: '49a014d165d49a58f334a5f62e6907ab6c1f2538' }))))))));
+    }
+    effectiveLocaleChange() {
+        updateMessages(this, this.effectiveLocale);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleEscape(event) {
+        if (this.open && event.key === "Escape" && !event.defaultPrevented) {
+            this.open = false;
+            event.preventDefault();
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Sets focus on the component's "close" button (the first focusable item).
+     *
+     * @returns {Promise<void>} - A promise that is resolved when the operation has completed.
+     */
+    async setFocus() {
+        await componentFocusable(this);
+        return this.panelEl?.setFocus() ?? focusFirstTabbable(this.el);
+    }
+    /**
+     * Updates the element(s) that are used within the focus-trap of the component.
+     */
+    async updateFocusTrapElements() {
+        updateFocusTrapElements(this);
+    }
+    /**
+     * Scrolls the component's content to a specified set of coordinates.
+     *
+     * @example
+     * myCalciteFlowItem.scrollContentTo({
+     *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
+     *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
+     *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
+     * });
+     * @param options - allows specific coordinates to be defined.
+     * @returns - promise that resolves once the content is scrolled to.
+     */
+    async scrollContentTo(options) {
+        await this.panelEl?.scrollContentTo(options);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    onBeforeOpen() {
+        this.transitionEl.classList.add(CSS.openingActive);
+        this.calciteDialogBeforeOpen.emit();
+    }
+    onOpen() {
+        this.transitionEl.classList.remove(CSS.openingIdle, CSS.openingActive);
+        this.calciteDialogOpen.emit();
+        activateFocusTrap(this);
+    }
+    onBeforeClose() {
+        this.transitionEl.classList.add(CSS.closingActive);
+        this.calciteDialogBeforeClose.emit();
+    }
+    onClose() {
+        this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);
+        this.calciteDialogClose.emit();
+        deactivateFocusTrap(this);
+    }
+    toggleDialog(value) {
+        if (this.ignoreOpenChange) {
+            return;
+        }
+        if (value) {
+            this.openDialog();
+        }
+        else {
+            this.closeDialog();
+        }
+    }
+    handleOpenedChange(value) {
+        const idleClass = value ? CSS.openingIdle : CSS.closingIdle;
+        this.transitionEl.classList.add(idleClass);
+        onToggleOpenCloseComponent(this);
+    }
+    async openDialog() {
+        await componentOnReady(this.el);
+        this.el.addEventListener("calciteDialogOpen", this.openEnd);
+        this.opened = true;
+        this.updateOverflowHiddenClass();
+    }
+    addOverflowHiddenClass() {
+        if (totalOpenDialogs === 0) {
+            initialDocumentOverflowStyle = document.documentElement.style.overflow;
+        }
+        totalOpenDialogs++;
+        // use an inline style instead of a utility class to avoid global class declarations.
+        document.documentElement.style.setProperty("overflow", "hidden");
+    }
+    removeOverflowHiddenClass() {
+        document.documentElement.style.setProperty("overflow", initialDocumentOverflowStyle);
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return this; }
+    static get watchers() { return {
+        "messageOverrides": ["onMessagesChange"],
+        "modal": ["onModalChange"],
+        "effectiveLocale": ["effectiveLocaleChange"],
+        "open": ["toggleDialog"],
+        "opened": ["handleOpenedChange"]
+    }; }
+    static get style() { return CalciteDialogStyle0; }
+}, [1, "calcite-dialog", {
+        "beforeClose": [16],
+        "description": [1],
+        "closeDisabled": [516, "close-disabled"],
+        "embedded": [1028],
+        "heading": [1],
+        "headingLevel": [514, "heading-level"],
+        "kind": [513],
+        "loading": [516],
+        "menuOpen": [516, "menu-open"],
+        "messages": [1040],
+        "messageOverrides": [1040],
+        "modal": [516],
+        "open": [1540],
+        "overlayPositioning": [513, "overlay-positioning"],
+        "placement": [513],
+        "scale": [513],
+        "widthScale": [513, "width-scale"],
+        "opened": [32],
+        "hasFooter": [32],
+        "hasContentTop": [32],
+        "hasContentBottom": [32],
+        "effectiveLocale": [32],
+        "defaultMessages": [32],
+        "setFocus": [64],
+        "updateFocusTrapElements": [64],
+        "scrollContentTo": [64]
+    }, [[8, "keydown", "handleEscape"]], {
+        "messageOverrides": ["onMessagesChange"],
+        "modal": ["onModalChange"],
+        "effectiveLocale": ["effectiveLocaleChange"],
+        "open": ["toggleDialog"],
+        "opened": ["handleOpenedChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["calcite-dialog", "calcite-action", "calcite-action-menu", "calcite-icon", "calcite-loader", "calcite-panel", "calcite-popover", "calcite-scrim"];
+    components.forEach(tagName => { switch (tagName) {
+        case "calcite-dialog":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Dialog);
+            }
+            break;
+        case "calcite-action":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "calcite-action-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "calcite-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "calcite-panel":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "calcite-popover":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "calcite-scrim":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const CalciteDialog = Dialog;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalciteDialog, defineCustomElement };

package/dist/components/calcite-fab.js

@@ -14,7 +14,7 @@ import { d as defineCustomElement$2 } 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 = {
     button: "button",
@@ -80,7 +80,7 @@ const Fab = /*@__PURE__*/ proxyCustomElement(class Fab extends HTMLElement {
     render() {
         const { appearance, kind, disabled, loading, scale, textEnabled, icon, label, text, iconFlipRtl, } = this;
         const title = !textEnabled ? label || text || null : null;
-        return (h(InteractiveContainer, { key: '4203fb6efbcb95a451ff7853fdb8e60f992f96ee', disabled: disabled }, h("calcite-button", { key: '092c37a2a614296c1de1cdd70b9ada14c0a1f6e0', appearance: appearance === "solid" ? "solid" : "outline-fill", class: CSS.button, disabled: disabled, iconFlipRtl: iconFlipRtl ? "start" : null, iconStart: icon, kind: kind, label: label, loading: loading, ref: (buttonEl) => {
+        return (h(InteractiveContainer, { key: '0466fa59a357502db1c407ffd8008f3620216bbe', disabled: disabled }, h("calcite-button", { key: 'd7cc0cf746d373240a3fb2274d3eeb6283bef052', appearance: appearance === "solid" ? "solid" : "outline-fill", class: CSS.button, disabled: disabled, iconFlipRtl: iconFlipRtl ? "start" : null, iconStart: icon, kind: kind, label: label, loading: loading, ref: (buttonEl) => {
                 this.buttonEl = buttonEl;
             }, round: true, scale: scale, title: title, type: "button", width: "auto" }, this.textEnabled ? this.text : null)));
     }

package/dist/components/calcite-inline-editable.js

@@ -18,7 +18,7 @@ import { d as defineCustomElement$2 } 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 = {
     wrapper: "wrapper",
@@ -171,12 +171,12 @@ const InlineEditable = /*@__PURE__*/ proxyCustomElement(class InlineEditable ext
         updateHostInteraction(this);
     }
     render() {
-        return (h(InteractiveContainer, { key: '9d804b289b009024155d985a82cbca393acc3d99', disabled: this.disabled }, h("div", { key: 'b9cfaa90b5b8d805164ff3cd411ebd711bc697fa', class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { key: '04f0184aff5d1c69ccddb53d9772dc335ea8b94d', class: CSS.inputWrapper }, h("slot", { key: '2bd11ced5206f298130447ac4ae078eff6d78aa9' })), h("div", { key: '54ce37f7263519eefe47dd92cc7b5a5ce46b22bf', class: CSS.controlsWrapper }, h("calcite-button", { key: '3e587e9c886d0c59a790f2011b836d557a0d4f9b', appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
+        return (h(InteractiveContainer, { key: 'd93607e37bf516e5fa3726e8e4715c64113b771c', disabled: this.disabled }, h("div", { key: '5b0b9dae803d012be8a1b716659f424e9f8100f3', class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { key: '3036a2f71c798fb649867b435702d28fcc56b93e', class: CSS.inputWrapper }, h("slot", { key: 'def90e123156ccc1bfd762ab352bca6b90324f03' })), h("div", { key: '090a1a87210cbfafd5e2e45ab09805f2523f46ac', class: CSS.controlsWrapper }, h("calcite-button", { key: 'c45936623bed1a6a10e3fb72e15dd3bd632cf8f1', appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
                 opacity: this.editingEnabled ? "0" : "1",
                 width: this.editingEnabled ? "0" : "inherit",
             }, type: "button" }), this.shouldShowControls && [
-            h("div", { key: 'fe8561923218638a825642cb63cc917c5ea7dd24', class: CSS.cancelEditingButtonWrapper }, h("calcite-button", { key: '821b37b750bd5418a15701217d12debb4e79adbf', appearance: "transparent", class: CSS.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
-            h("calcite-button", { key: '2a6dc4c239b7510397ec2d2a7d609a9d7747a49d', appearance: "solid", class: CSS.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" }),
+            h("div", { key: 'da8516b462c97bc00e261c6e6959a26bdb8c5312', class: CSS.cancelEditingButtonWrapper }, h("calcite-button", { key: 'd19dba3fad6d1933a212e331aeb1b51c2b480397', appearance: "transparent", class: CSS.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
+            h("calcite-button", { key: 'e487af0adfa1ea3da2cd0ec9f39a88fe19c682ed', appearance: "solid", class: CSS.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" }),
         ]))));
     }
     //--------------------------------------------------------------------------

package/dist/components/calcite-input-time-picker.js

@@ -1193,7 +1193,7 @@ const updateLocale = (function (option, Dayjs, dayjs) {
 /*!
  * 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 = {
     toggleIcon: "toggle-icon",
@@ -1426,7 +1426,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class InputTimePicker e
          * Sets the value and emits a change event.
          * This is used to update the value as a result of user interaction.
          *
-         * @param value
+         * @param value The new value
          */
         this.setValue = (value) => {
             const oldValue = this.value;
@@ -1453,7 +1453,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class InputTimePicker e
          * Sets the value directly without emitting a change event.
          * This is used to update the value on initial load and when props change that are not the result of user interaction.
          *
-         * @param value
+         * @param value The new value
          */
         this.setValueDirectly = (value) => {
             const includeSeconds = this.shouldIncludeSeconds();
@@ -1576,7 +1576,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class InputTimePicker e
     /**
      * Updates the position of the component.
      *
-     * @param delayed
+     * @param delayed If true, delay the repositioning.
      */
     async reposition(delayed = false) {
         this.popoverEl?.reposition(delayed);
@@ -1843,7 +1843,7 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class InputTimePicker e
     // --------------------------------------------------------------------------
     render() {
         const { disabled, messages, readOnly, dialogId } = this;
-        return (h(Host, { key: '498bdb0e3641206a9ad2a6d8fd68396a9efc48c0', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'b5f8d328885f383deaa4c00c576b2721e476bdf1', disabled: this.disabled }, h("div", { key: '3a0565405279574e0fb83988f5dac21378a22f19', class: "input-wrapper", onClick: this.onInputWrapperClick }, h("calcite-input-text", { key: 'cfb8045fa55943b2c35df6263e9ca475db602856', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, ref: this.setInputAndTransitionEl, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly && this.renderToggleIcon(this.open)), h("calcite-popover", { key: 'b1a5f87dc611d156896512a46fccf583ebb976cf', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, h("calcite-time-picker", { key: '4546b850d584d4587e2e4bae0a264f138192b28b', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value })), h(HiddenFormInputSlot, { key: '86dbe3dab6dfd37222eeb8a36e0806453d718697', 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: 'ec4a410a515b9946a41cb8b62127cf7a898eea8b', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'eca5d0c66e85f116cd0745f60cc4a45209c40c28', disabled: this.disabled }, h("div", { key: '339720c5b82e0d85bb34bd48c6f026140448df85', class: "input-wrapper", onClick: this.onInputWrapperClick }, h("calcite-input-text", { key: 'dcd2283e4938cb7efc9c582800afbefd9d5c686a', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, ref: this.setInputAndTransitionEl, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly && this.renderToggleIcon(this.open)), h("calcite-popover", { key: '172e98f419cc1a09eb1d61118a159998419f357c', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, h("calcite-time-picker", { key: 'dd05e18d80b9c5eb89d122b72c97a8ae024d2e3c', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value })), h(HiddenFormInputSlot, { key: '783d02637f8582ddefdaaeba9c7fcae107793c47', component: this }), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (h("span", { class: CSS.toggleIcon }, h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));

package/dist/components/calcite-input-time-zone.js

@@ -18,7 +18,7 @@ import { d as defineCustomElement$2 } 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 hourToMinutes = 60;
 const timeZoneNameBlockList = [
@@ -353,11 +353,11 @@ const InputTimeZone = /*@__PURE__*/ proxyCustomElement(class InputTimeZone exten
         updateHostInteraction(this);
     }
     render() {
-        return (h(Host, { key: 'f97f2f5459be283799467c195e38738d51b8b948' }, h(InteractiveContainer, { key: 'b5ce4251084468d9081419aced2c4d78cb81af5c', disabled: this.disabled }, h("calcite-combobox", { key: '7db61c2f5e0a75b586c05e3d6bc3f37416f4d67b', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name" ? this.messages.namePlaceholder : this.messages.offsetPlaceholder, readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.timeZoneItems.map((group) => {
+        return (h(Host, { key: 'dad642e8f2094c402f24c65422463ca875627fa9' }, h(InteractiveContainer, { key: 'c452b27815cc331bf2475233f21463a08726f797', disabled: this.disabled }, h("calcite-combobox", { key: '70ce16ff8302b6dea19767b9cf00dd735d9019dd', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name" ? this.messages.namePlaceholder : this.messages.offsetPlaceholder, readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.timeZoneItems.map((group) => {
             const selected = this.selectedTimeZoneItem === group;
             const { label, value } = group;
             return (h("calcite-combobox-item", { "data-value": value, key: label, selected: selected, textLabel: label, value: `${group.filterValue}` }));
-        })), h(HiddenFormInputSlot, { key: '55b39736821a60e2288e9c536189db7598302135', component: this }))));
+        })), h(HiddenFormInputSlot, { key: 'd8d6cdaffb68c5cb0ed57abd922ad4b84e26de5d', component: this }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }

package/dist/components/calcite-list-item-group.js

@@ -10,7 +10,7 @@ import { M as MAX_COLUMNS } from './resources4.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -59,7 +59,7 @@ const ListItemGroup = /*@__PURE__*/ proxyCustomElement(class ListItemGroup exten
     // --------------------------------------------------------------------------
     render() {
         const { disabled, heading } = this;
-        return (h(Host, { key: '49d0c6f86c120af1e07940706ae7209d9bfe8505' }, h(InteractiveContainer, { key: 'ad13451f3d785e38f18ef5e70863da34e6156a92', disabled: disabled }, h("tr", { key: '05c409b57cfb750738bda992941ef3fa2af55e55', class: CSS.container }, h("td", { key: 'b55ddbc0165d0725a2ff768787956ce8a6c684ec', class: CSS.heading, colSpan: MAX_COLUMNS }, heading)), h("slot", { key: '9eed41b10f61dc047ded58ecb0ca5b96beac2cca', onSlotchange: this.handleDefaultSlotChange }))));
+        return (h(Host, { key: '47c22129d1b6879d3efbb1f98bdefe332e24bfdf' }, h(InteractiveContainer, { key: '07458b983fa815316690de5dffd4a74df1a5af59', disabled: disabled }, h("tr", { key: '970298669c14dbf7a6b73bbcccfbd8b0416368dd', class: CSS.container }, h("td", { key: '84768e0299ec183bc51f08b80b90e4c1358c9d6d', class: CSS.heading, colSpan: MAX_COLUMNS }, heading)), h("slot", { key: 'ebdbc017ca136f67f5b456994ecc277625056232', onSlotchange: this.handleDefaultSlotChange }))));
     }
     get el() { return this; }
     static get style() { return CalciteListItemGroupStyle0; }

package/dist/components/calcite-menu-item.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$2 } from './menu.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -39,7 +39,7 @@ const CSS = {
     textContainer: "text-container",
 };
 
-const menuItemCss = ":host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);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          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:\"\";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
+const menuItemCss = ":host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);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          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action::after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:\"\";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover::after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteMenuItemStyle0 = menuItemCss;
 
 const CalciteMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class CalciteMenuItem extends HTMLElement {
@@ -267,10 +267,10 @@ const CalciteMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class CalciteMenuItem
     }
     render() {
         const dir = getElementDir(this.el);
-        return (h(Host, { key: 'a8706f350dd575e3f9cb4c413302a458651d75a5', onBlur: this.blurHandler, onFocus: this.focusHandler }, h("li", { key: 'bb4eec9948e68a29312e56b2fefe6c74791c224d', class: {
+        return (h(Host, { key: 'd0565238612162b6f4294cf290d29c84169f5b0c', onBlur: this.blurHandler, onFocus: this.focusHandler }, h("li", { key: '023ceb081edd357f900d911e13e7c886ec50c3a8', class: {
                 [CSS.container]: true,
                 [CSS.isParentVertical]: this.topLevelMenuLayout === "vertical",
-            }, role: "none" }, h("div", { key: '75e0697edcc8b7fa93a2337dea9a3b8cf27f548c', class: CSS.itemContent }, h("a", { key: '1139fa5f2eda7f247ca349f8bffbaf62038936ab', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS.layoutVertical]: this.layout === "vertical", [CSS.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
+            }, role: "none" }, h("div", { key: '105f0f53cacc9e6a1550b8f653af7803cdedd068', class: CSS.itemContent }, h("a", { key: '83ab64642625277a609b3cf790afe2bac8f118e7', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS.layoutVertical]: this.layout === "vertical", [CSS.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-meter.js

@@ -13,7 +13,7 @@ import { c as createObserver } from './observers.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -292,7 +292,7 @@ const Meter = /*@__PURE__*/ proxyCustomElement(class Meter extends HTMLElement {
             : unitLabel
                 ? textUnitLabel
                 : undefined;
-        return (h(Host, { key: 'd4ce6f2e83c5211e8fb5f306fbfc0369e7d95608' }, h("div", { key: '09555ec77424d7f2d8c0c242aec246e8c7f6a1f1', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
+        return (h(Host, { key: 'fcee48513fcd17eaf45fd1b17588eaef055f718f' }, h("div", { key: '17d2afdfc9c8447789a54648e6ad14580be2bdcd', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
                 [CSS.container]: true,
                 [CSS.stepsVisible]: rangeLabels,
                 [CSS.valueVisible]: valueLabel,

package/dist/components/calcite-navigation-logo.js

@@ -11,7 +11,7 @@ import { d as defineCustomElement$2 } 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 = {
     container: "container",
@@ -86,7 +86,7 @@ const CalciteNavigationLogo$1 = /*@__PURE__*/ proxyCustomElement(class CalciteNa
     }
     render() {
         const { thumbnail } = this;
-        return (h(Host, { key: '22c239d9bd98a2f204c851939684c170c966c70f' }, h("a", { key: 'bb04b314cb0a510c5690ab1f496250716591da73', class: CSS.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && h("img", { key: '365d8955dd0486e6cc5b3bdabc232c2bbc873beb', alt: this.label || "", class: CSS.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
+        return (h(Host, { key: '3175c360a50d803f38d7925d73545536266f243a' }, h("a", { key: 'e59bcf043d82205b1bd9b064b73f5a61b79e4c5c', class: CSS.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && h("img", { key: '4e43a4ca1c99e3d9aa07bf7661c1a3e6e3fa7442', alt: this.label || "", class: CSS.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }