@esri/calcite-components 2.10.0-next.9 → 2.10.0

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/dev/LICENSE.md for details.
- * v2.10.0-next.9
+ * v2.10.0
  */
 'use strict';
 
@@ -14742,7 +14742,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Jun 2024 00:16:23 GMT
+ * Generated on Wed, 26 Jun 2024 09:02:06 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -17520,7 +17520,7 @@ class Combobox {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
@@ -17536,9 +17536,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);
@@ -17547,6 +17545,8 @@ class Combobox {
         this.filterItems(this.filterText, false, false);
     }
     componentDidLoad() {
+        afterConnectDefaultValueSet(this, this.getValue());
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
         setComponentLoaded(this);
     }
     componentDidRender() {
@@ -18017,7 +18017,7 @@ class Combobox {
         const singleSelectionDisplay = selectionDisplay === "single";
         const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === "fit";
         const isClearable = !this.clearDisabled && this.value?.length > 0;
-        return (hAsync(Host, { key: '3546fd5ddb32834e5f5998f17e365497ebe3e396', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: 'b58a4659d3db40660ea4d99f7543ad5ee35e2cbe', disabled: this.disabled }, hAsync("div", { key: '840d98e83a33a8258d37450d77f6ea22a2f1c030', "aria-live": "polite", class: {
+        return (hAsync(Host, { key: '5739c3eb227fac2bcdf172f18cfa6c30f8e45534', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '44b8d3b17184826dcc4777cc1c51bb36ade6c6bd', disabled: this.disabled }, hAsync("div", { key: 'd60f216956651cf01f03b99127a9c580458240cf', "aria-live": "polite", class: {
                 wrapper: true,
                 "wrapper--single": singleSelectionMode || !this.selectedItems.length,
                 "wrapper--active": open,
@@ -18031,7 +18031,7 @@ class Combobox {
             this.renderSelectedIndicatorChipCompact(),
             this.renderAllSelectedIndicatorChip(),
             this.renderAllSelectedIndicatorChipCompact(),
-        ], hAsync("label", { key: '5be1c7ec09503a10a97fd962510efa532e6ec95d', 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: '860a8fe1a28e971b85b77667c28bfe68de2c9083', "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: '76d5d3bfa86ac6912c502842bba2bef781f12b0c', 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: '0a225198d2f83bbabef5933e85bf4762cdd435d7', 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: '09bd11c770c043dab5028a004fc8c457e1452dc8', "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: '157c1c6a024eeabea1692427da36e8c4f7fd45a9', 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); }
@@ -19900,7 +19900,7 @@ class Dropdown {
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
         this.setFilteredPlacements();
         if (this.open) {
@@ -19909,7 +19909,6 @@ class Dropdown {
         }
         connectInteractive(this);
         this.updateItems();
-        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentWillLoad() {
@@ -19917,6 +19916,7 @@ class Dropdown {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentDidRender() {
         updateHostInteraction(this);
@@ -19929,11 +19929,11 @@ class Dropdown {
     }
     render() {
         const { open, guid } = this;
-        return (hAsync(Host, { key: 'a61b30d08abc342fecd3c450b6e5a7446ebd20fc' }, hAsync(InteractiveContainer, { key: 'c0bfcd0bcd04c6ec7354b09492128a08e111655a', disabled: this.disabled }, hAsync("div", { key: '048e6420ee25f34af050b1d3c228b5ad4cd90222', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { key: '5cc654dc40adc5ea2ee8741036c7be7985804a80', "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$o.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { key: '8023534c38ec21d481820ada98041cf3639532dc', "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { key: '5281b68262ee4601bca806dd570eb5533572fbfa', "aria-labelledby": `${guid}-menubutton`, class: {
+        return (hAsync(Host, { key: '660d6b0944d2dc3d79357dae7b66a6d2c8f9c3a9' }, hAsync(InteractiveContainer, { key: '1f32f4c315d77b8248c575eea7a38117bf57f1df', disabled: this.disabled }, hAsync("div", { key: '6f1658b0c35a39f8c2614cf0dd95e07d2b0c5c9a', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { key: '3e97cec359dc5a14ebb285fa8d616c6f30d46b88', "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$o.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { key: 'cfc6e225664a43cb6c9bd44785999d2fc9e0ce33', "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { key: '1f27f69083e5a67a34a9824e5bd513fe500775fb', "aria-labelledby": `${guid}-menubutton`, class: {
                 ["calcite-dropdown-content"]: true,
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: open,
-            }, id: `${guid}-menu`, ref: this.setScrollerAndTransitionEl, role: "menu" }, hAsync("slot", { key: '64ee5474925369c3fef6856b3990926833be4525', onSlotchange: this.updateGroups }))))));
+            }, id: `${guid}-menu`, ref: this.setScrollerAndTransitionEl, role: "menu" }, hAsync("slot", { key: '66b2dce743680e932ac668f18bcd59df0647b165', onSlotchange: this.updateGroups }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -21032,7 +21032,7 @@ class FlowItem {
     }
     render() {
         const { collapsed, collapseDirection, collapsible, closable, closed, description, disabled, heading, headingLevel, loading, menuOpen, messages, overlayPositioning, } = this;
-        return (hAsync(Host, { key: '386f2c2d780c8b3a1be28a8680b6f99c9ded37e6' }, hAsync(InteractiveContainer, { key: '6e80e71a06923e966ac75f8b8c172586444e3ccb', disabled: disabled }, hAsync("calcite-panel", { key: '175b4bcfdecb5b4c59d5c76db6fcae7975ee5884', closable: closable, closed: closed, collapseDirection: collapseDirection, collapsed: collapsed, collapsible: collapsible, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, onCalcitePanelToggle: this.handlePanelToggle, overlayPositioning: overlayPositioning, ref: this.setContainerRef }, this.renderBackButton(), hAsync("slot", { key: '6e0ac6b3c3b62a5be7a6a21fbe55e56c1d4ad90a', name: SLOTS$m.actionBar, slot: SLOTS$n.actionBar }), hAsync("slot", { key: 'b2036686e62d9b5c8ecc39e8ee025e98798d7dec', name: SLOTS$m.headerActionsStart, slot: SLOTS$n.headerActionsStart }), hAsync("slot", { key: '66c09bbb9cd21327a9cc04b3046c5264b475a77d', name: SLOTS$m.headerActionsEnd, slot: SLOTS$n.headerActionsEnd }), hAsync("slot", { key: 'cd02bc580db5ecdd98b0bbbfa99655871c04bda4', name: SLOTS$m.headerContent, slot: SLOTS$n.headerContent }), hAsync("slot", { key: 'b855684ce946c66b4c13756abd1865ab420715f0', name: SLOTS$m.headerMenuActions, slot: SLOTS$n.headerMenuActions }), hAsync("slot", { key: 'f1d29575abbdb582c04d674dfef7f4a9d385da10', name: SLOTS$m.fab, slot: SLOTS$n.fab }), hAsync("slot", { key: '3033128596131e0f1fd62b28cba07957d1707d0c', name: SLOTS$m.contentTop, slot: SLOTS$n.contentTop }), hAsync("slot", { key: 'c8cf03fbacebe288afc909b9c8989242c201df8c', name: SLOTS$m.contentBottom, slot: SLOTS$n.contentBottom }), hAsync("slot", { key: '09e19f66b3a855689539dc511b1b826830a90283', name: SLOTS$m.footer, slot: SLOTS$n.footer }, hAsync("slot", { key: 'c740f01e876b3b18103bc292825e51e2972deb5e', name: SLOTS$m.footerEnd, slot: SLOTS$n.footerEnd }), hAsync("slot", { key: '906989ebd9af98f4cf7546f046abfe378705a3a7', name: SLOTS$m.footerStart, slot: SLOTS$n.footerStart })), hAsync("slot", { key: '9319eff4559e39701a1f838c1add5b8f57f01f2b', name: SLOTS$m.footerActions, slot: SLOTS$n.footerActions }), hAsync("slot", { key: 'bd1cc6da3068868bfaf3ba8a0e524d0d138db940' })))));
+        return (hAsync(Host, { key: '386f2c2d780c8b3a1be28a8680b6f99c9ded37e6' }, hAsync(InteractiveContainer, { key: '6e80e71a06923e966ac75f8b8c172586444e3ccb', disabled: disabled }, hAsync("calcite-panel", { key: '175b4bcfdecb5b4c59d5c76db6fcae7975ee5884', closable: closable, closed: closed, collapseDirection: collapseDirection, collapsed: collapsed, collapsible: collapsible, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, onCalcitePanelToggle: this.handlePanelToggle, overlayPositioning: overlayPositioning, ref: this.setContainerRef }, this.renderBackButton(), hAsync("slot", { key: '6e0ac6b3c3b62a5be7a6a21fbe55e56c1d4ad90a', name: SLOTS$m.actionBar, slot: SLOTS$n.actionBar }), hAsync("slot", { key: 'b2036686e62d9b5c8ecc39e8ee025e98798d7dec', name: SLOTS$m.headerActionsStart, slot: SLOTS$n.headerActionsStart }), hAsync("slot", { key: '66c09bbb9cd21327a9cc04b3046c5264b475a77d', name: SLOTS$m.headerActionsEnd, slot: SLOTS$n.headerActionsEnd }), hAsync("slot", { key: 'cd02bc580db5ecdd98b0bbbfa99655871c04bda4', name: SLOTS$m.headerContent, slot: SLOTS$n.headerContent }), hAsync("slot", { key: 'b855684ce946c66b4c13756abd1865ab420715f0', name: SLOTS$m.headerMenuActions, slot: SLOTS$n.headerMenuActions }), hAsync("slot", { key: 'f1d29575abbdb582c04d674dfef7f4a9d385da10', name: SLOTS$m.fab, slot: SLOTS$n.fab }), hAsync("slot", { key: '3033128596131e0f1fd62b28cba07957d1707d0c', name: SLOTS$m.contentTop, slot: SLOTS$n.contentTop }), hAsync("slot", { key: 'c8cf03fbacebe288afc909b9c8989242c201df8c', name: SLOTS$m.contentBottom, slot: SLOTS$n.contentBottom }), hAsync("slot", { key: '09e19f66b3a855689539dc511b1b826830a90283', name: SLOTS$m.footer, slot: SLOTS$n.footer }, hAsync("slot", { key: 'e7519384a44ee5f1f19d9747c44007ca7b95f4c8', name: SLOTS$m.footerStart, slot: SLOTS$n.footerStart }), hAsync("slot", { key: 'abd54ab99d62783f603118361bda307c3d108af0', name: SLOTS$m.footerEnd, slot: SLOTS$n.footerEnd })), hAsync("slot", { key: '9319eff4559e39701a1f838c1add5b8f57f01f2b', name: SLOTS$m.footerActions, slot: SLOTS$n.footerActions }), hAsync("slot", { key: 'bd1cc6da3068868bfaf3ba8a0e524d0d138db940' })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -24032,7 +24032,7 @@ class InputDatePicker {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         connectInteractive(this);
         connectLocalized(this);
         const { open } = this;
@@ -24075,9 +24075,7 @@ class InputDatePicker {
         if (this.open) {
             onToggleOpenCloseComponent(this);
         }
-        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
-        this.localizeInputValues();
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -24087,6 +24085,8 @@ class InputDatePicker {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        this.localizeInputValues();
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     disconnectedCallback() {
         deactivateFocusTrap(this);
@@ -24107,23 +24107,23 @@ class InputDatePicker {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (hAsync(Host, { key: 'dbb8a92d954944c6cc7dc40ae91b50d46cda6563', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '1aa61e143c3395bbead509bff38ac2df27c7ab3b', disabled: this.disabled }, this.localeData && (hAsync("div", { key: 'd6f1bf697eb6737e4022369527a01b3bbe07ec61', class: CSS$R.inputContainer }, hAsync("div", { key: '9173a5fbc9bce8dff63fd02736ee125eb84658b1', class: CSS$R.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: 'bd258c1c7f26d9d016c58f13ed290145c94c826e', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+        return (hAsync(Host, { key: 'aa69d03a90a634fd434770a407971b0deb24782d', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '5d30252fbcb3dab76b0cc0d81c90c3d75f75d520', disabled: this.disabled }, this.localeData && (hAsync("div", { key: '846c8e4b6dcbf4c8452dd84dd8434989a0cd770e', class: CSS$R.inputContainer }, hAsync("div", { key: '13625f578741424941b7b098f8e75693fd40d581', class: CSS$R.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: '9e046258464c35d2d274376c130cff91363844e9', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$R.input]: true,
                 [CSS$R.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, ref: this.setStartInput, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: '4b318dc8088b6d43606dfe43e02d8d93df7227e3', "aria-hidden": "true", class: CSS$R.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '63df535816c1f5c4047320907a59ba43520f340a', "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: '867993bfe3ba2602140e4401c97efb5480ca3ce5', "aria-hidden": "true", class: CSS$R.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '719763b40876f53da8018e22bcd9d87161f8c2fe', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
                 [CSS$R.menu]: true,
                 [CSS$R.menuActive]: this.open,
-            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, hAsync("div", { key: '8d66759224314cf64aadf04f8fc7cc660db919a0', class: {
+            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, hAsync("div", { key: '981f7c95532de4f8dc742664a2c04370a522c164', class: {
                 [CSS$R.calendarWrapper]: true,
                 [CSS$R.calendarWrapperEnd]: this.focusedInput === "end",
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: this.open,
-            }, ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: '5b54d36ec650fe9d3ad2b80062bc13a13b49ede5', 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, ref: this.setDatePickerRef, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '2ad75bd58b9da439167bf8acf0fcdbf98d785d4e', class: CSS$R.horizontalArrowContainer }, hAsync("calcite-icon", { key: '80ae29e44fd91ed541951a1d17710dd358daeff4', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '3a1a96ccf525d845f6c91346554bb605f0fb091d', class: CSS$R.verticalArrowContainer }, hAsync("calcite-icon", { key: '9b5d90f664cb0c940dbfe625298bd1674a1ac87d', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '1301bd0ff578c317421877ad47b890fee2b4b740', class: CSS$R.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: 'd999fb5fba3df9a92aa23fd88186028ce36196aa', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            }, ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: 'd40466e0fa7a8cca133444476f12a0d3e80b92d1', 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, ref: this.setDatePickerRef, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: 'b41f729ce46f0a5578ff58e7507a1c6802fc6bfe', class: CSS$R.horizontalArrowContainer }, hAsync("calcite-icon", { key: 'ea2aef7c844385fe99e81b7df1955bdc95f5926d', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '743d7173f465a3c480ac43e41839338b205913a5', class: CSS$R.verticalArrowContainer }, hAsync("calcite-icon", { key: '0e233a74f1df8560b3fd1c9b4e7889d37458ba2c', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '51a308d2835d37394a0b26bd7900533ef8dd948b', class: CSS$R.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: 'ef69ebe63fdc6068c5ba8ef469bf95780f81b841', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$R.input]: true,
                 [CSS$R.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, ref: this.setEndInput, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '90951dfb6d9f7ac3b95f95b961358c6fcc889ffc', 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: '22b9829585178610d9690130244000f579f556a7', 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 (
@@ -24169,6 +24169,9 @@ class InputDatePicker {
         this.focusOnOpen = false;
         this.datePickerEl.reset();
     }
+    syncHiddenFormInput(input) {
+        syncHiddenFormInput("date", this, input);
+    }
     commitValue() {
         const { focusedInput, value } = this;
         const focusedInputName = `${focusedInput}Input`;
@@ -27136,6 +27139,8 @@ class InputTimePicker {
         this.focusTrapDisabled = false;
         this.form = undefined;
         this.readOnly = false;
+        this.max = undefined;
+        this.min = undefined;
         this.messageOverrides = undefined;
         this.messages = undefined;
         this.validationMessage = undefined;
@@ -27253,6 +27258,9 @@ class InputTimePicker {
     onClose() {
         this.calciteInputTimePickerClose.emit();
     }
+    syncHiddenFormInput(input) {
+        syncHiddenFormInput("time", this, input);
+    }
     delocalizeTimeString(value) {
         // we need to set the corresponding locale before parsing, otherwise it defaults to English (possible dayjs bug)
         dayjs.locale(this.effectiveLocale.toLowerCase());
@@ -27495,7 +27503,7 @@ class InputTimePicker {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, messages, readOnly, dialogId } = this;
-        return (hAsync(Host, { key: 'a925b6501feb17b319455bedf268b88b30951471', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'f07dc5b51e532da58684573e63203a3e54d909c5', disabled: this.disabled }, hAsync("div", { key: '926af555c86b9b82ffe602509c7a73a77292b7e0', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: 'e60d4aa69a14a10e3fd321480a76b81c50a641d2', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, ref: this.setInputAndTransitionEl, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly && this.renderToggleIcon(this.open)), hAsync("calcite-popover", { key: '851aec2d46d2abbd79964f6d584ded54a6314e5f', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, hAsync("calcite-time-picker", { key: '3cc59a30b867b351eb9e8b09e931c0f572af37c8', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value })), hAsync(HiddenFormInputSlot, { key: 'c4e4d217070c3a9b30c11d17a1ba0af6bfe7d425', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: '498bdb0e3641206a9ad2a6d8fd68396a9efc48c0', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'b5f8d328885f383deaa4c00c576b2721e476bdf1', disabled: this.disabled }, hAsync("div", { key: '3a0565405279574e0fb83988f5dac21378a22f19', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: 'cfb8045fa55943b2c35df6263e9ca475db602856', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, ref: this.setInputAndTransitionEl, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly && this.renderToggleIcon(this.open)), hAsync("calcite-popover", { key: 'b1a5f87dc611d156896512a46fccf583ebb976cf', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, hAsync("calcite-time-picker", { key: '4546b850d584d4587e2e4bae0a264f138192b28b', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value })), hAsync(HiddenFormInputSlot, { key: '86dbe3dab6dfd37222eeb8a36e0806453d718697', 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 (hAsync("span", { class: CSS$O.toggleIcon }, hAsync("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));
@@ -27524,6 +27532,8 @@ class InputTimePicker {
             "focusTrapDisabled": [516, "focus-trap-disabled"],
             "form": [513],
             "readOnly": [516, "read-only"],
+            "max": [513],
+            "min": [513],
             "messageOverrides": [1040],
             "messages": [1040],
             "validationMessage": [1, "validation-message"],
@@ -27545,7 +27555,7 @@ class InputTimePicker {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["open", "open"], ["disabled", "disabled"], ["focusTrapDisabled", "focus-trap-disabled"], ["form", "form"], ["readOnly", "read-only"], ["validationIcon", "validation-icon"], ["required", "required"], ["scale", "scale"], ["status", "status"], ["placement", "placement"]]
+        "$attrsToReflect$": [["open", "open"], ["disabled", "disabled"], ["focusTrapDisabled", "focus-trap-disabled"], ["form", "form"], ["readOnly", "read-only"], ["max", "max"], ["min", "min"], ["validationIcon", "validation-icon"], ["required", "required"], ["scale", "scale"], ["status", "status"], ["placement", "placement"]]
     }; }
 }
 
@@ -27595,7 +27605,7 @@ function getUserTimeZoneName() {
  * The lazy-loaded timezone-groups lib to be used across instances.
  */
 let timeZoneGroups;
-async function createTimeZoneItems(locale, messages, mode, referenceDate) {
+async function createTimeZoneItems(locale, messages, mode, referenceDate, standardTime) {
     const referenceDateInMs = referenceDate.getTime();
     const timeZoneNames = Intl.supportedValuesOf("timeZone");
     if (mode === "offset") {
@@ -27627,10 +27637,16 @@ async function createTimeZoneItems(locale, messages, mode, referenceDate) {
                     .map((index) => index - indexOffsets[index])
                     .filter((index) => index >= 0 && index < group.tzs.length);
             });
+            const effectiveLocale = standardTime === "user"
+                ? locale
+                : // we use locales that will always yield a short offset that matches `standardTime`
+                    standardTime === "utc"
+                        ? "fr"
+                        : "en-GB";
             return timeZoneGroups
                 .map(({ labelTzIndices, tzs }) => {
                 const groupRepTz = tzs[0];
-                const decimalOffset = timeZoneOffsetToDecimal(getTimeZoneShortOffset(groupRepTz, locale, referenceDateInMs));
+                const decimalOffset = timeZoneOffsetToDecimal(getTimeZoneShortOffset(groupRepTz, effectiveLocale, referenceDateInMs));
                 const value = toOffsetValue(groupRepTz, referenceDateInMs);
                 const tzLabels = labelTzIndices.map((index) => {
                     const timeZone = tzs[index];
@@ -27745,6 +27761,7 @@ class InputTimeZone {
         this.messages = undefined;
         this.messageOverrides = undefined;
         this.mode = "offset";
+        this.offsetStyle = "user";
         this.validationMessage = undefined;
         this.validationIcon = undefined;
         this.validity = {
@@ -27835,7 +27852,7 @@ class InputTimeZone {
         }
         return createTimeZoneItems(this.effectiveLocale, this.messages, this.mode, this.referenceDate instanceof Date
             ? this.referenceDate
-            : new Date(this.referenceDate ?? Date.now()));
+            : new Date(this.referenceDate ?? Date.now()), this.offsetStyle);
     }
     // --------------------------------------------------------------------------
     //
@@ -27873,11 +27890,11 @@ class InputTimeZone {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: '522acea32b0d4995ab44ee97f884b4f11e49fdc8' }, hAsync(InteractiveContainer, { key: 'c3fa48c46385867c71ec2789d3e6645d4452a383', disabled: this.disabled }, hAsync("calcite-combobox", { key: 'aa0d2cbd7d6b12005c9826874ea07aec0eff1c56', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name" ? this.messages.namePlaceholder : this.messages.offsetPlaceholder, readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.timeZoneItems.map((group) => {
+        return (hAsync(Host, { key: 'f97f2f5459be283799467c195e38738d51b8b948' }, hAsync(InteractiveContainer, { key: 'b5ce4251084468d9081419aced2c4d78cb81af5c', disabled: this.disabled }, hAsync("calcite-combobox", { key: '7db61c2f5e0a75b586c05e3d6bc3f37416f4d67b', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name" ? this.messages.namePlaceholder : this.messages.offsetPlaceholder, readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.timeZoneItems.map((group) => {
             const selected = this.selectedTimeZoneItem === group;
             const { label, value } = group;
             return (hAsync("calcite-combobox-item", { "data-value": value, key: label, selected: selected, textLabel: label, value: `${group.filterValue}` }));
-        })), hAsync(HiddenFormInputSlot, { key: 'ca58e22ce0c00a109c1e02275bad6b5f620c6947', component: this }))));
+        })), hAsync(HiddenFormInputSlot, { key: '55b39736821a60e2288e9c536189db7598302135', component: this }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -27902,6 +27919,7 @@ class InputTimeZone {
             "messages": [1040],
             "messageOverrides": [1040],
             "mode": [513],
+            "offsetStyle": [513, "offset-style"],
             "validationMessage": [1, "validation-message"],
             "validationIcon": [520, "validation-icon"],
             "validity": [1040],
@@ -27920,7 +27938,7 @@ class InputTimeZone {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["clearable", "clearable"], ["disabled", "disabled"], ["form", "form"], ["maxItems", "max-items"], ["mode", "mode"], ["validationIcon", "validation-icon"], ["name", "name"], ["open", "open"], ["overlayPositioning", "overlay-positioning"], ["required", "required"], ["scale", "scale"], ["status", "status"], ["readOnly", "read-only"]]
+        "$attrsToReflect$": [["clearable", "clearable"], ["disabled", "disabled"], ["form", "form"], ["maxItems", "max-items"], ["mode", "mode"], ["offsetStyle", "offset-style"], ["validationIcon", "validation-icon"], ["name", "name"], ["open", "open"], ["overlayPositioning", "overlay-positioning"], ["required", "required"], ["scale", "scale"], ["status", "status"], ["readOnly", "read-only"]]
     }; }
 }
 
@@ -33151,7 +33169,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Tue, 25 Jun 2024 00:16:25 GMT
+ * Generated on Wed, 26 Jun 2024 09:02:07 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -34777,6 +34795,7 @@ class Popover {
         this.mutationObserver = createObserver();
         this.guid = `calcite-popover-${guid()}`;
         this.openTransitionProp = "opacity";
+        this.hasLoaded = false;
         // --------------------------------------------------------------------------
         //
         //  Private Methods
@@ -34911,16 +34930,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);
@@ -34928,6 +34945,13 @@ class Popover {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        if (this.referenceElement && !this.effectiveReferenceElement) {
+            this.setUpReferenceElement();
+        }
+        if (this.open) {
+            onToggleOpenCloseComponent(this);
+        }
+        this.hasLoaded = true;
     }
     disconnectedCallback() {
         this.removeReferences();
@@ -35013,13 +35037,13 @@ class Popover {
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
         const arrowNode = !pointerDisabled ? (hAsync(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow", ref: this.storeArrowEl })) : null;
-        return (hAsync(Host, { key: '37c4984693c79c4adc581f3f453def52a6d4c245', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: 'b72a04c34fe5f053d24eb41660e97f336d6d420b', class: {
+        return (hAsync(Host, { key: '693d249566ca53960cbfd2a5710b56c7bc239d70', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '5e8b8a5c280cd88f1633787e779e063869e7f568', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: '6bf0bfc46dc8c9fcfa8ef0cfc1e3df66d4a8df1f', class: {
+            }, ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: 'e30ef0aac5309e6139f6680b2b5fa8ccbf926bd8', class: {
                 [CSS$z.hasHeader]: !!heading,
                 [CSS$z.container]: true,
-            } }, this.renderHeader(), hAsync("div", { key: '9864dd9399d33edb16983a5b0c832a83ce8a2ac4', class: CSS$z.content }, hAsync("slot", { key: '989d94f1334ee987e1d765cfd9ec982023c8cd73' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), hAsync("div", { key: '77ef34667e847684b38d0b131e6340b1ba10ece3', class: CSS$z.content }, hAsync("slot", { key: '6f8c40b34eda273acefa8f9ffdd9831726668713' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -43784,6 +43808,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;
@@ -43859,8 +43884,7 @@ class Tooltip {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
-        await componentOnReady(this.el);
+    connectedCallback() {
         this.setUpReferenceElement(true);
         if (this.open) {
             onToggleOpenCloseComponent(this);
@@ -43871,6 +43895,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);
@@ -43924,10 +43954,10 @@ class Tooltip {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (hAsync(Host, { key: '3ee0a8e0256d439e9e3581d1b5578ae801b9fc49', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '961f9ecc7e4fd5645dd2c5f9c9b859623c873c5e', class: {
+        return (hAsync(Host, { key: 'efe45cfea02c55dc9485e7f1760aef938aff1999', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '0110992190776206883f22752e73f2dc215890ed', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '127d54f052a2f1ae1b375166be1f2a37525656cc', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '5efc4373ce48001578a2956f95b346990c2102da', class: CSS$3.container }, hAsync("slot", { key: '4786ea79d89b034f43e1bf313741f6c087953768' })))));
+            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '993f3df44f2104096966c5865217465868a028c3', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '3289d59eba5264aa5bff0285441452861ac49d8b', class: CSS$3.container }, hAsync("slot", { key: 'e060c878105353e47ecb5dfc9b85888be791c8c9' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "2.10.0-next.9",
+  "version": "2.10.0",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
@@ -76,9 +76,9 @@
     "type-fest": "4.18.2"
   },
   "devDependencies": {
-    "@esri/calcite-design-tokens": "^2.2.1-next.0",
+    "@esri/calcite-design-tokens": "^2.2.0",
     "@esri/calcite-ui-icons": "3.28.2",
-    "@esri/eslint-plugin-calcite-components": "^1.2.1-next.2",
+    "@esri/eslint-plugin-calcite-components": "^1.2.0",
     "@stencil-community/eslint-plugin": "0.7.2",
     "@stencil-community/postcss": "2.2.0",
     "@stencil/angular-output-target": "0.8.4",
@@ -90,5 +90,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "fa136a52415fa242c564df21a034c50526239b74"
+  "gitHead": "f4d0da793c2e33f5d9f88a0a734ee5636909318f"
 }

package/dist/calcite/p-000b13f5.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/dev/LICENSE.md for details.
- * v2.10.0-next.9
- */
-import{r as e,c as t,h as a,H as i,g as n}from"./p-48bc5ffe.js";import{a as s,l as o,b as c}from"./p-46c52556.js";import"./p-27708ce1.js";import"./p-99bcf1ca.js";import"./p-feaecd57.js";import"./p-0fa1b6ae.js";const l={container:"container"};const r=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const d=r;const h=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(c))}render(){return a(i,{key:"881662c0e2e7008bd94e8e25288ef06fac57269e",onClick:this.labelClickHandler},a("div",{key:"62c28743dc66b4dc926d3a61c496f3d93c109041",class:l.container},a("slot",{key:"b20f7cefe52688d3f76972f1d4940051baab504a"})))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};h.style=d;export{h as calcite_label};
-//# sourceMappingURL=p-000b13f5.entry.js.map

package/dist/calcite/p-00613747.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/dev/LICENSE.md for details.
- * v2.10.0-next.9
- */
-import{r as e,c as t,h as i,H as a,g as o}from"./p-48bc5ffe.js";import{c as n,d as s}from"./p-d438c739.js";import{e as r,b as l,f as c,x as d}from"./p-27708ce1.js";import{d as h,a as m,c as p,u as b}from"./p-d9fc04b9.js";import{s as f,a as u,c as g}from"./p-9582d5c6.js";import{c as x}from"./p-9aa55df0.js";import{o as v}from"./p-f8fa39b4.js";import{c as k,d as y}from"./p-770e94ca.js";import{s as z,c as w,d as C,u as j}from"./p-394a3892.js";import{g as $,c as M}from"./p-0fa1b6ae.js";import"./p-99bcf1ca.js";import"./p-feaecd57.js";import"./p-61539458.js";import"./p-92ba6d85.js";const O={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",slottedInShell:"slotted-in-shell",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"};const B={close:"x"};const F={content:"content",contentBottom:"content-bottom",contentTop:"content-top",header:"header",back:"back",secondary:"secondary",primary:"primary"};const D=":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;appearance:none;border-style:none;background-color:transparent;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;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const T=D;let L=0;let S="";const A=class{constructor(i){e(this,i);this.calciteModalBeforeClose=t(this,"calciteModalBeforeClose",6);this.calciteModalClose=t(this,"calciteModalClose",6);this.calciteModalBeforeOpen=t(this,"calciteModalBeforeOpen",6);this.calciteModalOpen=t(this,"calciteModalOpen",6);this.ignoreOpenChange=false;this.mutationObserver=x("mutation",(()=>this.handleMutationObserver()));this.cssVarObserver=x("mutation",(()=>{this.updateSizeCssVars()}));this.openTransitionProp="opacity";this.setTransitionEl=e=>{this.transitionEl=e};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteModalOpen",this.openEnd)};this.handleCloseClick=()=>{this.open=false};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeModal=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(e){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}L--;this.opened=false;this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFooterVisibility();this.updateFocusTrapElements()};this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[F.back,F.primary,F.secondary])};this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width");this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")};this.contentTopSlotChangeHandler=e=>{this.hasContentTop=l(e)};this.contentBottomSlotChangeHandler=e=>{this.hasContentBottom=l(e)};this.open=false;this.opened=false;this.beforeClose=undefined;this.closeButtonDisabled=false;this.focusTrapDisabled=false;this.outsideCloseDisabled=false;this.docked=undefined;this.escapeDisabled=false;this.scale="m";this.widthScale="m";this.fullscreen=undefined;this.kind=undefined;this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.cssWidth=undefined;this.cssHeight=undefined;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleFocusTrapDisabled(e){if(!this.open){return}e?h(this):m(this)}onMessagesChange(){}async componentWillLoad(){await z(this);f(this);if(this.open){this.openModal()}}componentDidLoad(){u(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]});this.updateSizeCssVars();this.updateFooterVisibility();n(this);k(this);w(this);p(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();this.cssVarObserver?.disconnect();s(this);h(this);y(this);C(this);this.slottedInShell=false}render(){return i(a,{key:"5988d0ae6102227a53416a87e19623bcb6c2bff7","aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},i("div",{key:"7c38ff73a4925431bad86e09ba1594c16e01574a",class:{[O.container]:true,[O.containerOpen]:this.opened,[O.slottedInShell]:this.slottedInShell}},i("calcite-scrim",{key:"0320fc0cb33f8a80c3a97da89e78060541f79ee1",class:O.scrim,onClick:this.handleOutsideClose}),this.renderStyle(),i("div",{key:"8dccbedf921a3cb9c2b70c3f184abd3362fed956",class:{[O.modal]:true},ref:this.setTransitionEl},i("div",{key:"5eca173f4c4e8ba5e8b771195a3f8d3eb0a23481",class:O.header},this.renderCloseButton(),i("header",{key:"8c5e8465066363660c39f7a9007b4371ee8b8b9b",class:O.title},i("slot",{key:"69ad005c561f3382bb9dc6d7d62821c72e988df9",name:O.header}))),this.renderContentTop(),i("div",{key:"653ec9ea8e2a91bf7b1f2c5d24700050cc3b71d7",class:{[O.content]:true,[O.contentNoFooter]:!this.hasFooter},ref:e=>this.modalContent=e},i("slot",{key:"cfb2ca243899891d2169eaf22db843171a90607a",name:F.content})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?i("div",{class:O.footer,key:"footer"},i("span",{class:O.back},i("slot",{name:F.back})),i("span",{class:O.secondary},i("slot",{name:F.secondary})),i("span",{class:O.primary},i("slot",{name:F.primary}))):null}renderContentTop(){return i("div",{class:O.contentTop,hidden:!this.hasContentTop},i("slot",{name:F.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return i("div",{class:O.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:F.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return!this.closeButtonDisabled?i("button",{"aria-label":this.messages.close,class:O.close,key:"button",onClick:this.handleCloseClick,ref:e=>this.closeButtonEl=e,title:this.messages.close},i("calcite-icon",{icon:B.close,scale:$(this.scale)})):null}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight)){return i("style",null,`.${O.container} {\n              ${this.docked&&this.cssWidth?`align-items: center !important;`:""}\n            }\n            .${O.modal} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?`border-radius: var(--calcite-border-radius) !important;`:""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${O.container} {\n                ${this.docked?`align-items: flex-end !important;`:""}\n              }\n              .${O.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked?`block-size: 100% !important;`:""}\n                ${!this.docked?`border-radius: 0 !important;`:""}\n                ${this.docked?`border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`:""}\n              }\n            }\n          `)}}effectiveLocaleChange(){j(this,this.effectiveLocale)}handleEscape(e){if(this.open&&!this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented){this.open=false;e.preventDefault()}}async setFocus(){await g(this);c(this.el)}async updateFocusTrapElements(){b(this)}async scrollContent(e=0,t=0){if(this.modalContent){if(this.modalContent.scrollTo){this.modalContent.scrollTo({top:e,left:t,behavior:"smooth"})}else{this.modalContent.scrollTop=e;this.modalContent.scrollLeft=t}}}onBeforeOpen(){this.transitionEl.classList.add(O.openingActive);this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(O.openingIdle,O.openingActive);this.calciteModalOpen.emit();m(this)}onBeforeClose(){this.transitionEl.classList.add(O.closingActive);this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(O.closingIdle,O.closingActive);this.calciteModalClose.emit();h(this)}toggleModal(e){if(this.ignoreOpenChange){return}if(e){this.openModal()}else{this.closeModal()}}handleOpenedChange(e){const t=e?O.openingIdle:O.closingIdle;this.transitionEl.classList.add(t);v(this)}async openModal(){await M(this.el);this.el.addEventListener("calciteModalOpen",this.openEnd);this.opened=true;const e=r(this.el,F.header);const t=r(this.el,F.content);this.titleId=d(e);this.contentId=d(t);if(!this.slottedInShell){if(L===0){S=document.documentElement.style.overflow}L++;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",S)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}}};A.style=T;export{A as calcite_modal};
-//# sourceMappingURL=p-00613747.entry.js.map

package/dist/calcite/p-00774ad2.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/dev/LICENSE.md for details.
- * v2.10.0-next.9
- */
-import{r as e,c as t,h as o,g as i}from"./p-48bc5ffe.js";import{c as n,d as s}from"./p-d438c739.js";import{h as a,e as c}from"./p-27708ce1.js";import{s as l,a as r,c as d}from"./p-9582d5c6.js";import{c as h,d as f}from"./p-770e94ca.js";import{c as g,d as p,s as m,u as b}from"./p-394a3892.js";import{K as u}from"./p-d3d25a17.js";import{o as k}from"./p-f8fa39b4.js";import{g as v}from"./p-0fa1b6ae.js";import"./p-9aa55df0.js";import"./p-99bcf1ca.js";import"./p-feaecd57.js";import"./p-92ba6d85.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;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;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;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;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=a(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);g(this)}disconnectedCallback(){s(this);f(this);p(this)}async componentWillLoad(){l(this);this.requestedIcon=a(u,this.icon,this.kind);await m(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"1b4ae79f5fc89f18c9d4d627083b4be8d8a92e3d","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"1064f053c388a5c91050ac496c59c9bd9a5426ac",icon:"x",scale:v(this.scale)}));const i=c(e,x.actionsEnd);return o("div",{key:"7ab86963e6d7e7a3de19cff902c2ecd63c0af24e",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"78c341c2e53c971418b4444b53a91f5aa1bb44a4",class:w.content},o("slot",{key:"8abebe878544b8f114669416773ddbfa51a37667",name:x.title}),o("slot",{key:"527cff9ac8397c27a1da38771d8887ab489eb8c7",name:x.message}),o("slot",{key:"5c51f496846f890d554cd155de67c91f392fbf24",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
-//# sourceMappingURL=p-00774ad2.entry.js.map