@esri/solutions-components 1.1.0-next.20250910.1 → 1.1.0-next.20250912

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

@@ -8,7 +8,7 @@ import { createRef as f, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as v, createEvent as g, noShadowRoot as F, safeClassMap as b, safeStyleMap as E } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250910.1 */
+v1.1.0-next.20250912 */
 const S = L`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -26,7 +26,7 @@ const S = L`@layer{/** @license
  */: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 v {
   constructor() {
-    super(...arguments), this.selectedLayerId = "", this.noFeaturesFoundMsg = "", this.pageSize = 100, this.highlightOnMap = !1, this.highlightOnHover = !1, this.textSize = "large", this.showInitialLoading = !0, this.showErrorWhenNoFeatures = !1, 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 = x({ 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.featureClick = g(), this.featureSelect = g();
+    super(), this.selectedLayerId = "", this.noFeaturesFoundMsg = "", this.pageSize = 100, this.highlightOnMap = !1, this.highlightOnHover = !1, this.textSize = "large", this.showInitialLoading = !0, this.showErrorWhenNoFeatures = !1, 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 = x({ 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.featureClick = g(), this.featureSelect = g(), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated);
   }
   static {
     this.properties = { selectedLayerId: 1, mapView: 0, noFeaturesFoundMsg: 1, pageSize: 9, highlightOnMap: 5, highlightOnHover: 5, sortingInfo: 0, whereClause: 1, textSize: 1, showInitialLoading: 5, showErrorWhenNoFeatures: 5, showUserImageInList: 5, showFeatureSymbol: 5, applyLayerViewFilter: 5, reportingOptions: 0, showFullTitle: 5, filterByMapExtent: 5, _featureItems: 16, _featuresCount: 16, _isLoading: 16, _searchPlaceHolder: 16, _fullTextSearchInfo: 16, _translations: 16 };
@@ -37,8 +37,8 @@ class C extends v {
   static {
     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.filterByMapExtentWatchHandler(this.filterByMapExtent);
+  willUpdate(t) {
+    t.has("selectedLayerId") && this.selectedLayerWatchHandler(), t.has("sortingInfo") && this.sortingInfoWatchHandler(), t.has("whereClause") && this.whereClauseHandler(), t.has("filterByMapExtent") && this.hasUpdated && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
   }
   async selectedLayerWatchHandler() {
     this._selectedLayer = this.mapView && await u(this.mapView, this.selectedLayerId), await this.initializeFeatureItems();
@@ -49,19 +49,30 @@ class C extends v {
   async whereClauseHandler() {
     await this.initializeFeatureItems();
   }
-  async filterByMapExtentWatchHandler(e) {
-    e ? this.initializeMapExtentFilter() : this._filterByMapExtentHandle && this._filterByMapExtentHandle.remove();
+  async filterByMapExtentWatchHandler(t) {
+    t ? this.initializeMapExtentFilter() : this._filterByMapExtentHandle && this._filterByMapExtentHandle.remove();
   }
-  async refresh(e) {
-    if (e && this._pagination.value) {
-      const t = {
+  async refresh(t) {
+    if (t && this._pagination.value) {
+      const e = {
         target: {
           startItem: this._pagination.value.startItem
         }
       };
-      await this.pageChanged(t);
+      await this.pageChanged(e);
     } else this._searchExpression ? await this._searchFullText() : await this.initializeFeatureItems();
   }
+  async selectedLanguageUpdated(t) {
+    if (this._pagination.value) {
+      const e = {
+        target: {
+          startItem: this._pagination.value.startItem
+        }
+      };
+      await this.pageChanged(e);
+    } else
+      await this.initializeFeatureItems();
+  }
   async load() {
     await this.initModules(), this._isLoading = !!this.showInitialLoading, this._popupUtils = new w(), this.mapView && this.selectedLayerId && (this._selectedLayer = await u(this.mapView, this.selectedLayerId), this._getFullTextSearchInfo()), this.filterByMapExtent && this.initializeMapExtentFilter();
   }
@@ -69,34 +80,34 @@ class C extends v {
     await this.initializeFeatureItems();
   }
   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="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=${b(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>`;
+    const t = this._canShowFullTextSearch();
+    return l`<calcite-panel>${t && 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=${b(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, s, i] = await y([
+    const [t, e, s, i] = await y([
       "esri/Color",
       "esri/config",
       "esri/symbols/support/symbolUtils",
       "esri/core/reactiveUtils"
     ]);
-    this.Color = e, this.esriConfig = t, this.symbolUtils = s, this.reactiveUtils = i;
+    this.Color = t, this.esriConfig = e, this.symbolUtils = s, this.reactiveUtils = i;
   }
   async getWhereCondition() {
-    let e = "1=1";
-    if (this.whereClause && (e = this.whereClause), this._selectedLayer?.definitionExpression && (e = e + " AND " + this._selectedLayer.definitionExpression), this.applyLayerViewFilter) {
-      const t = this.mapView && await c(this.mapView, this.selectedLayerId);
-      t?.filter?.where && (e = e + " AND " + t.filter.where);
+    let t = "1=1";
+    if (this.whereClause && (t = this.whereClause), this._selectedLayer?.definitionExpression && (t = t + " AND " + this._selectedLayer.definitionExpression), this.applyLayerViewFilter) {
+      const e = this.mapView && await c(this.mapView, this.selectedLayerId);
+      e?.filter?.where && (t = t + " AND " + e.filter.where);
     }
-    return e;
+    return t;
   }
   async initializeFeatureItems() {
     if (this._selectedLayer) {
       this._pagination.value?.goTo("start"), this._isLoading = !!this.showInitialLoading, this._featureItems = await this.queryPage(0);
-      const t = {
+      const e = {
         where: await this.getWhereCondition(),
         geometry: this.filterByMapExtent ? this.mapView?.extent : null
       };
-      this._featuresCount = await this._selectedLayer.queryFeatureCount(t), this._isLoading = !1;
+      this._featuresCount = await this._selectedLayer.queryFeatureCount(e), this._isLoading = !1;
     }
   }
   initializeMapExtentFilter() {
@@ -106,24 +117,24 @@ class C extends v {
       initial: !0
     });
   }
-  async pageChanged(e) {
+  async pageChanged(t) {
     this._isLoading = !0, this._highlightHandle && (this._highlightHandle.remove(), this._highlightHandle = void 0);
-    const t = e.target.startItem - 1;
-    this._featureItems = await this.queryPage(t), this._isLoading = !1;
+    const e = t.target.startItem - 1;
+    this._featureItems = await this.queryPage(e), this._isLoading = !1;
   }
   _canShowFullTextSearch() {
-    return this._selectedLayer?.capabilities?.query?.supportsFullTextSearch && this._selectedLayer.indexes.items.filter((e) => e.indexType == "FullText").length > 0;
+    return this._selectedLayer?.capabilities?.query?.supportsFullTextSearch && this._selectedLayer.indexes.items.filter((t) => t.indexType == "FullText").length > 0;
   }
   _getFullTextSearchInfo() {
     if (this._fullTextSearchInfo = [], this._selectedLayer?.capabilities?.query?.supportsFullTextSearch) {
-      const e = this._selectedLayer.indexes?.filter((t) => t.indexType == "FullText");
-      if (e?.length) {
-        const t = [];
-        e.forEach((i) => {
-          t.push(...i.fields.split(","));
+      const t = this._selectedLayer.indexes?.filter((e) => e.indexType == "FullText");
+      if (t?.length) {
+        const e = [];
+        t.forEach((i) => {
+          e.push(...i.fields.split(","));
         });
         const s = [];
-        t.forEach((i) => {
+        e.forEach((i) => {
           const a = this._selectedLayer?.getField(i.trim());
           s.push(a?.alias || "");
         }), this._searchPlaceHolder = this._translations.searchPlaceholder ? this._translations.searchPlaceholder.replace("{{field_names}}", s.join(", ")) : "", this._fullTextSearchInfo.push({
@@ -134,68 +145,68 @@ class C extends v {
       }
     }
   }
-  async _searchTextChanged(e) {
-    this._fullTextSearchInfo.forEach((t) => {
-      t.searchTerm = e.target.value;
+  async _searchTextChanged(t) {
+    this._fullTextSearchInfo.forEach((e) => {
+      e.searchTerm = t.target.value;
     }), await this._searchFullText();
   }
   async _searchFullText() {
     this._searchExpression && this._clearSearchDefinitionExpression();
-    let e = [];
+    let t = [];
     if (this._fullTextSearchInfo && this._fullTextSearchInfo[0].searchTerm) {
-      const t = this._selectedLayer?.createQuery();
-      t && (t.fullText = this._fullTextSearchInfo, e = await this._selectedLayer?.queryObjectIds(t), await this._updateSearchDefinitionExpression(e?.length ? e : [-1]));
+      const e = this._selectedLayer?.createQuery();
+      e && (e.fullText = this._fullTextSearchInfo, t = await this._selectedLayer?.queryObjectIds(e), await this._updateSearchDefinitionExpression(t?.length ? t : [-1]));
     }
     await this.initializeFeatureItems();
   }
-  async _updateSearchDefinitionExpression(e) {
+  async _updateSearchDefinitionExpression(t) {
     if (this._selectedLayer) {
-      const t = this._selectedLayer.definitionExpression;
-      if (e?.length) {
-        const s = `objectId in(${e})`;
-        this._selectedLayer.definitionExpression = this._searchExpression && t && t?.indexOf(this._searchExpression) > -1 ? t.replace(this._searchExpression, s) : t ? `${t} AND (${s})` : s, this._searchExpression = s;
+      const e = this._selectedLayer.definitionExpression;
+      if (t?.length) {
+        const s = `objectId in(${t})`;
+        this._selectedLayer.definitionExpression = this._searchExpression && e && e?.indexOf(this._searchExpression) > -1 ? e.replace(this._searchExpression, s) : e ? `${e} AND (${s})` : s, this._searchExpression = s;
       } else
         this._clearSearchDefinitionExpression();
     }
   }
   _clearSearchDefinitionExpression() {
     if (this._selectedLayer) {
-      const e = this._selectedLayer?.definitionExpression;
-      this._searchExpression && e && e?.indexOf(this._searchExpression) > -1 && (e?.indexOf(" AND (" + this._searchExpression) > -1 ? this._selectedLayer.definitionExpression = e.replace(` AND (${this._searchExpression})`, "") : this._selectedLayer.definitionExpression = e.replace(this._searchExpression, ""));
+      const t = this._selectedLayer?.definitionExpression;
+      this._searchExpression && t && t?.indexOf(this._searchExpression) > -1 && (t?.indexOf(" AND (" + this._searchExpression) > -1 ? this._selectedLayer.definitionExpression = t.replace(` AND (${this._searchExpression})`, "") : this._selectedLayer.definitionExpression = t.replace(this._searchExpression, ""));
     }
     this._searchExpression = "";
   }
-  async featureClicked(e, t) {
+  async featureClicked(t, e) {
     if (this.featureClick.emit(), this.clearHighlights(), this.highlightOnMap) {
-      const s = Number(e.target.value), i = this.mapView && await c(this.mapView, this.selectedLayerId);
+      const s = Number(t.target.value), i = this.mapView && await c(this.mapView, this.selectedLayerId);
       this._highlightHandle = i && this.mapView ? await _([s], i, this.mapView, !0) : void 0;
     }
-    await this.emitSelectedFeature(t);
+    await this.emitSelectedFeature(e);
   }
-  async emitSelectedFeature(e) {
-    const t = e.layer, s = t.createQuery();
+  async emitSelectedFeature(t) {
+    const e = t.layer, s = e.createQuery();
     s.returnGeometry = !0;
-    const i = Number(e.getObjectId());
+    const i = Number(t.getObjectId());
     if (!Number.isNaN(i) && s) {
       s.objectIds = [i];
-      const a = await t.queryFeatures(s);
+      const a = await e.queryFeatures(s);
       this.featureSelect.emit(a.features[0]);
     }
   }
-  async onFeatureHover(e) {
+  async onFeatureHover(t) {
     if (this.clearHighlights(), this.highlightOnHover) {
-      const t = Number(e.getObjectId()), s = this.mapView && await c(this.mapView, this.selectedLayerId);
-      s && (this._highlightHandle = s.highlight([t], { name: "temporary" }));
+      const e = Number(t.getObjectId()), s = this.mapView && await c(this.mapView, this.selectedLayerId);
+      s && (this._highlightHandle = s.highlight([e], { name: "temporary" }));
     }
   }
   clearHighlights() {
     this._highlightHandle && this._highlightHandle.remove();
   }
-  async queryPage(e) {
-    const t = this._selectedLayer;
-    if (t) {
-      const s = this.sortingInfo?.field ? this.sortingInfo.field : t.objectIdField, i = this.sortingInfo?.order ? this.sortingInfo.order : "desc", a = await this.getWhereCondition(), r = {
-        start: e,
+  async queryPage(t) {
+    const e = this._selectedLayer;
+    if (e) {
+      const s = this.sortingInfo?.field ? this.sortingInfo.field : e.objectIdField, i = this.sortingInfo?.order ? this.sortingInfo.order : "desc", a = await this.getWhereCondition(), r = {
+        start: t,
         num: this.pageSize,
         outFields: ["*"],
         returnGeometry: !0,
@@ -204,13 +215,13 @@ class C extends v {
         geometry: this.filterByMapExtent ? this.mapView?.extent : null
       };
       s && i && (r.orderByFields = [s.toString() + " " + i]);
-      const n = await t.queryFeatures(r);
+      const n = await e.queryFeatures(r);
       return await this.createFeatureItem(n);
     } else
       return;
   }
-  async createFeatureItem(e) {
-    const t = e?.features, s = this.reportingOptions && this.reportingOptions[this.selectedLayerId].like, i = t.map(async (a) => {
+  async createFeatureItem(t) {
+    const e = t?.features, s = this.reportingOptions && this.reportingOptions[this.selectedLayerId].like, i = e.map(async (a) => {
       const r = this.mapView?.map && await this._popupUtils?.getPopupTitle(a, this.mapView.map) || "";
       let n, o;
       return this.showUserImageInList && this._selectedLayer?.editFieldsInfo?.creatorField && (n = await this.getUserInformation(a)), this.showFeatureSymbol && (o = await this.getFeatureSymbol(a)), s && this.getAbbreviatedLikeCount(a), this.getFeatureItem(a, r, o, n);
@@ -220,60 +231,60 @@ class C extends v {
   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) {
-      const s = this.reportingOptions && this.reportingOptions[t.id].likeField;
-      t.fields.forEach((i) => {
-        if (this._validFieldTypes.indexOf(i.type) > -1 && i.name === s && this.reportingOptions && this.reportingOptions[t.id].like) {
+  getAbbreviatedLikeCount(t) {
+    const e = this._selectedLayer;
+    if (e) {
+      const s = this.reportingOptions && this.reportingOptions[e.id].likeField;
+      e.fields.forEach((i) => {
+        if (this._validFieldTypes.indexOf(i.type) > -1 && i.name === s && this.reportingOptions && this.reportingOptions[e.id].like) {
           this._likeFieldAvailable = !0;
-          let a = e.attributes[s] || 0;
+          let a = t.attributes[s] || 0;
           a > 999 && this._translations.millions_value && this._translations.thousands_value && (a = a > 999999 ? this._translations.millions_value.replace("{{millions_value}}", Math.floor(a / 1e6).toString()) : this._translations.thousands_value.replace("{{thousands_value}}", Math.floor(a / 1e3).toString())), this._abbreviatedLikeCount = a;
         }
       });
     }
   }
-  getFeatureItem(e, t, s, i) {
+  getFeatureItem(t, e, s, i) {
     if (this._selectedLayer?.id && this._calciteList.value) {
-      const a = e.attributes[this._selectedLayer.objectIdField].toString();
-      t = t ?? a;
-      const r = Number(e.attributes[this.reportingOptions?.[this._selectedLayer.id].likeField || ""]).toLocaleString(), n = this.textSize === "small" && !this.showFullTitle ? "feature-list-popup-title-small-ellipsis" : this.textSize === "small" ? "feature-list-popup-title-small" : "feature-list-popup-title", o = this.showUserImageInList ? 115 : 65, p = this._calciteList.value.offsetWidth - o;
+      const a = t.attributes[this._selectedLayer.objectIdField].toString();
+      e = e ?? a;
+      const r = Number(t.attributes[this.reportingOptions?.[this._selectedLayer.id].likeField || ""]).toLocaleString(), n = this.textSize === "small" && !this.showFullTitle ? "feature-list-popup-title-small-ellipsis" : this.textSize === "small" ? "feature-list-popup-title-small" : "feature-list-popup-title", o = this.showUserImageInList ? 115 : 65, p = this._calciteList.value.offsetWidth - o;
       return l`<calcite-list-item @mouseleave=${() => {
         this.clearHighlights();
       }} @mouseover=${() => {
-        this.onFeatureHover(e);
+        this.onFeatureHover(t);
       }} @calciteListItemSelect=${(h) => {
-        this.featureClicked(h, e);
-      }} .value=${a}>${this.showUserImageInList && l`<calcite-avatar class=profile-img .fullName=${i?.fullName} scale=m slot=content-start .thumbnail=${i?.userProfileUrl} .userId=${i?.id} .username=${i?.fullName ? i.username : void 0}></calcite-avatar>` || ""}${this.showFeatureSymbol && s && l`<div class=feature-symbol slot=content-start ${d((h) => h && h.replaceChildren(s))}></div>` || ""}<div class=${`popup-title ${n}`} slot=content-start style=${E({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${t}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? I} 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>`;
+        this.featureClicked(h, t);
+      }} .value=${a}>${this.showUserImageInList && l`<calcite-avatar class=profile-img .fullName=${i?.fullName} scale=m slot=content-start .thumbnail=${i?.userProfileUrl} .userId=${i?.id} .username=${i?.fullName ? i.username : void 0}></calcite-avatar>` || ""}${this.showFeatureSymbol && s && l`<div class=feature-symbol slot=content-start ${d((h) => h && h.replaceChildren(s))}></div>` || ""}<div class=${`popup-title ${n}`} slot=content-start style=${E({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${e}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? I} 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;
   }
-  async getUserInformation(e) {
-    let t = this._selectedLayer?.editFieldsInfo?.creatorField;
-    if (t) {
-      e.attributes.hasOwnProperty(t.toLowerCase()) ? t = t.toLowerCase() : e.attributes.hasOwnProperty(t.toUpperCase()) && (t = t.toUpperCase());
-      let s = `${this.esriConfig?.portalUrl}/sharing/rest/community/users/${e.attributes[t]}?f=json&returnUserLicensedItems=true`;
+  async getUserInformation(t) {
+    let e = this._selectedLayer?.editFieldsInfo?.creatorField;
+    if (e) {
+      t.attributes.hasOwnProperty(e.toLowerCase()) ? e = e.toLowerCase() : t.attributes.hasOwnProperty(e.toUpperCase()) && (e = e.toUpperCase());
+      let s = `${this.esriConfig?.portalUrl}/sharing/rest/community/users/${t.attributes[e]}?f=json&returnUserLicensedItems=true`;
       const i = this.mapView?.map?.portalItem.portal?.credential?.token;
       i && (s += `&token=${i}`);
-      const r = await (await fetch(s)).json(), n = r?.username ?? e.attributes[t];
+      const r = await (await fetch(s)).json(), n = r?.username ?? t.attributes[e];
       let o = `${this.esriConfig?.portalUrl}/sharing/rest/community/users/${n}/info/blob.png`;
       return r?.access && i && (o += `?token=${i}`), r.userProfileUrl = o, r;
     } else
       return;
   }
-  async getFeatureSymbol(e) {
-    const t = document.createElement("div");
-    return await this.symbolUtils?.getDisplayedSymbol(e).then(async (s) => {
+  async getFeatureSymbol(t) {
+    const e = document.createElement("div");
+    return await this.symbolUtils?.getDisplayedSymbol(t).then(async (s) => {
       if (s && await this.symbolUtils?.renderPreviewHTML(s, {
-        node: t
-      }), t.children?.length) {
-        const i = t.children[0];
+        node: e
+      }), e.children?.length) {
+        const i = e.children[0];
         if (i) {
           const a = Number(i.getAttribute("height")), r = Number(i.getAttribute("width"));
-          r > 30 && i.setAttribute("width", "30"), a > 30 && i.setAttribute("height", "30"), i.setAttribute("viewBox", `0 0 ${r} ${a}`);
+          r > 30 && (e.setAttribute("width", "30"), i.setAttribute("width", "30")), a > 30 && (e.setAttribute("height", "30"), i.setAttribute("height", "30")), i.setAttribute("viewBox", `0 0 ${r} ${a}`), e.setAttribute("viewBox", `0 0 ${r} ${a}`);
         }
       }
-    }), t;
+    }), e;
   }
 }
 m("feature-list", C);

package/dist/components/field-selection/customElement.d.ts

@@ -3,10 +3,7 @@
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class FieldSelection extends LitElement {
-    /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
     layer: __esri.FeatureLayer | undefined;
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
-    /** esri/widgets/FeatureTable: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html */
     table: __esri.FeatureTable | undefined;
 }

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

@@ -1,13 +1,12 @@
-import { c as d } from "../../chunks/runtime.js";
-import { ref as c } from "lit/directives/ref.js";
-import { css as h, html as m } from "lit";
-import { u as p } from "../../chunks/useT9n.js";
-import "@arcgis/map-config-components";
-import { LitElement as b } from "@arcgis/lumina";
+import { c as r } from "../../chunks/runtime.js";
+import { ref as d } from "lit/directives/ref.js";
+import { css as n, html as c } from "lit";
+import { u as h } from "../../chunks/useT9n.js";
+import { LitElement as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250910.1 */
-const u = h`/** @license
+v1.1.0-next.20250912 */
+const m = n`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,104 +21,71 @@ const u = h`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.height-51{height:51px}.width-51{width:51px}`;
-class f extends b {
+class f extends p {
   constructor() {
-    super(...arguments), this._translations = p({ name: "field-selection", blocking: !0 }), this.fieldVisibilityPopoverClickHandler = (e) => {
-      this.fieldVisibilityPopoverNode ? this.isInNode(e.target, "arcgis-table-field-selection") || (document.body.removeChild(this.fieldVisibilityPopoverNode), this.fieldVisibilityPopoverNode = void 0, document.removeEventListener("click", this.fieldVisibilityPopoverClickHandler)) : document.removeEventListener("click", this.fieldVisibilityPopoverClickHandler);
+    super(...arguments), this._translations = h({ name: "field-selection", blocking: !0 }), this._selectedFields = [], this.fieldVisibilityPopoverClickHandler = (i) => {
+      this.fieldVisibilityPopoverNode ? this.isInNode(i.target, "arcgis-field-pick-list") || (document.body.removeChild(this.fieldVisibilityPopoverNode), this.fieldVisibilityPopoverNode = void 0, document.removeEventListener("click", this.fieldVisibilityPopoverClickHandler)) : document.removeEventListener("click", this.fieldVisibilityPopoverClickHandler);
     };
   }
   static {
     this.properties = { layer: 0, mapView: 0, table: 0, _translations: 16 };
   }
   static {
-    this.styles = u;
+    this.styles = m;
   }
   render() {
-    return m`<calcite-action class="height-51 width-51" id=solutions-field-selection .text=${this._translations.fieldVisibility} scale=m @click=${() => this.handleFieldVisibilityClick()} @mouseover=${() => this.addTableTooltip(this.fieldVisibilityActionNode, this._translations.fieldVisibility)} @mouseout=${() => this.removeTableTooltip()} @focus=${() => this.addTableTooltip(this.fieldVisibilityActionNode, this._translations.fieldVisibility)} ${c((e) => this.fieldVisibilityActionNode = e)}><calcite-icon scale=s icon=gear></calcite-icon></calcite-action>`;
+    return c`<calcite-action class="height-51 width-51" id=solutions-field-selection .text=${this._translations.fieldVisibility} scale=m @click=${() => this.handleFieldVisibilityClick()} @mouseover=${() => this.addTableTooltip(this.fieldVisibilityActionNode, this._translations.fieldVisibility)} @mouseout=${() => this.removeTableTooltip()} @focus=${() => this.addTableTooltip(this.fieldVisibilityActionNode, this._translations.fieldVisibility)} ${d((i) => this.fieldVisibilityActionNode = i)}><calcite-icon scale=s icon=gear></calcite-icon></calcite-action>`;
   }
   handleFieldVisibilityClick() {
     if (this.fieldVisibilityPopoverNode)
       return;
-    const e = this.table?.tableTemplate?.columnTemplates;
-    if (this.layer && this.mapView && e && this.fieldVisibilityActionNode) {
+    const i = this.table?.tableTemplate?.columnTemplates;
+    if (this.layer && this.mapView && i && this.fieldVisibilityActionNode) {
       document.removeEventListener("click", this.fieldVisibilityPopoverClickHandler);
-      const t = document.createElement("arcgis-table-field-selection");
-      if (t.props = {
-        layer: this.layer,
-        view: this.mapView
-      }, t.strings = {
-        fieldVisibility: this._translations.fieldVisibility,
-        selectFields: this._translations.selectFields,
-        filterFields: this._translations.filterFields,
-        sortFields: this._translations.sortFields,
-        sortBy: this._translations.sortBy,
-        default: this._translations.sortByDefault,
-        sortByDisplayName: this._translations.sortByDisplayName,
-        sortByType: this._translations.sortByType,
-        sortByFieldName: this._translations.sortByFieldName,
-        selectAll: this._translations.selectAll,
-        deselectAll: this._translations.deselectAll,
-        info: this._translations.additionalFieldInfo,
-        photosAndFiles: this._translations.photosAndFiles,
-        attachments: this._translations.attachments,
-        relatedRecords: this._translations.relatedRecords,
-        done: this._translations.doneWithFieldChanges
-      }, this.hasAttachmentsEnabled(this.layer)) {
-        const i = {
-          type: "attachment",
-          visible: !0
-        };
-        e.push(i);
-      }
-      const s = this.table.relatedRecordsEnabled;
-      if (s) {
-        const i = {
-          type: "relationship",
-          visible: !0
-        };
-        e.push(i);
-      }
-      t.columnTemplates = e;
-      const a = this.table.columns.filter((i) => "field" in i) ?? [], r = Array.from(a.map((i) => i.fieldName));
-      t.fieldColumnOrder = r, t.sortBy = this.fieldSortOrder ?? "default", t.attachmentsEnabled = this.hasAttachmentsEnabled(this.layer) ? this.table.attachmentsEnabled : !1, t.relationshipsEnabled = s, t.popoverReferenceElement = this.fieldVisibilityActionNode, t.addEventListener("arcgisFieldColumnTemplatesVisibilityChange", (i) => {
-        i.stopPropagation(), i.detail.forEach((o) => this.table.toggleColumnVisibility(o)), this.updateTable(this.table.tableTemplate);
-      }), t.addEventListener("arcgisAttachmentColumnTemplateVisibilityChange", (i) => {
-        i.stopPropagation();
-        const n = this.table.columns.find((l) => "onShowAttachments" in l);
-        n.hidden = !i.detail;
-        const o = this.table.tableTemplate?.columnTemplates.find((l) => l.type === "attachment");
-        o.visible = i.detail, this.updateTable(this.table.tableTemplate);
-      }), t.addEventListener("arcgisRelationshipsColumnTemplateVisibilityChange", (i) => {
-        i.stopPropagation(), this.table.columns.filter((l) => "relationshipId" in l).forEach((l) => l.hidden = !i.detail), this.table.tableTemplate?.columnTemplates.filter((l) => l.type === "relationship")?.forEach((l) => l.visible = i.detail), this.updateTable(this.table.tableTemplate);
-      }), t.addEventListener("arcgisSortByChange", (i) => {
-        i.stopPropagation(), this.fieldSortOrder = i.detail;
-      }), t.addEventListener("arcgisClose", () => {
+      const e = document.createElement("arcgis-field-pick-list");
+      e.mapView = this.mapView, e.layer = this.layer, e.fields = this.layer.fields, e.showFieldInfo = !0, e.showFieldName = !0, e.showDescription = !1, e.showSelectionAll = !0, e.hideCancel = !0, e.hideSort = !1, e.showFilterLength = 5, e.multiple = !0, e.heading = this._translations.fieldVisibility, e.okBtnText = this._translations.doneWithFieldChanges, e.filterPlaceholderText = this._translations.filterFields, e.sortBy = this.fieldSortOrder ?? "default", e.selectedFields = i.reduce((t, s) => (s.visible && t.push(s.fieldName), t), []), this._selectedFields = e.selectedFields, e.style.minHeight = "340px", e.popoverProps = {
+        refElement: this.fieldVisibilityActionNode,
+        popoverWidth: 300,
+        placement: "bottom-end",
+        offsetDistance: -20,
+        triggerDisabled: !1,
+        autoClose: !1
+      }, e.addEventListener("arcgisChange", (t) => {
+        t.stopPropagation();
+        const s = t.detail.selectedFields, l = this._getDifference(s, this._selectedFields), o = this._getDifference(this._selectedFields, s);
+        l.concat(o).forEach((a) => this.table.toggleColumnVisibility(a)), this._selectedFields = s, this.updateTable(this.table.tableTemplate);
+      }), e.addEventListener("arcgisSortByChange", (t) => {
+        t.stopPropagation(), this.fieldSortOrder = t.detail;
+      }), e.addEventListener("arcgisClose", () => {
         this.closePopovers(), setTimeout(() => this.fieldVisibilityActionNode.setFocus(), 200);
-      }), document.body.appendChild(t), this.fieldVisibilityPopoverNode = t, setTimeout(() => document.addEventListener("click", this.fieldVisibilityPopoverClickHandler), 200);
+      }), document.body.appendChild(e), this.fieldVisibilityPopoverNode = e, setTimeout(() => document.addEventListener("click", this.fieldVisibilityPopoverClickHandler), 200);
     }
   }
-  updateTable(e) {
-    this.table.tableTemplate = e, this.isStandardView() && this.syncAttributeTableTemplate();
+  _getDifference(i, e) {
+    return i.filter((t) => !e.includes(t));
+  }
+  updateTable(i) {
+    this.table.tableTemplate = i, this.isStandardView() && this.syncAttributeTableTemplate();
   }
   async syncAttributeTableTemplate() {
-    const e = this.table.layer;
-    if (e.attributeTableTemplate) {
-      const { modules: t } = this, s = e.attributeTableTemplate.clone();
-      t.attributeTableTemplateUtils.syncAttributeTableTemplate(this.table, s), JSON.stringify(s) !== JSON.stringify(e.attributeTableTemplate) && (e.attributeTableTemplate = s);
+    const i = this.table.layer;
+    if (i.attributeTableTemplate) {
+      const { modules: e } = this, t = i.attributeTableTemplate.clone();
+      e.attributeTableTemplateUtils.syncAttributeTableTemplate(this.table, t), JSON.stringify(t) !== JSON.stringify(i.attributeTableTemplate) && (i.attributeTableTemplate = t);
     }
-    if (e.attributeTableTemplate?.orderByFields?.length > 1) {
-      const t = e.attributeTableTemplate.clone(), s = this.table.activeSortOrders[0];
-      t.orderByFields = [
-        { field: s.fieldName, order: s.direction }
-      ], e.attributeTableTemplate = t, this.syncColumnDirectionsWithOrderByFields();
+    if (i.attributeTableTemplate?.orderByFields?.length > 1) {
+      const e = i.attributeTableTemplate.clone(), t = this.table.activeSortOrders[0];
+      e.orderByFields = [
+        { field: t.fieldName, order: t.direction }
+      ], i.attributeTableTemplate = e, this.syncColumnDirectionsWithOrderByFields();
     }
   }
   syncColumnDirectionsWithOrderByFields() {
-    const e = this.table.activeSortOrders[0]?.fieldName;
-    this.table.columns.forEach((t) => {
-      "fieldName" in t && t.fieldName !== e && (t.direction = void 0);
-    }), this.table.tableTemplate?.columnTemplates.forEach((t) => {
-      "fieldName" in t && t.fieldName !== e && (t.direction = void 0);
+    const i = this.table.activeSortOrders[0]?.fieldName;
+    this.table.columns.forEach((e) => {
+      "fieldName" in e && e.fieldName !== i && (e.direction = void 0);
+    }), this.table.tableTemplate?.columnTemplates.forEach((e) => {
+      "fieldName" in e && e.fieldName !== i && (e.direction = void 0);
     });
   }
   isStandardView() {
@@ -128,31 +94,31 @@ class f extends b {
   closePopovers() {
     document.removeEventListener("click", this.fieldVisibilityPopoverClickHandler), this.fieldVisibilityPopoverNode && (document.body.removeChild(this.fieldVisibilityPopoverNode), this.fieldVisibilityPopoverNode = void 0);
   }
-  addTableTooltip(e, t) {
-    const s = document.createElement("calcite-tooltip");
-    s.className = "table-tooltip", s.referenceElement = e, s.placement = "trailing-start", s.open = !0;
-    const a = document.createElement("div");
-    a.className = "tooltip", a.innerHTML = t, s.append(a), document.body.append(s);
+  addTableTooltip(i, e) {
+    const t = document.createElement("calcite-tooltip");
+    t.className = "table-tooltip", t.referenceElement = i, t.placement = "trailing-start", t.open = !0;
+    const s = document.createElement("div");
+    s.className = "tooltip", s.innerHTML = e, t.append(s), document.body.append(t);
   }
   removeTableTooltip() {
-    document.querySelectorAll(".table-tooltip").forEach((e) => e.parentNode?.removeChild(e));
+    document.querySelectorAll(".table-tooltip").forEach((i) => i.parentNode?.removeChild(i));
   }
-  isInNode(e, t) {
-    for (; e; ) {
-      if (e.nodeName === t.toUpperCase())
+  isInNode(i, e) {
+    for (; i; ) {
+      if (i.nodeName === e.toUpperCase())
         return !0;
-      e = e.parentElement;
+      i = i.parentElement;
     }
     return !1;
   }
-  hasAttachmentsEnabled(e) {
-    if (!e?.capabilities)
+  hasAttachmentsEnabled(i) {
+    if (!i?.capabilities)
       return !1;
-    const { capabilities: { data: { supportsAttachment: t }, operations: { supportsQueryAttachments: s } } } = e;
-    return t && s;
+    const { capabilities: { data: { supportsAttachment: e }, operations: { supportsQueryAttachments: t } } } = i;
+    return e && t;
   }
 }
-d("field-selection", f);
+r("field-selection", f);
 export {
   f as FieldSelection
 };

package/dist/components/floor-filter/customElement.d.ts

@@ -4,24 +4,10 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class FloorFilter extends LitElement {
-    /**
-     * boolean: when true the Floor Filter widget will be available
-     *
-     * @default false
-     */
     enabled: boolean;
-    /**
-     * esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html
-     *
-     * FloorFilter instance
-     */
     floorFilterWidget: __esri.FloorFilter | undefined;
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
-    /** Emitted on demand when the Facility is changed */
     readonly facilityChanged: TargetedEvent<this, string>;
-    /** Emitted on demand when the Level is changed */
     readonly levelChanged: TargetedEvent<this, string>;
-    /** Emitted on demand when the Site is changed */
     readonly siteChanged: TargetedEvent<this, string>;
 }

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

@@ -5,7 +5,7 @@ import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as d, createEvent as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250910.1 */
+v1.1.0-next.20250912 */
 const c = o`/** @license
  * Copyright 2025 Esri
  *