@agrotools1/at-components 0.6.15 → 0.6.16

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.9.0 → @esri_calcite-components@2.7.1}/node_modules/@esri/calcite-components/dist/components/calcite-list.js

@@ -1,26 +1,25 @@
-import { proxyCustomElement as k, H as A, createEvent as p, h as r } from "../../../../../../@stencil_core@4.18.2/node_modules/@stencil/core/internal/client/index.js";
-import { d as b, t as D } from "./dom.js";
-import { c as O, u as P, d as T, I as w } from "./interactive.js";
+import { proxyCustomElement as A, H as y, createEvent as p, h as r } from "../../../../../../@stencil_core@4.9.0/node_modules/@stencil/core/internal/client/index.js";
+import { d as b, t as k } from "./dom.js";
+import { c as D, u as O, d as T, I as P } from "./interactive.js";
 import { c as M } from "./observers.js";
-import { M as R } from "./resources4.js";
-import { u as H, g as z } from "./utils3.js";
-import { d as E, a as U, c as $ } from "./sortableComponent.js";
-import { d as N, S as C } from "./stack.js";
-import { s as G, a as _, c as q } from "./loadable.js";
+import { u as R, g as H, M as U } from "./utils3.js";
+import { d as E, a as $, c as z } from "./sortableComponent.js";
+import { d as N, S as v } from "./stack.js";
+import { s as q, a as G, c as _ } from "./loadable.js";
 import { c as K, s as B, d as W, u as X } from "./t9n.js";
