@esri/solutions-components 1.0.0-next.20250513.1 → 1.0.0-next.20250521

package/dist/components/delete-button/customElement.js

@@ -1,11 +1,11 @@
-import { c as i } from "../../chunks/runtime.js";
-import { u as s } from "../../chunks/useT9n.js";
-import { html as e, nothing as l } from "lit";
-import { LitElement as a, createEvent as n } from "@arcgis/lumina";
+import { c as s } from "../../chunks/runtime.js";
+import { u as l } from "../../chunks/useT9n.js";
+import { html as e, nothing as n } from "lit";
+import { LitElement as a, createEvent as i } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 const d = o`/** @license
  * Copyright 2025 Esri
  *
@@ -23,10 +23,10 @@ const d = o`/** @license
  */:host{display:block}.delete-modal{position:fixed}`;
 class r extends a {
   constructor() {
-    super(...arguments), this.buttonType = "button", this.disabled = !1, this.icon = "", this.ids = [], this._confirmDelete = !1, this._deleteEndabled = !1, this._supportsDelete = !1, this._translations = s({ name: "delete-button", blocking: !0 }), this.editsComplete = n();
+    super(...arguments), this.buttonType = "button", this.disabled = !1, this.icon = "", this.ids = [], this.showDeleteCount = !0, this._confirmDelete = !1, this._deleteEndabled = !1, this._supportsDelete = !1, this._translations = l({ name: "delete-button", blocking: !0 }), this.editsComplete = i(), this.deleteClicked = i();
   }
   static {
-    this.properties = { deleteDialog: 1, buttonType: 1, disabled: 5, icon: 1, ids: 0, layer: 0, _confirmDelete: 16, _deleteEndabled: 16, _supportsDelete: 16, _translations: 16 };
+    this.properties = { deleteDialog: 1, buttonType: 1, disabled: 5, icon: 1, ids: 0, layer: 0, showDeleteCount: 5, _confirmDelete: 16, _deleteEndabled: 16, _supportsDelete: 16, _translations: 16 };
   }
   static {
     this.styles = d;
@@ -41,7 +41,7 @@ class r extends a {
     this._setDeleteEnabled();
   }
   render() {
-    return e`${this.buttonType === "button" ? e`<calcite-button appearance=outline .disabled=${!this._deleteEndabled} id=solutions-delete kind=danger @click=${() => this._delete()} width=full>${this._translations.deleteCount.replace("{{n}}", this.ids?.length.toString())}</calcite-button>` : e`<calcite-action appearance=solid .disabled=${!this._deleteEndabled} id=${this.icon ?? l} @click=${() => this._delete()} scale=s .text=${this._translations.delete}><calcite-button appearance=transparent .iconStart=${this.icon} kind=danger>${this._translations.delete}</calcite-button></calcite-action>`}${this._deleteMessage()}<calcite-tooltip placement=bottom .referenceElement=${this.buttonType === "button" ? "solutions-delete" : this.icon}><span>${this._translations.delete}</span></calcite-tooltip>`;
+    return e`${this.buttonType === "button" ? e`<calcite-button appearance=outline .disabled=${!this._deleteEndabled} id=solutions-delete kind=danger @click=${() => this._delete()} width=full>${this.showDeleteCount ? this._translations.deleteCount?.replace("{{n}}", this.ids?.length.toString()) : this._translations.delete}</calcite-button>` : e`<calcite-action appearance=solid .disabled=${!this._deleteEndabled} id=${this.icon ?? n} @click=${() => this._delete()} scale=s .text=${this._translations.delete}><calcite-button appearance=transparent .iconStart=${this.icon} kind=danger>${this._translations.delete}</calcite-button></calcite-action>`}${this._deleteMessage()}<calcite-tooltip placement=bottom .referenceElement=${this.buttonType === "button" ? "solutions-delete" : this.icon}><span>${this._translations.delete}</span></calcite-tooltip>`;
   }
   loaded() {
     this._setDeleteEnabled();
@@ -50,13 +50,13 @@ class r extends a {
     this._supportsDelete = !!(this.layer?.editingEnabled && this.layer?.capabilities?.operations?.supportsDelete), this._deleteEndabled = !this.disabled || this._supportsDelete && this.ids?.length > 0;
   }
   _delete() {
-    this._confirmDelete = !0;
+    this.deleteClicked.emit(), this._confirmDelete = !0;
   }
   _deleteMessage() {
     return this.deleteDialog ? this.deleteDialog : e`<delete-dialog id=solution-delete-dialog .ids=${this.ids} .layer=${this.layer} @deleteDialogClose=${() => this._confirmDelete = !1} .open=${this._confirmDelete}></delete-dialog>`;
   }
 }
-i("delete-button", r);
+s("delete-button", r);
 export {
   r as DeleteButton
 };

package/dist/components/delete-dialog/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as a, createEvent as i } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 const r = o`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/edit-card/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as a, noShadowRoot as m, safeClassMap as n
 import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 const u = _`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/feature-details/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as g, createEvent as h, noShadowRoot as f } from "@arcgis/lu
 import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 const C = b`@layer{/**
  * @license
  * Copyright 2025 Esri

package/dist/components/feature-list/customElement.js

@@ -5,11 +5,11 @@ import { d as u, g as c, c as w } from "../../chunks/mapViewUtils.js";
 import { u as _ } from "../../chunks/useT9n.js";
 import { html as l, nothing as x } from "lit";
 import { createRef as f, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as L, createEvent as I, noShadowRoot as F, safeClassMap as b, safeStyleMap as v } from "@arcgis/lumina";
+import { LitElement as L, createEvent as I, noShadowRoot as F, safeClassMap as v, safeStyleMap as b } from "@arcgis/lumina";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 const E = S`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -24,7 +24,7 @@ const E = S`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500;white-space:pre-line}.feature-list-popup-title-small{font-size:small;white-space:pre-line}.feature-list-popup-title-small-ellipsis{font-size:small;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden}.popup-title{padding:0 5px;word-break:break-word}.profile-img{margin:0 5px;min-width:32px}.like-container{display:flex;align-items:center;gap:5px;color:gray!important;font-style:italic}.feature-symbol{padding:0 3px;min-width:30px;display:flex;justify-content:center}.search{padding:10px;background-color:var(--calcite-color-foreground-1)!important;border-block-end:1px solid var(--calcite-color-border-3)}}`;
+ */:host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.notice-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500}.feature-list-popup-title-small{font-size:small}.feature-list-popup-title-small-ellipsis{font-size:small;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden}.popup-title{padding:0 5px;word-break:break-word}.profile-img{margin:0 5px;min-width:32px}.like-container{display:flex;align-items:center;gap:5px;color:gray!important;font-style:italic}.feature-symbol{padding:0 3px;min-width:30px;display:flex;justify-content:center}.search{padding:10px;background-color:var(--calcite-color-foreground-1)!important;border-block-end:1px solid var(--calcite-color-border-3)}}`;
 class C extends L {
   constructor() {
     super(...arguments), this.selectedLayerId = "", this.noFeaturesFoundMsg = "", this.pageSize = 100, this.highlightOnMap = !1, this.highlightOnHover = !1, this.textSize = "large", this.showInitialLoading = !0, this.showErrorWhenNoFeatures = !0, this.showUserImageInList = !1, this.showFeatureSymbol = !1, this.applyLayerViewFilter = !1, this.showFullTitle = !0, this.filterByMapExtent = !1, this._featureItems = [], this._featuresCount = 0, this._isLoading = !1, this._searchPlaceHolder = "", this._fullTextSearchInfo = [], this._translations = _({ name: "feature-list", blocking: !0 }), this._pagination = f(), this._calciteList = f(), this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this._abbreviatedLikeCount = "", this._likeFieldAvailable = !1, this._searchExpression = "", this.featureSelect = I();
@@ -39,7 +39,7 @@ class C extends L {
     this.shadowRootOptions = F;
   }
   willUpdate(e) {
-    e.has("selectedLayerId") && this.selectedLayerWatchHandler(), e.has("sortingInfo") && this.sortingInfoWatchHandler(), e.has("whereClause") && this.whereClauseHandler(), e.has("filterByMapExtent") && (this.hasUpdated || this.filterByMapExtent !== !1) && this.filterByMapExtentHandler(this.filterByMapExtent);
+    e.has("selectedLayerId") && this.selectedLayerWatchHandler(), e.has("sortingInfo") && this.sortingInfoWatchHandler(), e.has("whereClause") && this.whereClauseHandler(), e.has("filterByMapExtent") && this.hasUpdated && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
   }
   async selectedLayerWatchHandler() {
     this._selectedLayer = this.mapView && await u(this.mapView, this.selectedLayerId), await this.initializeFeatureItems();
@@ -50,7 +50,7 @@ class C extends L {
   async whereClauseHandler() {
     await this.initializeFeatureItems();
   }
-  async filterByMapExtentHandler(e) {
+  async filterByMapExtentWatchHandler(e) {
     e ? this.initializeMapExtentFilter() : this._filterByMapExtentHandle && this._filterByMapExtentHandle.remove();
   }
   async refresh(e) {
@@ -71,7 +71,7 @@ class C extends L {
   }
   render() {
     const e = this._canShowFullTextSearch();
-    return l`<calcite-panel>${e && l`<calcite-input class=search clearable icon=search @calciteInputChange=${this._searchTextChanged} .placeholder=${this._searchPlaceHolder} title type=search></calcite-input>` || ""}${this._isLoading && l`<calcite-loader label scale=m></calcite-loader>` || ""}${this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading && l`<calcite-notice class="error-msg" icon=feature-details kind=info open><div slot=message>${this.filterByMapExtent ? this._translations.featureErrorMsgInCurrentMapView : this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg}</div></calcite-notice>` || ""}<calcite-list class=${b(this.textSize === "small" && !this.showFullTitle ? "overflow-hidden" : "")} label selection-appearance=border selection-mode=none ${d(this._calciteList)}>${!this._isLoading && this._featureItems.length > 0 && this._featureItems || ""}</calcite-list>${this.pageSize && this._featuresCount > this.pageSize && l`<div class="width-full" slot=footer><calcite-pagination class="pagination" @calcitePaginationChange=${this.pageChanged} .pageSize=${this.pageSize} start-item=1 .totalItems=${this._featuresCount} ${d(this._pagination)}></calcite-pagination></div>` || ""}</calcite-panel>`;
+    return l`<calcite-panel>${e && l`<calcite-input class=search clearable icon=search @calciteInputChange=${this._searchTextChanged} .placeholder=${this._searchPlaceHolder} title type=search></calcite-input>` || ""}${this._isLoading && l`<calcite-loader label scale=m></calcite-loader>` || ""}${this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading && l`<calcite-notice class="notice-msg" icon=feature-details kind=info open><div slot=message>${this.filterByMapExtent ? this._translations.featureErrorMsgInCurrentMapView : this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg}</div></calcite-notice>` || ""}<calcite-list class=${v(this.textSize === "small" && !this.showFullTitle ? "overflow-hidden" : "")} label selection-appearance=border selection-mode=none ${d(this._calciteList)}>${!this._isLoading && this._featureItems.length > 0 && l`<div>${this.filterByMapExtent && this.getExtentNotice() || ""}${this._featureItems}</div>` || ""}</calcite-list>${this.pageSize && this._featuresCount > this.pageSize && l`<div class="width-full" slot=footer><calcite-pagination class="pagination" @calcitePaginationChange=${this.pageChanged} .pageSize=${this.pageSize} start-item=1 .totalItems=${this._featuresCount} ${d(this._pagination)}></calcite-pagination></div>` || ""}</calcite-panel>`;
   }
   async initModules() {
     const [e, t, i, s] = await m([
@@ -127,7 +127,7 @@ class C extends L {
         t.forEach((s) => {
           const a = this._selectedLayer?.getField(s.trim());
           i.push(a?.alias || "");
-        }), this._searchPlaceHolder = this._translations.searchPlaceholder ? this._translations.searchPlaceholder.replace("{{fields}}", i.join(", ")) : "", this._fullTextSearchInfo.push({
+        }), this._searchPlaceHolder = this._translations.searchPlaceholder ? this._translations.searchPlaceholder.replace("{{field_names}}", i.join(", ")) : "", this._fullTextSearchInfo.push({
           onFields: ["*"],
           searchTerm: "",
           searchType: "prefix"
@@ -218,6 +218,9 @@ class C extends L {
     });
     return Promise.all(s);
   }
+  getExtentNotice() {
+    return l`<calcite-notice class="notice-msg" icon=extent-filter kind=brand open scale=s><div slot=message>${this._translations.extentFilterMsg}</div></calcite-notice>`;
+  }
   getAbbreviatedLikeCount(e) {
     const t = this._selectedLayer;
     if (t) {
@@ -242,7 +245,7 @@ class C extends L {
         this.onFeatureHover(e);
       }} @calciteListItemSelect=${(h) => {
         this.featureClicked(h, e);
-      }} .value=${a}>${this.showUserImageInList && l`<calcite-avatar class=profile-img .fullName=${s?.fullName} scale=m slot=content-start .thumbnail=${s?.userProfileUrl} .userId=${s?.id} .username=${s?.fullName ? s.username : void 0}></calcite-avatar>` || ""}${this.showFeatureSymbol && i && l`<div class=feature-symbol slot=content-start ${d((h) => h && h.replaceChildren(i))}></div>` || ""}<div class=${`popup-title ${n}`} slot=content-start style=${v({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${t}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? x} slot=content-end><span>${this._abbreviatedLikeCount}</span><calcite-icon icon=thumbs-up scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${a.concat("like")}>${r}</calcite-tooltip></div>` || ""}<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`;
+      }} .value=${a}>${this.showUserImageInList && l`<calcite-avatar class=profile-img .fullName=${s?.fullName} scale=m slot=content-start .thumbnail=${s?.userProfileUrl} .userId=${s?.id} .username=${s?.fullName ? s.username : void 0}></calcite-avatar>` || ""}${this.showFeatureSymbol && i && l`<div class=feature-symbol slot=content-start ${d((h) => h && h.replaceChildren(i))}></div>` || ""}<div class=${`popup-title ${n}`} slot=content-start style=${b({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${t}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? x} slot=content-end><span>${this._abbreviatedLikeCount}</span><calcite-icon icon=thumbs-up scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${a.concat("like")}>${r}</calcite-tooltip></div>` || ""}<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`;
     } else
       return;
   }

package/dist/components/field-selection/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as m } from "@arcgis/lumina";
 import { css as p } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 const b = p`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/floor-filter/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as h, createEvent as s } from "@arcgis/lumina";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 const c = d`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/info-card/customElement.js

@@ -2,13 +2,13 @@ import { c as f } from "../../chunks/runtime.js";
 import { l as _ } from "../../chunks/loadModules.js";
 import { P as g } from "../../chunks/popupUtils.js";
 import { u as b } from "../../chunks/useT9n.js";
-import { nothing as w, html as i } from "lit";
-import { LitElement as m, createEvent as o, noShadowRoot as v, safeStyleMap as y, safeClassMap as l } from "@arcgis/lumina";
-import { css as x } from "@lit/reactive-element/css-tag.js";
+import { nothing as w, html as s } from "lit";
+import { LitElement as m, createEvent as r, noShadowRoot as v, safeStyleMap as y, safeClassMap as i } from "@arcgis/lumina";
+import { css as $ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
-const $ = x`@layer{/** @license
+v1.0.0-next.20250521 */
+const x = $`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,23 +25,23 @@ const $ = x`@layer{/** @license
  */:host{display:block;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.feature-node .esri-features__footer{display:none!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-foreground-1)!important;height:100%!important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`;
 class F extends m {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !0, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._mobileTitle = "", this._showListView = !1, this._translations = b({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = o(), this.clearSelection = o(), this.selectionChanged = o(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !0, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._mobileTitle = "", this._showListView = !1, this._translations = b({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = r(), this.clearSelection = r(), this.selectionChanged = r(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics);
   }
   static {
     this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphics: 0, isLoading: 5, isMobile: 5, mapView: 0, allowEditing: 5, highlightEnabled: 5, paginationEnabled: 5, position: 1, showCloseBtn: 5, _alertOpen: 16, _count: 16, _editRecordOpen: 16, _mobileTitle: 16, _showListView: 16, _translations: 16, _navigatedToRelatedFeature: 16 };
   }
   static {
-    this.styles = $;
+    this.styles = x;
   }
   static {
     this.shadowRootOptions = v;
   }
   willUpdate(e) {
     if (e.has("graphics") && this.graphicsWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_translations")) {
-      const t = this._translations._lang, s = e.get("_translations")?._lang;
-      if (t && s && t !== s && this._features) {
-        const a = [...this.graphics];
-        this.graphics = [], this.graphics = a;
+      const t = this._translations._lang, a = e.get("_translations")?._lang;
+      if (t && a && t !== a && this._features) {
+        const o = [...this.graphics];
+        this.graphics = [], this.graphics = o;
       }
     }
   }
@@ -94,8 +94,8 @@ class F extends m {
     this.graphics?.length > 0 && await this.setGraphics();
   }
   render() {
-    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", s = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", a = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", n = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, c = this.isMobile ? "display-none" : "", r = Number(this._features?.selectedFeature?.getObjectId()), d = Number.isNaN(r) ? [] : [r], h = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, p = this._relatedFeature ? [this._relatedFeature] : this.graphics, u = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex;
-    return i`<calcite-shell class="z-index-1" style=${y({ position: this.position })}>${this._getHeader()}<calcite-loader class=${l(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${l("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? w}></div><div class=${`${a} width-100`} slot=footer>${this.allowEditing && i`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && h ? i`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${d} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && h ? i`<calcite-tooltip placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` || ""}${this.paginationEnabled && !n && i`<div class=${`display-flex padding-1-2 button-container top-border ${c}`}><div><calcite-button appearance=transparent .disabled=${n} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s text text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${n} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card class=${l(s)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${u} .graphics=${p} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
+    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", a = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", o = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", l = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, h = Number(this._features?.selectedFeature?.getObjectId()), d = Number.isNaN(h) ? [] : [h], c = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, p = this._relatedFeature ? [this._relatedFeature] : this.graphics, u = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex, n = this.isMobile ? "display-none" : "";
+    return s`<calcite-shell class="z-index-1" style=${y({ position: this.position })}>${this._getHeader()}<calcite-loader class=${i(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${i("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? w}></div><div class=${`${o} width-100`} slot=footer>${this.allowEditing && s`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && c ? s`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${d} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && c ? s`<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` || ""}${this.paginationEnabled && !l && s`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${l} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s text text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${l} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card class=${i(a)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${u} .graphics=${p} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
   }
   async _initModules() {
     const [e, t] = await _(["esri/widgets/Features", "esri/core/reactiveUtils"]);
@@ -121,7 +121,7 @@ class F extends m {
         }
       }), this._features) {
         this._features.viewModel.highlightEnabled = !!this.highlightEnabled, this.reactiveUtils?.watch(() => (this._features?.viewModel).featureMenuOpen, (t) => {
-          this._count = this._getCount(), t || (this._showListView = t);
+          this._updateCount(), t || (this._showListView = t);
         }), this.reactiveUtils?.watch(() => this._features?.selectedFeatureIndex, (t) => {
           t !== void 0 && t > -1 && this._features?.selectedFeature && this.selectionChanged.emit({
             selectedFeature: [this._features.selectedFeature],
@@ -138,7 +138,7 @@ class F extends m {
     }) : Promise.resolve();
   }
   _getHeader() {
-    return this.isMobile && !this._editRecordOpen ? i`<calcite-panel class="border-width-0" slot=header><calcite-action class="end-border" icon=chevron-left icon-flip-rtl @click=${() => this._closePopup()} scale=s slot=header-actions-start text></calcite-action><span class="font-bold" slot=header-content>${this._mobileTitle}</span></calcite-panel>` : void 0;
+    return this.isMobile && !this._editRecordOpen ? s`<calcite-panel class="border-width-0" slot=header><calcite-action class="end-border" icon=chevron-left icon-flip-rtl @click=${() => this._closePopup()} scale=s slot=header-actions-start text></calcite-action><span class="font-bold" slot=header-content>${this._mobileTitle}</span></calcite-panel>` : void 0;
   }
   _closePopup() {
     this.popupClosed.emit();
@@ -149,11 +149,15 @@ class F extends m {
   _openEditRecord() {
     this._editEnabled ? this._editRecordOpen = !0 : this._alertOpen = !0;
   }
-  _back() {
-    this._features?.previous(), this._count = this._getCount();
+  async _back() {
+    this._features?.previous(), await this._updateCount();
   }
-  _next() {
-    this._features?.next(), this._count = this._getCount();
+  async _next() {
+    this._features?.next(), await this._updateCount();
+  }
+  async _updateCount() {
+    const e = this._features?.selectedFeatureIndex;
+    this._popupUtils && this.mapView && this.mapView.map && e !== void 0 && (this._mobileTitle = await this._popupUtils.getPopupTitle(this.graphics[e], this.mapView.map)), this._count = this._getCount();
   }
   _getCount() {
     const e = this._features?.viewModel && (this._features?.viewModel.selectedFeatureIndex + 1).toString() || "", t = this._features?.features?.length.toString() || "";

package/dist/components/json-editor/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as u, noShadowRoot as p, nothing as s } from "@arcgis/lumina
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 const _ = f`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/layer-list/customElement.js

@@ -1,13 +1,13 @@
 import { c as y } from "../../chunks/runtime.js";
 import { e as d, j as p, g as m } from "../../chunks/mapViewUtils.js";
-import { l as h, a as f } from "../../chunks/loadModules.js";
-import { u } from "../../chunks/useT9n.js";
+import { l as h, a as u } from "../../chunks/loadModules.js";
+import { u as f } from "../../chunks/useT9n.js";
 import { html as r } from "lit";
 import { LitElement as L, createEvent as c, noShadowRoot as w } from "@arcgis/lumina";
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
+v1.0.0-next.20250521 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {
@@ -38,10 +38,10 @@ const I = g`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}.error-msg{padding:10px}.layer-name{font-weight:500;word-break:break-word}.feature-count{padding:0 10px}}`;
+ */:host{display:block}.notice-msg{width:calc(100% - 20px);padding:10px}.layer-name{font-weight:500;word-break:break-word}.feature-count{padding:0 10px}}`;
 class x extends L {
   constructor() {
-    super(...arguments), this.layers = [], this.showFeatureCount = !0, this.showNextIcon = !1, this.applyLayerViewFilter = !1, this.filterByMapExtent = !1, this._noLayersToDisplay = !1, this._mapLayerIds = [], this._isLoading = !1, this._translations = u({ name: "layer-list", blocking: !0 }), this.layerSelect = c(), this.layersListLoaded = c();
+    super(...arguments), this.layers = [], this.showFeatureCount = !0, this.showNextIcon = !1, this.applyLayerViewFilter = !1, this.filterByMapExtent = !1, this._noLayersToDisplay = !1, this._mapLayerIds = [], this._isLoading = !1, this._translations = f({ name: "layer-list", blocking: !0 }), this.layerSelect = c(), this.layersListLoaded = c();
   }
   static {
     this.properties = { mapView: 0, layers: 0, showFeatureCount: 5, showNextIcon: 5, applyLayerViewFilter: 5, filterByMapExtent: 5, _noLayersToDisplay: 16, _mapLayerIds: 16, _isLoading: 16, _translations: 16 };
@@ -53,7 +53,7 @@ class x extends L {
     this.shadowRootOptions = w;
   }
   willUpdate(e) {
-    e.has("filterByMapExtent") && (this.hasUpdated || this.filterByMapExtent !== !1) && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
+    e.has("filterByMapExtent") && this.hasUpdated && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
   }
   filterByMapExtentWatchHandler(e) {
     e ? this.initializeMapExtentFilter() : this._filterByMapExtentHandle && this._filterByMapExtentHandle.remove();
@@ -68,10 +68,10 @@ class x extends L {
     await this.setLayers();
   }
   render() {
-    return r`${this._isLoading && r`<calcite-loader label scale=m></calcite-loader>` || ""}${!this._isLoading && this.mapView && this._noLayersToDisplay && r`<calcite-notice class="error-msg" icon=layers-reference kind=danger open><div slot=title>${this._translations.error}</div><div slot=message>${this._translations.noLayerToDisplayErrorMsg}</div></calcite-notice>` || ""}${!this._isLoading && this.mapView && r`<calcite-list label selection-appearance=border selection-mode=none>${this.renderLayerList()}</calcite-list>` || ""}`;
+    return r`${this._isLoading && r`<calcite-loader label scale=m></calcite-loader>` || ""}${!this._isLoading && this.mapView && this._noLayersToDisplay && r`<calcite-notice class="notice-msg" icon=layers-reference kind=danger open><div slot=title>${this._translations.error}</div><div slot=message>${this._translations.noLayerToDisplayErrorMsg}</div></calcite-notice>` || ""}${!this._isLoading && this.mapView && r`<calcite-list label selection-appearance=border selection-mode=none>${this.filterByMapExtent && this._mapLayerIds.length > 0 && this.getExtentNotice() || ""}${this.renderLayerList()}</calcite-list>` || ""}`;
   }
   async initModules() {
-    const [e] = await f(["esri/core/reactiveUtils"]);
+    const [e] = await u(["esri/core/reactiveUtils"]);
     this.reactiveUtils = e;
   }
   initializeMapExtentFilter() {
@@ -137,6 +137,9 @@ class x extends L {
       this.onLayerItemSelected(e);
     }}><div class="layer-name" slot=content-start>${s}</div>${this.showFeatureCount && t !== void 0 && t !== "" && r`<div class="feature-count" slot=content-end>${`(${t})`}</div>` || ""}${this.showNextIcon && r`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>` || ""}</calcite-list-item>`;
   }
+  getExtentNotice() {
+    return r`<calcite-notice class="notice-msg" icon=extent-filter kind=brand open scale=s><div slot=message>${this._translations.extentFilterMsg}</div></calcite-notice>`;
+  }
   onLayerItemSelected(e) {
     this._layerItemsHash && this.layerSelect.emit({ layerId: e, layerName: this._layerItemsHash[e]?.name });
   }

package/dist/components/layer-table/customElement.d.ts

@@ -51,7 +51,7 @@ export declare class LayerTable extends LitElement {
     /**
      * string: Selection mode for the feature selection
      *
-     * @default "multiple"
+     * @default 'multiple'
      */
     featureSelectionMode: string;
     /** number[]: A list of ids selected ids from related records */