@esri/solutions-components 1.2.0-next.99 → 5.0.1

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

@@ -1,110 +1,132 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { IReportingOptions, ISortingInfo } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { IReportingOptions, ISortingInfo } from "../../utils/interfaces.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class FeatureList extends LitElement {
-    /**
-     * string: Layer id of the feature layer to show the list
-     *
-     * @default ''
-     */
-    selectedLayerId: string;
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /**
-     * string: Message to be displayed when features are not found
-     *
-     * @default ''
-     */
-    noFeaturesFoundMsg?: string | undefined;
-    /**
-     * number: Number features to be fetched per page, by default 100 features will be fetched
-     *
-     * @default 100
-     */
-    pageSize?: number;
-    /**
-     * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight and zoom to the extent of the feature geometry
-     *
-     * @default false
-     */
-    highlightOnMap?: boolean | undefined;
-    /**
-     * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list
-     *
-     * @default false
-     */
-    highlightOnHover?: boolean | undefined;
-    /** ISortingInfo: Sorting field and order using which features list will be sorted */
-    sortingInfo?: ISortingInfo;
-    /** string: where clause to filter the features list */
-    whereClause?: string;
-    /**
-     * string(small/large): Controls the font size of the title
-     *
-     * @default 'large'
-     */
-    textSize?: 'large' | 'small';
-    /**
-     * boolean: Show initial loading indicator when creating list
-     *
-     * @default true
-     */
-    showInitialLoading?: boolean | undefined;
-    /**
-     * boolean: If true will show error msg when features are not present
-     *
-     * @default false
-     */
-    showErrorWhenNoFeatures?: boolean | undefined;
-    /**
-     * boolean: If true display's profile img on each feature item
-     *
-     * @default false
-     */
-    showUserImageInList?: boolean | undefined;
-    /**
-     * boolean: If true display's feature symbol on each feature item
-     *
-     * @default false
-     */
-    showFeatureSymbol?: boolean | undefined;
-    /**
-     * boolean: If true will consider the FeatureFilter applied on the layerview
-     *
-     * @default false
-     */
-    applyLayerViewFilter?: boolean | undefined;
-    /** IReportingOptions: Key options for reporting */
-    reportingOptions: IReportingOptions | undefined;
-    /**
-     * boolean: When false popup title will shown in single line
-     *
-     * @default true
-     */
-    showFullTitle: boolean;
-    /**
-     * boolean: when true the feature from map view extent will shown
-     *
-     * @default false
-     */
-    filterByMapExtent: boolean;
-    /**
-     * 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
-     */
-    refresh(maintainPageState?: boolean): Promise<void>;
-    /** 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, import('@arcgis/core/Graphic').default>;
-    "@eventTypes": {
-        "featureClick": FeatureList["featureClick"]["detail"];
-        "featureSelect": FeatureList["featureSelect"]["detail"];
-    };
-}
+export abstract class FeatureList extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      error: string;
+      featureErrorMsg: string;
+      featureErrorMsgInCurrentMapView: string;
+      thousands_value: string;
+      millions_value: string;
+      searchPlaceholder: string;
+      extentFilterMsg: string;
+  } & T9nMeta<{
+      error: string;
+      featureErrorMsg: string;
+      featureErrorMsgInCurrentMapView: string;
+      thousands_value: string;
+      millions_value: string;
+      searchPlaceholder: string;
+      extentFilterMsg: string;
+  }>;
+  /**
+   * boolean: If true will consider the FeatureFilter applied on the layerview
+   *
+   * @default false
+   */
+  accessor applyLayerViewFilter: boolean | undefined;
+  /**
+   * boolean: when true the feature from map view extent will shown
+   *
+   * @default false
+   */
+  accessor filterByMapExtent: boolean;
+  /**
+   * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list
+   *
+   * @default false
+   */
+  accessor highlightOnHover: boolean | undefined;
+  /**
+   * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight and zoom to the extent of the feature geometry
+   *
+   * @default false
+   */
+  accessor highlightOnMap: boolean | undefined;
+  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /**
+   * string: Message to be displayed when features are not found
+   *
+   * @default ''
+   */
+  accessor noFeaturesFoundMsg: string | undefined;
+  /**
+   * number: Number features to be fetched per page, by default 100 features will be fetched
+   *
+   * @default 100
+   */
+  accessor pageSize: number | undefined;
+  /** IReportingOptions: Key options for reporting */
+  accessor reportingOptions: IReportingOptions | undefined;
+  /**
+   * string: Layer id of the feature layer to show the list
+   *
+   * @default ''
+   */
+  accessor selectedLayerId: string;
+  /**
+   * boolean: If true will show error msg when features are not present
+   *
+   * @default false
+   */
+  accessor showErrorWhenNoFeatures: boolean | undefined;
+  /**
+   * boolean: If true display's feature symbol on each feature item
+   *
+   * @default false
+   */
+  accessor showFeatureSymbol: boolean | undefined;
+  /**
+   * boolean: When false popup title will shown in single line
+   *
+   * @default true
+   */
+  accessor showFullTitle: boolean;
+  /**
+   * boolean: Show initial loading indicator when creating list
+   *
+   * @default true
+   */
+  accessor showInitialLoading: boolean | undefined;
+  /**
+   * boolean: If true display's profile img on each feature item
+   *
+   * @default false
+   */
+  accessor showUserImageInList: boolean | undefined;
+  /** ISortingInfo: Sorting field and order using which features list will be sorted */
+  accessor sortingInfo: ISortingInfo | undefined;
+  /**
+   * string(small/large): Controls the font size of the title
+   *
+   * @default 'large'
+   */
+  accessor textSize: "large" | "small" | undefined;
+  /** string: where clause to filter the features list */
+  accessor whereClause: string | undefined;
+  /**
+   * Refresh the feature list which will fetch the latest features and update the features list
+   *
+   * @param maintainPageState - If true feature list page state will be maintained
+   * @returns Promise that resolves when the operation is complete
+   */
+  refresh(maintainPageState?: boolean): Promise<void>;
+  /** Emitted on demand when feature is clicked using the list */
+  readonly featureClick: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted on demand when feature is selected using the list */
+  readonly featureSelect: import("@arcgis/lumina").TargetedEvent<this, __esri.Graphic>;
+  readonly "@eventTypes": {
+    featureClick: FeatureList["featureClick"]["detail"];
+    featureSelect: FeatureList["featureSelect"]["detail"];
+  };
+}

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

