@esri/solutions-components 0.6.15 → 0.6.16

package/dist/components/dropdown.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, v as focusElementInGroup, f as focusElement } from './dom.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, w as focusElementInGroup, f as focusElement } from './dom.js';
 import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultMenuPlacement, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui.js';
 import { g as guid } from './guid.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
@@ -16,7 +16,7 @@ import { o as onToggleOpenCloseComponent } from './openCloseComponent.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const SLOTS = {
   dropdownTrigger: "trigger",
@@ -70,6 +70,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
         .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
       this.updateSelectedItems();
       this.reposition(true);
+      this.items.forEach((item) => (item.scale = this.scale));
     };
     this.updateGroups = (event) => {
       const groups = event.target
@@ -171,10 +172,10 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
     this.maxItems = 0;
     this.overlayPositioning = "absolute";
     this.placement = defaultMenuPlacement;
-    this.scale = "m";
     this.selectedItems = [];
     this.type = "click";
     this.width = undefined;
+    this.scale = "m";
   }
   openHandler(value) {
     if (!this.disabled) {
@@ -204,6 +205,9 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
   placementHandler() {
     this.reposition(true);
   }
+  handlePropsChange() {
+    this.updateItems();
+  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -229,6 +233,7 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
       onToggleOpenCloseComponent(this);
     }
     connectInteractive(this);
+    this.updateItems();
   }
   componentWillLoad() {
     setUpLoadableComponent(this);
@@ -250,15 +255,15 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
   render() {
     const { open, guid } = this;
     return (h(Host, null, h("div", { class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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 }, h("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), h("div", { "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper",
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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 }, h("div", { "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
+      // 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 }, h("slot", { onSlotchange: this.updateGroups })))));
   }
   //--------------------------------------------------------------------------
@@ -318,12 +323,8 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
     const target = keyboardEvent.target;
     switch (keyboardEvent.key) {
       case "Tab":
-        if (this.items.indexOf(target) === this.items.length - 1 && !keyboardEvent.shiftKey) {
-          this.closeCalciteDropdown();
-        }
-        else if (this.items.indexOf(target) === 0 && keyboardEvent.shiftKey) {
-          this.closeCalciteDropdown();
-        }
+        this.open = false;
+        this.updateTabIndexOfItems(target);
         break;
       case "ArrowDown":
         focusElementInGroup(this.items, target, "next");
@@ -403,6 +404,11 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
       : item;
     focusElement(target);
   }
+  updateTabIndexOfItems(target) {
+    this.items.forEach((item) => {
+      item.tabIndex = target !== item ? -1 : 0;
+    });
+  }
   static get delegatesFocus() { return true; }
   get el() { return this; }
   static get watchers() { return {
@@ -411,7 +417,8 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
     "flipPlacements": ["flipPlacementsHandler"],
     "maxItems": ["maxItemsHandler"],
     "overlayPositioning": ["overlayPositioningHandler"],
-    "placement": ["placementHandler"]
+    "placement": ["placementHandler"],
+    "scale": ["handlePropsChange"]
   }; }
   static get style() { return dropdownCss; }
 }, [17, "calcite-dropdown", {
@@ -422,10 +429,10 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
     "maxItems": [514, "max-items"],
     "overlayPositioning": [513, "overlay-positioning"],
     "placement": [513],
-    "scale": [513],
     "selectedItems": [1040],
     "type": [513],
     "width": [513],
+    "scale": [513],
     "setFocus": [64],
     "reposition": [64]
   }, [[9, "pointerdown", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "pointerenter", "pointerEnterHandler"], [1, "pointerleave", "pointerLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]]]);

package/dist/components/edit-card2.js

@@ -9,7 +9,7 @@ import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './notice.js';
 
-const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-ui-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-ui-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-ui-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}";
+const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-ui-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-ui-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-ui-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}.esri-feature-relationship__list{border-top:1px solid var(--calcite-ui-border-3)}.esri-feature-form__related-records_list{border-top:1px solid var(--calcite-ui-border-3)}";
 
 const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLElement {
   constructor() {
@@ -87,7 +87,13 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
       if (this._layerEditHandle) {
         this._layerEditHandle.remove();
       }
-      this._layerEditHandle = this._layer.on("edits", () => this.editsComplete.emit());
+      this._layerEditHandle = this._layer.on("edits", () => {
+        this.editsComplete.emit();
+        this._shouldClose = false;
+        this._initEditorWidget();
+        void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
+        this._shouldClose = true;
+      });
     }
   }
   /**

package/dist/components/filter.js

@@ -725,7 +725,7 @@ function forIn(object, iteratee) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const filter = (data, value) => {
   const escapedValue = escapeRegExp(value);

package/dist/components/filter2.js

@@ -17,7 +17,7 @@ import { d as debounce } from './debounce.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS = {
   container: "container",
@@ -152,7 +152,7 @@ const Filter = /*@__PURE__*/ proxyCustomElement(class Filter extends HTMLElement
   render() {
     const { disabled, scale } = this;
     return (h(Fragment, null, h("div", { class: CSS.container }, h("label", null, h("calcite-input", { "aria-label": this.messages.label, clearable: true, disabled: disabled, icon: ICONS.search, messageOverrides: { clear: this.messages.clear }, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, scale: scale, type: "text", value: this.value,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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: (el) => {
         this.textInput = el;
       } })))));

package/dist/components/floating-ui.js

@@ -1605,7 +1605,7 @@ function offsetParentPolyfill(element) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 (function setUpFloatingUiForShadowDomPositioning() {
   if (Build.isBrowser) {

package/dist/components/focusTrapComponent.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { k as tabbable, l as focusable, m as isTabbable, n as getTabIndex, o as isFocusable, f as focusElement, p as tabbableOptions } from './dom.js';
+import { l as tabbable, m as focusable, n as isTabbable, o as getTabIndex, p as isFocusable, f as focusElement, r as tabbableOptions } from './dom.js';
 
 /*!
 * focus-trap 7.5.2
@@ -924,7 +924,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 /**
  * This module allows custom configuration for components.
@@ -935,7 +935,7 @@ const focusTrapStack = customConfig?.focusTrapStack || [];
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 /**
  * Helper to set up the FocusTrap component.

package/dist/components/form.js

@@ -37,7 +37,7 @@ import { h } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 /**
  * Exported for testing purposes.

package/dist/components/graph.js

@@ -10,7 +10,7 @@ import { c as createObserver } from './observers.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 /**
  * Calculate slope of the tangents

package/dist/components/guid.js

@@ -6,7 +6,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.
- * v1.6.1
+ * v1.8.0
  */
 function gen(counts) {
   return counts

package/dist/components/handle.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS = {
   handle: "handle",
@@ -143,7 +143,7 @@ const Handle = /*@__PURE__*/ proxyCustomElement(class Handle extends HTMLElement
     return (
     // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
     h("span", { "aria-label": this.getAriaText("label"), "aria-pressed": toAriaBoolean(this.activated), class: { [CSS.handle]: true, [CSS.handleActivated]: this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: "button", tabindex: "0", title: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.dragHandle,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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: (el) => {
         this.handleButton = el;
       } }, h("calcite-icon", { icon: ICONS.drag, scale: "s" })));

package/dist/components/icon.js

@@ -10,7 +10,7 @@ import { c as createObserver } from './observers.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS = {
   icon: "icon",
@@ -20,7 +20,7 @@ const CSS = {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 /**
  * Icon data cache.

package/dist/components/index.js

@@ -9,7 +9,7 @@ export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stenc
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 /**
  * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
@@ -40,7 +40,7 @@ function initModeChangeEvent() {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 /**
  * This file is imported in Stencil's `globalScript` config option.

package/dist/components/input-message.js

@@ -10,7 +10,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/components/input-number.js

@@ -20,7 +20,7 @@ import { d as defineCustomElement$1 } from './progress.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS = {
   loader: "loader",
@@ -117,7 +117,8 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
       };
       const delocalizedValue = numberStringFormatter.delocalize(value);
       if (nativeEvent.inputType === "insertFromPaste") {
-        if (!isValidNumber(delocalizedValue)) {
+        if (!isValidNumber(delocalizedValue) ||
+          (this.integer && (delocalizedValue.includes("e") || delocalizedValue.includes(".")))) {
           nativeEvent.preventDefault();
         }
         this.setNumberValue({
@@ -174,7 +175,7 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
         numberingSystem: this.numberingSystem,
         useGrouping: this.groupSeparator,
       };
-      if (event.key === numberStringFormatter.decimal) {
+      if (event.key === numberStringFormatter.decimal && !this.integer) {
         if (!this.value && !this.childNumberEl.value) {
           return;
         }
@@ -182,7 +183,7 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
           return;
         }
       }
-      if (/[eE]/.test(event.key)) {
+      if (/[eE]/.test(event.key) && !this.integer) {
         if (!this.value && !this.childNumberEl.value) {
           return;
         }
@@ -268,8 +269,11 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
         useGrouping: this.groupSeparator,
       };
       const isValueDeleted = ((_a = this.previousValue) === null || _a === void 0 ? void 0 : _a.length) > value.length || ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) > value.length;
-      const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === ".";
-      const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);
+      const valueHandleInteger = this.integer ? value.replace(/[e.]/g, "") : value;
+      const hasTrailingDecimalSeparator = valueHandleInteger.charAt(valueHandleInteger.length - 1) === ".";
+      const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted
+        ? valueHandleInteger
+        : sanitizeNumberString(valueHandleInteger);
       const newValue = value && !sanitizedValue
         ? isValidNumber(this.previousValue)
           ? this.previousValue
@@ -317,6 +321,7 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
     this.hidden = false;
     this.icon = undefined;
     this.iconFlipRtl = false;
+    this.integer = false;
     this.label = undefined;
     this.loading = false;
     this.numberingSystem = undefined;
@@ -475,7 +480,8 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
   incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {
     const { value } = this;
     const adjustment = direction === "up" ? 1 : -1;
-    const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
+    const stepHandleInteger = this.integer && this.step !== "any" ? Math.round(this.step) : this.step;
+    const inputStep = stepHandleInteger === "any" ? 1 : Math.abs(stepHandleInteger || 1);
     const inputVal = new BigDecimal(value !== "" ? value : "0");
     const nudgedValue = inputVal.add(`${inputStep * adjustment}`);
     const nudgedValueBelowInputMin = () => typeof inputMin === "number" &&
@@ -555,7 +561,7 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
     const prefixText = h("div", { class: CSS.prefix }, this.prefixText);
     const suffixText = h("div", { class: CSS.suffix }, this.suffixText);
     const childEl = (h("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.enterKeyHint, inputMode: this.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, type: "text", value: this.localizedValue,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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.setChildNumberElRef }));
     return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
       ? numberButtonsHorizontalDown
@@ -585,6 +591,7 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class InputNumber extends H
     "hidden": [516],
     "icon": [520],
     "iconFlipRtl": [516, "icon-flip-rtl"],
+    "integer": [4],
     "label": [1],
     "loading": [516],
     "numberingSystem": [513, "numbering-system"],

package/dist/components/input-text.js

@@ -19,7 +19,7 @@ import { d as defineCustomElement$1 } from './progress.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS = {
   loader: "loader",
@@ -333,7 +333,7 @@ const InputText = /*@__PURE__*/ proxyCustomElement(class InputText extends HTMLE
         [CSS.editingEnabled]: this.editingEnabled,
         [CSS.inlineChild]: !!this.inlineEditableEl,
       }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.enterKeyHint, inputMode: this.inputMode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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.setChildElRef }));
     return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { class: CSS.actionWrapper }, h("slot", { name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { component: this }))));
   }

package/dist/components/input.js

@@ -20,7 +20,7 @@ import { d as defineCustomElement$1 } from './progress.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS = {
   loader: "loader",
@@ -631,7 +631,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
     const prefixText = h("div", { class: CSS.prefix }, this.prefixText);
     const suffixText = h("div", { class: CSS.suffix }, this.suffixText);
     const localeNumberInput = this.type === "number" ? (h("input", { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.enterKeyHint, inputMode: this.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, multiple: this.multiple, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, type: "text", value: this.localizedValue,
-      // eslint-disable-next-line react/jsx-sort-props
+      // 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.setChildNumberElRef })) : null;
     const childEl = this.type !== "number"
       ? [
@@ -639,7 +639,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
             [CSS.editingEnabled]: this.editingEnabled,
             [CSS.inlineChild]: !!this.inlineEditableEl,
           }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.enterKeyHint, inputMode: this.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, multiple: this.multiple, name: this.name, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: this.type, value: this.value,
-          // eslint-disable-next-line react/jsx-sort-props
+          // 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.setChildElRef }),
         this.isTextarea ? (h("div", { class: CSS.resizeIconWrapper }, h("calcite-icon", { icon: "chevron-down", scale: this.scale === "l" ? "m" : "s" }))) : null,
       ]

package/dist/components/interactive.js

@@ -8,7 +8,7 @@ import { Build } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 function getUserAgentData() {
   return navigator.userAgentData;
@@ -26,7 +26,7 @@ function getUserAgentString() {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
 const isFirefox = /firefox/i.test(getUserAgentString());
@@ -158,4 +158,4 @@ function disconnectInteractive(component) {
   restoreInteraction(component);
 }
 
-export { connectInteractive as c, disconnectInteractive as d, updateHostInteraction as u };
+export { connectInteractive as c, disconnectInteractive as d, getUserAgentString as g, updateHostInteraction as u };

package/dist/components/key.js

@@ -6,7 +6,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.
- * v1.6.1
+ * v1.8.0
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/components/label.js

@@ -3,12 +3,12 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { q as queryElementRoots, c as closestElementCrossShadowBoundary } from './dom.js';
+import { d as isBefore, q as queryElementRoots, c as closestElementCrossShadowBoundary } from './dom.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 /**
  * Exported for testing purposes only
@@ -19,10 +19,11 @@ const labelClickEvent = "calciteInternalLabelClick";
 const labelConnectedEvent = "calciteInternalLabelConnected";
 const labelDisconnectedEvent = "calciteInternalLabelDisconnected";
 const labelTagName = "calcite-label";
+const labelToLabelables = new WeakMap();
 const onLabelClickMap = new WeakMap();
 const onLabelConnectedMap = new WeakMap();
 const onLabelDisconnectedMap = new WeakMap();
-const unlabeledComponents = new Set();
+const unlabeledComponents = new WeakSet();
 const findLabelForComponent = (componentEl) => {
   const { id } = componentEl;
   const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
@@ -60,15 +61,20 @@ function hasAncestorCustomElements(label, componentEl) {
  */
 function connectLabel(component) {
   const labelEl = findLabelForComponent(component.el);
-  if (onLabelClickMap.has(labelEl) || (!labelEl && unlabeledComponents.has(component))) {
+  if ((onLabelClickMap.has(labelEl) && labelEl === component.labelEl) ||
+    (!labelEl && unlabeledComponents.has(component))) {
     return;
   }
   const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
   if (labelEl) {
     component.labelEl = labelEl;
-    const boundOnLabelClick = onLabelClick.bind(component);
-    onLabelClickMap.set(component.labelEl, boundOnLabelClick);
-    component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
+    const labelables = labelToLabelables.get(labelEl) || [];
+    labelables.push(component);
+    labelToLabelables.set(labelEl, labelables.sort(sortByDOMOrder));
+    if (!onLabelClickMap.has(component.labelEl)) {
+      onLabelClickMap.set(component.labelEl, onLabelClick);
+      component.labelEl.addEventListener(labelClickEvent, onLabelClick);
+    }
     unlabeledComponents.delete(component);
     document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
     onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);
@@ -93,9 +99,16 @@ function disconnectLabel(component) {
   if (!component.labelEl) {
     return;
   }
-  const boundOnLabelClick = onLabelClickMap.get(component.labelEl);
-  component.labelEl.removeEventListener(labelClickEvent, boundOnLabelClick);
-  onLabelClickMap.delete(component.labelEl);
+  const labelables = labelToLabelables.get(component.labelEl);
+  if (labelables.length === 1) {
+    component.labelEl.removeEventListener(labelClickEvent, onLabelClickMap.get(component.labelEl));
+    onLabelClickMap.delete(component.labelEl);
+  }
+  labelToLabelables.set(component.labelEl, labelables.filter((labelable) => labelable !== component).sort(sortByDOMOrder));
+  component.labelEl = null;
+}
+function sortByDOMOrder(a, b) {
+  return isBefore(a.el, b.el) ? -1 : 1;
 }
 /**
  * Helper to get the label text from a component.
@@ -106,14 +119,19 @@ function getLabelText(component) {
   return component.label || component.labelEl?.textContent?.trim() || "";
 }
 function onLabelClick(event) {
-  if (this.disabled) {
+  const labelClickTarget = event.detail.sourceEvent.target;
+  const labelables = labelToLabelables.get(this);
+  const clickedLabelable = labelables.find((labelable) => labelable.el === labelClickTarget);
+  const labelableChildClicked = labelables.includes(clickedLabelable);
+  if (labelableChildClicked) {
+    // no need to forward click as labelable will receive focus
     return;
   }
-  const containedLabelableChildClicked = this.el.contains(event.detail.sourceEvent.target);
-  if (containedLabelableChildClicked) {
+  const firstLabelable = labelables[0];
+  if (firstLabelable.disabled) {
     return;
   }
-  this.onLabelClick(event);
+  firstLabelable.onLabelClick(event);
 }
 function onLabelConnected() {
   if (unlabeledComponents.has(this)) {

package/dist/components/label2.js

@@ -9,7 +9,7 @@ import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label.j
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS = {
   container: "container",