@esri/calcite-components 2.8.4 → 2.8.6

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.4
+ * v2.8.6
  */
 'use strict';
 
@@ -24561,7 +24561,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Wed, 29 May 2024 01:56:19 GMT
+ * Generated on Tue, 04 Jun 2024 23:34:00 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -26985,7 +26985,7 @@ class Combobox {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
@@ -27001,9 +27001,7 @@ class Combobox {
             this.openHandler();
             onToggleOpenCloseComponent(this);
         }
-        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
-        afterConnectDefaultValueSet(this, this.getValue());
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -27011,6 +27009,8 @@ class Combobox {
         await setUpMessages(this);
     }
     componentDidLoad() {
+        afterConnectDefaultValueSet(this, this.getValue());
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
         setComponentLoaded(this);
     }
     componentDidRender() {
@@ -27501,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: 'fdc6873848a0303d62a2f8d4964e5f6418c00507', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '3d044335fc5b8702a7ef07538d63eebfa0d86d61', disabled: this.disabled }, hAsync("div", { key: 'eba9a13d36f316529b09ffad584873971d8f9c38', "aria-live": "polite", class: {
+        return (hAsync(Host, { key: '6f3800dd3e309251ed56cd9e0ba8826c71b5551e', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: 'cd96916c5a2bd5f6d9b4011859ff804c9d06001c', disabled: this.disabled }, hAsync("div", { key: '2ccaa8432826a117b2179a1974018a96ea9a44d1', "aria-live": "polite", class: {
                 wrapper: true,
                 "wrapper--single": singleSelectionMode || !this.selectedItems.length,
                 "wrapper--active": open,
@@ -27519,7 +27519,7 @@ class Combobox {
             this.renderSelectedIndicatorChipCompact(),
             this.renderAllSelectedIndicatorChip(),
             this.renderAllSelectedIndicatorChipCompact(),
-        ], 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)));
+        ], hAsync("label", { key: '3fa3c37a83c7fe0a8a6be409cdf4c797b4b174dc', 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: 'b2376d24b07d17738da6d9d3463be5d4a79fdbc1', "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: '37a5a706bfa1847aa825985c25f59992691bf339', 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); }
@@ -29377,7 +29377,7 @@ class Dropdown {
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
         this.setFilteredPlacements();
         if (this.open) {
@@ -29386,7 +29386,6 @@ class Dropdown {
         }
         connectInteractive(this);
         this.updateItems();
-        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentWillLoad() {
@@ -29394,6 +29393,7 @@ class Dropdown {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentDidRender() {
         updateHostInteraction(this);
@@ -29406,17 +29406,17 @@ class Dropdown {
     }
     render() {
         const { open, guid } = this;
-        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,
+        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,
             // 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: '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",
+            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",
             // 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: '1dc684f36eadea95d3fe3ff053e3897ea47ff7bb', "aria-labelledby": `${guid}-menubutton`, class: {
+            ref: this.setFloatingEl }, hAsync("div", { key: '8c04cadcb38268f20386f9e80f519b99f702054e', "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: '0ce26bf35bb532c0e3e922b53b30e07e8e7d6a41', onSlotchange: this.updateGroups }))))));
+            ref: this.setScrollerAndTransitionEl }, hAsync("slot", { key: '92b1d20e253dc2253aa2f998076bf640e696ff91', onSlotchange: this.updateGroups }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -33525,7 +33525,7 @@ class InputDatePicker {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         connectInteractive(this);
         connectLocalized(this);
         const { open } = this;
@@ -33568,9 +33568,7 @@ class InputDatePicker {
         if (this.open) {
             onToggleOpenCloseComponent(this);
         }
-        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
-        this.localizeInputValues();
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -33580,6 +33578,8 @@ class InputDatePicker {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        this.localizeInputValues();
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     disconnectedCallback() {
         deactivateFocusTrap(this);
@@ -33600,37 +33600,37 @@ class InputDatePicker {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        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,
+        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,
             // 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: 'cb1923cd55e93953a3580a3b2b4024c5d79f7344', "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: '5cfeff37fb1998954f4e17296f15fcf6b9ea10cd', "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: '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: {
+            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: {
                 [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: 'b8b50032020070ca0c5466a2281f095d3fef49cd', class: {
+            ref: this.setFloatingEl }, hAsync("div", { key: '7bb0daff0e3017152b69a7bec09de23d96539749', 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: '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,
+            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,
             // 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: '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,
+            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,
             // 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: '44205f16da21c9bc7f218e133ef7e84d0446467c', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            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: {
                 [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: '664903f17e619a4d08af960a9c121878fcf36f1c', 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: '7f09766af52aaa2db452431301dfa55cd8af3a2e', 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 (
@@ -42695,7 +42695,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Wed, 29 May 2024 01:56:21 GMT
+ * Generated on Tue, 04 Jun 2024 23:34:02 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -44301,6 +44301,7 @@ class Popover {
         this.mutationObserver = createObserver();
         this.guid = `calcite-popover-${guid()}`;
         this.openTransitionProp = "opacity";
+        this.hasLoaded = false;
         // --------------------------------------------------------------------------
         //
         //  Private Methods
@@ -44435,16 +44436,14 @@ class Popover {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         this.setFilteredPlacements();
         connectLocalized(this);
         connectMessages(this);
-        await componentOnReady(this.el);
-        this.setUpReferenceElement();
         connectFocusTrap(this);
-        if (this.open) {
-            onToggleOpenCloseComponent(this);
-        }
+        // we set up the ref element in the next frame to ensure PopoverManager
+        // event handlers are invoked after connect (mainly for `components` output target)
+        requestAnimationFrame(() => this.setUpReferenceElement(this.hasLoaded));
     }
     async componentWillLoad() {
         await setUpMessages(this);
@@ -44452,6 +44451,13 @@ class Popover {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        if (this.referenceElement && !this.effectiveReferenceElement) {
+            this.setUpReferenceElement();
+        }
+        if (this.open) {
+            onToggleOpenCloseComponent(this);
+        }
+        this.hasLoaded = true;
     }
     disconnectedCallback() {
         this.removeReferences();
@@ -44541,15 +44547,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: '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: {
+        return (hAsync(Host, { key: 'f64cc1e62fa0cf0fea82fcbad7f0d2238a1198b8', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '7ac9d8df4aed168abd61ae24d0c38cae41b834f4', 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: '2f63d0b51c7ee3aef33b691166d44d906b525fd7', class: {
+            ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: 'e71b154b7ae98abe1898e122d699b89fec565a86', class: {
                 [CSS$y.hasHeader]: !!heading,
                 [CSS$y.container]: true,
-            } }, this.renderHeader(), hAsync("div", { key: 'e46fdad51d039b02d1d7f4a9fb686a4f3cc49bd0', class: CSS$y.content }, hAsync("slot", { key: 'cc6157750d47d1458bda5531e626191aeff71df5' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), hAsync("div", { key: '54d6f364e6bfdefd80d8fc8b58f0cb105fb0b882', class: CSS$y.content }, hAsync("slot", { key: 'd3f1c98600a3a40f16ab0a94db533a0aa14bf9a8' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -53292,6 +53298,7 @@ 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;
@@ -53367,8 +53374,7 @@ class Tooltip {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
-        await componentOnReady(this.el);
+    connectedCallback() {
         this.setUpReferenceElement(true);
         if (this.open) {
             onToggleOpenCloseComponent(this);
@@ -53379,6 +53385,12 @@ class Tooltip {
             onToggleOpenCloseComponent(this);
         }
     }
+    componentDidLoad() {
+        if (this.referenceElement && !this.effectiveReferenceElement) {
+            this.setUpReferenceElement();
+        }
+        this.hasLoaded = true;
+    }
     disconnectedCallback() {
         this.removeReferences();
         disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
@@ -53432,14 +53444,14 @@ class Tooltip {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        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: {
+        return (hAsync(Host, { key: 'd999ea5dc4f62136edbafbe02217aa45e7dfacef', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '60ab1a7b1176940f208031084255642e6443305d', 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: 'e82c0f508a212de1c0b62a4dcb4179ecf1e3557a', floatingLayout: floatingLayout,
+            ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: 'fc23703424cfa9fed95c284096874c6f4a308441', 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: 'd350edf45e4141aa73df3ae0e9c8e3a64e5ff268', class: CSS$3.container }, hAsync("slot", { key: '07dd1bd7bd128b793f1ca79e2d510345ed81ec7f' })))));
+            ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '99850fe365391921c1ab4183686038ffd1ce33ea', class: CSS$3.container }, hAsync("slot", { key: '6d8d5323d91366470ee7bc4012e1c4af2af41371' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "2.8.4",
+  "version": "2.8.6",
   "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": "a7781689c4c793bad6a2a2f60b1b81e901882515"
+  "gitHead": "6a32dc8fa8e0ba9ef6782ed958a282c14ac6db4f"
 }

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.4/dist/calcite/calcite.esm.js"
+  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@2.8.6/dist/calcite/calcite.esm.js"
 ></script>
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@2.8.4/dist/calcite/calcite.css"
+  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@2.8.6/dist/calcite/calcite.css"
 />
 ```
 

package/dist/calcite/p-01aa1806.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.4
- */
-import{d as _}from"./p-101f01a3.js";import"./p-01c0a2c2.js";import"./p-f382c352.js";import"./p-12aea44f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-8e8bace6.js";import"./p-2f3702bc.js";import"./p-34e21c17.js";import"./p-5fb90ec7.js";import"./p-d7cca4af.js";import"./p-cba3cb72.js";import"./p-b9ffc620.js";import"./p-4cdd8242.js";import"./p-1ae789c5.js";import"./p-3b8b9962.js";import"./p-18e5e7a4.js";import"./p-2271ffa7.js";import"./p-ed8fde1f.js";var p={name:"el",weekdays:"Κυριακή_Δευτέρα_Τρίτη_Τετάρτη_Πέμπτη_Παρασκευή_Σάββατο".split("_"),weekdaysShort:"Κυρ_Δευ_Τρι_Τετ_Πεμ_Παρ_Σαβ".split("_"),weekdaysMin:"Κυ_Δε_Τρ_Τε_Πε_Πα_Σα".split("_"),months:"Ιανουάριος_Φεβρουάριος_Μάρτιος_Απρίλιος_Μάιος_Ιούνιος_Ιούλιος_Αύγουστος_Σεπτέμβριος_Οκτώβριος_Νοέμβριος_Δεκέμβριος".split("_"),monthsShort:"Ιαν_Φεβ_Μαρ_Απρ_Μαι_Ιουν_Ιουλ_Αυγ_Σεπτ_Οκτ_Νοε_Δεκ".split("_"),ordinal:function _(p){return p},weekStart:1,relativeTime:{future:"σε %s",past:"πριν %s",s:"μερικά δευτερόλεπτα",m:"ένα λεπτό",mm:"%d λεπτά",h:"μία ώρα",hh:"%d ώρες",d:"μία μέρα",dd:"%d μέρες",M:"ένα μήνα",MM:"%d μήνες",y:"ένα χρόνο",yy:"%d χρόνια"},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"}};_.locale(p,null,true);export{p as default};
-//# sourceMappingURL=p-01aa1806.js.map

package/dist/calcite/p-01c0a2c2.js

@@ -1,8 +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.4
- */
-const e="calcite";var t=Object.defineProperty;var n=(e,n)=>{for(var l in n)t(e,l,{get:n[l],enumerable:true})};var l=e=>{const t=new URL(e,Xe.t);return t.origin!==Ke.location.origin?t.href:t.pathname};var r={};var s="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var f=e=>e!=null;var a=e=>{e=typeof e;return e==="object"||e==="function"};function o(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var c={};n(c,{err:()=>v,map:()=>d,ok:()=>u,unwrap:()=>$,unwrapErr:()=>h});var u=e=>({isOk:true,isErr:false,value:e});var v=e=>({isOk:false,isErr:true,value:e});function d(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>u(e)))}else{return u(n)}}if(e.isErr){const t=e.value;return v(t)}throw"should never get here"}var $=e=>{if(e.isOk){return e.value}else{throw e.value}};var h=e=>{if(e.isErr){return e.value}else{throw e.value}};var p=(e,t="")=>{{return()=>{}}};var y=(e,t)=>{{return()=>{}}};var m="r";var w="o";var b="s";var g="t";var k="s-id";var j="sty-id";var O="c-id";var S="{visibility:hidden}[calcite-hydrated]{visibility:inherit}";var x="slot-fb{display:contents}slot-fb[hidden]{display:none}";var C="http://www.w3.org/1999/xlink";var E=(e,t,...n)=>{let l=null;let r=null;let s=false;let i=false;const f=[];const o=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){o(l)}else if(l!=null&&typeof l!=="boolean"){if(s=typeof e!=="function"&&!a(l)){l=String(l)}if(s&&i){f[f.length-1].l+=l}else{f.push(s?M(null,l):l)}i=s}}};o(n);if(t){if(t.key){r=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,U)}const c=M(e,null);c.i=t;if(f.length>0){c.o=f}{c.u=r}return c};var M=(e,t)=>{const n={v:0,$:e,l:t,h:null,o:null};{n.i=null}{n.u=null}return n};var P={};var R=e=>e&&e.$===P;var U={forEach:(e,t)=>e.map(I).forEach(t),map:(e,t)=>e.map(I).map(t).map(L)};var I=e=>({vattrs:e.i,vchildren:e.o,vkey:e.u,vname:e.p,vtag:e.$,vtext:e.l});var L=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return E(e.vtag,t,...e.vchildren||[])}const t=M(e.vtag,e.vtext);t.i=e.vattrs;t.o=e.vchildren;t.u=e.vkey;t.p=e.vname;return t};var F=(e,t,n,l)=>{const r=p("hydrateClient",t);const s=e.shadowRoot;const i=[];const f=[];const a=s?[]:null;const o=l.m=M(t,null);if(!Xe.k){W(Qe.body,Xe.k=new Map)}e[k]=n;e.removeAttribute(k);N(o,i,f,a,e,e,n);i.map((e=>{const n=e.j+"."+e.O;const l=Xe.k.get(n);const r=e.h;if(l&&Ye&&l["s-en"]===""){l.parentNode.insertBefore(r,l.nextSibling)}if(!s){r["s-hn"]=t;if(l){r["s-ol"]=l;r["s-ol"]["s-nr"]=r}}Xe.k.delete(n)}));if(s){a.map((e=>{if(e){s.appendChild(e)}}))}r()};var N=(e,t,n,l,r,s,i)=>{let f;let a;let o;let c;if(s.nodeType===1){f=s.getAttribute(O);if(f){a=f.split(".");if(a[0]===i||a[0]==="0"){o={v:0,j:a[0],O:a[1],S:a[2],C:a[3],$:s.tagName.toLowerCase(),h:s,i:null,o:null,u:null,p:null,l:null};t.push(o);s.removeAttribute(O);if(!e.o){e.o=[]}e.o[o.C]=o;e=o;if(l&&o.S==="0"){l[o.C]=o.h}}}for(c=s.childNodes.length-1;c>=0;c--){N(e,t,n,l,r,s.childNodes[c],i)}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){N(e,t,n,l,r,s.shadowRoot.childNodes[c],i)}}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){f=a[0];o={v:0,j:a[1],O:a[2],S:a[3],C:a[4],h:s,i:null,o:null,u:null,p:null,$:null,l:null};if(f===g){o.h=s.nextSibling;if(o.h&&o.h.nodeType===3){o.l=o.h.textContent;t.push(o);s.remove();if(!e.o){e.o=[]}e.o[o.C]=o;if(l&&o.S==="0"){l[o.C]=o.h}}}else if(o.j===i){if(f===b){o.$="slot";if(a[5]){s["s-sn"]=o.p=a[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(l){o.h=Qe.createElement(o.$);if(o.p){o.h.setAttribute("name",o.p)}s.parentNode.insertBefore(o.h,s);s.remove();if(o.S==="0"){l[o.C]=o.h}}n.push(o);if(!e.o){e.o=[]}e.o[o.C]=o}else if(f===m){if(l){s.remove()}}}}}else if(e&&e.$==="style"){const t=M(null,s.textContent);t.h=s;t.C="0";e.o=[t]}};var W=(e,t)=>{if(e.nodeType===1){let n=0;for(;n<e.childNodes.length;n++){W(e.childNodes[n],t)}if(e.shadowRoot){for(n=0;n<e.shadowRoot.childNodes.length;n++){W(e.shadowRoot.childNodes[n],t)}}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===w){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var A=(e,t)=>{if(e!=null&&!a(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var D=e=>He(e).$hostElement$;var T=(e,t,n)=>{const l=D(e);return{emit:e=>H(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var H=(e,t,n)=>{const l=Xe.ce(t,n);e.dispatchEvent(l);return l};var q=new WeakMap;var V=(e,t,n)=>{let l=Je.get(e);if(tt&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}Je.set(e,l)};var _=(e,t,n)=>{var l;const r=B(t);const s=Je.get(r);e=e.nodeType===11?e:Qe;if(s){if(typeof s==="string"){e=e.head||e;let n=q.get(e);let i;if(!n){q.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(i=e.querySelector(`[${j}="${r}"]`))){i.innerHTML=s}else{i=Qe.createElement("style");i.innerHTML=s;const t=(l=Xe.M)!=null?l:o(Qe);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=x}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return r};var z=e=>{const t=e.P;const n=e.$hostElement$;const l=t.v;const r=p("attachStyles",t.R);const s=_(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(l&10){n["s-sc"]=s;n.classList.add(s+"-h")}r()};var B=(e,t)=>"sc-"+e.R;var G=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var J=(e,t,n,l,r,s)=>{if(n!==l){let i=_e(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=Q(n);const s=Q(l);t.remove(...r.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!r.includes(e))))}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(_e(Ke,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||l){const r=t.endsWith(X);t=t.replace(Y,"");if(n){Xe.rel(e,t,n,r)}if(l){Xe.ael(e,t,l,r)}}}else{const o=a(l);if((i||o&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){i=false}else if(n==null||e[t]!=r){e[t]=r}}else{e[t]=l}}catch(e){}}let c=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;c=true}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){if(c){e.removeAttributeNS(C,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||r)&&!o){l=l===true?"":l;if(c){e.setAttributeNS(C,t,l)}else{e.setAttribute(t,l)}}}}};var K=/\s/;var Q=e=>!e?[]:e.split(K);var X="Capture";var Y=new RegExp(X+"$");var Z=(e,t,n,l)=>{const s=t.h.nodeType===11&&t.h.host?t.h.host:t.h;const i=e&&e.i||r;const f=t.i||r;{for(l of ee(Object.keys(i))){if(!(l in f)){J(s,l,i[l],void 0,n,t.v)}}}for(l of ee(Object.keys(f))){J(s,l,i[l],f[l],n,t.v)}};function ee(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var te;var ne;var le=false;var re=false;var se=(e,t,n,l)=>{const r=t.o[n];let a=0;let o;let c;if(r.l!==null){o=r.h=Qe.createTextNode(r.l)}else{if(!re){re=r.$==="svg"}o=r.h=Qe.createElementNS(re?s:i,r.$);if(re&&r.$==="foreignObject"){re=false}{Z(null,r,re)}if(f(te)&&o["s-si"]!==te){o.classList.add(o["s-si"]=te)}if(r.o){for(a=0;a<r.o.length;++a){c=se(e,r,a);if(c){o.appendChild(c)}}}{if(r.$==="svg"){re=false}else if(o.tagName==="foreignObject"){re=true}}}o["s-hn"]=ne;return o};var ie=(e,t,n,l,r,s)=>{let i=e;let f;if(i.shadowRoot&&i.tagName===ne){i=i.shadowRoot}for(;r<=s;++r){if(l[r]){f=se(null,n,r);if(f){l[r].h=f;i.insertBefore(f,t)}}}};var fe=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.h;ue(t);if(e){e.remove()}}}};var ae=(e,t,n,l,r=false)=>{let s=0;let i=0;let f=0;let a=0;let o=t.length-1;let c=t[0];let u=t[o];let v=l.length-1;let d=l[0];let $=l[v];let h;let p;while(s<=o&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--o]}else if(d==null){d=l[++i]}else if($==null){$=l[--v]}else if(oe(c,d,r)){ce(c,d,r);c=t[++s];d=l[++i]}else if(oe(u,$,r)){ce(u,$,r);u=t[--o];$=l[--v]}else if(oe(c,$,r)){ce(c,$,r);e.insertBefore(c.h,u.h.nextSibling);c=t[++s];$=l[--v]}else if(oe(u,d,r)){ce(u,d,r);e.insertBefore(u.h,c.h);u=t[--o];d=l[++i]}else{f=-1;{for(a=s;a<=o;++a){if(t[a]&&t[a].u!==null&&t[a].u===d.u){f=a;break}}}if(f>=0){p=t[f];if(p.$!==d.$){h=se(t&&t[i],n,f)}else{ce(p,d,r);t[f]=void 0;h=p.h}d=l[++i]}else{h=se(t&&t[i],n,i);d=l[++i]}if(h){{c.h.parentNode.insertBefore(h,c.h)}}}}if(s>o){ie(e,l[v+1]==null?null:l[v+1].h,n,l,i,v)}else if(i>v){fe(t,s,o)}};var oe=(e,t,n=false)=>{if(e.$===t.$){if(!n){return e.u===t.u}return true}return false};var ce=(e,t,n=false)=>{const l=t.h=e.h;const r=e.o;const s=t.o;const i=t.$;const f=t.l;if(f===null){{re=i==="svg"?true:i==="foreignObject"?false:re}{if(i==="slot"&&!le);else{Z(e,t,re)}}if(r!==null&&s!==null){ae(l,r,t,s,n)}else if(s!==null){if(e.l!==null){l.textContent=""}ie(l,null,t,s,0,s.length-1)}else if(r!==null){fe(r,0,r.length-1)}if(re&&i==="svg"){re=false}}else if(e.l!==f){l.data=f}};var ue=e=>{{e.i&&e.i.ref&&e.i.ref(null);e.o&&e.o.map(ue)}};var ve=(e,t,n=false)=>{const l=e.$hostElement$;const r=e.P;const s=e.m||M(null,null);const i=R(t)?t:E(null,null,t);ne=l.tagName;if(r.U){i.i=i.i||{};r.U.map((([e,t])=>i.i[t]=l[e]))}if(n&&i.i){for(const e of Object.keys(i.i)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.i[e]=l[e]}}}i.$=null;i.v|=4;e.m=i;i.h=s.h=l.shadowRoot||l;{te=l["s-sc"]}le=(r.v&1)!==0;ce(s,i,n)};var de=(e,t)=>{if(t&&!e.I&&t["s-p"]){t["s-p"].push(new Promise((t=>e.I=t)))}};var $e=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}de(e,e.L);const n=()=>he(e,t);return ct(n)};var he=(e,t)=>{const n=p("scheduleUpdate",e.P.R);const l=e.F;let r;if(t){{e.v|=256;if(e.N){e.N.map((([e,t])=>je(l,e,t)));e.N=void 0}}{r=je(l,"componentWillLoad")}}{r=pe(r,(()=>je(l,"componentWillRender")))}n();return pe(r,(()=>me(e,l,t)))};var pe=(e,t)=>ye(e)?e.then(t):t();var ye=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var me=async(e,t,n)=>{var l;const r=e.$hostElement$;const s=p("update",e.P.R);const i=r["s-rc"];if(n){z(e)}const f=p("render",e.P.R);{we(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}f();s();{const t=(l=r["s-p"])!=null?l:[];const n=()=>be(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.v|=4;t.length=0}}};var we=(e,t,n,l)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{ve(e,t,l)}}}}catch(t){ze(t,e.$hostElement$)}return null};var be=e=>{const t=e.P.R;const n=e.$hostElement$;const l=p("postUpdate",t);const r=e.F;const s=e.L;{je(r,"componentDidRender")}if(!(e.v&64)){e.v|=64;{Oe(n)}{je(r,"componentDidLoad")}l();{e.W(n);if(!s){ke()}}}else{{je(r,"componentDidUpdate")}l()}{e.A(n)}{if(e.I){e.I();e.I=void 0}if(e.v&512){at((()=>$e(e,false)))}e.v&=~(4|512)}};var ge=e=>{{const t=He(e);const n=t.$hostElement$.isConnected;if(n&&(t.v&(2|16))===2){$e(t,false)}return n}};var ke=t=>{{Oe(Qe.documentElement)}at((()=>H(Ke,"appload",{detail:{namespace:e}})))};var je=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){ze(e)}}return void 0};var Oe=e=>e.setAttribute("calcite-hydrated","");var Se=(e,t)=>He(e).D.get(t);var xe=(e,t,n,l)=>{const r=He(e);const s=r.$hostElement$;const i=r.D.get(t);const f=r.v;const a=r.F;n=A(n,l.T[t][0]);const o=Number.isNaN(i)&&Number.isNaN(n);const c=n!==i&&!o;if((!(f&8)||i===void 0)&&c){r.D.set(t,n);if(a){if(l.H&&f&128){const e=l.H[t];if(e){e.map((e=>{try{a[e](n,i,t)}catch(e){ze(e,s)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,i,t)===false){return}}$e(r,false)}}}};var Ce=(e,t,n)=>{var l;const r=e.prototype;if(t.T){if(e.watchers){t.H=e.watchers}const s=Object.entries(t.T);s.map((([e,[l]])=>{if(l&31||n&2&&l&32){Object.defineProperty(r,e,{get(){return Se(this,e)},set(n){xe(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&l&64){Object.defineProperty(r,e,{value(...t){var n;const l=He(this);return(n=l==null?void 0:l.q)==null?void 0:n.then((()=>{var n;return(n=l.F)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;r.attributeChangedCallback=function(e,l,s){Xe.jmp((()=>{var i;const f=n.get(e);if(this.hasOwnProperty(f)){s=this[f];delete this[f]}else if(r.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const n=He(this);const r=n==null?void 0:n.v;if(r&&!(r&8)&&r&128&&s!==l){const r=n.F;const f=(i=t.H)==null?void 0:i[e];f==null?void 0:f.forEach((t=>{if(r[t]!=null){r[t].call(r,s,l,e)}}))}return}this[f]=s===null&&typeof this[f]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.H)!=null?l:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,l])=>{var r;const s=l[1]||e;n.set(s,e);if(l[0]&512){(r=t.U)==null?void 0:r.push([e,s])}return s}))]))}}return e};var Ee=async(e,t,n,l)=>{let r;if((t.v&32)===0){t.v|=32;const l=n.V;if(l){r=Ge(n);if(r.then){const e=y();r=await r;e()}if(!r.isProxied){{n.H=r.watchers}Ce(r,n,2);r.isProxied=true}const e=p("createInstance",n.R);{t.v|=8}try{new r(t)}catch(e){ze(e)}{t.v&=~8}{t.v|=128}e();Me(t.F)}else{r=e.constructor;customElements.whenDefined(n.R).then((()=>t.v|=128))}if(r.style){let e=r.style;const t=B(n);if(!Je.has(t)){const l=p("registerStyles",n.R);V(t,e,!!(n.v&1));l()}}}const s=t.L;const i=()=>$e(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Me=e=>{{je(e,"connectedCallback")}};var Pe=e=>{if((Xe.v&1)===0){const t=He(e);const n=t.P;const l=p("connectedCallback",n.R);if(!(t.v&1)){t.v|=1;let l;{l=e.getAttribute(k);if(l){if(n.v&1){const t=_(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}F(e,n.R,l,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){de(t,t.L=n);break}}}if(n.T){Object.entries(n.T).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ee(e,t,n)}}else{Fe(e,t,n._);if(t==null?void 0:t.F){Me(t.F)}else if(t==null?void 0:t.B){t.B.then((()=>Me(t.F)))}}l()}};var Re=e=>{{je(e,"disconnectedCallback")}};var Ue=async e=>{if((Xe.v&1)===0){const t=He(e);{if(t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.F){Re(t.F)}else if(t==null?void 0:t.B){t.B.then((()=>Re(t.F)))}}};var Ie=(e,t={})=>{var n;const l=p();const r=[];const s=t.exclude||[];const i=Ke.customElements;const f=Qe.head;const a=f.querySelector("meta[charset]");const c=Qe.createElement("style");const u=[];const v=Qe.querySelectorAll(`[${j}]`);let d;let $=true;let h=0;Object.assign(Xe,t);Xe.t=new URL(t.resourcesUrl||"./",Qe.baseURI).href;{Xe.v|=2}{for(;h<v.length;h++){V(v[h].getAttribute(j),G(v[h].innerHTML),true)}}let y=false;e.map((e=>{e[1].map((t=>{var n;const l={v:t[0],R:t[1],T:t[2],_:t[3]};if(l.v&4){y=true}{l.T=t[2]}{l._=t[3]}{l.U=[]}{l.H=(n=t[4])!=null?n:{}}const f=l.R;const a=class extends HTMLElement{constructor(e){super(e);e=this;Ve(e,l);if(l.v&1){{{e.attachShadow({mode:"open",delegatesFocus:!!(l.v&16)})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if($){u.push(this)}else{Xe.jmp((()=>Pe(this)))}}disconnectedCallback(){Xe.jmp((()=>Ue(this)))}componentOnReady(){return He(this).B}};l.V=e[0];if(!s.includes(f)&&!i.get(f)){r.push(f);i.define(f,Ce(a,l,1))}}))}));if(r.length>0){if(y){c.textContent+=x}{c.textContent+=r+S}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(n=Xe.M)!=null?n:o(Qe);if(e!=null){c.setAttribute("nonce",e)}f.insertBefore(c,a?a.nextSibling:f.firstChild)}}$=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{Xe.jmp((()=>d=setTimeout(ke,30)))}}l()};var Le=(e,t)=>t;var Fe=(e,t,n,l)=>{if(n){n.map((([n,l,r])=>{const s=We(e,n);const i=Ne(t,r);const f=Ae(n);Xe.ael(s,l,i,f);(t.G=t.G||[]).push((()=>Xe.rel(s,l,i,f)))}))}};var Ne=(e,t)=>n=>{try{{if(e.v&256){e.F[t](n)}else{(e.N=e.N||[]).push([t,n])}}}catch(e){ze(e)}};var We=(e,t)=>{if(t&4)return Qe;if(t&8)return Ke;if(t&16)return Qe.body;return e};var Ae=e=>Ze?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var De=e=>Xe.M=e;var Te=new WeakMap;var He=e=>Te.get(e);var qe=(e,t)=>Te.set(t.F=e,t);var Ve=(e,t)=>{const n={v:0,$hostElement$:e,P:t,D:new Map};{n.q=new Promise((e=>n.A=e))}{n.B=new Promise((e=>n.W=e));e["s-p"]=[];e["s-rc"]=[]}Fe(e,n,t._);return Te.set(e,n)};var _e=(e,t)=>t in e;var ze=(e,t)=>(0,console.error)(e,t);var Be=new Map;var Ge=(e,t,n)=>{const l=e.R.replace(/-/g,"_");const r=e.V;const s=Be.get(r);if(s){return s[l]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{Be.set(r,e)}return e[l]}),ze)};var Je=new Map;var Ke=typeof window!=="undefined"?window:{};var Qe=Ke.document||{head:{}};var Xe={v:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var Ye=true;var Ze=(()=>{let e=false;try{Qe.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var et=e=>Promise.resolve(e);var tt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var nt=false;var lt=[];var rt=[];var st=(e,t)=>n=>{e.push(n);if(!nt){nt=true;if(t&&Xe.v&4){at(ft)}else{Xe.raf(ft)}}};var it=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){ze(e)}}e.length=0};var ft=()=>{it(lt);{it(rt);if(nt=lt.length>0){Xe.raf(ft)}}};var at=e=>et().then(e);var ot=st(lt,false);var ct=st(rt,true);export{Le as F,P as H,e as N,l as a,Ie as b,T as c,Qe as d,ot as e,ge as f,D as g,E as h,et as p,qe as r,De as s};
-//# sourceMappingURL=p-01c0a2c2.js.map

package/dist/calcite/p-042ffef2.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.4
- */
-import{r as t,c as e,h as i,H as o,g as s}from"./p-01c0a2c2.js";import{c as a,d as n}from"./p-0956d8d3.js";import{s as c,b as l,f as d}from"./p-12aea44f.js";import{a as r,s as h,c as p}from"./p-cba3cb72.js";import{c as u,d as f}from"./p-b9ffc620.js";import{c as g}from"./p-4cdd8242.js";import{u as b,c as x,s as m,d as y}from"./p-18e5e7a4.js";import{t as v,o as w,q as j,g as z,a as H,E as A,b as C}from"./p-6ae3eac1.js";import{d as k}from"./p-87c48682.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-34e21c17.js";import"./p-ad117b3d.js";import"./p-b594faa4.js";const D={actionGroupEnd:"action-group--end"};const L={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};const G=":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{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";const E=G;const S=class{constructor(i){t(this,i);this.calciteActionBarToggle=e(this,"calciteActionBarToggle",6);this.mutationObserver=g("mutation",(()=>{const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}));this.resizeObserver=g("resize",(t=>this.resizeHandlerEntries(t)));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const e=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!e.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)};this.resizeHandler=t=>{const{width:e,height:i}=t.contentRect;this.resize({width:e,height:i})};this.resize=k((({width:t,height:e})=>{const{el:i,expanded:o,expandDisabled:s,layout:a,overflowActionsDisabled:n}=this;if(n||a==="vertical"&&!e||a==="horizontal"&&!t){return}const c=j(i);const l=s?c.length:c.length+1;const d=Array.from(i.querySelectorAll("calcite-action-group"));this.setGroupLayout(d);const r=this.hasActionsEnd||this.hasBottomActions||!s?d.length+1:d.length;const{actionHeight:h,actionWidth:p}=z(c);const u=C({layout:a,actionCount:l,actionHeight:h,actionWidth:p,height:e,width:t,groupCount:r});H({actionGroups:d,expanded:o,overflowCount:u})}),w);this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionBarToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const e=c(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(e)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=l(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=l(t)};this.handleTooltipSlotChange=t=>{const e=c(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=e[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.overlayPositioning="absolute";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasActionsEnd=false;this.hasBottomActions=false;this.expandTooltip=undefined;this.defaultMessages=undefined}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el);this.overflowActions()}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:e}=this;r(this);v({el:t,expanded:e});this.overflowActions()}connectedCallback(){const{el:t,expanded:e}=this;u(this);x(this);v({el:t,expanded:e});this.mutationObserver?.observe(t,{childList:true,subtree:true});if(!this.overflowActionsDisabled){this.resizeObserver?.observe(t)}this.overflowActions();a(this)}async componentWillLoad(){h(this);await m(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();n(this);f(this);y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await p(this);d(this.el)}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:e,el:o,position:s,toggleExpand:a,scale:n,layout:c,messages:l,actionsEndGroupLabel:d,overlayPositioning:r}=this;const h=!e?i(A,{collapseText:l.collapse,el:o,expandText:l.expand,expanded:t,position:s,scale:n,toggle:a,tooltip:this.expandTooltip,ref:this.setExpandToggleRef}):null;return i("calcite-action-group",{class:D.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:d,layout:c,overlayPositioning:r,scale:n},i("slot",{name:L.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),i("slot",{name:L.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),i("slot",{name:L.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),h)}render(){return i(o,{key:"578047ec3165559551c136005f1553bb216ecf57",onCalciteActionMenuOpen:this.actionMenuOpenHandler},i("slot",{key:"74768d564c8f7041d4e0e49c4b117875cb65273f",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_action_bar};
-//# sourceMappingURL=p-042ffef2.entry.js.map

package/dist/calcite/p-071aace1.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.4
- */
-import{d as e}from"./p-101f01a3.js";import"./p-01c0a2c2.js";import"./p-f382c352.js";import"./p-12aea44f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-8e8bace6.js";import"./p-2f3702bc.js";import"./p-34e21c17.js";import"./p-5fb90ec7.js";import"./p-d7cca4af.js";import"./p-cba3cb72.js";import"./p-b9ffc620.js";import"./p-4cdd8242.js";import"./p-1ae789c5.js";import"./p-3b8b9962.js";import"./p-18e5e7a4.js";import"./p-2271ffa7.js";import"./p-ed8fde1f.js";function i(e){return e%10<5&&e%10>1&&~~(e/10)%10!==1}function r(e,r,t){var a=e+" ";switch(t){case"m":return r?"minuta":"minutę";case"mm":return a+(i(e)?"minuty":"minut");case"h":return r?"godzina":"godzinę";case"hh":return a+(i(e)?"godziny":"godzin");case"MM":return a+(i(e)?"miesiące":"miesięcy");case"yy":return a+(i(e)?"lata":"lat")}}var t="stycznia_lutego_marca_kwietnia_maja_czerwca_lipca_sierpnia_września_października_listopada_grudnia".split("_");var a="styczeń_luty_marzec_kwiecień_maj_czerwiec_lipiec_sierpień_wrzesień_październik_listopad_grudzień".split("_");var _=/D MMMM/;var s=function e(i,r){if(_.test(r)){return t[i.month()]}return a[i.month()]};s.s=a;s.f=t;var p={name:"pl",weekdays:"niedziela_poniedziałek_wtorek_środa_czwartek_piątek_sobota".split("_"),weekdaysShort:"ndz_pon_wt_śr_czw_pt_sob".split("_"),weekdaysMin:"Nd_Pn_Wt_Śr_Cz_Pt_So".split("_"),months:s,monthsShort:"sty_lut_mar_kwi_maj_cze_lip_sie_wrz_paź_lis_gru".split("_"),ordinal:function e(i){return i+"."},weekStart:1,yearStart:4,relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",m:r,mm:r,h:r,hh:r,d:"1 dzień",dd:"%d dni",M:"miesiąc",MM:r,y:"rok",yy:r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"}};e.locale(p,null,true);export{p as default};
-//# sourceMappingURL=p-071aace1.js.map

package/dist/calcite/p-087e87f3.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.4
- */
-import{d as e,a as t}from"./p-a4059c16.js";function o(){const{classList:o}=document.body;const n=window.matchMedia("(prefers-color-scheme: dark)").matches;const c=()=>o.contains(e)||o.contains(t)&&n?"dark":"light";const d=e=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:true,detail:{mode:e}}));const i=e=>{s!==e&&d(e);s=e};let s=c();d(s);window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>i(e.matches?"dark":"light")));new MutationObserver((()=>i(c()))).observe(document.body,{attributes:true,attributeFilter:["class"]})}function n(){const e=typeof window!=="undefined"&&typeof location!=="undefined"&&typeof document!=="undefined"&&window.location===location&&window.document===document;if(e){if(document.readyState==="interactive"){o()}else{document.addEventListener("DOMContentLoaded",(()=>o()),{once:true})}}}const c=n;export{c as g};
-//# sourceMappingURL=p-087e87f3.js.map

package/dist/calcite/p-08b66f67.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.4
- */
-export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-101f01a3.js";import"./p-01c0a2c2.js";import"./p-f382c352.js";import"./p-12aea44f.js";import"./p-3776dbc9.js";import"./p-a4059c16.js";import"./p-8e8bace6.js";import"./p-2f3702bc.js";import"./p-34e21c17.js";import"./p-5fb90ec7.js";import"./p-d7cca4af.js";import"./p-cba3cb72.js";import"./p-b9ffc620.js";import"./p-4cdd8242.js";import"./p-1ae789c5.js";import"./p-3b8b9962.js";import"./p-18e5e7a4.js";import"./p-2271ffa7.js";import"./p-ed8fde1f.js";
-//# sourceMappingURL=p-08b66f67.entry.js.map

package/dist/calcite/p-08d45b62.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.4
- */
-import{r as t,c as e,h as i,H as n,g as s,e as o,F as a}from"./p-01c0a2c2.js";import{B as c,k as r,g as l,C as d,t as h}from"./p-12aea44f.js";import{g as b}from"./p-3776dbc9.js";import{a as f,b as u,d as p}from"./p-ec6c8ba0.js";import{c as v}from"./p-4cdd8242.js";import{c as g,d as m}from"./p-b9ffc620.js";import{c as k,s as y,d as x,u as w}from"./p-18e5e7a4.js";import{C as T}from"./p-a4059c16.js";import{c as z,d as C,I,u as A}from"./p-8e8bace6.js";import{g as L}from"./p-d7cca4af.js";import"./p-34e21c17.js";import"./p-2f3702bc.js";const H={container:"container",content:"content"};const S=":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{outline-color:transparent}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([hidden]){display:none}[hidden]{display:none}";const j=S;const B=class{constructor(i){t(this,i);this.calciteInternalTabRegister=e(this,"calciteInternalTabRegister",6);this.guid=`calcite-tab-title-${b()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return i(n,{key:"71074d2c26a860d7934fbd9b236f9a264ab3c34f","aria-labelledby":this.labeledBy,id:t},i("div",{key:"3fcf14f4aaddf9ad579c26c962ad75803febcea0",class:{[H.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{key:"ba967be2e5121636d81754ec959452160bc4bb0d",class:H.content},i("slot",{key:"fae921d6fe2ae713bddc83adacbcf7e418aa1b7c"}))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}componentDidLoad(){this.calciteInternalTabRegister.emit()}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}async getTabIndex(){return Array.prototype.indexOf.call(c(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return s(this)}};B.style=j;const E={chevronRight:"chevron-right",chevronLeft:"chevron-left"};const R={activeIndicatorContainer:"tab-nav-active-indicator-container",container:"tab-nav",containerHasEndTabTitleOverflow:"tab-nav--end-overflow",containerHasStartTabTitleOverflow:"tab-nav--start-overflow",scrollButton:"scroll-button",scrollButtonContainer:"scroll-button-container",scrollBackwardContainerButton:"scroll-button-container--backward",scrollForwardContainerButton:"scroll-button-container--forward",tabTitleSlotWrapper:"tab-titles-slot-wrapper"};const F=':host{--calcite-internal-tab-nav-gradient-start-side:left;--calcite-internal-tab-nav-gradient-end-side:right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width:24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width:32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width:44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side:right;--calcite-internal-tab-nav-gradient-end-side:left}.tab-nav--start-overflow .tab-nav-active-indicator-container,.tab-nav--start-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--end-overflow .tab-nav-active-indicator-container,.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-nav-active-indicator-container,.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap:var(--calcite-size-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap:var(--calcite-size-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xxl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus:1;--calcite-color-text-1:var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1:unset;--calcite-color-foreground-1:var(--calcite-color-transparent-hover);--calcite-color-foreground-3:var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward::before,:host(:not([bordered])) .scroll-button-container--forward::before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward::before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward::before{inset-inline-start:0}:host .position-bottom .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host .position-bottom .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered]) .position-bottom .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}';const O=F;const $=class{constructor(n){t(this,n);this.calciteTabChange=e(this,"calciteTabChange",6);this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6);this.effectiveDir="ltr";this.lastScrollWheelAxis="x";this.resizeObserver=v("resize",(()=>{this.updateScrollingState();if(!this.activeIndicatorEl){return}this.updateActiveIndicator()}));this.onTabTitleWheel=t=>{t.preventDefault();const{deltaX:e,deltaY:i}=t;const n=Math.abs(e);const s=Math.abs(i);let o;if(n===s){o=this.lastScrollWheelAxis==="x"?e:i}else if(n>s){o=e;this.lastScrollWheelAxis="x"}else{o=i;this.lastScrollWheelAxis="y"}const a=(this.effectiveDir==="rtl"?-1:1)*o;t.currentTarget.scrollBy(a,0);requestAnimationFrame((()=>this.updateActiveIndicator()))};this.onSlotChange=t=>{this.intersectionObserver?.disconnect();const e=t.target.assignedElements();e.forEach((t=>{this.intersectionObserver?.observe(t)}))};this.storeContainerRef=t=>this.containerEl=t;this.storeTabTitleWrapperRef=t=>{this.tabTitleContainerEl=t;this.intersectionObserver=v("intersection",(()=>this.updateScrollingState()),{root:t,threshold:[0,.5,1]})};this.scrollToTabTitles=t=>{o((()=>{const e=this.tabTitleContainerEl;const i=e.getBoundingClientRect();const n=Array.from(this.el.querySelectorAll("calcite-tab-title"));const{effectiveDir:s}=this;if(t==="forward"){n.reverse()}let o=null;n.forEach((e=>{const n=e.getBoundingClientRect();const a=i.x+i.width;const c=n.x+n.width;if(t==="forward"&&s==="ltr"||t==="backward"&&s==="rtl"){const t=n.x>a;if(t){o=e}else{const t=c>a&&n.x>i.x;if(t){o=e}}}else{const t=c<i.x;if(t){o=e}else{const t=c<a&&n.x<i.x;if(t){o=e}}}}));if(o){const{scrollerButtonWidth:i}=this;const n=t==="forward"&&s==="ltr"||t==="backward"&&s==="rtl"?-i:o.offsetWidth-e.clientWidth+i;const a=o.offsetLeft+n;e.scrollTo({left:a,behavior:"smooth"})}}))};this.scrollToNextTabTitles=()=>this.scrollToTabTitles("forward");this.scrollToPreviousTabTitles=()=>this.scrollToTabTitles("backward");this.handleTabFocus=(t,e,i)=>{const n=r(this.enabledTabTitles,e,i);this.scrollTabTitleIntoView(n,"instant");t.stopPropagation()};this.onTabTitleScroll=()=>{this.updateActiveIndicator();this.updateScrollingState()};this.renderScrollButton=t=>{const{bordered:e,messages:n,hasOverflowingStartTabTitle:s,hasOverflowingEndTabTitle:o,scale:a}=this;const c=t==="end";return i("div",{class:{[R.scrollButtonContainer]:true,[R.scrollBackwardContainerButton]:!c,[R.scrollForwardContainerButton]:c},hidden:c&&!o||!c&&!s,key:t},i("calcite-button",{appearance:e?"outline-fill":"transparent","aria-label":c?n.nextTabTitles:n.previousTabTitles,class:{[R.scrollButton]:true},iconFlipRtl:"both",iconStart:c?E.chevronRight:E.chevronLeft,kind:"neutral",onClick:c?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles,scale:a,tabIndex:-1}))};this.storageId=undefined;this.syncId=undefined;this.selectedTitle=null;this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.indicatorOffset=undefined;this.indicatorWidth=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasOverflowingStartTabTitle=false;this.hasOverflowingEndTabTitle=false;this.selectedTabId=undefined}onMessagesChange(){}async selectedTabIdChanged(){if(localStorage&&this.storageId&&this.selectedTabId!==undefined&&this.selectedTabId!==null){localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId))}this.calciteInternalTabChange.emit({tab:this.selectedTabId});this.selectedTitle=await this.getTabTitleById(this.selectedTabId)}selectedTitleChanged(){this.updateActiveIndicator()}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el);g(this);k(this)}async componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}await y(this)}componentDidLoad(){this.scrollTabTitleIntoView(this.selectedTitle,"instant")}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;this.effectiveDir=l(this.el);if(this.selectedTitle){this.updateActiveIndicator()}}componentDidRender(){if(this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId){this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}}disconnectedCallback(){this.resizeObserver?.disconnect();m(this);x(this)}render(){const t=`${this.indicatorWidth}px`;const e=`${this.indicatorOffset}px`;const s=this.effectiveDir!=="rtl"?{width:t,left:e}:{width:t,right:e};return i(n,{key:"0824dd4470393b0e186b0fdf238420454fed396c",role:"tablist"},i("div",{key:"205551441feaaa61e2b4b603a7b37ce3d18bdba8",class:{[R.container]:true,[R.containerHasStartTabTitleOverflow]:!!this.hasOverflowingStartTabTitle,[R.containerHasEndTabTitleOverflow]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true,[T.rtl]:this.effectiveDir==="rtl"},ref:this.storeContainerRef},this.renderScrollButton("start"),i("div",{key:"64844ffd05363fe55e2ae9d4d820dc5113da57d8",class:{[R.tabTitleSlotWrapper]:true},onScroll:this.onTabTitleScroll,onWheel:this.onTabTitleWheel,ref:this.storeTabTitleWrapperRef},i("slot",{key:"a77b898cac87d4fa190ad717a3c0ca4474a962fe",onSlotchange:this.onSlotChange})),i("div",{key:"0bf812fe39d07fbddd54ddb515e2eb31adea9a74",class:{[R.activeIndicatorContainer]:true},ref:t=>this.activeIndicatorContainerEl=t},i("div",{key:"e1624e7b9845ea37eea06ca7a85816d782530c79",class:"tab-nav-active-indicator",style:s,ref:t=>this.activeIndicatorEl=t})),this.renderScrollButton("end")))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){const e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e);t.stopPropagation();this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){if(!t){return}o((()=>{const i=this.effectiveDir==="ltr";const n=this.tabTitleContainerEl;const s=n.getBoundingClientRect();const o=t.getBoundingClientRect();const a=n.scrollLeft;const c=i?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle;const r=i?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;if(o.left<s.left+(c?this.scrollerButtonWidth:0)){const t=a+(o.left-s.left)-this.scrollerButtonWidth;n.scrollTo({left:t,behavior:e})}else if(o.right>s.right-(r?this.scrollerButtonWidth:0)){const t=a+(o.right-s.right)+this.scrollerButtonWidth;n.scrollTo({left:t,behavior:e})}}))}activateTabHandler(t){this.calciteTabChange.emit();t.stopPropagation()}internalCloseTabHandler(t){const e=t.target;this.handleTabTitleClose(e);t.stopPropagation()}updateTabTitles(t){if(t.target.selected){this.selectedTabId=t.detail}}globalInternalTabChangeHandler(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab){this.selectedTabId=t.detail.tab}t.stopPropagation()}iconStartChangeHandler(){this.updateActiveIndicator()}effectiveLocaleChange(){w(this,this.effectiveLocale)}get scrollerButtonWidth(){const{scale:t}=this;return parseInt(t==="s"?f:t==="m"?u:p)}updateActiveIndicator(){const t=this.tabTitleContainerEl?.scrollLeft;const e=this.containerEl?.scrollLeft;const i=this.activeIndicatorContainerEl?.offsetWidth;const n=this.selectedTitle?.offsetLeft;const s=this.selectedTitle?.offsetWidth;const o=i-n-s;const a=this.effectiveDir==="ltr"?n:o;const c=this.effectiveDir==="ltr"?-1:1;this.indicatorOffset=a+c*(e+t);this.indicatorWidth=this.selectedTitle?.offsetWidth}updateScrollingState(){const t=this.tabTitleContainerEl;if(!t){return}let e;let i;const n=t.scrollLeft;const s=t.clientWidth;const o=t.scrollWidth;if(this.effectiveDir==="ltr"){e=n>0;i=n+s<o}else{e=n<0;i=n!==-(o-s)}this.hasOverflowingStartTabTitle=e;this.hasOverflowingEndTabTitle=i}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return d(this.el,"calcite-tab-title")}get enabledTabTitles(){return d(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=t.selected;const n=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const s=n.length;if(s===1&&e[n[0]].closable){e[n[0]].closable=false;this.selectedTabId=n[0];if(i){e[n[0]].activateTab()}}else if(s>1){const i=e.findIndex((e=>e===t));const o=n.find((t=>t>i));if(this.selectedTabId===i){this.selectedTabId=o?o:s-1;e[this.selectedTabId].activateTab()}}requestAnimationFrame((()=>{this.updateActiveIndicator();e[this.selectedTabId].focus()}))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],selectedTabId:["selectedTabIdChanged"],selectedTitle:["selectedTitleChanged"],effectiveLocale:["effectiveLocaleChange"]}}};$.style=O;const D={closeButton:"close-button",container:"container",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon"};const P={close:"x"};const W=":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:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{display:flex;align-items:center;justify-content:center}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:0.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{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          )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding:0.25rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:0.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:0.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";const M=W;const N=class{constructor(i){t(this,i);this.calciteTabsActivate=e(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6);this.calciteTabsClose=e(this,"calciteTabsClose",6);this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6);this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6);this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6);this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6);this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6);this.closeClickHandler=()=>{this.closeTabTitleAndNotify()};this.mutationObserver=v("mutation",(()=>this.updateHasText()));this.resizeObserver=v("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${b()}`;this.selected=false;this.closable=false;this.closed=false;this.disabled=false;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.layout=undefined;this.position="top";this.scale="m";this.bordered=false;this.tab=undefined;this.messages=undefined;this.messageOverrides=undefined;this.controls=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false}selectedHandler(){if(this.selected){this.activateTab(false)}}onMessagesChange(){}connectedCallback(){z(this);g(this);k(this);this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect();document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}));this.resizeObserver?.disconnect();C(this);m(this);x(this)}async componentWillLoad(){await y(this);{this.updateHasText()}if(this.tab&&this.selected){this.activateTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:e}=this;const s=t.id||this.guid;const o=i("calcite-icon",{key:"dc31a68fd20ffcf451d5b23e2aaae683249aa50a",class:{[D.titleIcon]:true,[D.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:L(this.scale)});const a=i("calcite-icon",{key:"b8b85c799e950e050bb6c953cec61ab871894c9c",class:{[D.titleIcon]:true,[D.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:L(this.scale)});return i(n,{key:"532a18e093cd481a1058e55f1ac936489cad3ddb","aria-controls":this.controls,"aria-selected":h(this.selected),id:s,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(I,{key:"dede575160963d2463e50f6e8baab92319acda9f",disabled:this.disabled},i("div",{key:"79e9c6d5f15626cd84101e7b85365c9af2c1453b",class:{container:true,[D.iconPresent]:!!this.iconStart||!!this.iconEnd,[`scale-${this.scale}`]:true},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{key:"8076d17c92940370363d9bc1dae416fdcdf4b716",class:{[D.content]:true,[D.contentHasText]:this.hasText}},this.iconStart?o:null,i("slot",{key:"b25df3722162e58cb196ca500a7b4c718d5f2ed7"}),this.iconEnd?a:null),this.renderCloseButton())))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:D.closeButton,disabled:false,key:D.closeButton,onClick:this.closeClickHandler,title:e.close,type:"button",ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:P.close,scale:L(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){A(this)}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.activateTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(l(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(l(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break;case"Home":t.preventDefault();this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault();this.calciteInternalTabsFocusLast.emit();break}}async getTabIndex(){return Array.prototype.indexOf.call(c(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}async activateTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}effectiveLocaleChange(){w(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};N.style=M;const _={titleGroup:"title-group"};const U=":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";const q=U;const J=class{constructor(e){t(this,e);this.mutationObserver=v("mutation",(t=>{for(const e of t){const t=e.target;if(t.nodeName==="CALCITE-TAB-NAV"||t.nodeName==="CALCITE-TAB-TITLE"||t.nodeName==="CALCITE-TAB"){this.updateItems()}}}));this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}handleInheritableProps(){this.updateItems()}connectedCallback(){this.mutationObserver.observe(this.el,{childList:true});this.updateItems()}async componentWillLoad(){this.updateItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i(a,{key:"3298379f9625744b770c10f0f86fc1b2bc990cad"},i("slot",{key:"fd0be78d348a01b701d58f37663d392ee04ca6a9",name:_.titleGroup}),i("section",{key:"31212d582a0e6367ed38d250c1acc39cad3fa987"},i("slot",{key:"179bdacefed784c60dd000101e606d5e678d93c9"})))}calciteInternalTabTitleRegister(t){this.titles=[...this.titles,t.target];this.registryHandler();t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}calciteInternalTabRegister(t){this.tabs=[...this.tabs,t.target];this.registryHandler();t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}updateItems(){const{position:t,scale:e}=this;const i=this.el.querySelector("calcite-tab-nav");if(i){i.position=t;i.scale=e}Array.from(this.el.querySelectorAll("calcite-tab")).forEach((t=>{if(t.parentElement===this.el){t.scale=e}}));Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((i=>{i.position=t;i.scale=e}))}async registryHandler(){let t;let e;if(this.tabs.some((t=>t.tab))||this.titles.some((t=>t.tab))){t=this.tabs.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id));e=this.titles.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id))}else{const i=await Promise.all(this.tabs.map((t=>t.getTabIndex())));const n=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=i.reduce(((t,e,i)=>{t[e]=this.tabs[i].id;return t}),[]);e=n.reduce(((t,e,i)=>{t[e]=this.titles[i].id;return t}),[])}this.tabs.forEach((i=>i.updateAriaInfo(t,e)));this.titles.forEach((i=>i.updateAriaInfo(t,e)))}get el(){return s(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"]}}};J.style=q;export{B as calcite_tab,$ as calcite_tab_nav,N as calcite_tab_title,J as calcite_tabs};
-//# sourceMappingURL=p-08d45b62.entry.js.map

package/dist/calcite/p-0956d8d3.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.4
- */
-import{f as t}from"./p-01c0a2c2.js";import{c}from"./p-4cdd8242.js";let o;const i={childList:true};function n(t){if(!o){o=c("mutation",a)}o.observe(t.el,i)}function s(t){o.unobserve(t.el)}function a(c){c.forEach((({target:c})=>{t(c)}))}export{n as c,s as d};
-//# sourceMappingURL=p-0956d8d3.js.map

package/dist/calcite/p-0956d8d3.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mutationObserver","observerOptions","childList","connectConditionalSlotComponent","component","createObserver","processMutations","observe","el","disconnectConditionalSlotComponent","unobserve","mutations","forEach","target","forceUpdate"],"sources":["src/utils/conditionalSlot.ts"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { createObserver, ExtendedMutationObserver } from \"./observers\";\n\n/**\n * Defines interface for components with a dynamically changing slot.\n *\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport interface ConditionalSlotComponent {\n  /**\n   * The host element.\n   */\n  readonly el: HTMLElement;\n}\n\nlet mutationObserver: ExtendedMutationObserver;\nconst observerOptions: Pick<Parameters<MutationObserver[\"observe\"]>[1], \"childList\"> = { childList: true };\n\n/**\n * Helper to set up a conditional slot component on connectedCallback.\n *\n * @param component\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport function connectConditionalSlotComponent(component: ConditionalSlotComponent): void {\n  if (!mutationObserver) {\n    mutationObserver = createObserver(\"mutation\", processMutations);\n  }\n\n  mutationObserver.observe(component.el, observerOptions);\n}\n\n/**\n * Helper to tear down a conditional slot component on disconnectedCallback.\n *\n * @param component\n * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.\n *\n * ```\n * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}\n * ```\n */\nexport function disconnectConditionalSlotComponent(component: ConditionalSlotComponent): void {\n  mutationObserver.unobserve(component.el);\n}\n\nfunction processMutations(mutations: MutationRecord[]): void {\n  mutations.forEach(({ target }) => {\n    forceUpdate(target);\n  });\n}\n"],"mappings":";;;;;mEAmBA,IAAIA,EACJ,MAAMC,EAAiF,CAAEC,UAAW,M,SAYpFC,EAAgCC,GAC9C,IAAKJ,EAAkB,CACrBA,EAAmBK,EAAe,WAAYC,E,CAGhDN,EAAiBO,QAAQH,EAAUI,GAAIP,EACzC,C,SAYgBQ,EAAmCL,GACjDJ,EAAiBU,UAAUN,EAAUI,GACvC,CAEA,SAASF,EAAiBK,GACxBA,EAAUC,SAAQ,EAAGC,aACnBC,EAAYD,EAAO,GAEvB,Q"}