@@ -1,6 +1,7 @@
-import { c as w } from "../../chunks/runtime.js";
-import { P as _ } from "../../chunks/popupUtils.js";
-import { d as u, g as c, h as x } from "../../chunks/mapViewUtils.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as _ } from "../../chunks/runtime.js";
+import { P as w } from "../../chunks/popupUtils.js";
+import { g as u, c, h 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";
@@ -8,24 +9,7 @@ import { LitElement as F, createEvent as g, noShadowRoot as b, safeClassMap as E
 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.98 */
-const C = I`@layer{/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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}.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)}}`;
+const C = I`@layer{: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 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 = 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);
@@ -76,7 +60,7 @@ class T extends F {
       await this.initializeFeatureItems();
   }
   async load() {
-    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();
+    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();
   }
   async loaded() {
     await this.initializeFeatureItems();
@@ -280,7 +264,7 @@ class T extends F {
     }), e;
   }
 }
-w("feature-list", T);
+_("feature-list", T);
 export {
   T as FeatureList
 };

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

@@ -1,11 +1 @@
-import "@esri/calcite-components/components/calcite-panel";
-import "@esri/calcite-components/components/calcite-input";
-import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-notice";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-pagination";
-import "@esri/calcite-components/components/calcite-list-item";
-import "@esri/calcite-components/components/calcite-avatar";
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

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

@@ -1,17 +1,59 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { LayerTable } from '../layer-table/customElement.js';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { LayerTable } from "../layer-table/customElement.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class FieldSelection extends LitElement {
-    /** Extra fields such as attachments and related fields from IA config */
-    configExtraFields: any;
-    /** 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;
-    /** LayerTable reference to support column reorder */
-    tableRef: HTMLLayerTableElement;
-}
+export abstract class FieldSelection extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      fieldVisibility: string;
+      selectFields: string;
+      filterFields: string;
+      sortFields: string;
+      sortBy: string;
+      sortByDefault: string;
+      sortByDisplayName: string;
+      sortByType: string;
+      sortByFieldName: string;
+      selectAll: string;
+      deselectAll: string;
+      additionalFieldInfo: string;
+      photosAndFiles: string;
+      attachments: string;
+      relatedRecords: string;
+      doneWithFieldChanges: string;
+  } & T9nMeta<{
+      fieldVisibility: string;
+      selectFields: string;
+      filterFields: string;
+      sortFields: string;
+      sortBy: string;
+      sortByDefault: string;
+      sortByDisplayName: string;
+      sortByType: string;
+      sortByFieldName: string;
+      selectAll: string;
+      deselectAll: string;
+      additionalFieldInfo: string;
+      photosAndFiles: string;
+      attachments: string;
+      relatedRecords: string;
+      doneWithFieldChanges: string;
+  }>;
+  /** Extra fields such as attachments and related fields from IA config */
+  accessor configExtraFields: any;
+  /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
+  accessor layer: __esri.FeatureLayer | undefined;
+  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /** esri/widgets/FeatureTable: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html */
+  accessor table: __esri.FeatureTable | undefined;
+  /** LayerTable reference to support column reorder */
+  accessor tableRef: LayerTable;
+}

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

@@ -1,27 +1,11 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
 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.98 */
-const v = b`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */.height-51{height:51px}.width-51{width:51px}`;
+const v = b`.height-51{height:51px}.width-51{width:51px}`;
 class C extends T {
   constructor() {
     super(), this._translations = _({ name: "field-selection", blocking: !0 }), this._fieldSortOrder = "default", this._selectedFields = [], this._fieldVisibilityPopoverClickHandler = (e) => {
@@ -46,33 +30,33 @@ class C extends T {
     const e = this.table?.tableTemplate?.columnTemplates;
     if (this.layer && this.mapView && e && this._fieldVisibilityActionNode) {
       document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler);
-      const i = this.table.fieldColumns.map((l) => ({
-        alias: l.field.alias,
-        description: l.field.description,
-        name: l.field.name,
-        type: l.field.type
+      const t = this.table.fieldColumns.map((s) => ({
+        alias: s.field.alias,
+        description: s.field.description,
+        name: s.field.name,
+        type: s.field.type
       }));
       if (this._hasAttachmentsEnabled(this.layer)) {
-        const l = "Attachments";
-        if (this._shouldShowField(l.toUpperCase(), !1)) {
-          if (!e.some((o) => o.fieldName.toUpperCase() === l.toUpperCase())) {
+        const s = "Attachments";
+        if (this._shouldShowField(s.toUpperCase(), !1)) {
+          if (!e.some((o) => o.fieldName.toUpperCase() === s.toUpperCase())) {
             const o = {
-              fieldName: l,
+              fieldName: s,
               type: "attachment",
               visible: !0
             };
             e.push(o);
           }
-          i.push({
-            name: l,
+          t.push({
+            name: s,
             alias: "Photos and files",
             type: "none",
-            description: l
+            description: s
           });
         }
       }
       if (this.table.relatedRecordsEnabled && this.layer.relationships && this.layer.relationships.length > 0) {
-        const l = this.layer.parent;
+        const s = this.layer.parent;
         this.layer.relationships.forEach((o) => {
           let a, r = this._shouldShowField(o.name || "", !0);
           if (!e.some((n) => n.fieldName.toLowerCase() === o.name?.toLowerCase() ? (a = o.name, !0) : !1))
@@ -85,7 +69,7 @@ class C extends T {
               };
               r = this._shouldShowField(a, !0), e.push(n);
             } else {
-              const n = [...l?.layers || [], ...l?.tables];
+              const n = [...s?.layers || [], ...s?.tables];
               let d;
               if (n.some((c) => c.layerId === o.relatedTableId ? (d = c, !0) : !1), d) {
                 a = d.title, o.name = a;
@@ -97,7 +81,7 @@ class C extends T {
                 r = this._shouldShowField(a, !0), e.push(c);
               }
             }
-          a && r && i.push({
+          a && r && t.push({
             name: a,
             alias: `Related ${a}`,
             type: "none",
@@ -105,19 +89,19 @@ class C extends T {
           });
         });
       }
-      const t = this._fieldVisibilityPopoverNode ? this._fieldVisibilityPopoverNode : document.createElement("arcgis-field-pick-list");
-      t.layer = this.layer, t.fields = i, t.showFieldInfo = !0, t.showFieldName = !0, t.showDescription = !1, t.showSelectionAll = !0, t.hideCancel = !0, t.hideSort = !1, t.showFilterLength = 5, t.multiple = !0, t.heading = this._translations.fieldVisibility, t.okBtnText = this._translations.doneWithFieldChanges, t.filterPlaceholderText = this._translations.filterFields, t.sortBy = this._fieldSortOrder ?? "default";
-      const p = this.table?.visibleColumns.map((l) => l.fieldName.startsWith("EsriFeatureTableRelationshipColumn") || l.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") ? l.effectiveLabel : l.fieldName);
-      t.selectedFields = e.reduce((l, o) => ((p ? p.indexOf(o.fieldName) > -1 : o.visible) && l.push(o.fieldName), l), []), this._selectedFields = t.selectedFields, t.style.minHeight = "340px", t.popoverProps = {
+      const i = this._fieldVisibilityPopoverNode ? this._fieldVisibilityPopoverNode : document.createElement("arcgis-field-pick-list");
+      i.layer = this.layer, i.fields = t, i.showFieldInfo = !0, i.showFieldName = !0, i.showDescription = !1, i.showSelectionAll = !0, i.hideCancel = !0, i.hideSort = !1, i.showFilterLength = 5, i.multiple = !0, i.heading = this._translations.fieldVisibility, i.okBtnText = this._translations.doneWithFieldChanges, i.filterPlaceholderText = this._translations.filterFields, i.sortBy = this._fieldSortOrder ?? "default";
+      const p = this.table?.visibleColumns.map((s) => s.fieldName.startsWith("EsriFeatureTableRelationshipColumn") || s.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") ? s.effectiveLabel : s.fieldName);
+      i.selectedFields = e.reduce((s, o) => ((p ? p.indexOf(o.fieldName) > -1 : o.visible) && s.push(o.fieldName), s), []), this._selectedFields = i.selectedFields, i.style.minHeight = "340px", i.popoverProps = {
         refElement: this._fieldVisibilityActionNode,
         popoverWidth: 300,
         placement: "bottom-end",
         offsetDistance: -20,
         triggerDisabled: !1,
         autoClose: !1
-      }, t.addEventListener("arcgisChange", (l) => {
-        l.stopPropagation();
-        const o = l.detail.selectedFields, a = this._getDifference(o, this._selectedFields), r = this._getDifference(this._selectedFields, o);
+      }, i.addEventListener("arcgisChange", (s) => {
+        s.stopPropagation();
+        const o = s.detail.selectedFields, a = this._getDifference(o, this._selectedFields), r = this._getDifference(this._selectedFields, o);
         a.concat(r).forEach((d) => {
           const c = this.layer?.relationships?.map((m) => m.name) || [];
           if (d === "Attachments") {
@@ -127,32 +111,32 @@ class C extends T {
             r.indexOf(d) > -1, d == h.effectiveLabel && (h.hidden = r.indexOf(d) > -1);
           }) : this.table.toggleColumnVisibility(d);
         }), this._selectedFields = o, this._updateTable(this.table.tableTemplate);
-      }), t.addEventListener("arcgisSortByChange", (l) => {
-        l.stopPropagation(), this._fieldSortOrder = l.detail, this._sortFields(l.detail);
-      }), t.addEventListener("arcgisClose", () => {
+      }), i.addEventListener("arcgisSortByChange", (s) => {
+        s.stopPropagation(), this._fieldSortOrder = s.detail, this._sortFields(s.detail);
+      }), i.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(i), this._fieldVisibilityPopoverNode = i, setTimeout(() => document.addEventListener("click", this._fieldVisibilityPopoverClickHandler), 200);
     }
   }
-  _shouldShowField(e, i) {
-    return (this.configExtraFields || []).some((s) => i ? s.replace("related:", "").toUpperCase() === e.toUpperCase() : s.toUpperCase() === e.toUpperCase());
+  _shouldShowField(e, t) {
+    return (this.configExtraFields || []).some((l) => t ? l.replace("related:", "").toUpperCase() === e.toUpperCase() : l.toUpperCase() === e.toUpperCase());
   }
   removeFieldsPickList() {
     this._fieldVisibilityPopoverNode && (document.body.removeChild(this._fieldVisibilityPopoverNode), this._fieldVisibilityPopoverNode = void 0);
   }
   _sortFields(e) {
-    const i = this.table.tableTemplate.columnTemplates, s = this._getSortOrder(e), p = i.filter((o) => o.type !== "attachment" && o.type !== "relationship").sort((o, a) => {
-      const r = s.indexOf(o.fieldName), n = s.indexOf(a.fieldName);
+    const t = this.table.tableTemplate.columnTemplates, l = this._getSortOrder(e), p = t.filter((o) => o.type !== "attachment" && o.type !== "relationship").sort((o, a) => {
+      const r = l.indexOf(o.fieldName), n = l.indexOf(a.fieldName);
       return r === -1 && n !== -1 ? 1 : r !== -1 && n === -1 ? -1 : r === -1 && n === -1 ? 0 : r - n;
-    }), l = i.filter((o) => o.type === "attachment" || o.type === "relationship");
-    this.tableRef.setColumnOrder([...p, ...l]), this._updateTable(this.table.tableTemplate);
+    }), s = t.filter((o) => o.type === "attachment" || o.type === "relationship");
+    this.tableRef.setColumnOrder([...p, ...s]), this._updateTable(this.table.tableTemplate);
   }
   _getSortOrder(e) {
-    const i = [...this.layer.fields];
-    return e === "display" ? i.sort((s, t) => s.alias.localeCompare(t.alias)) : e === "field" ? i.sort((s, t) => s.name.localeCompare(t.name)) : e === "type" && i.sort((s, t) => s.type.localeCompare(t.type)), i.map((s) => s.name);
+    const t = [...this.layer.fields];
+    return e === "display" ? t.sort((l, i) => l.alias.localeCompare(i.alias)) : e === "field" ? t.sort((l, i) => l.name.localeCompare(i.name)) : e === "type" && t.sort((l, i) => l.type.localeCompare(i.type)), t.map((l) => l.name);
   }
-  _getDifference(e, i) {
-    return e.filter((s) => !i.includes(s));
+  _getDifference(e, t) {
+    return e.filter((l) => !t.includes(l));
   }
   _updateTable(e) {
     this.table.tableTemplate = e, this._isStandardView() && this._syncAttributeTableTemplate();
@@ -160,22 +144,22 @@ class C extends T {
   async _syncAttributeTableTemplate() {
     const e = this.table.layer;
     if (e.attributeTableTemplate) {
-      const { _modules: i } = this, s = e.attributeTableTemplate.clone();
-      i?.attributeTableTemplateUtils.syncAttributeTableTemplate(this.table, s), JSON.stringify(s) !== JSON.stringify(e.attributeTableTemplate) && (e.attributeTableTemplate = s);
+      const { _modules: t } = this, l = e.attributeTableTemplate.clone();
+      t?.attributeTableTemplateUtils.syncAttributeTableTemplate(this.table, l), JSON.stringify(l) !== JSON.stringify(e.attributeTableTemplate) && (e.attributeTableTemplate = l);
     }
     if (e.attributeTableTemplate?.orderByFields?.length > 1) {
-      const i = e.attributeTableTemplate.clone(), s = this.table.activeSortOrders[0];
-      i.orderByFields = [
-        { field: s.fieldName, order: s.direction }
-      ], e.attributeTableTemplate = i, this._syncColumnDirectionsWithOrderByFields();
+      const t = e.attributeTableTemplate.clone(), l = this.table.activeSortOrders[0];
+      t.orderByFields = [
+        { field: l.fieldName, order: l.direction }
+      ], e.attributeTableTemplate = t, this._syncColumnDirectionsWithOrderByFields();
     }
   }
   _syncColumnDirectionsWithOrderByFields() {
     const e = this.table.activeSortOrders[0]?.fieldName;
-    this.table.columns.forEach((i) => {
-      "fieldName" in i && i.fieldName !== e && (i.direction = void 0);
-    }), this.table.tableTemplate?.columnTemplates.forEach((i) => {
-      "fieldName" in i && i.fieldName !== e && (i.direction = void 0);
+    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);
     });
   }
   _isStandardView() {
@@ -184,18 +168,18 @@ class C extends T {
   _closePopovers() {
     document.removeEventListener("click", this._fieldVisibilityPopoverClickHandler), this._fieldVisibilityPopoverNode && (document.body.removeChild(this._fieldVisibilityPopoverNode), this._fieldVisibilityPopoverNode = void 0);
   }
-  _addTableTooltip(e, i) {
-    const s = document.createElement("calcite-tooltip");
-    s.className = "table-tooltip", s.referenceElement = e, s.placement = "trailing-start", s.open = !0;
-    const t = document.createElement("div");
-    t.className = "tooltip", t.innerHTML = i, s.append(t), document.body.append(s);
+  _addTableTooltip(e, t) {
+    const l = document.createElement("calcite-tooltip");
+    l.className = "table-tooltip", l.referenceElement = e, l.placement = "trailing-start", l.open = !0;
+    const i = document.createElement("div");
+    i.className = "tooltip", i.innerHTML = t, l.append(i), document.body.append(l);
   }
   _removeTableTooltip() {
     document.querySelectorAll(".table-tooltip").forEach((e) => e.parentNode?.removeChild(e));
   }
-  _isInNode(e, i) {
+  _isInNode(e, t) {
     for (; e; ) {
-      if (e.nodeName === i.toUpperCase())
+      if (e.nodeName === t.toUpperCase())
         return !0;
       e = e.parentElement;
     }
@@ -204,8 +188,8 @@ class C extends T {
   _hasAttachmentsEnabled(e) {
     if (!e?.capabilities)
       return !1;
-    const { capabilities: { data: { supportsAttachment: i }, operations: { supportsQueryAttachments: s } } } = e;
-    return i && s;
+    const { capabilities: { data: { supportsAttachment: t }, operations: { supportsQueryAttachments: l } } } = e;
+    return t && l;
   }
 }
 f("field-selection", C);

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

@@ -1,3 +1 @@
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-icon";
 export * from "./customElement.js";