@esri/calcite-components 2.8.3 → 2.8.4

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.3
+ * v2.8.4
  */
 'use strict';
 
@@ -24561,7 +24561,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Tue, 21 May 2024 03:53:48 GMT
+ * Generated on Wed, 29 May 2024 01:56:19 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -26292,11 +26292,15 @@ function getEffectivePlacement(floatingEl, placement) {
  * @returns {Promise<void>}
  */
 async function reposition(component, options, delayed = false) {
-    if (!component.open) {
+    if (!component.open || !options.floatingEl || !options.referenceEl) {
         return;
     }
+    const trackedState = autoUpdatingComponentMap.get(component);
+    if (!trackedState) {
+        return runAutoUpdate(component, options.referenceEl, options.floatingEl);
+    }
     const positionFunction = delayed ? getDebouncedReposition(component) : positionFloatingUI;
-    return positionFunction(component, options);
+    await positionFunction(component, options);
 }
 function getDebouncedReposition(component) {
     let debounced = componentToDebouncedRepositionMap.get(component);
@@ -26321,8 +26325,32 @@ const ARROW_CSS_TRANSFORM = {
  *
  * @internal
  */
-const cleanupMap = new WeakMap();
+const autoUpdatingComponentMap = new WeakMap();
 const componentToDebouncedRepositionMap = new WeakMap();
+async function runAutoUpdate(component, referenceEl, floatingEl) {
+    if (!floatingEl.isConnected) {
+        return;
+    }
+    const effectiveAutoUpdate = (_refEl, _floatingEl, updateCallback) => {
+            updateCallback();
+            return () => {
+                /* noop */
+            };
+        };
+    // we set initial state here to make it available for `reposition` calls
+    autoUpdatingComponentMap.set(component, { state: "pending" });
+    let repositionPromise;
+    const cleanUp = effectiveAutoUpdate(referenceEl, floatingEl, 
+    // callback is invoked immediately
+    () => {
+        const promise = component.reposition();
+        if (!repositionPromise) {
+            repositionPromise = promise;
+        }
+    });
+    autoUpdatingComponentMap.set(component, { state: "active", cleanUp });
+    return repositionPromise;
+}
 /**
  * Helper to set up floating element interactions on connectedCallback.
  *
@@ -26330,7 +26358,7 @@ const componentToDebouncedRepositionMap = new WeakMap();
  * @param referenceEl - The `referenceElement` used to position the component according to its `placement` value.
  * @param floatingEl - The `floatingElement` containing the floating ui.
  */
-function connectFloatingUI(component, referenceEl, floatingEl) {
+async function connectFloatingUI(component, referenceEl, floatingEl) {
     if (!floatingEl || !referenceEl) {
         return;
     }
@@ -26341,13 +26369,10 @@ function connectFloatingUI(component, referenceEl, floatingEl) {
         // initial positioning based on https://floating-ui.com/docs/computePosition#initial-layout
         position: component.overlayPositioning,
     });
-    const runAutoUpdate = (_refEl, _floatingEl, updateCallback) => {
-            updateCallback();
-            return () => {
-                /* noop */
-            };
-        };
-    cleanupMap.set(component, runAutoUpdate(referenceEl, floatingEl, () => component.reposition()));
+    if (!component.open) {
+        return;
+    }
+    return runAutoUpdate(component, referenceEl, floatingEl);
 }
 /**
  * Helper to tear down floating element interactions on disconnectedCallback.
@@ -26360,8 +26385,11 @@ function disconnectFloatingUI(component, referenceEl, floatingEl) {
     if (!floatingEl || !referenceEl) {
         return;
     }
-    cleanupMap.get(component)?.();
-    cleanupMap.delete(component);
+    const trackedState = autoUpdatingComponentMap.get(component);
+    if (trackedState?.state === "active") {
+        trackedState.cleanUp();
+    }
+    autoUpdatingComponentMap.delete(component);
     componentToDebouncedRepositionMap.get(component)?.cancel();
     componentToDebouncedRepositionMap.delete(component);
 }
@@ -26904,7 +26932,7 @@ class Combobox {
             return;
         }
         await componentOnReady(this.el);
-        if (!this.allowCustomValues && this.textInput.value) {
+        if (!this.allowCustomValues && this.text) {
             this.clearInputValue();
             this.filterItems("");
             this.updateActiveItemIndex(-1);
@@ -26957,7 +26985,7 @@ class Combobox {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    connectedCallback() {
+    async connectedCallback() {
         connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
@@ -26973,7 +27001,9 @@ class Combobox {
             this.openHandler();
             onToggleOpenCloseComponent(this);
         }
+        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
+        afterConnectDefaultValueSet(this, this.getValue());
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -26981,8 +27011,6 @@ class Combobox {
         await setUpMessages(this);
     }
     componentDidLoad() {
-        afterConnectDefaultValueSet(this, this.getValue());
-        connectFloatingUI(this, this.referenceEl, this.floatingEl);
         setComponentLoaded(this);
     }
     componentDidRender() {
@@ -27473,7 +27501,7 @@ class Combobox {
         const singleSelectionDisplay = selectionDisplay === "single";
         const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === "fit";
         const isClearable = !this.clearDisabled && this.value?.length > 0;
-        return (hAsync(Host, { key: '7cbc53f168cbff2b02f98f3fdc1c1849e43d966c', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '2256c21d984b0780dcfcc274c180378db1ae4ce4', disabled: this.disabled }, hAsync("div", { key: 'adee2918800c29dd2db682eb7a91817d01a48d43', "aria-live": "polite", class: {
+        return (hAsync(Host, { key: 'fdc6873848a0303d62a2f8d4964e5f6418c00507', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '3d044335fc5b8702a7ef07538d63eebfa0d86d61', disabled: this.disabled }, hAsync("div", { key: 'eba9a13d36f316529b09ffad584873971d8f9c38', "aria-live": "polite", class: {
                 wrapper: true,
                 "wrapper--single": singleSelectionMode || !this.selectedItems.length,
                 "wrapper--active": open,
@@ -27491,7 +27519,7 @@ class Combobox {
             this.renderSelectedIndicatorChipCompact(),
             this.renderAllSelectedIndicatorChip(),
             this.renderAllSelectedIndicatorChipCompact(),
-        ], hAsync("label", { key: '05f82237cd70af6687626bc890db45d3255efe96', class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), !readOnly && isClearable ? (hAsync(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, !readOnly && this.renderChevronIcon()), hAsync("ul", { key: 'e3355bc4a28ae9e5b6ef22f01c662ab84860f758', "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), hAsync(HiddenFormInputSlot, { key: '57a1996e58728b2d1d4aedf73cd2b925920d2144', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        ], hAsync("label", { key: '524e28022a1207f80a10e7af0d3b0f1934d971f5', class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), !readOnly && isClearable ? (hAsync(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, !readOnly && this.renderChevronIcon()), hAsync("ul", { key: '9d80d567e35091cfcbc50081f8b85a22233730f8', "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), hAsync(HiddenFormInputSlot, { key: '671003f9c0026f249a8a4ce485510f0a1df051c5', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -29349,7 +29377,7 @@ class Dropdown {
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    connectedCallback() {
+    async connectedCallback() {
         this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
         this.setFilteredPlacements();
         if (this.open) {
@@ -29358,6 +29386,7 @@ class Dropdown {
         }
         connectInteractive(this);
         this.updateItems();
+        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentWillLoad() {
@@ -29365,7 +29394,6 @@ class Dropdown {
     }
     componentDidLoad() {
         setComponentLoaded(this);
-        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentDidRender() {
         updateHostInteraction(this);
@@ -29378,17 +29406,17 @@ class Dropdown {
     }
     render() {
         const { open, guid } = this;
-        return (hAsync(Host, { key: 'aad82a6a5bce5a29f6c309bb9ff20911b3ec9482' }, hAsync(InteractiveContainer, { key: 'b559473528a0142c058c6e6de499e981748e369c', disabled: this.disabled }, hAsync("div", { key: '089a4a3e39800339c21e50f167c1154dd90f0194', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler,
+        return (hAsync(Host, { key: 'b92164487ced086ae197b99635d276f0265d7e0e' }, hAsync(InteractiveContainer, { key: '6f8591cca464bbdacaa78f03be89cb06da1b3257', disabled: this.disabled }, hAsync("div", { key: 'a823c2f378419fc38b09d80074ce9e15d2cffec0', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setReferenceEl }, hAsync("slot", { key: '1a6ded94e643359a5d9a6168d3abe0db4d96d57e', "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$o.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { key: '3c8a8fcda5b885baadd1aaaf2b8181b9dfd24ddf', "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper",
+            ref: this.setReferenceEl }, hAsync("slot", { key: 'e00c9c8d2b0c4603ef15bc3d196d7eb3bc4c0d28', "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$o.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { key: '2e78664a83eea4e1a09b3b55953ad8a8a956ba67', "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFloatingEl }, hAsync("div", { key: '8c04cadcb38268f20386f9e80f519b99f702054e', "aria-labelledby": `${guid}-menubutton`, class: {
+            ref: this.setFloatingEl }, hAsync("div", { key: '1dc684f36eadea95d3fe3ff053e3897ea47ff7bb', "aria-labelledby": `${guid}-menubutton`, class: {
                 ["calcite-dropdown-content"]: true,
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: open,
             }, id: `${guid}-menu`, role: "menu",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setScrollerAndTransitionEl }, hAsync("slot", { key: '92b1d20e253dc2253aa2f998076bf640e696ff91', onSlotchange: this.updateGroups }))))));
+            ref: this.setScrollerAndTransitionEl }, hAsync("slot", { key: '0ce26bf35bb532c0e3e922b53b30e07e8e7d6a41', onSlotchange: this.updateGroups }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -33497,7 +33525,7 @@ class InputDatePicker {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    connectedCallback() {
+    async connectedCallback() {
         connectInteractive(this);
         connectLocalized(this);
         const { open } = this;
@@ -33540,7 +33568,9 @@ class InputDatePicker {
         if (this.open) {
             onToggleOpenCloseComponent(this);
         }
+        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
+        this.localizeInputValues();
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -33550,8 +33580,6 @@ class InputDatePicker {
     }
     componentDidLoad() {
         setComponentLoaded(this);
-        this.localizeInputValues();
-        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     disconnectedCallback() {
         deactivateFocusTrap(this);
@@ -33572,37 +33600,37 @@ class InputDatePicker {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (hAsync(Host, { key: 'fd558a11028d7d967811f2a1236d46e82d45161b', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'ebf90902c5f3056147f91ee4690e6e69ab452042', disabled: this.disabled }, this.localeData && (hAsync("div", { key: '5e5cfbb9688e08aaf1e12b3527882ee3911d8e84', class: CSS$Q.inputContainer }, hAsync("div", { key: '63014b5695465c3a1b4fe54be6f036a1aa8393e8', class: CSS$Q.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
+        return (hAsync(Host, { key: '6d8d290fd8fe3ec232765b6ab57ba2a99ed6fae6', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'e7070f5b8c3fc329bb5b2bdcf2437748f8d55dae', disabled: this.disabled }, this.localeData && (hAsync("div", { key: '8be9700384a0b2aa6e93ca4f4f0eee407af4b6c4', class: CSS$Q.inputContainer }, hAsync("div", { key: '46c8505d8312f50d43ed849f817a4cf797c45f83', class: CSS$Q.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: '5cfeff37fb1998954f4e17296f15fcf6b9ea10cd', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: 'cb1923cd55e93953a3580a3b2b4024c5d79f7344', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$Q.input]: true,
                 [CSS$Q.inputNoBottomBorder]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setStartInput }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: 'f3a99326b0ee83dded0efcce2bacc2acca82741a', "aria-hidden": "true", class: CSS$Q.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '87d96dd359485c1c192f63f694365f6767346207', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
+            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: '4605e1cda9d021957e9469a36b634f408dcd3c99', "aria-hidden": "true", class: CSS$Q.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: 'ff11fd326d57d744e45376e325f072036b957994', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
                 [CSS$Q.menu]: true,
                 [CSS$Q.menuActive]: this.open,
             }, id: this.dialogId, role: "dialog",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFloatingEl }, hAsync("div", { key: '7bb0daff0e3017152b69a7bec09de23d96539749', class: {
+            ref: this.setFloatingEl }, hAsync("div", { key: 'b8b50032020070ca0c5466a2281f095d3fef49cd', class: {
                 [CSS$Q.calendarWrapper]: true,
                 [CSS$Q.calendarWrapperEnd]: this.focusedInput === "end",
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: this.open,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: 'e9a771765f104b79391396ead9d7e359aa0325cb', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate,
+            ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: '5621f6441a9235c9ef4da749b23563243bef632b', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setDatePickerRef }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '61b5787f2990d8143bf62da9e33e1253ab196a47', class: CSS$Q.horizontalArrowContainer }, hAsync("calcite-icon", { key: 'c665d2196d7cc71535ae1e352729ad7c3eb606e6', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '3b5b05e60ad4dc6e866f2a2e3b8da8427e0d8769', class: CSS$Q.verticalArrowContainer }, hAsync("calcite-icon", { key: '395db3f34af565b7403ce50a1455833a43a86463', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '596548166a4798cbd04ee76938a5a5e8ae2a9081', class: CSS$Q.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
+            ref: this.setDatePickerRef }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '6d24b5616279637cd7925ce378f642c97f699625', class: CSS$Q.horizontalArrowContainer }, hAsync("calcite-icon", { key: 'c311416667e2fb4d95cf97ef0c7c01b8a87784cf', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '3baa2766e7ee36dd20720b421676ee00a00e8159', class: CSS$Q.verticalArrowContainer }, hAsync("calcite-icon", { key: '9fde0fb40fa8b4d2556aecf2bc3214bf6490d285', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '6973313a8d378890f4b8ebfa5b37cdab3576bb50', class: CSS$Q.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: '1d56b70f902730c20cd0d501d5ece75635bd503b', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: '44205f16da21c9bc7f218e133ef7e84d0446467c', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$Q.input]: true,
                 [CSS$Q.inputBorderTopColorOne]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setEndInput }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '7f09766af52aaa2db452431301dfa55cd8af3a2e', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '664903f17e619a4d08af960a9c121878fcf36f1c', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (
@@ -42667,7 +42695,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Tue, 21 May 2024 03:53:50 GMT
+ * Generated on Wed, 29 May 2024 01:56:21 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -44273,7 +44301,6 @@ class Popover {
         this.mutationObserver = createObserver();
         this.guid = `calcite-popover-${guid()}`;
         this.openTransitionProp = "opacity";
-        this.hasLoaded = false;
         // --------------------------------------------------------------------------
         //
         //  Private Methods
@@ -44408,16 +44435,16 @@ class Popover {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    connectedCallback() {
+    async connectedCallback() {
         this.setFilteredPlacements();
         connectLocalized(this);
         connectMessages(this);
-        this.setUpReferenceElement(this.hasLoaded);
+        await componentOnReady(this.el);
+        this.setUpReferenceElement();
         connectFocusTrap(this);
         if (this.open) {
             onToggleOpenCloseComponent(this);
         }
-        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
     }
     async componentWillLoad() {
         await setUpMessages(this);
@@ -44425,11 +44452,6 @@ class Popover {
     }
     componentDidLoad() {
         setComponentLoaded(this);
-        if (this.referenceElement && !this.effectiveReferenceElement) {
-            this.setUpReferenceElement();
-        }
-        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-        this.hasLoaded = true;
     }
     disconnectedCallback() {
         this.removeReferences();
@@ -44519,15 +44541,15 @@ class Popover {
         const arrowNode = !pointerDisabled ? (hAsync(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.storeArrowEl })) : null;
-        return (hAsync(Host, { key: 'c6ca86d9bde93db52f3abc95344e8bff9e245517', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '1e1054bfa6ac2e762b8ba49b0148330c6e3e4bd8', class: {
+        return (hAsync(Host, { key: '28d8cf0eff362e7f787a33db9bee0cbf9c110a6b', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '673470f8cb626d87cdfd49caaeef64a621cc47a7', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: 'e9d6f6a86b2f433625df8436bc7bbea1dcdd5c60', class: {
+            ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: '2f63d0b51c7ee3aef33b691166d44d906b525fd7', class: {
                 [CSS$y.hasHeader]: !!heading,
                 [CSS$y.container]: true,
-            } }, this.renderHeader(), hAsync("div", { key: '64845f98d4666edc418aa119c3fd7c592d41ee48', class: CSS$y.content }, hAsync("slot", { key: '24a55594fb96fb227012406096f74b7646b58b9e' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), hAsync("div", { key: 'e46fdad51d039b02d1d7f4a9fb686a4f3cc49bd0', class: CSS$y.content }, hAsync("slot", { key: 'cc6157750d47d1458bda5531e626191aeff71df5' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -53270,7 +53292,6 @@ class Tooltip {
         this.calciteTooltipBeforeOpen = createEvent(this, "calciteTooltipBeforeOpen", 6);
         this.calciteTooltipOpen = createEvent(this, "calciteTooltipOpen", 6);
         this.guid = `calcite-tooltip-${guid()}`;
-        this.hasLoaded = false;
         this.openTransitionProp = "opacity";
         this.setTransitionEl = (el) => {
             this.transitionEl = el;
@@ -53346,25 +53367,18 @@ class Tooltip {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    connectedCallback() {
-        this.setUpReferenceElement(this.hasLoaded);
+    async connectedCallback() {
+        await componentOnReady(this.el);
+        this.setUpReferenceElement(true);
         if (this.open) {
             onToggleOpenCloseComponent(this);
         }
-        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
     }
     async componentWillLoad() {
         if (this.open) {
             onToggleOpenCloseComponent(this);
         }
     }
-    componentDidLoad() {
-        if (this.referenceElement && !this.effectiveReferenceElement) {
-            this.setUpReferenceElement();
-        }
-        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-        this.hasLoaded = true;
-    }
     disconnectedCallback() {
         this.removeReferences();
         disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
@@ -53418,14 +53432,14 @@ class Tooltip {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (hAsync(Host, { key: 'e34d0071ff64ee773ee5bbe5a677c739b8326818', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '7da5007a141c44aab0b84228d284fd7f61802ec3', class: {
+        return (hAsync(Host, { key: 'ae49e09ed0bff6db00b92e8bb34d518fdc1a3823', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: 'e3b6c87be8f605bc57517f36eb7602151f37a5bf', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '0d8fae7c85b885579b2783ca9abd653c90261d93', floatingLayout: floatingLayout,
+            ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: 'e82c0f508a212de1c0b62a4dcb4179ecf1e3557a', floatingLayout: floatingLayout,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '6f521a876289e6601d1984bb6d1d980fe56b5e2f', class: CSS$3.container }, hAsync("slot", { key: '3d87fbde922e9b5ef763e53584073a552094adc2' })))));
+            ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: 'd350edf45e4141aa73df3ae0e9c8e3a64e5ff268', class: CSS$3.container }, hAsync("slot", { key: '07dd1bd7bd128b793f1ca79e2d510345ed81ec7f' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "2.8.3",
+  "version": "2.8.4",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
@@ -89,5 +89,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "6e82f922dcaa73379c0abc2b36230ecbcc1614c8"
+  "gitHead": "a7781689c4c793bad6a2a2f60b1b81e901882515"
 }

package/readme.md

@@ -17,12 +17,12 @@ The most common approach for loading Calcite Components is to use the version ho
 ```html
 <script
   type="module"
-  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@2.8.3/dist/calcite/calcite.esm.js"
+  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@2.8.4/dist/calcite/calcite.esm.js"
 ></script>
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@2.8.3/dist/calcite/calcite.css"
+  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@2.8.4/dist/calcite/calcite.css"
 />
 ```
 

package/dist/calcite/p-00ffd16d.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.3
- */
-import{h as t}from"./p-2a13da1e.js";function a(t){return Math.min(Math.max(Math.ceil(t),1),6)}const e=(a,e)=>{const r=a.level?`h${a.level}`:"div";delete a.level;return t(r,{...a},e)};export{e as H,a as c};
-//# sourceMappingURL=p-00ffd16d.js.map

package/dist/calcite/p-03091d53.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.3
- */
-function n(n,r){return(n+r)%r}export{n as g};
-//# sourceMappingURL=p-03091d53.js.map

package/dist/calcite/p-03a896bb.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.3
- */
-import{r as t,c as e,h as i,g as s}from"./p-2a13da1e.js";import{c as a,d as n,u as o,I as r}from"./p-8a9fd325.js";import{c}from"./p-3a691353.js";import{d,a as l,c as h}from"./p-6e19ed23.js";import{d as f}from"./p-f556d771.js";import"./p-0e3f0876.js";import"./p-dbf6305c.js";import"./p-687cd553.js";const u={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";const b=p;const m=class{constructor(i){t(this,i);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.items=[];this.mutationObserver=c("mutation",(()=>{this.setUpSorting()}));this.dragEnabled=true;this.canPull=undefined;this.canPut=undefined;this.dragSelector=undefined;this.group=undefined;this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false}connectedCallback(){if(d(this)){return}this.setUpSorting();this.beginObserving();a(this)}disconnectedCallback(){if(d(this)){return}n(this);l(this);this.endObserving()}componentDidRender(){o(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children);this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath().find((t=>t.matches(this.handleSelector)));const s=this.items.find((e=>e.contains(i)||t.composedPath().includes(e)));const a=this.items.length-1;const n=this.items.indexOf(s);let o=false;let r;if(e==="up"){if(n===0){o=true}else{r=n-1}}else{if(n===a){r=0}else if(n===a-1){o=true}else{r=n+2}}this.endObserving();if(o){s.parentElement.appendChild(s)}else{s.parentElement.insertBefore(s,this.items[r])}this.items=Array.from(this.el.children);this.beginObserving();requestAnimationFrame((()=>f(i)));if("selected"in i){i.selected=true}}setUpSorting(){this.items=Array.from(this.el.children);h(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}endObserving(){this.mutationObserver?.disconnect()}render(){const{disabled:t,layout:e}=this;const s=e==="horizontal"||false;return i(r,{key:"1d1ca38cb992e78dc7f8cac66c7ee2d27fe85992",disabled:t},i("div",{key:"556fc03733b819ac5cccf142c6683a472bc8472a",class:{[u.container]:true,[u.containerVertical]:!s,[u.containerHorizontal]:s}},i("slot",{key:"5cea272c33957a923f7cce3494050db3cb00f3bb"})))}get el(){return s(this)}};m.style=b;export{m as calcite_sortable_list};
-//# sourceMappingURL=p-03a896bb.entry.js.map

package/dist/calcite/p-03a896bb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","sortItem","container","containerHorizontal","containerVertical","sortableListCss","CalciteSortableListStyle0","SortableList","this","items","mutationObserver","createObserver","setUpSorting","dragEnabled","connectedCallback","dragActive","beginObserving","connectInteractive","disconnectedCallback","disconnectInteractive","disconnectSortableComponent","endObserving","componentDidRender","updateHostInteraction","calciteHandleNudgeNextHandler","event","handleNudgeEvent","onGlobalDragStart","onGlobalDragEnd","onDragEnd","onDragStart","onDragSort","Array","from","el","children","calciteListOrderChange","emit","direction","detail","handle","composedPath","find","matches","handleSelector","item","contains","includes","lastIndex","length","startingIndex","indexOf","appendInstead","buddyIndex","parentElement","appendChild","insertBefore","requestAnimationFrame","focusElement","selected","connectSortableComponent","observe","childList","subtree","disconnect","render","disabled","layout","horizontal","h","InteractiveContainer","key","class"],"sources":["src/components/sortable-list/resources.ts","src/components/sortable-list/sortable-list.scss?tag=calcite-sortable-list&encapsulation=shadow","src/components/sortable-list/sortable-list.tsx"],"sourcesContent":["export const CSS = {\n  sortItem: \"sort-item\",\n  container: \"container\",\n  containerHorizontal: \"container--horizontal\",\n  containerVertical: \"container--vertical\",\n};\n",":host {\n  @apply flex;\n}\n\n@include disabled();\n\n.container {\n  @apply flex flex-auto;\n}\n\n.container--vertical {\n  @apply flex-col;\n}\n\n.container--horizontal {\n  @apply flex-row;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, VNode } from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport { Layout } from \"../interfaces\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding sortable items.\n */\n@Component({\n  tag: \"calcite-sortable-list\",\n  styleUrl: \"sortable-list.scss\",\n  shadow: true,\n})\nexport class SortableList implements InteractiveComponent, SortableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * Specifies which items inside the element should be draggable.\n   */\n  @Prop({ reflect: true }) dragSelector?: string;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * The selector for the handle elements.\n   */\n  @Prop({ reflect: true }) handleSelector = \"calcite-handle\";\n\n  /**\n   * Indicates the horizontal or vertical orientation of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  /**\n   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When true, content is waiting to be loaded. This state shows a busy indicator.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSortableListElement;\n\n  items: Element[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => {\n    this.setUpSorting();\n  });\n\n  sortable: Sortable;\n\n  dragEnabled = true;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    this.setUpSorting();\n    this.beginObserving();\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    disconnectInteractive(this);\n    disconnectSortableComponent(this);\n    this.endObserving();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<void>;\n\n  @Listen(\"calciteHandleNudge\")\n  calciteHandleNudgeNextHandler(event: CustomEvent<HandleNudge>): void {\n    this.handleNudgeEvent(event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    this.endObserving();\n  }\n\n  onGlobalDragEnd(): void {\n    this.beginObserving();\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.children);\n    this.calciteListOrderChange.emit();\n  }\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { direction } = event.detail;\n\n    const handle = event\n      .composedPath()\n      .find((el: HTMLElement) => el.matches(this.handleSelector)) as HTMLElement;\n\n    const sortItem = this.items.find((item) => {\n      return item.contains(handle) || event.composedPath().includes(item);\n    });\n\n    const lastIndex = this.items.length - 1;\n    const startingIndex = this.items.indexOf(sortItem);\n    let appendInstead = false;\n    let buddyIndex: number;\n\n    if (direction === \"up\") {\n      if (startingIndex === 0) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex - 1;\n      }\n    } else {\n      if (startingIndex === lastIndex) {\n        buddyIndex = 0;\n      } else if (startingIndex === lastIndex - 1) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex + 2;\n      }\n    }\n\n    this.endObserving();\n\n    if (appendInstead) {\n      sortItem.parentElement.appendChild(sortItem);\n    } else {\n      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);\n    }\n\n    this.items = Array.from(this.el.children);\n\n    this.beginObserving();\n    requestAnimationFrame(() => focusElement(handle));\n\n    if (\"selected\" in handle) {\n      handle.selected = true;\n    }\n  }\n\n  setUpSorting(): void {\n    this.items = Array.from(this.el.children);\n    connectSortableComponent(this);\n  }\n\n  beginObserving(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  endObserving(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, layout } = this;\n    const horizontal = layout === \"horizontal\" || false;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerVertical]: !horizontal,\n            [CSS.containerHorizontal]: horizontal,\n          }}\n        >\n          <slot />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":";;;;;0SAAO,MAAMA,EAAM,CACjBC,SAAU,YACVC,UAAW,YACXC,oBAAqB,wBACrBC,kBAAmB,uBCJrB,MAAMC,EAAkB,yhBACxB,MAAAC,EAAeD,E,MC6BFE,EAAY,M,wFAyDvBC,KAAAC,MAAmB,GAEnBD,KAAAE,iBAAmBC,EAAe,YAAY,KAC5CH,KAAKI,cAAc,IAKrBJ,KAAAK,YAAc,K,kHAjC4B,iB,YAKA,W,cAKN,M,aAKD,K,CA0BnC,iBAAAC,GACE,GAAIC,EAAWP,MAAO,CACpB,M,CAGFA,KAAKI,eACLJ,KAAKQ,iBACLC,EAAmBT,K,CAGrB,oBAAAU,GACE,GAAIH,EAAWP,MAAO,CACpB,M,CAGFW,EAAsBX,MACtBY,EAA4BZ,MAC5BA,KAAKa,c,CAGP,kBAAAC,GACEC,EAAsBf,K,CAexB,6BAAAgB,CAA8BC,GAC5BjB,KAAKkB,iBAAiBD,E,CASxB,iBAAAE,GACEnB,KAAKa,c,CAGP,eAAAO,GACEpB,KAAKQ,gB,CAGP,SAAAa,GAAS,CAET,WAAAC,GAAW,CAEX,UAAAC,GACEvB,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAChC3B,KAAK4B,uBAAuBC,M,CAG9B,gBAAAX,CAAiBD,GACf,MAAMa,UAAEA,GAAcb,EAAMc,OAE5B,MAAMC,EAASf,EACZgB,eACAC,MAAMR,GAAoBA,EAAGS,QAAQnC,KAAKoC,kBAE7C,MAAM3C,EAAWO,KAAKC,MAAMiC,MAAMG,GACzBA,EAAKC,SAASN,IAAWf,EAAMgB,eAAeM,SAASF,KAGhE,MAAMG,EAAYxC,KAAKC,MAAMwC,OAAS,EACtC,MAAMC,EAAgB1C,KAAKC,MAAM0C,QAAQlD,GACzC,IAAImD,EAAgB,MACpB,IAAIC,EAEJ,GAAIf,IAAc,KAAM,CACtB,GAAIY,IAAkB,EAAG,CACvBE,EAAgB,I,KACX,CACLC,EAAaH,EAAgB,C,MAE1B,CACL,GAAIA,IAAkBF,EAAW,CAC/BK,EAAa,C,MACR,GAAIH,IAAkBF,EAAY,EAAG,CAC1CI,EAAgB,I,KACX,CACLC,EAAaH,EAAgB,C,EAIjC1C,KAAKa,eAEL,GAAI+B,EAAe,CACjBnD,EAASqD,cAAcC,YAAYtD,E,KAC9B,CACLA,EAASqD,cAAcE,aAAavD,EAAUO,KAAKC,MAAM4C,G,CAG3D7C,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAEhC3B,KAAKQ,iBACLyC,uBAAsB,IAAMC,EAAalB,KAEzC,GAAI,aAAcA,EAAQ,CACxBA,EAAOmB,SAAW,I,EAItB,YAAA/C,GACEJ,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAChCyB,EAAyBpD,K,CAG3B,cAAAQ,GACER,KAAKE,kBAAkBmD,QAAQrD,KAAK0B,GAAI,CAAE4B,UAAW,KAAMC,QAAS,M,CAGtE,YAAA1C,GACEb,KAAKE,kBAAkBsD,Y,CASzB,MAAAC,GACE,MAAMC,SAAEA,EAAQC,OAAEA,GAAW3D,KAC7B,MAAM4D,EAAaD,IAAW,cAAgB,MAE9C,OACEE,EAACC,EAAoB,CAAAC,IAAA,2CAACL,SAAUA,GAC9BG,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,CAACxE,EAAIE,WAAY,KACjB,CAACF,EAAII,oBAAqBgE,EAC1B,CAACpE,EAAIG,qBAAsBiE,IAG7BC,EAAA,QAAAE,IAAA,8C"}

package/dist/calcite/p-03e6eca2.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.3
- */
-import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-2a13da1e.js";import{s as a,k as c,d as l,g as d}from"./p-f556d771.js";import{s as h,a as u,c as f}from"./p-9be32b23.js";import{c as m,d as p}from"./p-85e4be03.js";import{u as b,c as v,s as g,d as y}from"./p-c4500cfa.js";import{C as x}from"./p-687cd553.js";import"./p-dbf6305c.js";import"./p-596c4974.js";import"./p-3a691353.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=w;const z=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}connectedCallback(){m(this);v(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,{key:"669e13e4abc6cbb425226bd6e7d25f83f0283eab"},i("ul",{key:"d6b5858ea4e4935a7f789c2ed9b40432baa28e7e","aria-label":this.label,role:this.getEffectiveRole()},i("slot",{key:"5e72015f3b6c1f81dabe0ada164d105d1bda82e4",onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=k;const C={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const I=':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 L=I;const A=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(e.defaultPrevented){return}if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){m(this);v(this)}async componentWillLoad(){h(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${C.icon} ${C.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:C.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${C.icon} ${C.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:C.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${C.icon} ${C.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:C.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${C.icon} ${C.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:C.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:C.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,text:this.messages.open,ref:e=>this.dropdownActionEl=e})}renderSubmenuItems(e){return i("calcite-menu",{class:{[C.dropdownMenuItems]:true,[C.open]:this.open,[C.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[C.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:C.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:C.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:C.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=d(this.el);return i(n,{key:"a84ca1769bc08137a7defbea5e10ee12a78fbd58",onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{key:"88d13dda176ed2821b59505a6866b98b88f47f9b",class:{[C.container]:true,[C.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{key:"185265194184e457cfc1d578bee3b8c5e02d45b3",class:C.itemContent},i("a",{key:"456bbee5f9af53b51951c57b355b0696fa76fff7","aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[C.layoutVertical]:this.layout==="vertical",[C.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target,ref:e=>this.anchorEl=e},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};A.style=L;export{z as calcite_menu,A as calcite_menu_item};
-//# sourceMappingURL=p-03e6eca2.entry.js.map

package/dist/calcite/p-045ddae2.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.3
- */
-import{r as t,c as e,h as i,F as s,g as n}from"./p-2a13da1e.js";import{g as o}from"./p-03091d53.js";import{t as a,d as r}from"./p-f556d771.js";import{g as c}from"./p-dbf6305c.js";import{i as l}from"./p-596c4974.js";import{s as h,a as d,c as u}from"./p-9be32b23.js";import{a as p,C as f,I as m,S as b}from"./p-7714ace5.js";import"./p-687cd553.js";const x=":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 g=x;const v=["ArrowUp","ArrowDown","End","Home"];const I=class{constructor(i){t(this,i);this.calciteActionMenuOpen=e(this,"calciteActionMenuOpen",6);this.actionElements=[];this.guid=`calcite-action-menu-${c()}`;this.menuId=`${this.guid}-menu`;this.menuButtonId=`${this.guid}-menu-button`;this.connectMenuButtonEl=()=>{const{menuButtonId:t,menuId:e,open:i,label:s}=this;const n=this.slottedMenuButtonEl||this.defaultMenuButtonEl;if(this.menuButtonEl===n){return}this.disconnectMenuButtonEl();this.menuButtonEl=n;this.setTooltipReferenceElement();if(!n){return}n.active=i;n.setAttribute("aria-controls",e);n.setAttribute("aria-expanded",a(i));n.setAttribute("aria-haspopup","true");if(!n.id){n.id=t}if(!n.label){n.label=s}if(!n.text){n.text=s}n.addEventListener("click",this.menuButtonClick);n.addEventListener("keydown",this.menuButtonKeyDown)};this.disconnectMenuButtonEl=()=>{const{menuButtonEl:t}=this;if(!t){return}t.removeEventListener("click",this.menuButtonClick);t.removeEventListener("keydown",this.menuButtonKeyDown)};this.setMenuButtonEl=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-action")));this.slottedMenuButtonEl=e[0];this.connectMenuButtonEl()};this.setDefaultMenuButtonEl=t=>{this.defaultMenuButtonEl=t;this.connectMenuButtonEl()};this.handleCalciteActionClick=()=>{this.open=false;this.setFocus()};this.menuButtonClick=()=>{this.toggleOpen()};this.updateTooltip=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));this.tooltipEl=e[0];this.setTooltipReferenceElement()};this.setTooltipReferenceElement=()=>{const{tooltipEl:t,expanded:e,menuButtonEl:i,open:s}=this;if(t){t.referenceElement=!e&&!s?i:null}};this.updateAction=(t,e)=>{const{guid:i,activeMenuItemIndex:s}=this;const n=`${i}-action-${e}`;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=n}t.toggleAttribute(p,e===s)};this.updateActions=t=>{t?.forEach(this.updateAction)};this.handleDefaultSlotChange=t=>{const e=t.target.assignedElements({flatten:true}).reduce(((t,e)=>{if(e?.matches("calcite-action")){t.push(e);return t}if(e?.matches("calcite-action-group")){return t.concat(Array.from(e.querySelectorAll("calcite-action")))}return t}),[]);this.actionElements=e.filter((t=>!t.disabled&&!t.hidden))};this.menuButtonKeyDown=t=>{const{key:e}=t;const{actionElements:i,activeMenuItemIndex:s,open:n}=this;if(!i.length){return}if(l(e)){t.preventDefault();if(!n){this.toggleOpen();return}const e=i[s];e?e.click():this.toggleOpen(false)}if(e==="Tab"){this.open=false;return}if(e==="Escape"){this.toggleOpen(false);t.preventDefault();return}this.handleActionNavigation(t,e,i)};this.handleActionNavigation=(t,e,i)=>{if(!this.isValidKey(e,v)){return}t.preventDefault();if(!this.open){this.toggleOpen();if(e==="Home"||e==="ArrowDown"){this.activeMenuItemIndex=0}if(e==="End"||e==="ArrowUp"){this.activeMenuItemIndex=i.length-1}return}if(e==="Home"){this.activeMenuItemIndex=0}if(e==="End"){this.activeMenuItemIndex=i.length-1}const s=this.activeMenuItemIndex;if(e==="ArrowUp"){this.activeMenuItemIndex=o(Math.max(s-1,-1),i.length)}if(e==="ArrowDown"){this.activeMenuItemIndex=o(s+1,i.length)}};this.toggleOpenEnd=()=>{this.setFocus();this.el.removeEventListener("calcitePopoverOpen",this.toggleOpenEnd)};this.toggleOpen=(t=!this.open)=>{this.el.addEventListener("calcitePopoverOpen",this.toggleOpenEnd);this.open=t};this.handlePopoverOpen=()=>{this.open=true};this.handlePopoverClose=()=>{this.open=false};this.appearance="solid";this.expanded=false;this.flipPlacements=undefined;this.label=undefined;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.scale=undefined;this.menuButtonEl=undefined;this.activeMenuItemIndex=-1}connectedCallback(){this.connectMenuButtonEl()}componentWillLoad(){h(this)}componentDidLoad(){d(this)}disconnectedCallback(){this.disconnectMenuButtonEl()}expandedHandler(){this.open=false;this.setTooltipReferenceElement()}openHandler(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpen.emit();this.setTooltipReferenceElement()}activeMenuItemIndexHandler(){this.updateActions(this.actionElements)}async setFocus(){await u(this);return r(this.menuButtonEl)}renderMenuButton(){const{appearance:t,label:e,scale:s,expanded:n}=this;const o=i("slot",{name:b.trigger,onSlotchange:this.setMenuButtonEl},i("calcite-action",{appearance:t,class:f.defaultTrigger,icon:m.menu,scale:s,text:e,textEnabled:n,ref:this.setDefaultMenuButtonEl}));return o}renderMenuItems(){const{actionElements:t,activeMenuItemIndex:e,open:s,menuId:n,menuButtonEl:o,label:a,placement:r,overlayPositioning:c,flipPlacements:l}=this;const h=t[e];const d=h?.id||null;return i("calcite-popover",{autoClose:true,flipPlacements:l,focusTrapDisabled:true,label:a,offsetDistance:0,onCalcitePopoverClose:this.handlePopoverClose,onCalcitePopoverOpen:this.handlePopoverOpen,open:s,overlayPositioning:c,placement:r,pointerDisabled:true,referenceElement:o},i("div",{"aria-activedescendant":d,"aria-labelledby":o?.id,class:f.menu,id:n,onClick:this.handleCalciteActionClick,role:"menu",tabIndex:-1},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}render(){return i(s,{key:"172df111e58778a1006253a0eb444e767ad2d12b"},this.renderMenuButton(),this.renderMenuItems(),i("slot",{key:"1df982aa86cbdd0c2c7d847e9b6f0a4d35b5ba15",name:b.tooltip,onSlotchange:this.updateTooltip}))}isValidKey(t,e){return!!e.find((e=>e===t))}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}}};I.style=g;export{I as calcite_action_menu};
-//# sourceMappingURL=p-045ddae2.entry.js.map

