@esri/solutions-components 0.10.12 → 0.10.13

package/dist/solutions-components/utils/popupUtils.ts

@@ -73,7 +73,7 @@ export class PopupUtils {
 			}
 		}
 		//Format field values
-		if (layer.popupTemplate.fieldInfos) {
+		if (layer.popupTemplate?.fieldInfos) {
 			layer.fields.forEach((field) => {
 				const attributeValue = graphic.attributes[field.name];
 				//get the field info from popupTemplate

package/dist/types/components/create-feature/create-feature.d.ts

@@ -38,6 +38,14 @@ export declare class CreateFeature {
      * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
      */
     isMobile: boolean;
+    /**
+     * string: selected floor level
+     */
+    floorLevel: string;
+    /**
+     * string: selected floor level
+     */
+    formElements: any;
     /**
      * boolean: When true a loading indicator will be shown while the editor loads
      */
@@ -51,6 +59,20 @@ export declare class CreateFeature {
      * The Editor constructor
      */
     protected Editor: typeof import("esri/widgets/Editor");
+    /**
+     * esri/form/ExpressionInfo: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-ExpressionInfo.html
+     * The ExpressionInfo constructor
+     */
+    protected ExpressionInfo: typeof import("esri/form/ExpressionInfo");
+    /**
+     * esri/form/elements/FieldElement: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-elements-FieldElement.html
+     * The FieldElement constructor
+     */
+    protected FieldElement: typeof import("esri/form/elements/FieldElement");
+    /**
+     * esri/form/FormTemplate: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-FormTemplate.html
+     */
+    protected FormTemplate: typeof import("esri/form/FormTemplate");
     /**
      * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
      * The Editor instance
@@ -123,6 +145,11 @@ export declare class CreateFeature {
      * @returns Promise that resolves when the operation is complete
      */
     submit(): Promise<void>;
+    /**
+     * refresh the feature form
+     * @returns Promise that resolves when the operation is complete
+     */
+    refresh(floorLevel: string): Promise<void>;
     /**
      * Emitted on demand when the feature is created successfully
      */
@@ -204,6 +231,13 @@ export declare class CreateFeature {
      * @protected
      */
     protected _getSearchConfig(searchConfiguration: ISearchConfiguration, view: __esri.MapView): ISearchConfiguration;
+    /**
+     * Add the floor level value to form
+     * @param level selected floor level
+     *
+     * @protected
+     */
+    protected _setFloorLevel(level: string): Promise<void>;
     /**
      * Hides the elements of editor widget
      * @protected

package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts

@@ -17,6 +17,7 @@ import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { ILayerExpression, IMapChange, IMapClick, IMapInfo, IReportingOption, IReportingOptions, ISearchConfiguration, ISortingInfo, theme } from "../../utils/interfaces";
 import CrowdsourceReporter_T9n from "../../assets/t9n/crowdsource-reporter/resources.json";
 import { ILayerItemsHash } from "../layer-list/layer-list";
+import { FilterInitState } from "@esri/instant-apps-components";
 export declare class CrowdsourceReporter {
     el: HTMLCrowdsourceReporterElement;
     /**
@@ -123,6 +124,14 @@ export declare class CrowdsourceReporter {
      * boolean: When true the profile image of the comment creator will be shown in the comments list
      */
     showUserImageInCommentsList: boolean;
+    /**
+     * boolean: When true the feature symbology of the feature will shown in the features list
+     */
+    showFeatureSymbol: boolean;
+    /**
+     * boolean: To show only those features which are created by the logged in user
+     */
+    showMyReportsOnly?: boolean;
     /**
      * theme: "light" | "dark" theme to be used
      */
@@ -131,6 +140,10 @@ export declare class CrowdsourceReporter {
      * number: default scale to zoom to when zooming to a single point feature
      */
     zoomToScale: number;
+    /**
+     * string: selected floor level
+     */
+    floorLevel: string;
     /**
      * string: Error message when feature creation fails
      */
@@ -139,10 +152,6 @@ export declare class CrowdsourceReporter {
      * boolean: When true an indicator will be shown on the action
      */
     _filterActive: boolean;
-    /**
-     * boolean: When true the filter component will be displayed
-     */
-    _filterOpen: boolean;
     /**
      * string[]: Reporter flow items list
      */
@@ -276,6 +285,11 @@ export declare class CrowdsourceReporter {
      * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
      */
     protected reactiveUtils: typeof import("esri/core/reactiveUtils");
+    /**
+     * "esri/layers/support/FeatureFilter": https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-FeatureFilter.html
+     * Esri FeatureFilter
+     */
+    protected FeatureFilter: typeof import("esri/layers/support/FeatureFilter");
     /**
      * __esri.Graphic: The selected feature
      */
@@ -312,6 +326,22 @@ export declare class CrowdsourceReporter {
      * boolean: when true allow panel to show in full height
      */
     protected _showFullPanel: boolean;
+    /**
+     * string: The current floor expression
+     */
+    protected _floorExpression: string;
+    /**
+     * _esri.Element: form elements of the selected layer
+     */
+    protected _formElements: any[];
+    /**
+     * string[]: URL params set by using filters.
+     */
+    protected _filterUrlParams: string[];
+    /**
+     * FilterInitState: filter's init state
+     */
+    protected _filterInitState: FilterInitState;
     /**
      * Called each time the mapView prop is changed.
      */
@@ -320,6 +350,10 @@ export declare class CrowdsourceReporter {
      * Called each time the mapView prop is changed.
      */
     mapViewWatchHandler(): Promise<void>;
+    /**
+     * Called each time the floorLevel prop is changed.
+     */
+    floorLevelWatchHandler(): Promise<void>;
     /**
     * Emitted when toggle panel button is clicked in reporter
     */
@@ -362,21 +396,6 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected _getReporter(): VNode;
-    /**
-     * Show filter component in modal
-     * @returns node to interact with any configured filters for the current layer
-     */
-    protected filterModal(): VNode;
-    /**
-     * Close the filter modal
-     * @protected
-     */
-    protected _closeFilter(): void;
-    /**
-     * When true the filter modal will be displayed
-     * @protected
-     */
-    protected _toggleFilter(): void;
     /**
      * On sort option click update the sort field and sort order
      * @param sortField sort field
@@ -390,10 +409,15 @@ export declare class CrowdsourceReporter {
      */
     protected _toggleSort(): Node;
     /**
-     * Reset the filter active prop
+     * Restores the applied filters
+     * @protected
+     */
+    protected _restoreFilters(): void;
+    /**
+     * Reset the filter
      * @protected
      */
-    protected _handleFilterListReset(): void;
+    protected _handleFilterListReset(): Promise<void>;
     /**
      * Check if the layers definitionExpression has been modified and update the feature list depending on the applied filters
      * @protected
@@ -502,6 +526,11 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected displayFeaturesList(evt: CustomEvent): void;
+    /**
+     * On back from filter panel get the filter's init state
+     * @protected
+     */
+    protected backFromFilterPanel(): Promise<void>;
     /**
      * On back from selected panel navigate to the previous panel
      * @protected
@@ -554,6 +583,14 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected getFeatureListFlowItem(layerId: string, layerName: string): Node;
+    /**
+     * Get Filter page for apllying filter
+     * @param layerId Layer id
+     * @param layerName Layer name
+     * @returns feature list node
+     * @protected
+     */
+    protected getFilterPanel(): Node;
     /**
      * Returns the calcite-flow item for feature details
      * @returns Node
@@ -632,6 +669,18 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected _getTranslations(): Promise<void>;
+    /**
+     * Applies a definition expression when floor field and level are available
+     *
+     * @returns boolean
+     * @protected
+     */
+    protected _updateFloorDefinitionExpression(layer: __esri.FeatureLayer): void;
+    /**
+     * Gets the form template elements
+     * @protected
+     */
+    protected _getFormElements(): void;
     /**
      * Returns the ids of all OR configured layers that support edits with the update capability
      * @param hash each layer item details
@@ -639,6 +688,16 @@ export declare class CrowdsourceReporter {
      * @returns array of editable layer ids
      */
     protected reduceToConfiguredLayers(hash: ILayerItemsHash): string[];
+    /**
+     * updates the features for layer/feature list
+     * @protected
+     */
+    protected _updateFeatures(): Promise<void>;
+    /**
+     * Show only loggedIn user's features
+     * @protected
+     */
+    protected _showMyFeaturesOnly(featureLayerView: __esri.FeatureLayerView): Promise<void>;
     /**
      * Creates the list of layers to be listed in layer list
      * @protected

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { IPopupUtils, ISortingInfo } from "../../utils/interfaces";
+import { IPopupUtils, IReportingOptions, ISortingInfo } from "../../utils/interfaces";
 import FeatureList_T9n from "../../assets/t9n/feature-list/resources.json";
 export declare class FeatureList {
     el: HTMLFeatureListElement;
@@ -66,6 +66,18 @@ export declare class FeatureList {
      * boolean: If true display's profile img on each feature item
      */
     showUserImageInList?: boolean;
+    /**
+     * boolean: If true display's feature symbol on each feature item
+     */
+    showFeatureSymbol?: boolean;
+    /**
+     * boolean: If true will consider the FeatureFilter applied on the layerview
+     */
+    applyLayerViewFilter?: boolean;
+    /**
+     * IReportingOptions: Key options for reporting
+     */
+    reportingOptions: IReportingOptions;
     /**
      * calcite-list-item list of features with popup titles
      */
@@ -93,6 +105,11 @@ export declare class FeatureList {
      * Esri config
      */
     protected esriConfig: typeof import("esri/config");
+    /**
+     * "esri/symbols/support/symbolUtils": https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-support-symbolUtils.html
+     * Symbol utils
+     */
+    protected symbolUtils: typeof import("esri/symbols/support/symbolUtils");
     /**
      * IPopupUtils: To fetch the list label using popup titles
      */
@@ -109,6 +126,18 @@ export declare class FeatureList {
      * HTMLCalcitePaginationElement: Calcite pagination element instance
      */
     protected _pagination: HTMLCalcitePaginationElement;
+    /**
+     * string[]: Valid field types for like
+     */
+    protected _validFieldTypes: string[];
+    /**
+     * string: Abbrivated like count of the feature
+     */
+    protected _abbreviatedLikeCount: string;
+    /**
+     * boolean: When true configured like field is available in selected layer
+     */
+    protected _likeFieldAvailable: boolean;
     /**
      * Watch for selectedLayerId change and update layer instance and features list for new layerId
      */
@@ -144,16 +173,16 @@ export declare class FeatureList {
      */
     render(): any;
     /**
-   * Load esri javascript api modules
-   * @returns Promise resolving when function is done
-   * @protected
-   */
+     * Load esri javascript api modules
+     * @returns Promise resolving when function is done
+     * @protected
+     */
     protected initModules(): Promise<void>;
     /**
      * Return the where condition string considering the defined where clause and layer's definition expression
      * @protected
      */
-    protected getWhereCondition(): string;
+    protected getWhereCondition(): Promise<string>;
     /**
      * Initialize the features list using the selected layer
      * @protected
@@ -203,6 +232,12 @@ export declare class FeatureList {
      * @protected
      */
     protected createFeatureItem(featureSet: any): Promise<VNode[]>;
+    /**
+     * Displays the abbrivated like count on the feature list
+     * @param feature feature of the layer
+     * @protected
+     */
+    protected getAbbreviatedLikeCount(feature: __esri.Graphic): void;
     /**
      * Get each feature item
      * @param selectedFeature Each individual feature instance to be listed
@@ -210,7 +245,7 @@ export declare class FeatureList {
      * @returns individual feature item to be rendered
      * @protected
      */
-    protected getFeatureItem(selectedFeature: __esri.Graphic, popupTitle: string, userInfo: any): VNode;
+    protected getFeatureItem(selectedFeature: __esri.Graphic, popupTitle: string, featureSymbol: HTMLDivElement, userInfo: any): VNode;
     /**
      *
      * @param feature Each individual feature instance to be listed
@@ -219,6 +254,13 @@ export declare class FeatureList {
      * @protected
      */
     protected getUserInformation(feature: __esri.Graphic, creatorField: string): Promise<any>;
+    /**
+     * Creates a feature symbology
+     * @param feature Each individual feature
+     * @returns Feature symbology
+     * @protected
+     */
+    protected getFeatureSymbol(feature: __esri.Graphic): Promise<HTMLDivElement>;
     /**
      * Fetches the component's translations
      * @returns Promise when complete

package/dist/types/components/layer-list/layer-list.d.ts

@@ -42,6 +42,10 @@ export declare class LayerList {
      * boolean: If true display's arrow icon on each layer item
      */
     showNextIcon?: boolean;
+    /**
+     * boolean: If true will consider the FeatureFilter applied on the layerview
+     */
+    applyLayerViewFilter?: boolean;
     /**
      * boolean: When true will display message no layers found
      */

package/dist/types/components.d.ts

@@ -124,6 +124,14 @@ export namespace Components {
           * boolean: Set this to true when have a custom submit button in the app. This will hide the header and footer elements of the editor and user needs to execute the submit method manually.
          */
         "customizeSubmit"?: boolean;
+        /**
+          * string: selected floor level
+         */
+        "floorLevel": string;
+        /**
+          * string: selected floor level
+         */
+        "formElements": any;
         /**
           * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
          */
@@ -132,6 +140,11 @@ export namespace Components {
           * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
          */
         "mapView": __esri.MapView;
+        /**
+          * refresh the feature form
+          * @returns Promise that resolves when the operation is complete
+         */
+        "refresh": (floorLevel: string) => Promise<void>;
         /**
           * ISearchConfiguration: Configuration details for the Search widget
          */
@@ -363,6 +376,10 @@ export namespace Components {
           * boolean: when true the zoom widget will be available
          */
         "enableZoom": boolean;
+        /**
+          * string: selected floor level
+         */
+        "floorLevel": string;
         /**
           * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
          */
@@ -419,6 +436,14 @@ export namespace Components {
           * boolean: When true the comments from all users will be visible
          */
         "showComments": boolean;
+        /**
+          * boolean: When true the feature symbology of the feature will shown in the features list
+         */
+        "showFeatureSymbol": boolean;
+        /**
+          * boolean: To show only those features which are created by the logged in user
+         */
+        "showMyReportsOnly"?: boolean;
         /**
           * boolean: When true the profile image of the comment creator will be shown in the comments list
          */
@@ -522,6 +547,10 @@ export namespace Components {
     interface FeatureFormFlowItem {
     }
     interface FeatureList {
+        /**
+          * boolean: If true will consider the FeatureFilter applied on the layerview
+         */
+        "applyLayerViewFilter"?: boolean;
         /**
           * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list
          */
@@ -547,6 +576,10 @@ export namespace Components {
           * @returns Promise that resolves when the operation is complete
          */
         "refresh": () => Promise<void>;
+        /**
+          * IReportingOptions: Key options for reporting
+         */
+        "reportingOptions": IReportingOptions;
         /**
           * string: Layer id of the feature layer to show the list
          */
@@ -555,6 +588,10 @@ export namespace Components {
           * boolean: If true will show error msg when features are not present
          */
         "showErrorWhenNoFeatures"?: boolean;
+        /**
+          * boolean: If true display's feature symbol on each feature item
+         */
+        "showFeatureSymbol"?: boolean;
         /**
           * boolean: Show initial loading indicator when creating list
          */
@@ -695,6 +732,10 @@ export namespace Components {
         "value": any;
     }
     interface LayerList {
+        /**
+          * boolean: If true will consider the FeatureFilter applied on the layerview
+         */
+        "applyLayerViewFilter"?: boolean;
         /**
           * string[]: If passed will show only these layers in the list if they are present in map and are editable
          */
@@ -2614,6 +2655,14 @@ declare namespace LocalJSX {
           * boolean: Set this to true when have a custom submit button in the app. This will hide the header and footer elements of the editor and user needs to execute the submit method manually.
          */
         "customizeSubmit"?: boolean;
+        /**
+          * string: selected floor level
+         */
+        "floorLevel"?: string;
+        /**
+          * string: selected floor level
+         */
+        "formElements"?: any;
         /**
           * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
          */
@@ -2888,6 +2937,10 @@ declare namespace LocalJSX {
           * boolean: when true the zoom widget will be available
          */
         "enableZoom"?: boolean;
+        /**
+          * string: selected floor level
+         */
+        "floorLevel"?: string;
         /**
           * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
          */
@@ -2948,6 +3001,14 @@ declare namespace LocalJSX {
           * boolean: When true the comments from all users will be visible
          */
         "showComments"?: boolean;
+        /**
+          * boolean: When true the feature symbology of the feature will shown in the features list
+         */
+        "showFeatureSymbol"?: boolean;
+        /**
+          * boolean: To show only those features which are created by the logged in user
+         */
+        "showMyReportsOnly"?: boolean;
         /**
           * boolean: When true the profile image of the comment creator will be shown in the comments list
          */
@@ -3066,6 +3127,10 @@ declare namespace LocalJSX {
     interface FeatureFormFlowItem {
     }
     interface FeatureList {
+        /**
+          * boolean: If true will consider the FeatureFilter applied on the layerview
+         */
+        "applyLayerViewFilter"?: boolean;
         /**
           * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list
          */
@@ -3090,6 +3155,10 @@ declare namespace LocalJSX {
           * number: Number features to be fetched per page, by default 100 features will be fetched
          */
         "pageSize"?: number;
+        /**
+          * IReportingOptions: Key options for reporting
+         */
+        "reportingOptions"?: IReportingOptions;
         /**
           * string: Layer id of the feature layer to show the list
          */
@@ -3098,6 +3167,10 @@ declare namespace LocalJSX {
           * boolean: If true will show error msg when features are not present
          */
         "showErrorWhenNoFeatures"?: boolean;
+        /**
+          * boolean: If true display's feature symbol on each feature item
+         */
+        "showFeatureSymbol"?: boolean;
         /**
           * boolean: Show initial loading indicator when creating list
          */
@@ -3212,6 +3285,10 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface LayerList {
+        /**
+          * boolean: If true will consider the FeatureFilter applied on the layerview
+         */
+        "applyLayerViewFilter"?: boolean;
         /**
           * string[]: If passed will show only these layers in the list if they are present in map and are editable
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.10.12",
+  "version": "0.10.13",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/solutions-components/p-064e43e0.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,c as i,g as s,h as e}from"./p-6eb37ed2.js";import{l as a,g as h}from"./p-2058b5d9.js";import{P as n}from"./p-900fee65.js";import{g as c,c as r,h as o}from"./p-eb483242.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-022c49af.js";import"./p-659678f1.js";import"./p-7c583516.js";import"./p-80cb7c73.js";const l=class{constructor(s){t(this,s),this.featureSelect=i(this,"featureSelect",7),this.selectedLayerId=void 0,this.mapView=void 0,this.noFeaturesFoundMsg=void 0,this.pageSize=100,this.highlightOnMap=!1,this.highlightOnHover=!1,this.sortingInfo=void 0,this.whereClause=void 0,this.textSize="large",this.showInitialLoading=!0,this.showErrorWhenNoFeatures=!0,this.showUserImageInList=!1,this._featureItems=[],this._featuresCount=0,this._isLoading=!1,this._translations=void 0}get el(){return s(this)}Color;esriConfig;_popupUtils;_selectedLayer;_highlightHandle;_pagination;async selectedLayerWatchHandler(){this._selectedLayer=await c(this.mapView,this.selectedLayerId),await this.initializeFeatureItems()}async sortingInfoWatchHandler(){await this.initializeFeatureItems()}async whereClauseHandler(){await this.initializeFeatureItems()}async refresh(){await this.initializeFeatureItems()}featureSelect;async componentWillLoad(){await this.initModules(),await this._getTranslations(),this._isLoading=this.showInitialLoading,this._popupUtils=new n,this.mapView&&this.selectedLayerId&&(this._selectedLayer=await c(this.mapView,this.selectedLayerId))}async componentDidLoad(){await this.initializeFeatureItems()}render(){return e("calcite-panel",{key:"ace7bcabf497e9a61d261fd7ea29dc664ee0a526","full-height":!0,"full-width":!0},this._isLoading&&e("calcite-loader",{key:"675c7f5be7f8456954acdf353f357bac6145c390",label:"",scale:"m"}),this.showErrorWhenNoFeatures&&0===this._featureItems.length&&!this._isLoading&&e("calcite-notice",{key:"b2e6537acdec801ef066a74c78a2c4a13dbbc44b",class:"error-msg",icon:"feature-details",kind:"info",open:!0},e("div",{key:"7697470234b396a904906b80e4fc8df3a0cc732b",slot:"message"},this.noFeaturesFoundMsg?this.noFeaturesFoundMsg:this._translations.featureErrorMsg)),e("calcite-list",{key:"d2b40c9a5e1bf009cb78d640351a16b24711ff59","selection-appearance":"border","selection-mode":"none"},!this._isLoading&&this._featureItems.length>0&&this._featureItems),this._featuresCount>this.pageSize&&e("div",{key:"15b0dae0fb914faf053a4b0cbea6e35ef7abc038",class:"width-full",slot:"footer"},e("calcite-pagination",{key:"04f8eb02535f8cff8de0c111ac2d4bfa883ac128",class:"pagination","full-width":!0,onCalcitePaginationChange:this.pageChanged.bind(this),"page-size":this.pageSize,ref:t=>this._pagination=t,"start-item":"1","total-items":this._featuresCount})))}async initModules(){const[t,i]=await a(["esri/Color","esri/config"]);this.Color=t,this.esriConfig=i}getWhereCondition(){let t="1=1";return this.whereClause&&(t=this.whereClause),this._selectedLayer?.definitionExpression&&(t=t+" AND "+this._selectedLayer.definitionExpression),t}async initializeFeatureItems(){if(this._selectedLayer){this._pagination?.goTo("start"),this._isLoading=this.showInitialLoading,this._featureItems=await this.queryPage(0);const t={where:this.getWhereCondition()};this._featuresCount=await this._selectedLayer.queryFeatureCount(t),this._isLoading=!1}}async pageChanged(t){this._isLoading=!0,this._highlightHandle&&(this._highlightHandle.remove(),this._highlightHandle=null);const i=t.target.startItem-1;this._featureItems=await this.queryPage(i),this._isLoading=!1}async featureClicked(t,i){if(this.clearHighlights(),this.highlightOnMap){const i=Number(t.target.value),s=await r(this.mapView,this.selectedLayerId);this._highlightHandle=await o([i],s,this.mapView,!0)}await this.emitSelectedFeature(i)}async emitSelectedFeature(t){const i=t.layer,s=i.createQuery();s.returnGeometry=!0,s.objectIds=[t.getObjectId()];const e=await i.queryFeatures(s);this.featureSelect.emit(e.features[0])}async onFeatureHover(t){if(this.clearHighlights(),this.highlightOnHover){const i=t.getObjectId(),s=await r(this.mapView,this.selectedLayerId);s.highlightOptions={color:new this.Color("#FFFF00")},this._highlightHandle=s.highlight([i])}}clearHighlights(){this._highlightHandle&&this._highlightHandle.remove()}async queryPage(t){const i=this._selectedLayer,s=this.sortingInfo?.field?this.sortingInfo.field:i.objectIdField,e=this.sortingInfo?.order?this.sortingInfo.order:"desc",a={start:t,num:this.pageSize,outFields:["*"],returnGeometry:!0,where:this.getWhereCondition(),outSpatialReference:this.mapView.spatialReference.toJSON()};s&&e&&(a.orderByFields=[s.toString()+" "+e]);const h=await i.queryFeatures(a);return await this.createFeatureItem(h)}async createFeatureItem(t){const i=t?.features,s=i.map((async t=>{const i=await this._popupUtils.getPopupTitle(t,this.mapView.map);let s;if(this.showUserImageInList){const i=this._selectedLayer.editFieldsInfo?.creatorField.toLowerCase();i&&(s=await this.getUserInformation(t,i))}return this.getFeatureItem(t,i,s)}));return Promise.all(s)}getFeatureItem(t,i,s){const a=t.attributes[this._selectedLayer.objectIdField].toString();i=i??a;const h="small"===this.textSize?"feature-list-popup-title-small":"feature-list-popup-title",n=this.showUserImageInList?"feature-list-popup-title-padding-reduced":"feature-list-popup-title-padding";return e("calcite-list-item",{onCalciteListItemSelect:i=>{this.featureClicked(i,t)},onMouseLeave:()=>{this.clearHighlights()},onMouseOver:()=>{this.onFeatureHover(t)},value:a},this.showUserImageInList&&e("calcite-avatar",{class:"profile-img","full-name":s?.fullName,id:s?.id,scale:"m",slot:"content-start",thumbnail:s?.userProfileUrl,username:s?.username}),e("div",{class:`${h} ${n}`,slot:"content-start"},i),e("calcite-icon",{flipRtl:!0,icon:"chevron-right",scale:"s",slot:"content-end"}))}async getUserInformation(t,i){const s=this.mapView.map.portalItem.portal?.credential?.token;let e=`${this.esriConfig.portalUrl}/sharing/rest/community/users/${t.attributes[i]}?f=json&returnUserLicensedItems=true`;s&&(e+=`&token=${s}`);const a=await fetch(e),h=await a.json();let n=`${this.esriConfig.portalUrl}/sharing/rest/community/users/${h?.username??t.attributes[i]}/info/blob.png`;return h?.access&&s&&(n+=`?token=${s}`),h.userProfileUrl=n,h}async _getTranslations(){const t=await h(this.el);this._translations=t[0]}static get watchers(){return{selectedLayerId:["selectedLayerWatchHandler"],sortingInfo:["sortingInfoWatchHandler"],whereClause:["whereClauseHandler"]}}};l.style=":host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500;white-space:pre-line}.feature-list-popup-title-small{font-size:small;white-space:pre-line}.feature-list-popup-title-padding{padding:10px 12px}.feature-list-popup-title-padding-reduced{padding:10px 0}.profile-img{margin:0 0.75rem;min-width:32px}";export{l as feature_list}