@esri/solutions-components 0.10.3 → 0.10.5

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

@@ -0,0 +1,306 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-696e53e6.js');
+const dom = require('./dom-63b93b3b.js');
+const focusTrapComponent = require('./focusTrapComponent-1881eaf7.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const observers = require('./observers-3440c668.js');
+const openCloseComponent = require('./openCloseComponent-f9bf524b.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const component = require('./component-9d0efa36.js');
+const resources = require('./resources-cb7b739c.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./config-6a670c0d.js');
+require('./browser-02cbd1d9.js');
+require('./key-e4dd32ff.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.calciteDialogBeforeClose = index.createEvent(this, "calciteDialogBeforeClose", 6);
+        this.calciteDialogClose = index.createEvent(this, "calciteDialogClose", 6);
+        this.calciteDialogBeforeOpen = index.createEvent(this, "calciteDialogBeforeOpen", 6);
+        this.calciteDialogOpen = index.createEvent(this, "calciteDialogOpen", 6);
+        this.calciteDialogScroll = index.createEvent(this, "calciteDialogScroll", 6);
+        this.openTransitionProp = "opacity";
+        this.ignoreOpenChange = false;
+        this.mutationObserver = observers.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 t9n.setUpMessages(this);
+        loadable.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() {
+        loadable.setComponentLoaded(this);
+    }
+    connectedCallback() {
+        this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
+        locale.connectLocalized(this);
+        t9n.connectMessages(this);
+        focusTrapComponent.connectFocusTrap(this);
+    }
+    disconnectedCallback() {
+        this.removeOverflowHiddenClass();
+        this.mutationObserver?.disconnect();
+        focusTrapComponent.deactivateFocusTrap(this);
+        locale.disconnectLocalized(this);
+        t9n.disconnectMessages(this);
+        this.embedded = false;
+    }
+    render() {
+        const { description, heading, opened } = this;
+        return (index.h(index.Host, { key: '0f13ce87c5a5db186a443fa8e5cb4734b6da44e4', "aria-description": description, "aria-label": heading, "aria-modal": dom.toAriaBoolean(this.modal), role: "dialog" }, index.h("div", { key: '818e6308788510a56a3d825f0a7b45a837fb99c5', class: {
+                [CSS.container]: true,
+                [CSS.containerOpen]: opened,
+                [CSS.containerEmbedded]: this.embedded,
+            } }, this.modal ? (index.h("calcite-scrim", { class: CSS.scrim, onClick: this.handleOutsideClose })) : null, index.h("div", { key: '7e67efc8fb567e699ca24ddeb304d0944a8cad24', class: CSS.dialog, ref: this.setTransitionEl }, index.h("slot", { key: '934b591c94e08e42f3d71996a7c9982eab7160f1', name: SLOTS.content }, index.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 }, index.h("slot", { key: 'eb4a5160e2682dc8c336ef772b57b0f4fa38655f', name: SLOTS.actionBar, slot: resources.SLOTS.actionBar }), index.h("slot", { key: '459cca0ab91c380631ff22097af628c7a54eedb8', name: SLOTS.alerts, slot: resources.SLOTS.alerts }), index.h("slot", { key: '4a8b7a0010af0f19392248c0598d11205f8ccd0d', name: SLOTS.headerActionsStart, slot: resources.SLOTS.headerActionsStart }), index.h("slot", { key: '410ffc888a028ad915f60883e270fa76484155cb', name: SLOTS.headerActionsEnd, slot: resources.SLOTS.headerActionsEnd }), index.h("slot", { key: 'c157cb3e37e746c48216ab5afad22c42920f8b34', name: SLOTS.headerContent, slot: resources.SLOTS.headerContent }), index.h("slot", { key: 'df976d04581561b163c81296f37ad90777c673db', name: SLOTS.headerMenuActions, slot: resources.SLOTS.headerMenuActions }), index.h("slot", { key: 'cf6941e14e2e4efc97b1e0c262f90ab275db0b11', name: SLOTS.fab, slot: resources.SLOTS.fab }), index.h("slot", { key: 'd668245026e8c53887ef90199c0ccf5af20cf289', name: SLOTS.contentTop, slot: resources.SLOTS.contentTop }), index.h("slot", { key: '01b0b3d0e570a2e83f575842ce1a332ae38b504d', name: SLOTS.contentBottom, slot: resources.SLOTS.contentBottom }), index.h("slot", { key: '825890890a527ae5d1a12fd7484674abb4aa9451', name: SLOTS.footerStart, slot: resources.SLOTS.footerStart }), index.h("slot", { key: '6aa3dfd71fa1087b2244ffeedb60bb6946b118f6', name: SLOTS.footer, slot: resources.SLOTS.footer }), index.h("slot", { key: '794d73d346a0dfb959accc8cd4a5580daaa1b7cd', name: SLOTS.footerEnd, slot: resources.SLOTS.footerEnd }), index.h("div", { key: '09722c38bc0d1798f8291da824c953c74ac0ee5c', class: CSS.content }, index.h("slot", { key: '49a014d165d49a58f334a5f62e6907ab6c1f2538' }))))))));
+    }
+    effectiveLocaleChange() {
+        t9n.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 loadable.componentFocusable(this);
+        return this.panelEl?.setFocus() ?? dom.focusFirstTabbable(this.el);
+    }
+    /**
+     * Updates the element(s) that are used within the focus-trap of the component.
+     */
+    async updateFocusTrapElements() {
+        focusTrapComponent.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();
+        focusTrapComponent.activateFocusTrap(this);
+    }
+    onBeforeClose() {
+        this.transitionEl.classList.add(CSS.closingActive);
+        this.calciteDialogBeforeClose.emit();
+    }
+    onClose() {
+        this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);
+        this.calciteDialogClose.emit();
+        focusTrapComponent.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);
+        openCloseComponent.onToggleOpenCloseComponent(this);
+    }
+    async openDialog() {
+        await component.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 index.getElement(this); }
+    static get watchers() { return {
+        "messageOverrides": ["onMessagesChange"],
+        "modal": ["onModalChange"],
+        "effectiveLocale": ["effectiveLocaleChange"],
+        "open": ["toggleDialog"],
+        "opened": ["handleOpenedChange"]
+    }; }
+};
+Dialog.style = CalciteDialogStyle0;
+
+exports.calcite_dialog = Dialog;

