@esri/solutions-components 1.2.0-next.32 → 1.2.0-next.34

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

@@ -1,14 +1,15 @@
-import { c as l } from "../../chunks/runtime.js";
-import { l as h } from "../../chunks/loadModules.js";
+import { c as h } from "../../chunks/runtime.js";
 import { j as d } from "../../chunks/mapViewUtils.js";
 import { u as c } from "../../chunks/useT9n.js";
-import { css as p, html as o } from "lit";
+import { css as p, html as r } from "lit";
 import { createRef as g, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as u, createEvent as s, noShadowRoot as m, safeClassMap as r } from "@arcgis/lumina";
+import { LitElement as m, createEvent as s, noShadowRoot as u, safeClassMap as n } from "@arcgis/lumina";
+import _ from "@arcgis/core/widgets/Editor";
+import * as o from "@arcgis/core/core/reactiveUtils";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
-const _ = p`@layer{/** @license
+v1.2.0-next.34 */
+const w = p`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,7 +24,7 @@ const _ = p`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}#feature-form{padding-top:0}.esri-editor__prompt--danger{position:relative!important;width:100%!important;background-color:var(--calcite-color-foreground-1)!important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1)!important}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.position-absolute{position:absolute;inset:0;overflow:auto}.esri-editor__panel-content{padding-block:10px!important}}`;
-class w extends u {
+class y extends m {
   constructor() {
     super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this.allowMultipleEditing = !1, this._editorLoading = !1, this._translations = c({ name: "edit-card", blocking: !0 }), this._editContainer = g(), this._shouldClose = !1, this._shouldEmitEditsComplete = !1, this.closeEdit = s(), this.editorInitialized = s(), this.editsComplete = s(), this.refreshGraphics = s(), this.creatingFeature = s(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "mapChanged", this.mapChanged);
   }
@@ -31,10 +32,10 @@ class w extends u {
     this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphicIndex: 9, graphics: 0, mapView: 0, open: 5, allowMultipleEditing: 5, _editorLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = _;
+    this.styles = w;
   }
   static {
-    this.shadowRootOptions = m;
+    this.shadowRootOptions = u;
   }
   async graphicsWatchHandler() {
     this.graphics.length === 0 && this.open && await this._closeEdit(!0);
@@ -48,9 +49,6 @@ class w extends u {
   async mapChanged() {
     this.open && await this._closeEdit(!1);
   }
-  async load() {
-    await this._initModules();
-  }
   willUpdate(t) {
     if (t.has("graphics") && this.graphicsWatchHandler(), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openWatchHandler(this.open), this.graphics?.length > 0 && this.graphics[0]?.layer) {
       this._layer = this.graphics[0].layer, this._layerEditHandle && this._layerEditHandle.remove();
@@ -62,22 +60,18 @@ class w extends u {
   }
   render() {
     const t = this.graphics?.length > 0 && this.graphics[0] ? !this.graphics[0].layer.editingEnabled : !0, e = this._editorLoading ? "display-none" : "position-absolute", a = this._editorLoading ? "" : "display-none";
-    return o`<div class="position-absolute">${t ? o`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${r(e)} id=feature-form ${f(this._editContainer)}></div><calcite-loader class=${r(a)} label scale=s></calcite-loader></div></div>`;
-  }
-  async _initModules() {
-    const [t, e] = await h(["esri/widgets/Editor", "esri/core/reactiveUtils"]);
-    this.Editor = t, this.reactiveUtils = e;
+    return r`<div class="position-absolute">${t ? r`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${n(e)} id=feature-form ${f(this._editContainer)}></div><calcite-loader class=${n(a)} label scale=s></calcite-loader></div></div>`;
   }
   async _initEditorWidget() {
     if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
       this._editor && this._editor.destroy();
-      const t = document.createElement("div"), e = await d(this.mapView), a = this.enableSnapping && this.enableEditGeometry, n = e.map((i) => ({
+      const t = document.createElement("div"), e = await d(this.mapView), a = this.enableSnapping && this.enableEditGeometry, l = e.map((i) => ({
         layer: i,
         geometryUpdatesEnabled: this.enableEditGeometry
       }));
-      this._editor = this.Editor && new this.Editor({
+      this._editor = new _({
         view: this.mapView,
-        layerInfos: n,
+        layerInfos: l,
         visibleElements: {
           flow: !0,
           settingsMenu: a,
@@ -85,11 +79,11 @@ class w extends u {
           snappingControls: a
         },
         container: t
-      }), this._attachmentHandle && this._activeWorkflowHandle && (this._attachmentHandle.remove(), this._activeWorkflowHandle.remove()), this._attachmentHandle = this.reactiveUtils?.when(() => this._editor?.viewModel.state === "adding-attachment" || this._editor?.viewModel.state === "editing-attachment" || this._editor?.viewModel.state === "creating-features", () => {
+      }), this._attachmentHandle && this._activeWorkflowHandle && (this._attachmentHandle.remove(), this._activeWorkflowHandle.remove()), this._attachmentHandle = o.when(() => this._editor?.viewModel.state === "adding-attachment" || this._editor?.viewModel.state === "editing-attachment" || this._editor?.viewModel.state === "creating-features", () => {
         this._shouldClose = !1;
-      }), this._activeWorkflowHandle = this.reactiveUtils?.watch(() => this._editor?.viewModel.activeWorkflow, (i) => {
+      }), this._activeWorkflowHandle = o.watch(() => this._editor?.viewModel.activeWorkflow, (i) => {
         (i?.type === "update" || i?.type === "create-features") && (this._shouldClose = !1), (!i?.type && !i?.hasPendingEdits && !this._editor?.activeWorkflow || !this._editor?.activeWorkflow?.started) && (this.allowMultipleEditing = !1, this.open = !1);
-      }), this.reactiveUtils?.watch(() => this._editor?.viewModel.state, (i) => {
+      }), o.watch(() => this._editor?.viewModel.state, (i) => {
         i === "creating-features" && this.graphics[0].layer.isTable && !(this._editor?.viewModel).featureTemplatesLayers.items[0].isTable && this.creatingFeature.emit(), this._shouldEmitEditsComplete && i === "ready" && !this._editor?.activeWorkflow && (this.editsComplete.emit(), this._shouldEmitEditsComplete = !1);
       }), this.enableSnapping || t.classList.add("hide-editor-toolbar"), this._editContainer.value && this._editContainer.value.appendChild(t), this._editor && this.editorInitialized.emit(this._editor);
     }
@@ -101,7 +95,7 @@ class w extends u {
     this.allowMultipleEditing ? await this._editor?.startUpdateFeaturesWorkflow(this.graphics) : await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]), this._shouldClose = !0;
   }
 }
-l("edit-card", w);
+h("edit-card", y);
 export {
-  w as EditCard
+  y as EditCard
 };

package/dist/components/feature-details/customElement.d.ts

@@ -3,6 +3,7 @@
 import { ILayerItemsHash, IReportingOptions } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { default as Graphic } from '@arcgis/core/Graphic';
 
 export declare class FeatureDetails extends LitElement {
     /**
@@ -34,6 +35,7 @@ export declare class FeatureDetails extends LitElement {
     /**
      * Refresh the features comments which will fetch like, dislike and update the component
      *
+     * @param graphic
      * @returns Promise that resolves when the operation is complete
      */
     refresh(graphic?: __esri.Graphic): Promise<void>;
@@ -48,7 +50,7 @@ export declare class FeatureDetails extends LitElement {
     /** Emitted on demand when comment is clicked using the feature-list */
     readonly commentClick: TargetedEvent<this, void>;
     /** Emitted on demand when comment is selected using the feature-list */
-    readonly commentSelect: TargetedEvent<this, __esri.Graphic>;
+    readonly commentSelect: TargetedEvent<this, Graphic>;
     /** Emitted on demand when comment icon is clicked */
     readonly addComment: TargetedEvent<this, void>;
     /** Emitted on demand when like or dislike button is clicked */

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

@@ -1,13 +1,14 @@
-import { c as k } from "../../chunks/runtime.js";
-import { l as m } from "../../chunks/loadModules.js";
-import { i as _ } from "../../chunks/mapViewUtils.js";
-import { css as g, html as o } from "lit";
-import { createRef as p, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as h, noShadowRoot as b } from "@arcgis/lumina";
+import { c as u } from "../../chunks/runtime.js";
+import { i as m } from "../../chunks/mapViewUtils.js";
+import { css as _, html as o } from "lit";
+import { createRef as p, ref as k } from "lit-html/directives/ref.js";
+import { LitElement as g, createEvent as h, noShadowRoot as f } from "@arcgis/lumina";
+import b from "@arcgis/core/Graphic";
+import C from "@arcgis/core/rest/support/RelationshipQuery";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
-const C = g`@layer{/**
+v1.2.0-next.34 */
+const F = _`@layer{/**
  * @license
  * Copyright 2025 Esri
  *
@@ -23,7 +24,7 @@ const C = g`@layer{/**
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.buttons-container{align-items:center;display:flex;padding:4px;color:var(--calcite-color-text-1)!important;background-color:var(--calcite-color-foreground-1)!important;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}}`;
-class F extends f {
+class I extends g {
   constructor() {
     super(...arguments), this.enableSnapping = !1, this.graphics = [], this.showUserImageInCommentsList = !1, this.showFullCommentTitle = !0, this._likeFieldAvailable = !1, this._likeCount = 0, this._disLikeCount = 0, this._dislikeFieldAvailable = !1, this._commentsAvailable = !1, this._isLikeBtnClicked = !1, this._isDislikeBtnClicked = !1, this._relatedFeaturesOIDs = [], this._updating = !1, this._infoCard = p(), this._commentsList = p(), this._likeField = "", this._dislikeField = "", this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this.relatedTableId = "", this.loadingStatus = h(), this.commentClick = h(), this.commentSelect = h(), this.addComment = h(), this.likeOrDislikeClicked = h(), this.featureSelectionChange = h();
   }
@@ -31,10 +32,10 @@ class F extends f {
     this.properties = { enableSnapping: 5, mapView: 0, graphics: 0, reportingOptions: 0, layerItemsHash: 0, showUserImageInCommentsList: 5, showFullCommentTitle: 5, _likeFieldAvailable: 16, _likeCount: 16, _disLikeCount: 16, _dislikeFieldAvailable: 16, _commentsAvailable: 16, _isLikeBtnClicked: 16, _isDislikeBtnClicked: 16, _relatedFeaturesOIDs: 16, _updating: 16 };
   }
   static {
-    this.styles = C;
+    this.styles = F;
   }
   static {
-    this.shadowRootOptions = b;
+    this.shadowRootOptions = f;
   }
   willUpdate(i) {
     i.has("graphics") && this.graphicsWatchHandler();
@@ -55,23 +56,19 @@ class F extends f {
     this._infoCard.value && this._infoCard.value.toggleListView();
   }
   async load() {
-    await this._initModules(), await this.getCompleteGraphic(this.graphics[0]), this.checkLikeDislikeFields(), await this.processComments();
+    await this.getCompleteGraphic(this.graphics[0]), this.checkLikeDislikeFields(), await this.processComments();
   }
   render() {
     const i = this._relatedFeaturesOIDs?.length > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : "1=0";
     return o`<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this.graphics} .mapView=${this.mapView} @selectionChanged=${(e) => {
       this.featureSelectionChange.emit(e.detail);
-    }} position=relative ${u(this._infoCard)}></info-card>${(this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) && o`<div class="buttons-container">${this._commentsAvailable && o`<calcite-button appearance=transparent icon-end=speech-bubble kind=neutral @click=${() => {
+    }} position=relative ${k(this._infoCard)}></info-card>${(this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) && o`<div class="buttons-container">${this._commentsAvailable && o`<calcite-button appearance=transparent icon-end=speech-bubble kind=neutral @click=${() => {
       this.addComment.emit();
     }} scale=m>${this._relatedFeaturesOIDs.length}</calcite-button>` || ""}${this._likeFieldAvailable && o`<calcite-button appearance=transparent icon-end=thumbs-up .kind=${this._isLikeBtnClicked ? "brand" : "neutral"} .loading=${this._updating} @click=${this.onLikeButtonClick} scale=m>${this._likeCount ?? this._selectedGraphic?.attributes[this._likeField] ?? 0}</calcite-button>` || ""}${this._dislikeFieldAvailable && o`<calcite-button appearance=transparent icon-end=thumbs-down .kind=${this._isDislikeBtnClicked ? "brand" : "neutral"} .loading=${this._updating} @click=${this.onDislikeButtonClick} scale=m>${this._disLikeCount ?? this._selectedGraphic?.attributes[this._dislikeField] ?? 0}</calcite-button>` || ""}</div>` || ""}${this.relatedTableId && this._commentsAvailable && o`<feature-list class="height-full" .mapView=${this.mapView} @featureClick=${() => {
       this.commentClick.emit();
     }} @featureSelect=${(e) => {
       this.commentSelect.emit(e.detail);
-    }} page-size=5 .selectedLayerId=${this.relatedTableId} .showFullTitle=${this.showFullCommentTitle} .showUserImageInList=${this.showUserImageInCommentsList} text-size=small .whereClause=${i} ${u(this._commentsList)}></feature-list>` || ""}</calcite-panel>`;
-  }
-  async _initModules() {
-    const [i, e] = await m(["esri/rest/support/RelationshipQuery", "esri/Graphic"]);
-    this.RelationshipQuery = i, this.Graphic = e;
+    }} page-size=5 .selectedLayerId=${this.relatedTableId} .showFullTitle=${this.showFullCommentTitle} .showUserImageInList=${this.showUserImageInCommentsList} text-size=small .whereClause=${i} ${k(this._commentsList)}></feature-list>` || ""}</calcite-panel>`;
   }
   async getCompleteGraphic(i) {
     if (i) {
@@ -86,13 +83,13 @@ class F extends f {
   async processComments() {
     const i = this._selectedGraphic?.layer;
     if (this.reportingOptions && this.reportingOptions[i.id] && this.reportingOptions[i.id].comment && i?.relationships && i.relationships?.length > 0) {
-      const s = this.mapView && await _(this.mapView);
+      const s = this.mapView && await m(this.mapView);
       let t = null, l = null;
       if (i?.relationships?.some((a) => {
         const n = s?.filter((r) => i.url === r.url && r.layerId === a.relatedTableId);
         return n && n.length > 0 ? (t = n[0], l = a.id, !0) : !1;
       }), this.relatedTableId = t?.id ?? "", this.relatedTableId) {
-        const a = this._selectedGraphic?.attributes[i?.objectIdField], n = this.RelationshipQuery && new this.RelationshipQuery({
+        const a = this._selectedGraphic?.attributes[i?.objectIdField], n = new C({
           objectIds: [a],
           outFields: ["*"],
           relationshipId: l
@@ -144,7 +141,7 @@ class F extends f {
     const l = this._selectedGraphic;
     if (l) {
       l.attributes[i] = Number(l.attributes[i]) + (e ? 1 : -1), s[t.objectIdField] = l.attributes[t.objectIdField], s[i] = l.attributes[i];
-      const a = this.Graphic && new this.Graphic();
+      const a = new b();
       if (a) {
         a.attributes = s;
         const n = { updateFeatures: [a] };
@@ -178,7 +175,7 @@ class F extends f {
     }), i?.toString() && localStorage.setItem(i.toString(), JSON.stringify(s));
   }
 }
-k("feature-details", F);
+u("feature-details", I);
 export {
-  F as FeatureDetails
+  I as FeatureDetails
 };

package/dist/components/feature-list/customElement.d.ts

@@ -94,6 +94,7 @@ export declare class FeatureList extends LitElement {
     /**
      * Refresh the feature list which will fetch the latest features and update the features list
      *
+     * @param maintainPageState
      * @param maintainPageState If true feature list page state will be maintained
      * @returns Promise that resolves when the operation is complete
      */
@@ -101,5 +102,5 @@ export declare class FeatureList extends LitElement {
     /** Emitted on demand when feature is clicked using the list */
     readonly featureClick: TargetedEvent<this, void>;
     /** Emitted on demand when feature is selected using the list */
-    readonly featureSelect: TargetedEvent<this, __esri.Graphic>;
+    readonly featureSelect: TargetedEvent<this, import('@arcgis/core/Graphic').default>;
 }

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

@@ -1,15 +1,17 @@
-import { c as m } from "../../chunks/runtime.js";
-import { l as y } from "../../chunks/loadModules.js";
-import { P as w } from "../../chunks/popupUtils.js";
-import { d as u, g as c, c as _ } from "../../chunks/mapViewUtils.js";
-import { u as x } from "../../chunks/useT9n.js";
-import { css as L, html as l, nothing as I } from "lit";
+import { c as w } from "../../chunks/runtime.js";
+import { P as _ } from "../../chunks/popupUtils.js";
+import { d as u, g as c, c as x } from "../../chunks/mapViewUtils.js";
+import { u as L } from "../../chunks/useT9n.js";
+import { css as I, html as l, nothing as v } from "lit";
 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";
+import { LitElement as F, createEvent as g, noShadowRoot as b, safeClassMap as E, safeStyleMap as S } from "@arcgis/lumina";
+import m from "@arcgis/core/config";
+import * as y from "@arcgis/core/symbols/support/symbolUtils";
+import * as $ from "@arcgis/core/core/reactiveUtils";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
-const S = L`@layer{/** @license
+v1.2.0-next.34 */
+const C = I`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,18 +26,18 @@ const S = L`@layer{/** @license
  * 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}.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 {
+class T extends F {
   constructor() {
-    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);
+    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 = L({ 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 };
   }
   static {
-    this.styles = S;
+    this.styles = C;
   }
   static {
-    this.shadowRootOptions = F;
+    this.shadowRootOptions = b;
   }
   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);
@@ -74,22 +76,14 @@ class C extends v {
       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();
+    this._isLoading = !!this.showInitialLoading, this._popupUtils = new _(), this.mapView && this.selectedLayerId && (this._selectedLayer = await u(this.mapView, this.selectedLayerId), this._getFullTextSearchInfo()), this.filterByMapExtent && this.initializeMapExtentFilter();
   }
   async loaded() {
     await this.initializeFeatureItems();
   }
   render() {
     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 [t, e, i] = await y([
-      "esri/config",
-      "esri/symbols/support/symbolUtils",
-      "esri/core/reactiveUtils"
-    ]);
-    this.esriConfig = t, this.symbolUtils = e, this.reactiveUtils = i;
+    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=${E(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 getWhereCondition() {
     let t = "1=1";
@@ -110,7 +104,7 @@ class C extends v {
     }
   }
   initializeMapExtentFilter() {
-    this._filterByMapExtentHandle = this.reactiveUtils?.when(() => this.mapView?.stationary, () => {
+    this._filterByMapExtentHandle = $.when(() => this.mapView?.stationary, () => {
       this.initializeFeatureItems();
     }, {
       initial: !0
@@ -129,14 +123,14 @@ class C extends v {
       const t = this._selectedLayer.indexes?.filter((e) => e.indexType == "FullText");
       if (t?.length) {
         const e = [];
-        t.forEach((s) => {
-          e.push(...s.fields.split(","));
+        t.forEach((i) => {
+          e.push(...i.fields.split(","));
         });
-        const i = [];
-        e.forEach((s) => {
-          const a = this._selectedLayer?.getField(s.trim());
-          i.push(a?.alias || "");
-        }), this._searchPlaceHolder = this._translations.searchPlaceholder ? this._translations.searchPlaceholder.replace("{{field_names}}", i.join(", ")) : "", this._fullTextSearchInfo.push({
+        const s = [];
+        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({
           onFields: ["*"],
           searchTerm: "",
           searchType: "prefix"
@@ -162,8 +156,8 @@ class C extends v {
     if (this._selectedLayer) {
       const e = this._selectedLayer.definitionExpression;
       if (t?.length) {
-        const i = `objectId in(${t})`;
-        this._selectedLayer.definitionExpression = this._searchExpression && e && e?.indexOf(this._searchExpression) > -1 ? e.replace(this._searchExpression, i) : e ? `${e} AND (${i})` : i, this._searchExpression = i;
+        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();
     }
@@ -177,25 +171,25 @@ class C extends v {
   }
   async featureClicked(t, e) {
     if (this.featureClick.emit(), this.clearHighlights(), this.highlightOnMap) {
-      const i = Number(t.target.value), s = this.mapView && await c(this.mapView, this.selectedLayerId);
-      this._highlightHandle = s && this.mapView ? await _([i], s, this.mapView, !0) : void 0;
+      const s = Number(t.target.value), i = this.mapView && await c(this.mapView, this.selectedLayerId);
+      this._highlightHandle = i && this.mapView ? await x([s], i, this.mapView, !0) : void 0;
     }
     await this.emitSelectedFeature(e);
   }
   async emitSelectedFeature(t) {
-    const e = t.layer, i = e.createQuery();
-    i.returnGeometry = !0;
-    const s = Number(t.getObjectId());
-    if (!Number.isNaN(s) && i) {
-      i.objectIds = [s];
-      const a = await e.queryFeatures(i);
+    const e = t.layer, s = e.createQuery();
+    s.returnGeometry = !0;
+    const i = Number(t.getObjectId());
+    if (!Number.isNaN(i) && s) {
+      s.objectIds = [i];
+      const a = await e.queryFeatures(s);
       this.featureSelect.emit(a.features[0]);
     }
   }
   async onFeatureHover(t) {
     if (this.clearHighlights(), this.highlightOnHover) {
-      const e = Number(t.getObjectId()), i = this.mapView && await c(this.mapView, this.selectedLayerId);
-      i && (this._highlightHandle = i.highlight([e], { 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() {
@@ -204,7 +198,7 @@ class C extends v {
   async queryPage(t) {
     const e = this._selectedLayer;
     if (e) {
-      const i = this.sortingInfo?.field ? this.sortingInfo.field : e.objectIdField, s = this.sortingInfo?.order ? this.sortingInfo.order : "desc", a = await this.getWhereCondition(), r = {
+      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: ["*"],
@@ -213,19 +207,19 @@ class C extends v {
         outSpatialReference: this.mapView?.spatialReference.toJSON(),
         geometry: this.filterByMapExtent ? this.mapView?.extent : null
       };
-      i && s && (r.orderByFields = [i.toString() + " " + s]);
+      s && i && (r.orderByFields = [s.toString() + " " + i]);
       const n = await e.queryFeatures(r);
       return await this.createFeatureItem(n);
     } else
       return;
   }
   async createFeatureItem(t) {
-    const e = t?.features, i = this.reportingOptions && this.reportingOptions[this.selectedLayerId].like, s = e.map(async (a) => {
+    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)), i && this.getAbbreviatedLikeCount(a), this.getFeatureItem(a, r, o, n);
+      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);
     });
-    return Promise.all(s);
+    return Promise.all(i);
   }
   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>`;
@@ -233,17 +227,17 @@ class C extends v {
   getAbbreviatedLikeCount(t) {
     const e = this._selectedLayer;
     if (e) {
-      const i = this.reportingOptions && this.reportingOptions[e.id].likeField;
-      e.fields.forEach((s) => {
-        if (this._validFieldTypes.indexOf(s.type) > -1 && s.name === i && this.reportingOptions && this.reportingOptions[e.id].like) {
+      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 = t.attributes[i] || 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(t, e, i, s) {
+  getFeatureItem(t, e, s, i) {
     if (this._selectedLayer?.id && this._calciteList.value) {
       const a = t.attributes[this._selectedLayer.objectIdField].toString();
       e = e ?? a;
@@ -254,7 +248,7 @@ class C extends v {
         this.onFeatureHover(t);
       }} @calciteListItemSelect=${(h) => {
         this.featureClicked(h, t);
-      }} .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=${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>`;
+      }} .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=${S({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${e}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? v} 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;
   }
@@ -262,31 +256,31 @@ class C extends v {
     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 i = `${this.esriConfig?.portalUrl}/sharing/rest/community/users/${t.attributes[e]}?f=json&returnUserLicensedItems=true`;
-      const s = this.mapView?.map?.portalItem.portal?.credential?.token;
-      s && (i += `&token=${s}`);
-      const r = await (await fetch(i)).json(), n = r?.username ?? t.attributes[e];
-      let o = `${this.esriConfig?.portalUrl}/sharing/rest/community/users/${n}/info/blob.png`;
-      return r?.access && s && (o += `?token=${s}`), r.userProfileUrl = o, r;
+      let s = `${m.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 ?? t.attributes[e];
+      let o = `${m.portalUrl}/sharing/rest/community/users/${n}/info/blob.png`;
+      return r?.access && i && (o += `?token=${i}`), r.userProfileUrl = o, r;
     } else
       return;
   }
   async getFeatureSymbol(t) {
     const e = document.createElement("div");
-    return await this.symbolUtils?.getDisplayedSymbol(t).then(async (i) => {
-      if (i && await this.symbolUtils?.renderPreviewHTML(i, {
+    return await y?.getDisplayedSymbol(t).then(async (s) => {
+      if (s && await y?.renderPreviewHTML(s, {
         node: e
       }), e.children?.length) {
-        const s = e.children[0];
-        if (s) {
-          const a = Number(s.getAttribute("height")), r = Number(s.getAttribute("width"));
-          r > 30 && (e.setAttribute("width", "30"), s.setAttribute("width", "30")), a > 30 && (e.setAttribute("height", "30"), s.setAttribute("height", "30")), s.setAttribute("viewBox", `0 0 ${r} ${a}`), e.setAttribute("viewBox", `0 0 ${r} ${a}`);
+        const i = e.children[0];
+        if (i) {
+          const a = Number(i.getAttribute("height")), r = Number(i.getAttribute("width"));
+          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}`);
         }
       }
     }), e;
   }
 }
-m("feature-list", C);
+w("feature-list", T);
 export {
-  C as FeatureList
+  T as FeatureList
 };

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

@@ -3,9 +3,10 @@ import { ref as u } from "lit/directives/ref.js";
 import { css as b, html as y } from "lit";
 import { u as _ } from "../../chunks/useT9n.js";
 import { LitElement as T } from "@arcgis/lumina";
+import "../layer-table/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
+v1.2.0-next.34 */
 const v = b`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/info-card/customElement.d.ts

@@ -80,7 +80,11 @@ export declare class InfoCard extends LitElement {
     next(): Promise<void>;
     /** Toggle the visibility of the features list view */
     toggleListView(): Promise<void>;
-    /** update the current graphics to the features widget */
+    /**
+     * update the current graphics to the features widget
+     *
+     * @param selectedGraphic
+     */
     updateCurrentGraphic(selectedGraphic: __esri.Graphic): Promise<void>;
     /** Emitted on demand when the popup is closed */
     readonly popupClosed: TargetedEvent<this, void>;