package/dist/calcite/p-04c96efd.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.3
- */
-import{d as e}from"./p-bb09026a.js";import"./p-2a13da1e.js";import"./p-50dd735e.js";import"./p-f556d771.js";import"./p-dbf6305c.js";import"./p-687cd553.js";import"./p-8a9fd325.js";import"./p-0e3f0876.js";import"./p-596c4974.js";import"./p-d70cc9d1.js";import"./p-55e503e2.js";import"./p-9be32b23.js";import"./p-85e4be03.js";import"./p-3a691353.js";import"./p-5e500d25.js";import"./p-ffccec9e.js";import"./p-c4500cfa.js";import"./p-2e09e0db.js";import"./p-7bdffb9e.js";var p={name:"bs",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),months:"januar_februar_mart_april_maj_juni_juli_august_septembar_oktobar_novembar_decembar".split("_"),weekStart:1,weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._aug._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),ordinal:function e(p){return p},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"}};e.locale(p,null,true);export{p as default};
-//# sourceMappingURL=p-04c96efd.js.map

package/dist/calcite/p-07194c46.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.3
- */
-import{r as t,h as e,g as a}from"./p-2a13da1e.js";import{c as i}from"./p-3a691353.js";import{c as s,s as n,a as o}from"./p-9be32b23.js";const r={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};const c=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const l=c;const d=class{constructor(e){t(this,e);this.itemMutationObserver=i("mutation",(()=>this.updateFlowProps()));this.getFlowDirection=(t,e)=>{const a=t>1;const i=t&&e>1;if(!i&&!a){return null}return e<t?"retreating":"advancing"};this.updateFlowProps=()=>{const{customItemSelectors:t,el:e,items:a}=this;const i=Array.from(e.querySelectorAll(`calcite-flow-item${t?`,${t}`:""}`)).filter((t=>t.closest("calcite-flow")===e));const s=a.length;const n=i.length;const o=i[n-1];const r=i[n-2];if(n&&o){i.forEach((t=>{t.showBackButton=t===o&&n>1;t.hidden=t!==o}))}if(r){r.menuOpen=false}this.items=i;if(s!==n){const t=this.getFlowDirection(s,n);this.itemCount=n;this.flowDirection=t}};this.customItemSelectors=undefined;this.flowDirection=null;this.itemCount=0;this.items=[]}async back(){const{items:t}=this;const e=t[t.length-1];if(!e){return}const a=e.beforeBack?e.beforeBack:()=>Promise.resolve();try{await a.call(e)}catch(t){return}e.remove();return e}async setFocus(){await s(this);const{items:t}=this;const e=t[t.length-1];return e?.setFocus()}connectedCallback(){this.itemMutationObserver?.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()}async componentWillLoad(){n(this)}componentDidLoad(){o(this)}disconnectedCallback(){this.itemMutationObserver?.disconnect()}async handleItemBackClick(t){if(t.defaultPrevented){return}await this.back();return this.setFocus()}render(){const{flowDirection:t}=this;const a={[r.frame]:true,[r.frameAdvancing]:t==="advancing",[r.frameRetreating]:t==="retreating"};return e("div",{key:"9d405841d7a1ee2d7a5da28c02ef8d5bf08dd9f5",class:a},e("slot",{key:"a02231a5002f8b19542e03529aad12771787b26f"}))}get el(){return a(this)}};d.style=l;export{d as calcite_flow};
-//# sourceMappingURL=p-07194c46.entry.js.map