-import { c as j, d as J, n as v } from "./locale.js";
-import { d as Q } from "./filter2.js";
-import { d as V } from "./icon.js";
-import { d as Y } from "./input2.js";
-import { d as Z } from "./input-message.js";
-import { d as ee } from "./loader.js";
-import { d as te } from "./progress.js";
-import { d as se } from "./scrim.js";
-import { d as ie } from "./debounce.js";
+import { n as C } from "./locale.js";
+import { d as j } from "./filter2.js";
+import { d as J } from "./icon.js";
+import { d as Q } from "./input2.js";
+import { d as V } from "./input-message.js";
+import { d as Y } from "./loader.js";
+import { d as Z } from "./progress.js";
+import { d as ee } from "./scrim.js";
+import { d as te } 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.
- * v2.9.0
+ * v2.7.1
  */
 const f = {
   container: "container",
@@ -30,14 +29,14 @@ const f = {
   tableContainer: "table-container",
   sticky: "sticky-pos",
   assistiveText: "assistive-text"
-}, ae = 0, L = {
+}, se = 0, L = {
   filterNoResults: "filter-no-results",
   filterActionsStart: "filter-actions-start",
   filterActionsEnd: "filter-actions-end"
-}, ne = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-color-foreground-1)}.sticky-pos th{padding:0px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}", le = ne, I = "calcite-list-item", re = ":scope > calcite-list-item", ce = "calcite-list-item-group, calcite-list-item", S = /* @__PURE__ */ k(class extends A {
+}, ie = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:first-of-type){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item[data-filter]){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-color-foreground-1)}.sticky-pos th{padding:0px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}", I = "calcite-list-item", ae = ":scope > calcite-list-item", ne = "calcite-list-item-group, calcite-list-item", S = /* @__PURE__ */ A(class extends y {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.calciteListChange = p(this, "calciteListChange", 6), this.calciteListDragEnd = p(this, "calciteListDragEnd", 6), this.calciteListDragStart = p(this, "calciteListDragStart", 6), this.calciteListFilter = p(this, "calciteListFilter", 6), this.calciteListOrderChange = p(this, "calciteListOrderChange", 6), this.calciteInternalListDefaultSlotChange = p(this, "calciteInternalListDefaultSlotChange", 6), this.dragSelector = I, this.focusableItems = [], this.handleSelector = "calcite-handle", this.listItems = [], this.mutationObserver = M("mutation", () => this.updateListItems()), this.visibleItems = [], this.handleDefaultSlotChange = (e) => {
-      H(z(e.target)), this.parentListEl && this.calciteInternalListDefaultSlotChange.emit();
+      R(H(e.target)), this.parentListEl && this.calciteInternalListDefaultSlotChange.emit();
     }, this.handleFilterActionsStartSlotChange = (e) => {
       this.hasFilterActionsStart = b(e);
     }, this.handleFilterActionsEndSlotChange = (e) => {
@@ -49,12 +48,9 @@ const f = {
       e.some((t) => t.active) || e[0] && (e[0].active = !0);
     }, this.updateSelectedItems = (e = !1) => {
       this.selectedItems = this.visibleItems.filter((t) => t.selected), e && this.calciteListChange.emit();
-    }, this.borderItems = () => {
-      const e = this.visibleItems.filter((t) => !t.filterHidden && this.allParentListItemsOpen(t));
-      e.forEach((t) => t.bordered = t !== e[e.length - 1]);
     }, this.updateFilteredItems = (e = !1) => {
-      const { visibleItems: t, filteredData: s, filterText: i } = this, n = s.map((o) => o.value), a = t == null ? void 0 : t.filter((o) => t.every((d) => d === o || !o.contains(d))), l = t.filter((o) => !i || n.includes(o.value)) || [], c = /* @__PURE__ */ new WeakSet();
-      a.forEach((o) => this.filterElements({ el: o, filteredItems: l, visibleParents: c })), this.filteredItems = l, e && this.calciteListFilter.emit();
+      const { visibleItems: t, filteredData: s, filterText: i } = this, l = s.map((o) => o.value), a = t == null ? void 0 : t.filter((o) => t.every((d) => d === o || !o.contains(d))), n = t.filter((o) => !i || l.includes(o.value)) || [], c = /* @__PURE__ */ new WeakSet();
+      a.forEach((o) => this.filterElements({ el: o, filteredItems: n, visibleParents: c })), n.length > 0 && this.findAncestorOfFirstFilteredItem(n), this.filteredItems = n, e && this.calciteListFilter.emit();
     }, this.setFilterEl = (e) => {
       this.filterEl = e, this.performFilter();
     }, this.handleFilterChange = (e) => {
@@ -66,18 +62,21 @@ const f = {
       description: e.description,
       metadata: e.metadata,
       value: e.value
-    })), this.updateListItems = ie((e = !1) => {
-      const { selectionAppearance: t, selectionMode: s, dragEnabled: i } = this, n = this.queryListItems();
-      if (n.forEach((l) => {
-        l.selectionAppearance = t, l.selectionMode = s;
-      }), this.queryListItems(!0).forEach((l) => {
-        l.dragHandle = i;
-      }), this.parentListEl) {
-        this.setUpSorting();
+    })), this.updateListItems = te((e = !1) => {
+      const { selectionAppearance: t, selectionMode: s, dragEnabled: i } = this;
+      if (this.parentListEl) {
+        this.queryListItems(!0).forEach((c) => {
+          c.dragHandle = i;
+        }), this.setUpSorting();
         return;
       }
-      this.listItems = n, this.filterEnabled && (this.dataForFilter = this.getItemData(), this.filterEl && (this.filterEl.items = this.dataForFilter)), this.visibleItems = this.listItems.filter((l) => !l.closed && !l.hidden), this.updateFilteredItems(e), this.borderItems(), this.focusableItems = this.filteredItems.filter((l) => !l.disabled), this.setActiveListItem(), this.updateSelectedItems(e), this.setUpSorting();
-    }, ae), this.queryListItems = (e = !1) => Array.from(this.el.querySelectorAll(e ? re : I)), this.focusRow = (e) => {
+      const l = this.queryListItems();
+      l.forEach((n) => {
+        n.selectionAppearance = t, n.selectionMode = s;
+      }), this.queryListItems(!0).forEach((n) => {
+        n.dragHandle = i;
+      }), this.listItems = l, this.filterEnabled && (this.dataForFilter = this.getItemData(), this.filterEl && (this.filterEl.items = this.dataForFilter)), this.visibleItems = this.listItems.filter((n) => !n.closed && !n.hidden), this.updateFilteredItems(e), this.focusableItems = this.filteredItems.filter((n) => !n.disabled), this.setActiveListItem(), this.updateSelectedItems(e), this.setUpSorting();
+    }, se), this.queryListItems = (e = !1) => Array.from(this.el.querySelectorAll(e ? ae : I)), this.focusRow = (e) => {
       const { focusableItems: t } = this;
       e && (t.forEach((s) => s.active = s === e), e.setFocus());
     }, this.isNavigable = (e) => {
@@ -85,7 +84,7 @@ const f = {
       const t = (s = e.parentElement) == null ? void 0 : s.closest(I);
       return t ? t.open && this.isNavigable(t) : !0;
     }, this.handleListKeydown = (e) => {
-      var n;
+      var l;
       if (e.defaultPrevented || this.parentListEl)
         return;
       const { key: t } = e, s = this.focusableItems.filter((a) => this.isNavigable(a)), i = s.findIndex((a) => a.active);
@@ -95,7 +94,7 @@ const f = {
         s[a] && this.focusRow(s[a]);
       } else if (t === "ArrowUp") {
         if (e.preventDefault(), i === 0 && this.filterEnabled) {
-          (n = this.filterEl) == null || n.setFocus();
+          (l = this.filterEl) == null || l.setFocus();
           return;
         }
         const a = i - 1;
@@ -109,6 +108,21 @@ const f = {
         const a = s[s.length - 1];
         a && this.focusRow(a);
       }
+    }, this.findAncestorOfFirstFilteredItem = (e) => {
+      var t, s;
+      (t = this.ancestorOfFirstFilteredItem) == null || t.removeAttribute("data-filter"), e.forEach((i) => {
+        i.removeAttribute("data-filter");
+      }), this.ancestorOfFirstFilteredItem = this.getTopLevelAncestorItemElement(e[0]), e[0].setAttribute("data-filter", "0"), (s = this.ancestorOfFirstFilteredItem) == null || s.setAttribute("data-filter", "0");
+    }, this.getTopLevelAncestorItemElement = (e) => {
+      let t = e.parentElement.closest(I);
+      for (; t; ) {
+        const s = t.parentElement.closest(I);
+        if (s)
+          t = s;
+        else
+          return t;
+      }
+      return null;
     }, this.disabled = !1, this.canPull = void 0, this.canPut = void 0, this.dragEnabled = !1, this.group = void 0, this.filterEnabled = !1, this.filteredItems = [], this.filteredData = [], this.filterPlaceholder = void 0, this.filterText = void 0, this.label = void 0, this.loading = !1, this.messageOverrides = void 0, this.messages = void 0, this.numberingSystem = void 0, this.openable = !1, this.selectedItems = [], this.selectionMode = "none", this.selectionAppearance = "icon", this.effectiveLocale = "", this.defaultMessages = void 0, this.assistiveText = void 0, this.dataForFilter = [], this.hasFilterActionsEnd = !1, this.hasFilterActionsStart = !1, this.hasFilterNoResults = !1;
   }
   async handleFilterTextChange() {
@@ -119,14 +133,11 @@ const f = {
   handleListItemChange() {
     this.updateListItems();
   }
-  handleCalciteListItemToggle(e) {
-    this.parentListEl || (e.stopPropagation(), this.borderItems());
-  }
   handleCalciteInternalFocusPreviousItem(e) {
     if (this.parentListEl)
       return;
     e.stopPropagation();
-    const { focusableItems: t } = this, i = t.findIndex((n) => n.active) - 1;
+    const { focusableItems: t } = this, i = t.findIndex((l) => l.active) - 1;
     t[i] && this.focusRow(t[i]);
   }
   handleCalciteInternalListItemActive(e) {
@@ -152,16 +163,16 @@ const f = {
       return;
     e.stopPropagation();
     const t = e.target, { listItems: s, selectionMode: i } = this;
-    t.selected && (i === "single" || i === "single-persist") && s.forEach((n) => n.selected = n === t), this.updateSelectedItems();
+    t.selected && (i === "single" || i === "single-persist") && s.forEach((l) => l.selected = l === t), this.updateSelectedItems();
   }
   handleCalciteInternalListItemSelectMultiple(e) {
     if (this.parentListEl)
       return;
     e.stopPropagation();
-    const { target: t, detail: s } = e, { focusableItems: i, lastSelectedInfo: n } = this, a = t;
-    if (s.selectMultiple && n) {
-      const l = i.indexOf(a), c = i.indexOf(n.selectedItem), o = Math.min(c, l), d = Math.max(c, l);
-      i.slice(o, d + 1).forEach((m) => m.selected = n.selected);
+    const { target: t, detail: s } = e, { focusableItems: i, lastSelectedInfo: l } = this, a = t;
+    if (s.selectMultiple && l) {
+      const n = i.indexOf(a), c = i.indexOf(l.selectedItem), o = Math.min(c, n), d = Math.max(c, n);
+      i.slice(o, d + 1).forEach((m) => m.selected = l.selected);
     } else
       this.lastSelectedInfo = { selectedItem: a, selected: a.selected };
   }
@@ -177,19 +188,19 @@ const f = {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    E(this) || (j(this), K(this), this.connectObserver(), this.updateListItems(), this.setUpSorting(), O(this), this.setParentList());
+    E(this) || (K(this), this.connectObserver(), this.updateListItems(), this.setUpSorting(), D(this), this.setParentList());
   }
   async componentWillLoad() {
-    G(this), await B(this);
+    q(this), await B(this);
   }
   componentDidRender() {
-    P(this);
+    O(this);
   }
   componentDidLoad() {
-    _(this);
+    G(this);
   }
   disconnectedCallback() {
-    E(this) || (this.disconnectObserver(), U(this), T(this), J(this), W(this));
+    E(this) || (this.disconnectObserver(), $(this), T(this), W(this));
   }
   effectiveLocaleChange() {
     X(this, this.effectiveLocale);
@@ -206,7 +217,7 @@ const f = {
    */
   async setFocus() {
     var e, t;
-    return await q(this), this.filterEnabled ? (e = this.filterEl) == null ? void 0 : e.setFocus() : (t = this.focusableItems.find((s) => s.active)) == null ? void 0 : t.setFocus();
+    return await _(this), this.filterEnabled ? (e = this.filterEl) == null ? void 0 : e.setFocus() : (t = this.focusableItems.find((s) => s.active)) == null ? void 0 : t.setFocus();
   }
   // --------------------------------------------------------------------------
   //
@@ -214,8 +225,17 @@ const f = {
   //
   // --------------------------------------------------------------------------
   render() {
-    const { loading: e, label: t, disabled: s, dataForFilter: i, filterEnabled: n, filterPlaceholder: a, filterText: l, filteredItems: c, hasFilterActionsStart: o, hasFilterActionsEnd: d, hasFilterNoResults: m } = this;
-    return r(w, { key: "b452cef2f749d331f569ca9a46af9c72017f2eed", disabled: this.disabled }, r("div", { key: "c43a5ce24d7954194c48f6220a3ac6589214671b", class: f.container }, this.dragEnabled ? r("span", { "aria-live": "assertive", class: f.assistiveText }, this.assistiveText) : null, this.renderItemAriaLive(), e ? r("calcite-scrim", { class: f.scrim, loading: e }) : null, r("table", { key: "d9d8e7472334bd7738b3252883947d0190071853", "aria-busy": D(e), "aria-label": t || "", class: f.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, n || o || d ? r("thead", { class: f.sticky }, r("tr", null, r("th", { colSpan: R }, r("calcite-stack", { class: f.stack }, r("slot", { name: L.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: C.actionsStart }), r("calcite-filter", { "aria-label": a, disabled: s, items: i, onCalciteFilterChange: this.handleFilterChange, placeholder: a, ref: this.setFilterEl, value: l }), r("slot", { name: L.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: C.actionsEnd }))))) : null, r("tbody", { key: "47c586b403bafc6e2c69515ea0648720ad492bc0", class: f.tableContainer }, r("slot", { key: "c504daf59190b78c94ec03898556ffffc5bd7ec5", onSlotchange: this.handleDefaultSlotChange }))), r("div", { key: "da507415d70da415e5c1f49dd305f0c77097b4cf", "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(m && n && l && !c.length) }, r("slot", { key: "4ecb6dc9a2bc0b0dd26ee9bda042fcefa77ea75e", name: L.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange }))));
+    const { loading: e, label: t, disabled: s, dataForFilter: i, filterEnabled: l, filterPlaceholder: a, filterText: n, filteredItems: c, hasFilterActionsStart: o, hasFilterActionsEnd: d, hasFilterNoResults: m } = this;
+    return r(P, { disabled: this.disabled }, r("div", { class: f.container }, this.dragEnabled ? r("span", { "aria-live": "assertive", class: f.assistiveText }, this.assistiveText) : null, this.renderItemAriaLive(), e ? r("calcite-scrim", { class: f.scrim, loading: e }) : null, r("table", { "aria-busy": k(e), "aria-label": t || "", class: f.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, l || o || d ? r("thead", { class: f.sticky }, r("tr", null, r("th", { colSpan: U }, r("calcite-stack", { class: f.stack }, r("slot", { name: L.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: v.actionsStart }), r("calcite-filter", {
+      "aria-label": a,
+      disabled: s,
+      items: i,
+      onCalciteFilterChange: this.handleFilterChange,
+      placeholder: a,
+      value: n,
+      // 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.setFilterEl
+    }), r("slot", { name: L.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: v.actionsEnd }))))) : null, r("tbody", { class: f.tableContainer }, r("slot", { onSlotchange: this.handleDefaultSlotChange }))), r("div", { "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(m && l && n && !c.length) }, r("slot", { name: L.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange }))));
   }
   // --------------------------------------------------------------------------
   //
@@ -223,11 +243,11 @@ const f = {
   //
   // --------------------------------------------------------------------------
   renderItemAriaLive() {
-    const { messages: e, filteredItems: t, parentListEl: s, effectiveLocale: i, numberingSystem: n, filterEnabled: a, filterText: l, filteredData: c } = this;
-    return v.numberFormatOptions = {
+    const { messages: e, filteredItems: t, parentListEl: s, effectiveLocale: i, numberingSystem: l, filterEnabled: a, filterText: n, filteredData: c } = this;
+    return C.numberFormatOptions = {
       locale: i,
-      numberingSystem: n
-    }, s ? null : r("div", { "aria-live": "polite", class: f.assistiveText }, a && l && (c != null && c.length) ? r("div", { key: "aria-filter-enabled" }, e.filterEnabled) : null, r("div", { key: "aria-item-count" }, e.total.replace("{count}", v.localize(t.length.toString()))), t.length ? r("ol", { key: "aria-item-list" }, t.map((o) => r("li", null, o.label))) : null);
+      numberingSystem: l
+    }, s ? null : r("div", { "aria-live": "polite", class: f.assistiveText }, a && n && (c != null && c.length) ? r("div", { key: "aria-filter-enabled" }, e.filterEnabled) : null, r("div", { key: "aria-item-count" }, e.total.replace("{count}", C.localize(t.length.toString()))), t.length ? r("ol", { key: "aria-item-list" }, t.map((o) => r("li", null, o.label))) : null);
   }
   connectObserver() {
     var e;
@@ -239,7 +259,7 @@ const f = {
   }
   setUpSorting() {
     const { dragEnabled: e } = this;
-    e && $(this);
+    e && z(this);
   }
   onGlobalDragStart() {
     this.disconnectObserver();
@@ -263,23 +283,13 @@ const f = {
   filterElements({ el: e, filteredItems: t, visibleParents: s }) {
     const i = !s.has(e) && !t.includes(e);
     e.filterHidden = i;
-    const n = e.parentElement.closest(ce);
-    n && (i || s.add(n), this.filterElements({
-      el: n,
+    const l = e.parentElement.closest(ne);
+    l && (i || s.add(l), this.filterElements({
+      el: l,
       filteredItems: t,
       visibleParents: s
     }));
   }
-  allParentListItemsOpen(e) {
-    var s;
-    const t = (s = e.parentElement) == null ? void 0 : s.closest(I);
-    if (t) {
-      if (!t.open)
-        return !1;
-    } else
-      return !0;
-    return this.allParentListItemsOpen(t);
-  }
   updateFilteredData(e = !1) {
     const { filterEl: t } = this;
     t && (t.filteredItems && (this.filteredData = t.filteredItems), this.updateListItems(e));
@@ -289,15 +299,15 @@ const f = {
     e && (e.value = t, await e.filter(t), this.updateFilteredData());
   }
   handleNudgeEvent(e) {
-    const { handleSelector: t, dragSelector: s } = this, { direction: i } = e.detail, n = e.composedPath(), a = n.find((h) => (h == null ? void 0 : h.tagName) && h.matches(t)), l = n.find((h) => (h == null ? void 0 : h.tagName) && h.matches(s)), c = l == null ? void 0 : l.parentElement;
+    const { handleSelector: t, dragSelector: s } = this, { direction: i } = e.detail, l = e.composedPath(), a = l.find((h) => (h == null ? void 0 : h.tagName) && h.matches(t)), n = l.find((h) => (h == null ? void 0 : h.tagName) && h.matches(s)), c = n == null ? void 0 : n.parentElement;
     if (!c)
       return;
-    const { filteredItems: o } = this, d = o.filter((h) => h.parentElement === c), m = d.length - 1, g = d.indexOf(l);
+    const { filteredItems: o } = this, d = o.filter((h) => h.parentElement === c), m = d.length - 1, g = d.indexOf(n);
     let u;
     i === "up" ? u = g === 0 ? m : g - 1 : u = g === m ? 0 : g + 1, this.disconnectObserver(), a.blurUnselectDisabled = !0;
-    const y = i === "up" && u !== m || i === "down" && u === 0 ? d[u] : d[u].nextSibling;
-    c.insertBefore(l, y), this.updateListItems(), this.connectObserver(), this.calciteListOrderChange.emit({
-      dragEl: l,
+    const w = i === "up" && u !== m || i === "down" && u === 0 ? d[u] : d[u].nextSibling;
+    c.insertBefore(n, w), this.updateListItems(), this.connectObserver(), this.calciteListOrderChange.emit({
+      dragEl: n,
       fromEl: c,
       toEl: c,
       newIndex: u,
@@ -323,7 +333,7 @@ const f = {
     };
   }
   static get style() {
-    return le;
+    return ie;
   }
 }, [1, "calcite-list", {
   disabled: [516],
@@ -353,7 +363,7 @@ const f = {
   hasFilterActionsStart: [32],
   hasFilterNoResults: [32],
   setFocus: [64]
-}, [[0, "calciteInternalListItemToggle", "handleCalciteListItemToggle"], [0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteInternalListItemActive"], [0, "calciteListItemSelect", "handleCalciteListItemSelect"], [0, "calciteInternalAssistiveTextChange", "handleCalciteInternalAssistiveTextChange"], [0, "calciteHandleNudge", "handleCalciteHandleNudge"], [0, "calciteInternalListItemSelect", "handleCalciteInternalListItemSelect"], [0, "calciteInternalListItemSelectMultiple", "handleCalciteInternalListItemSelectMultiple"], [0, "calciteInternalListItemChange", "handleCalciteInternalListItemChange"], [0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListItemGroupDefaultSlotChange"]], {
+}, [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteInternalListItemActive"], [0, "calciteListItemSelect", "handleCalciteListItemSelect"], [0, "calciteInternalAssistiveTextChange", "handleCalciteInternalAssistiveTextChange"], [0, "calciteHandleNudge", "handleCalciteHandleNudge"], [0, "calciteInternalListItemSelect", "handleCalciteInternalListItemSelect"], [0, "calciteInternalListItemSelectMultiple", "handleCalciteInternalListItemSelectMultiple"], [0, "calciteInternalListItemChange", "handleCalciteInternalListItemChange"], [0, "calciteInternalListItemGroupDefaultSlotChange", "handleCalciteInternalListItemGroupDefaultSlotChange"]], {
   filterText: ["handleFilterTextChange"],
   messageOverrides: ["onMessagesChange"],
   filterEnabled: ["handleListItemChange"],
@@ -363,7 +373,7 @@ const f = {
   selectionAppearance: ["handleListItemChange"],
   effectiveLocale: ["effectiveLocaleChange"]
 }]);
-function x() {
+function F() {
   if (typeof customElements > "u")
     return;
   ["calcite-list", "calcite-filter", "calcite-icon", "calcite-input", "calcite-input-message", "calcite-loader", "calcite-progress", "calcite-scrim", "calcite-stack"].forEach((e) => {
@@ -372,25 +382,25 @@ function x() {
         customElements.get(e) || customElements.define(e, S);
         break;
       case "calcite-filter":
-        customElements.get(e) || Q();
+        customElements.get(e) || j();
         break;
       case "calcite-icon":
-        customElements.get(e) || V();
+        customElements.get(e) || J();
         break;
       case "calcite-input":
-        customElements.get(e) || Y();
+        customElements.get(e) || Q();
         break;
       case "calcite-input-message":
-        customElements.get(e) || Z();
+        customElements.get(e) || V();
         break;
       case "calcite-loader":
-        customElements.get(e) || ee();
+        customElements.get(e) || Y();
         break;
       case "calcite-progress":
-        customElements.get(e) || te();
+        customElements.get(e) || Z();
         break;
       case "calcite-scrim":
-        customElements.get(e) || se();
+        customElements.get(e) || ee();
         break;
       case "calcite-stack":
         customElements.get(e) || N();
@@ -398,9 +408,9 @@ function x() {
     }
   });
 }
-x();
-const De = S, Oe = x;
+F();
+const xe = S, we = F;
 export {
-  De as CalciteList,
-  Oe as defineCustomElement
+  xe as CalciteList,
+  we as defineCustomElement
 };

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.9.0 → @esri_calcite-components@2.7.1}/node_modules/@esri/calcite-components/dist/components/calcite-loader.js

@@ -2,7 +2,7 @@ import { L as e, d as o } from "./loader.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.
- * v2.9.0
+ * v2.7.1
  */
 const m = e, n = o;
 export {

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.9.0 → @esri_calcite-components@2.7.1}/node_modules/@esri/calcite-components/dist/components/calcite-modal.js

@@ -1,20 +1,20 @@
-import { proxyCustomElement as g, H as v, createEvent as a, h as o, Host as x } from "../../../../../../@stencil_core@4.18.2/node_modules/@stencil/core/internal/client/index.js";
+import { proxyCustomElement as g, H as v, createEvent as a, h as o, Host as x } from "../../../../../../@stencil_core@4.9.0/node_modules/@stencil/core/internal/client/index.js";
 import { c as k, d as y } from "./conditionalSlot.js";
-import { g as s, d as r, f as w, E as d } from "./dom.js";
+import { g as s, d as c, f as w, D as d } from "./dom.js";
 import { d as l, a as h, c as z, u as C } from "./focusTrapComponent.js";
 import { s as O, a as E, c as M } from "./loadable.js";
 import { c as m } from "./observers.js";
 import { o as T } from "./openCloseComponent.js";
 import { c as S, d as F } from "./locale.js";
 import { s as B, c as L, d as D, u as I } from "./t9n.js";
-import { g as $, a as H } from "./component.js";
+import { g as $, c as H } from "./component.js";
 import { d as V } from "./icon.js";
 import { d as W } from "./loader.js";
 import { d as A } from "./scrim.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.
- * v2.9.0
+ * v2.7.1
  */
 const t = {
   modal: "modal",
@@ -49,7 +49,7 @@ const t = {
   back: "back",
   secondary: "secondary",
   primary: "primary"
-}, _ = `: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(
+}, _ = `: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-hover, var(--calcite-color-brand)));outline-offset:calc(
             -2px *
             calc(
               1 -
@@ -59,8 +59,8 @@ const t = {
                 1
               )
             )
-          )}.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}`, j = _;
-let c = 0, p = "";
+          )}.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}`;
+let r = 0, p = "";
 const b = /* @__PURE__ */ g(class extends v {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.calciteModalBeforeClose = a(this, "calciteModalBeforeClose", 6), this.calciteModalClose = a(this, "calciteModalClose", 6), this.calciteModalBeforeOpen = a(this, "calciteModalBeforeOpen", 6), this.calciteModalOpen = a(this, "calciteModalOpen", 6), this.ignoreOpenChange = !1, this.mutationObserver = m("mutation", () => this.handleMutationObserver()), this.cssVarObserver = m("mutation", () => {
@@ -83,7 +83,7 @@ const b = /* @__PURE__ */ g(class extends v {
           });
           return;
         }
-      c--, this.opened = !1, this.removeOverflowHiddenClass();
+      r--, this.opened = !1, this.removeOverflowHiddenClass();
     }, this.handleMutationObserver = () => {
       this.updateFooterVisibility(), this.updateFocusTrapElements();
     }, this.updateFooterVisibility = () => {
@@ -91,9 +91,9 @@ const b = /* @__PURE__ */ g(class extends v {
     }, 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 = r(e);
+      this.hasContentTop = c(e);
     }, this.contentBottomSlotChangeHandler = (e) => {
-      this.hasContentBottom = r(e);
+      this.hasContentBottom = c(e);
     }, this.open = !1, this.opened = !1, this.beforeClose = void 0, this.closeButtonDisabled = !1, this.focusTrapDisabled = !1, this.outsideCloseDisabled = !1, this.docked = void 0, this.escapeDisabled = !1, this.scale = "m", this.widthScale = "m", this.fullscreen = void 0, this.kind = void 0, this.messages = void 0, this.messageOverrides = void 0, this.slottedInShell = void 0, this.cssWidth = void 0, this.cssHeight = void 0, this.hasFooter = !0, this.hasContentTop = !1, this.hasContentBottom = !1, this.effectiveLocale = void 0, this.defaultMessages = void 0;
   }
   handleFocusTrapDisabled(e) {
@@ -121,16 +121,24 @@ const b = /* @__PURE__ */ g(class extends v {
     this.removeOverflowHiddenClass(), (e = this.mutationObserver) == null || e.disconnect(), (i = this.cssVarObserver) == null || i.disconnect(), y(this), l(this), F(this), D(this), this.slottedInShell = !1;
   }
   render() {
-    return o(x, { key: "d1e018c6bd88b964c4708d93d9a8206bd708873a", "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, o("div", { key: "9e49f29d18a2e73d8e27219fae8ce80a8aaa70a8", class: {
+    return o(x, { "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, o("div", { class: {
       [t.container]: !0,
       [t.containerOpen]: this.opened,
       [t.slottedInShell]: this.slottedInShell
-    } }, o("calcite-scrim", { key: "16ad63350946bfdc9d93e1de099c35ec4085923f", class: t.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), o("div", { key: "6bc90f5591d025ab11b9e20460888a5c90079fc4", class: {
-      [t.modal]: !0
-    }, ref: this.setTransitionEl }, o("div", { key: "bb3c7cdcb9aeb984608faf5adc83aeecfb76236b", class: t.header }, this.renderCloseButton(), o("header", { key: "4c90d6d66e1dfeffb967d14c95b84568be92846d", class: t.title }, o("slot", { key: "547d39c10dd55af959d9c2595969ad205af4fdcc", name: t.header }))), this.renderContentTop(), o("div", { key: "fe344731d2dcde79ef625640f73b585ca278a158", class: {
-      [t.content]: !0,
-      [t.contentNoFooter]: !this.hasFooter
-    }, ref: (e) => this.modalContent = e }, o("slot", { key: "2fdbe6fa9a7c424e46db9bc00ad76e9cd8f1d242", name: n.content })), this.renderContentBottom(), this.renderFooter())));
+    } }, o("calcite-scrim", { class: t.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), o("div", {
+      class: {
+        [t.modal]: !0
+      },
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: this.setTransitionEl
+    }, o("div", { class: t.header }, this.renderCloseButton(), o("header", { class: t.title }, o("slot", { name: t.header }))), this.renderContentTop(), o("div", {
+      class: {
+        [t.content]: !0,
+        [t.contentNoFooter]: !this.hasFooter
+      },
+      // 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: (e) => this.modalContent = e
+    }, o("slot", { name: n.content })), this.renderContentBottom(), this.renderFooter())));
   }
   renderFooter() {
     return this.hasFooter ? o("div", { class: t.footer, key: "footer" }, o("span", { class: t.back }, o("slot", { name: n.back })), o("span", { class: t.secondary }, o("slot", { name: n.secondary })), o("span", { class: t.primary }, o("slot", { name: n.primary }))) : null;
@@ -142,7 +150,15 @@ const b = /* @__PURE__ */ g(class extends v {
     return o("div", { class: t.contentBottom, hidden: !this.hasContentBottom }, o("slot", { name: n.contentBottom, onSlotchange: this.contentBottomSlotChangeHandler }));
   }
   renderCloseButton() {
-    return this.closeButtonDisabled ? null : o("button", { "aria-label": this.messages.close, class: t.close, key: "button", onClick: this.handleCloseClick, ref: (e) => this.closeButtonEl = e, title: this.messages.close }, o("calcite-icon", { icon: P.close, scale: $(this.scale) }));
+    return this.closeButtonDisabled ? null : o("button", {
+      "aria-label": this.messages.close,
+      class: t.close,
+      key: "button",
+      onClick: this.handleCloseClick,
+      title: this.messages.close,
+      // 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: (e) => this.closeButtonEl = e
+    }, o("calcite-icon", { icon: P.close, scale: $(this.scale) }));
   }
   renderStyle() {
     if (!this.fullscreen && (this.cssWidth || this.cssHeight))
@@ -232,7 +248,7 @@ const b = /* @__PURE__ */ g(class extends v {
   async openModal() {
     await H(this.el), this.el.addEventListener("calciteModalOpen", this.openEnd), this.opened = !0;
     const e = s(this.el, n.header), i = s(this.el, n.content);
-    this.titleId = d(e), this.contentId = d(i), this.slottedInShell || (c === 0 && (p = document.documentElement.style.overflow), c++, document.documentElement.style.setProperty("overflow", "hidden"));
+    this.titleId = d(e), this.contentId = d(i), this.slottedInShell || (r === 0 && (p = document.documentElement.style.overflow), r++, document.documentElement.style.setProperty("overflow", "hidden"));
   }
   removeOverflowHiddenClass() {
     document.documentElement.style.setProperty("overflow", p);
@@ -253,7 +269,7 @@ const b = /* @__PURE__ */ g(class extends v {
     };
   }
   static get style() {
-    return j;
+    return _;
   }
 }, [1, "calcite-modal", {
   open: [1540],
@@ -309,8 +325,8 @@ function u() {
   });
 }
 u();
-const ie = b, ne = u;
+const oe = b, ie = u;
 export {
-  ie as CalciteModal,
-  ne as defineCustomElement
+  oe as CalciteModal,
+  ie as defineCustomElement
 };