@esri/solutions-components 0.10.12 → 0.10.14

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/card-manager/card-manager.d.ts

@@ -16,6 +16,10 @@
 import CardManager_T9n from "../../assets/t9n/card-manager/resources.json";
 export declare class CardManager {
     el: HTMLCardManagerElement;
+    /**
+     * string: custom notice text to display
+     */
+    customInfoText: string;
     /**
      * When true the geometry of the current feature will be editable
      */

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-manager/crowdsource-manager.d.ts

@@ -38,6 +38,10 @@ export declare class CrowdsourceManager {
      * will emit an event when clicked that the consuming application can respond to that will open the cover page.
      */
     coverPageEnabled: boolean;
+    /**
+     * string: custom notification text to display in the card manager
+     */
+    customInfoText: string;
     /**
      * string: default center point values for the map
      * ; delimited x;y pair

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

@@ -71,6 +71,10 @@ export namespace Components {
         "unit": DistanceUnit;
     }
     interface CardManager {
+        /**
+          * string: custom notice text to display
+         */
+        "customInfoText": string;
         /**
           * When true the geometry of the current feature will be editable
          */
@@ -124,6 +128,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 +144,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
          */
@@ -189,6 +206,10 @@ export namespace Components {
           * boolean: When true a cover page has been enabled in the consuming application. Also when true a floating button will be shown in the lower right of the window that will emit an event when clicked that the consuming application can respond to that will open the cover page.
          */
         "coverPageEnabled": boolean;
+        /**
+          * string: custom notification text to display in the card manager
+         */
+        "customInfoText": string;
         /**
           * string: default center point values for the map ; delimited x;y pair
          */
@@ -363,6 +384,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 +444,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 +555,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 +584,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 +596,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 +740,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
          */
@@ -2566,6 +2615,10 @@ declare namespace LocalJSX {
         "unit"?: DistanceUnit;
     }
     interface CardManager {
+        /**
+          * string: custom notice text to display
+         */
+        "customInfoText"?: string;
         /**
           * When true the geometry of the current feature will be editable
          */
@@ -2614,6 +2667,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
          */
@@ -2706,6 +2767,10 @@ declare namespace LocalJSX {
           * boolean: When true a cover page has been enabled in the consuming application. Also when true a floating button will be shown in the lower right of the window that will emit an event when clicked that the consuming application can respond to that will open the cover page.
          */
         "coverPageEnabled"?: boolean;
+        /**
+          * string: custom notification text to display in the card manager
+         */
+        "customInfoText"?: string;
         /**
           * string: default center point values for the map ; delimited x;y pair
          */
@@ -2888,6 +2953,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 +3017,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 +3143,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 +3171,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 +3183,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 +3301,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.14",
   "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}