package/dist/cjs/calcite-dropdown-group_2.cjs.entry.js

@@ -8,11 +8,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const observers = require('./observers-304eec4e.js');
-const resources = require('./resources-9156820a.js');
+const observers = require('./observers-3440c668.js');
+const resources = require('./resources-ea500edf.js');
 const locale = require('./locale-4e7fe921.js');
 const mapViewUtils = require('./mapViewUtils-8d4da732.js');
 const publicNotificationStore = require('./publicNotificationStore-8d2558c6.js');
+require('./browser-02cbd1d9.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./interfaces-09c4c40e.js');
@@ -54,9 +55,9 @@ const DropdownGroup = class {
     render() {
         const groupTitle = this.groupTitle ? (index.h("span", { "aria-hidden": "true", class: "dropdown-title" }, this.groupTitle)) : null;
         const dropdownSeparator = this.groupPosition > 0 ? index.h("div", { class: "dropdown-separator", role: "separator" }) : null;
-        return (index.h(index.Host, { key: '316d4d5c0cc68f5a34a2e53054ec6b4420e04092', "aria-label": this.groupTitle, role: "group" }, index.h("div", { key: '3eaadb9712203a1981d811ada11d91537f91cc03', class: {
+        return (index.h(index.Host, { key: '1c189e8ff87a118d296781b729c889307c2b4a5b', "aria-label": this.groupTitle, role: "group" }, index.h("div", { key: '2afc3aee9c68b26af882168ce24cb2937a17c9e8', class: {
                 [resources.CSS.container]: true,
-            } }, dropdownSeparator, groupTitle, index.h("slot", { key: '8c0623959ab646c6ce923f388a3eaa6587b777cf' }))));
+            } }, dropdownSeparator, groupTitle, index.h("slot", { key: '3fdcfab750b0541a4a24764f1a1875c867db06e8' }))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -8,24 +8,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const dom = require('./dom-93443cc1.js');
-const floatingUi = require('./floating-ui-c597830e.js');
-const guid = require('./guid-9a92730c.js');
-const interactive = require('./interactive-c120e7de.js');
-const key = require('./key-f95b815e.js');
-const loadable = require('./loadable-52223908.js');
-const observers = require('./observers-304eec4e.js');
-const openCloseComponent = require('./openCloseComponent-7cf2d6c4.js');
-const component = require('./component-8ff3f229.js');
-const resources = require('./resources-9156820a.js');
-require('./resources-543ff11e.js');
+const dom = require('./dom-63b93b3b.js');
+const floatingUi = require('./floating-ui-1ef64f13.js');
+const guid = require('./guid-4bc1bc0f.js');
+const interactive = require('./interactive-272b8484.js');
+const key = require('./key-e4dd32ff.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const observers = require('./observers-3440c668.js');
+const openCloseComponent = require('./openCloseComponent-f9bf524b.js');
+const component = require('./component-9d0efa36.js');
+const resources = require('./resources-ea500edf.js');
+require('./resources-8556a9ce.js');
+require('./browser-02cbd1d9.js');
 require('./debounce-7f1e04d6.js');
-require('./browser-9f13ebb0.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const SLOTS = {
     dropdownTrigger: "trigger",
@@ -48,18 +48,11 @@ const Dropdown = class {
         this.resizeObserver = observers.createObserver("resize", (entries) => this.resizeObserverCallback(entries));
         this.openTransitionProp = "opacity";
         this.guid = `calcite-dropdown-${guid.guid()}`;
-        this.defaultAssignedElements = [];
         //--------------------------------------------------------------------------
         //
         //  Private Methods
         //
         //--------------------------------------------------------------------------
-        this.slotChangeHandler = (event) => {
-            this.defaultAssignedElements = event.target.assignedElements({
-                flatten: true,
-            });
-            this.updateItems();
-        };
         this.setFilteredPlacements = () => {
             const { el, flipPlacements } = this;
             this.filteredFlipPlacements = flipPlacements
@@ -259,11 +252,11 @@ const Dropdown = class {
     }
     render() {
         const { open, guid } = this;
-        return (index.h(index.Host, { key: '660d6b0944d2dc3d79357dae7b66a6d2c8f9c3a9' }, index.h(interactive.InteractiveContainer, { key: '1f32f4c315d77b8248c575eea7a38117bf57f1df', disabled: this.disabled }, index.h("div", { key: '6f1658b0c35a39f8c2614cf0dd95e07d2b0c5c9a', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, index.h("slot", { key: '3e97cec359dc5a14ebb285fa8d616c6f30d46b88', "aria-controls": `${guid}-menu`, "aria-expanded": dom.toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), index.h("div", { key: 'cfc6e225664a43cb6c9bd44785999d2fc9e0ce33', "aria-hidden": dom.toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, index.h("div", { key: '1f27f69083e5a67a34a9824e5bd513fe500775fb', "aria-labelledby": `${guid}-menubutton`, class: {
+        return (index.h(index.Host, { key: '50bf6651c3987190f8477b2eebc33d2832685a10' }, index.h(interactive.InteractiveContainer, { key: '68d2c96cae443f3d03b961d1c36ac3a32317c6d4', disabled: this.disabled }, index.h("div", { key: '4bbebf0841d4de7628f6d7940b40299db864c518', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, index.h("slot", { key: '37e2ae56c41dcddf9be92f4d7b80b153c8a87fb8', "aria-controls": `${guid}-menu`, "aria-expanded": dom.toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), index.h("div", { key: 'f1faff59ee51a993e26c5bdfe59923538b818dfe', "aria-hidden": dom.toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, index.h("div", { key: '6eb119e4452038a3d54d356d9818ea1cf8f0f62c', "aria-labelledby": `${guid}-menubutton`, class: {
                 ["calcite-dropdown-content"]: true,
                 [floatingUi.FloatingCSS.animation]: true,
                 [floatingUi.FloatingCSS.animationActive]: open,
-            }, id: `${guid}-menu`, ref: this.setScrollerAndTransitionEl, role: "menu" }, index.h("slot", { key: '66b2dce743680e932ac668f18bcd59df0647b165', onSlotchange: this.updateGroups }))))));
+            }, id: `${guid}-menu`, ref: this.setScrollerAndTransitionEl, role: "menu" }, index.h("slot", { key: '9bbe78ed3e58e5fb986cedcb3e947c4a755e0c88', onSlotchange: this.updateGroups }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -475,9 +468,9 @@ const DropdownItem = class {
     }
     render() {
         const { href, selectionMode, label, iconFlipRtl } = this;
-        const iconStartEl = (index.h("calcite-icon", { key: '7a49a68a114bbce2e5952ac3e1155bf1ab8988de', class: resources.CSS.iconStart, flipRtl: iconFlipRtl === "start" || iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
-        const contentNode = (index.h("span", { key: '8b288dfdc41b23e69be84228b5fc9457f054221a', class: resources.CSS.itemContent }, index.h("slot", { key: '845d4d31ab01bf4cf37f8a03f8a129a3c297070d' })));
-        const iconEndEl = (index.h("calcite-icon", { key: 'd25c100431814a69d32ee8b1e2ae24ea507ccd49', class: resources.CSS.iconEnd, flipRtl: iconFlipRtl === "end" || iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
+        const iconStartEl = (index.h("calcite-icon", { key: '335624555fbf5f4e36fa0b58b7e84a722f64cdf2', class: resources.CSS.iconStart, flipRtl: iconFlipRtl === "start" || iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
+        const contentNode = (index.h("span", { key: '54082db67b2cd412f5167950609387884b8ac878', class: resources.CSS.itemContent }, index.h("slot", { key: 'b7c949c4dffae482fd398c21e062763fc1f06ba8' })));
+        const iconEndEl = (index.h("calcite-icon", { key: 'c9e8ce2e26943b228fd3912661486f5a7b58d8c2', class: resources.CSS.iconEnd, flipRtl: iconFlipRtl === "end" || iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
         const slottedContent = this.iconStart && this.iconEnd
             ? [iconStartEl, contentNode, iconEndEl]
             : this.iconStart
@@ -495,7 +488,7 @@ const DropdownItem = class {
                     : "menuitem";
         const itemAria = selectionMode !== "none" ? dom.toAriaBoolean(this.selected) : null;
         const { disabled } = this;
-        return (index.h(index.Host, { key: 'b74558167715baacec14b7d5fa65fc39ae4c7892', "aria-checked": itemAria, "aria-label": !href ? label : "", role: itemRole, tabIndex: disabled ? -1 : 0 }, index.h(interactive.InteractiveContainer, { key: '70846dbb6b6619591122384f00a0bbbbfe367376', disabled: disabled }, index.h("div", { key: '7143c055705c6d83183986e0418011048c01f184', class: {
+        return (index.h(index.Host, { key: '3ccaf1fea0138cbd2bbb93fb332746587e792f6e', "aria-checked": itemAria, "aria-label": !href ? label : "", role: itemRole, tabIndex: disabled ? -1 : 0 }, index.h(interactive.InteractiveContainer, { key: '0fc367e9272db04f7b620913774374e9a889cc55', disabled: disabled }, index.h("div", { key: 'd019973424b439f54f7b269cc48747d52ab7ede3', class: {
                 [resources.CSS.container]: true,
                 [resources.CSS.containerNone]: selectionMode === "none",
             } }, selectionMode !== "none" ? (index.h("calcite-icon", { class: resources.CSS.icon, icon: selectionMode === "multiple" ? "check" : "bullet-point", scale: component.getIconScale(this.scale) })) : null, contentEl))));

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

@@ -8,17 +8,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const dom = require('./dom-93443cc1.js');
-const interactive = require('./interactive-c120e7de.js');
-const loadable = require('./loadable-52223908.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./browser-9f13ebb0.js');
+const dom = require('./dom-63b93b3b.js');
+const interactive = require('./interactive-272b8484.js');
+const loadable = require('./loadable-ef8f0acf.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./browser-02cbd1d9.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     button: "button",
@@ -82,7 +82,7 @@ const Fab = class {
     render() {
         const { appearance, kind, disabled, loading, scale, textEnabled, icon, label, text, iconFlipRtl, } = this;
         const title = !textEnabled ? label || text || null : null;
-        return (index.h(interactive.InteractiveContainer, { key: '4203fb6efbcb95a451ff7853fdb8e60f992f96ee', disabled: disabled }, index.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 (index.h(interactive.InteractiveContainer, { key: '0466fa59a357502db1c407ffd8008f3620216bbe', disabled: disabled }, index.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)));
     }