@esri/solutions-components 0.8.4 → 0.8.6

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

@@ -565,3 +565,10 @@ export interface IPopupUtils {
 export interface IConsentResponse {
   granted: boolean;
 }
+
+/**
+ * Key is the layer name and the value is the type of layer
+ */
+export interface IManagedLayers {
+  [key: string]: "buffer" | "sketch";
+}

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

@@ -15,10 +15,11 @@
  */
 
 import { createStore } from "@stencil/store";
+import { IManagedLayers } from "./interfaces";
 
 const { state, onChange } = createStore({
-	// List of layers added and managed by the component
-	managedLayers: [],
+	// Key Value pair whose Key is the layer name and the Value is the type of layer ("buffer" | "sketch")
+	managedLayers: {} as IManagedLayers,
 	// List of tables added and managed by the component
 	managedTables: [],
 	// Handle[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle

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

@@ -15,6 +15,7 @@
  */
 /// <reference types="arcgis-js-api" />
 import { EventEmitter } from "../../stencil-public-runtime";
+import { ISearchConfiguration } from "../../utils/interfaces";
 export declare class CreateFeature {
     el: HTMLCreateFeatureElement;
     /**
@@ -30,6 +31,14 @@ export declare class CreateFeature {
      * This will hide the header and footer elements of the editor and user needs to execute the submit method manually.
      */
     customizeSubmit?: boolean;
+    /**
+     * ISearchConfiguration: Configuration details for the Search widget
+     */
+    searchConfiguration: ISearchConfiguration;
+    /**
+     * boolean: When true the search widget will shown
+     */
+    showSearchWidget: boolean;
     /**
      * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
      * The Editor constructor
@@ -40,6 +49,21 @@ export declare class CreateFeature {
      * The Editor instance
      */
     protected _editor: __esri.Editor;
+    /**
+     * https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+     * The Feature layer instance
+     */
+    protected FeatureLayer: typeof import("esri/layers/FeatureLayer");
+    /**
+     * "esri/widgets/Search": https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
+     * The Search instance
+     */
+    protected Search: typeof import("esri/widgets/Search");
+    /**
+     * "esri/widgets/Search": https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
+     * The Search instance
+     */
+    protected _search: __esri.widgetsSearch;
     /**
      * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
      */
@@ -48,6 +72,10 @@ export declare class CreateFeature {
      * boolean: Flag to maintain the add attachment
      */
     protected _addingAttachment: boolean;
+    /**
+     * ISearchConfiguration: config for search widget
+     */
+    protected searchConfiguration1: ISearchConfiguration;
     /**
     * Called each time the mapView prop is changed.
     */
@@ -92,7 +120,7 @@ export declare class CreateFeature {
      */
     render(): any;
     /**
-     * Init Editor widget and starts the create workflow
+     * Init Editor widget and Search widget
      */
     protected init(): Promise<void>;
     /**
@@ -111,6 +139,20 @@ export declare class CreateFeature {
      * @protected
      */
     protected startCreate(): Promise<void>;
+    /**
+     * Display search widget to search location
+     * @protected
+     */
+    protected createSearchWidget(): Promise<void>;
+    /**
+     * Initialize the search widget based on user defined configuration
+     *
+     * @param searchConfiguration search configuration defined by the user
+     * @param view the current map view
+     *
+     * @protected
+     */
+    protected _getSearchConfig(searchConfiguration: ISearchConfiguration, view: __esri.MapView): ISearchConfiguration;
     /**
      * Hides the elements of editor widget
      * @protected

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

@@ -19,6 +19,10 @@ import CrowdsourceManager_T9n from "../../assets/t9n/crowdsource-manager/resourc
 import { ELayoutMode, IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, theme } from "../../utils/interfaces";
 export declare class CrowdsourceManager {
     el: HTMLCrowdsourceManagerElement;
+    /**
+     * Array of objects containing proxy information for premium platform services.
+     */
+    appProxies: any;
     /**
      * 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 { IMapChange, IMapClick, IMapInfo, ISearchConfiguration, theme } from "../../utils/interfaces";
 import CrowdsourceReporter_T9n from "../../assets/t9n/crowdsource-reporter/resources.json";
+import { ILayerItemsHash } from "../layer-list/layer-list";
 export declare class CrowdsourceReporter {
     el: HTMLCrowdsourceReporterElement;
     /**
@@ -172,6 +173,10 @@ export declare class CrowdsourceReporter {
      * __esri.FeatureLayer[]: Valid layers from the current map
      */
     protected _validLayers: __esri.FeatureLayer[];
+    /**
+     * string[]: Configured/all layers id from current map which can be used for reporting
+     */
+    protected _editableLayerIds: string[];
     /**
      * string: The selected feature layer's id from the layer's list
      */
@@ -196,6 +201,10 @@ export declare class CrowdsourceReporter {
      * HTMLLayerListElement: Create Layer list component instance
      */
     protected _layerList: HTMLLayerListElement;
+    /**
+     * HTMLFeatureListElement: Create feature list component instance
+     */
+    protected _featureList: HTMLFeatureListElement;
     /**
      * HTMLInstantAppsSocialShareElement: Share element
      */
@@ -307,18 +316,13 @@ export declare class CrowdsourceReporter {
      * Navigates to layer-list
      * @protected
      */
-    protected navigateToHomePage(): void;
+    protected navigateToHomePage(): Promise<void>;
     /**
-     * Update the selected layer id and name
+     * On layer select open the feature create flow item
      * @param evt Event which has details of selected layerId and layerName
      * @protected
      */
-    protected highlightSelectedLayer(evt: CustomEvent): void;
-    /**
-     * On next button click open the feature create flow item
-     * @protected
-     */
-    protected navigateToCreateFeature(): Promise<void>;
+    protected navigateToCreateFeature(evt: CustomEvent): Promise<void>;
     /**
      * On report an incident button click open the create a report panel with the layer list
      * @protected
@@ -406,7 +410,7 @@ export declare class CrowdsourceReporter {
      */
     protected handleMapClick(): void;
     /**
-     * On map click do hitTest and get the clicked graphics of valid layers and show feature details
+     * On map click do hitTest and get the clicked graphics from both reporting and non-reporting layers, and show feature details
      * @param event IMapClick map click event details
      *
      * @protected
@@ -418,10 +422,27 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected _getTranslations(): Promise<void>;
+    /**
+     * Returns the ids of all OR configured layers that support edits with the update capability
+     * @param hash each layer item details
+     * @param layers list of layers id
+     * @returns array of editable layer ids
+     */
+    protected reduceToConfiguredLayers(hash: ILayerItemsHash): string[];
+    /**
+     * Creates the list of layers to be listed in layer list
+     * @protected
+     */
+    protected getLayersToShowInList(): Promise<void>;
+    /**
+     * renders feature list
+     * @protected
+     */
+    protected renderFeaturesList(): Promise<void>;
     /**
      * Updates the share url for current selected feature
      * @protected
-    */
+     */
     protected _updateShareURL(): void;
     /**
      * Navigates to selected features detail based on the URL params

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

@@ -39,6 +39,10 @@ export declare class FeatureList {
      * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight and zoom to the extent of the feature geometry
      */
     highlightOnMap?: boolean;
+    /**
+     * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list
+     */
+    highlightOnHover?: boolean;
     /**
      * calcite-list-item list of features with popup titles
      */
@@ -56,6 +60,11 @@ export declare class FeatureList {
      * All UI strings should be defined here.
      */
     _translations: typeof FeatureList_T9n;
+    /**
+     * "esri/Color": https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html
+     * The Color instance
+     */
+    protected Color: typeof import("esri/Color");
     /**
      * IPopupUtils: To fetch the list label using popup titles
      */
@@ -72,6 +81,11 @@ export declare class FeatureList {
      * Watch for selectedLayerId change and update layer instance and features list for new layerId
      */
     selectedLayerWatchHandler(): Promise<void>;
+    /**
+     * Refresh the feature list which will fetch the latest features and update the features list
+     * @returns Promise that resolves when the operation is complete
+     */
+    refresh(): Promise<void>;
     /**
      * Emitted on demand when feature is selected using the list
      */
@@ -89,6 +103,12 @@ export declare class FeatureList {
      * Renders the component.
      */
     render(): any;
+    /**
+   * Load esri javascript api modules
+   * @returns Promise resolving when function is done
+   * @protected
+   */
+    protected initModules(): Promise<void>;
     /**
      * Initialize the features list using the selected layer
      * @protected
@@ -107,6 +127,17 @@ export declare class FeatureList {
      * @protected
      */
     protected featureClicked(event: any, selectedFeature: __esri.Graphic): Promise<void>;
+    /**
+     * On feature hover in feature list highlight the feature on the map
+     * @param selectedFeature mouseovered feature graphic
+     * @protected
+     */
+    protected onFeatureHover(selectedFeature: __esri.Graphic): Promise<void>;
+    /**
+     * Clears the highlight
+     * @protected
+     */
+    protected clearHighlights(): void;
     /**
      * Query the selected feature layer, in descending order of object id's
      * @param page 0th page number in the pagination item

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

@@ -16,7 +16,7 @@
 /// <reference types="arcgis-js-api" />
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import LayerList_T9n from "../../assets/t9n/layer-list/resources.json";
-interface ILayerItemsHash {
+export interface ILayerItemsHash {
     [key: string]: ILayerDetailsHash;
 }
 interface ILayerDetailsHash {
@@ -115,11 +115,11 @@ export declare class LayerList {
      */
     protected handleNoLayersToDisplay(): void;
     /**
-     * Returns the ids of all OR configured layers that support edits with the update capability
+     * Returns the ids of all OR configured layers that needs to be shown in the list
      * @param hash each layer item details
      * @returns array of layer ids
      */
-    protected getEditableIds(hash: ILayerItemsHash): string[];
+    protected getLayersToBeShownInList(hash: ILayerItemsHash): string[];
     /**
      * Render feature layer list
      * @returns layer list

package/dist/types/components/map-card/map-card.d.ts

@@ -18,6 +18,10 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, theme } from "../../utils/interfaces";
 export declare class MapCard {
     el: HTMLMapCardElement;
+    /**
+     * Array of objects containing proxy information for premium platform services.
+     */
+    appProxies: any;
     /**
      * string: Item ID of the web map that should be selected by default when the app loads
      */
@@ -117,6 +121,10 @@ export declare class MapCard {
      * IMapInfo: id and name of the map to display
      */
     _webMapInfo: IMapInfo;
+    /**
+     * esri/config: https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html
+     */
+    protected esriConfig: typeof import("esri/config");
     /**
      * esri/widgets/Home: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Home.html
      */

package/dist/types/components/public-notification/public-notification.d.ts

@@ -112,6 +112,10 @@ export declare class PublicNotification {
      * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
      */
     sketchPolygonSymbol: __esri.SimpleFillSymbol | any;
+    /**
+     * boolean: When true a graphics will be added to the map on export
+     */
+    _exportGraphics: boolean;
     /**
      * boolean: When true a map will be added on export
      */
@@ -174,6 +178,10 @@ export declare class PublicNotification {
      * esri/geometry/geometryEngine: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-geometryEngine.html
      */
     protected _geometryEngine: __esri.geometryEngine;
+    /**
+     * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
+     */
+    protected Graphic: typeof import("esri/Graphic");
     /**
      * esri/symbols/support/jsonUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-support-jsonUtils.html
      */
@@ -446,6 +454,46 @@ export declare class PublicNotification {
      * @protected
      */
     protected _getExportOptions(): VNode;
+    /**
+     * Toggle the _addMap state variable and update the graphics on the map
+     *
+     * @protected
+     */
+    protected _handleAddMapChange(): void;
+    /**
+     * Toggle the _exportGraphics state variable and update the graphics on the map
+     *
+     * @protected
+     */
+    protected _handleExportGraphicsChange(): void;
+    /**
+     * Get the "sketch" or "buffer" graphics layer
+     *
+     * @param type The type of managed layer to fetch "sketch" | "buffer"
+     *
+     * @protected
+     */
+    protected _getManagedLayer(type: "sketch" | "buffer"): __esri.GraphicsLayer;
+    /**
+     * Update the export graphics by adding or removeing them
+     *
+     * @param clear When true the graphics layers will be cleared prior to adding any new graphics, defaults to false
+     *
+     * @protected
+     */
+    protected _updateExportGraphics(clear?: boolean): void;
+    /**
+     * Remove all buffer and sketch graphics
+     *
+     * @protected
+     */
+    _removeExportGraphics(): void;
+    /**
+     * Add all buffer and sketch graphics that are flagged for download
+     *
+     * @protected
+     */
+    protected _addExportGraphics(): void;
     /**
      * Render the refine page
      *

package/dist/types/components.d.ts

@@ -116,6 +116,10 @@ export namespace Components {
           * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
          */
         "mapView": __esri.MapView;
+        /**
+          * ISearchConfiguration: Configuration details for the Search widget
+         */
+        "searchConfiguration": ISearchConfiguration;
         /**
           * string: Layer id of the feature layer in which the new feature is to be created
          */
@@ -127,6 +131,10 @@ export namespace Components {
         "submit": () => Promise<void>;
     }
     interface CrowdsourceManager {
+        /**
+          * Array of objects containing proxy information for premium platform services.
+         */
+        "appProxies": any;
         /**
           * IBasemapConfig: List of any basemaps to filter out from the basemap widget
          */
@@ -385,6 +393,10 @@ export namespace Components {
     interface FeatureFormFlowItem {
     }
     interface FeatureList {
+        /**
+          * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list
+         */
+        "highlightOnHover"?: boolean;
         /**
           * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight and zoom to the extent of the feature geometry
          */
@@ -401,6 +413,11 @@ export namespace Components {
           * number: Number features to be fetched per page, by default 100 features will be fetched
          */
         "pageSize"?: number;
+        /**
+          * Refresh the feature list which will fetch the latest features and update the features list
+          * @returns Promise that resolves when the operation is complete
+         */
+        "refresh": () => Promise<void>;
         /**
           * string: Layer id of the feature layer to show the list
          */
@@ -599,6 +616,10 @@ export namespace Components {
     interface LocationFlowItem {
     }
     interface MapCard {
+        /**
+          * Array of objects containing proxy information for premium platform services.
+         */
+        "appProxies": any;
         /**
           * IBasemapConfig: List of any basemaps to filter out from the basemap widget
          */
@@ -2231,12 +2252,20 @@ declare namespace LocalJSX {
           * Emitted on demand when the feature is created successfully
          */
         "onSuccess"?: (event: CreateFeatureCustomEvent<void>) => void;
+        /**
+          * ISearchConfiguration: Configuration details for the Search widget
+         */
+        "searchConfiguration"?: ISearchConfiguration;
         /**
           * string: Layer id of the feature layer in which the new feature is to be created
          */
         "selectedLayerId"?: string;
     }
     interface CrowdsourceManager {
+        /**
+          * Array of objects containing proxy information for premium platform services.
+         */
+        "appProxies"?: any;
         /**
           * IBasemapConfig: List of any basemaps to filter out from the basemap widget
          */
@@ -2519,6 +2548,10 @@ declare namespace LocalJSX {
     interface FeatureFormFlowItem {
     }
     interface FeatureList {
+        /**
+          * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list
+         */
+        "highlightOnHover"?: boolean;
         /**
           * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight and zoom to the extent of the feature geometry
          */
@@ -2743,6 +2776,10 @@ declare namespace LocalJSX {
     interface LocationFlowItem {
     }
     interface MapCard {
+        /**
+          * Array of objects containing proxy information for premium platform services.
+         */
+        "appProxies"?: any;
         /**
           * IBasemapConfig: List of any basemaps to filter out from the basemap widget
          */

package/dist/types/utils/interfaces.d.ts

@@ -487,3 +487,9 @@ export interface IPopupUtils {
 export interface IConsentResponse {
     granted: boolean;
 }
+/**
+ * Key is the layer name and the value is the type of layer
+ */
+export interface IManagedLayers {
+    [key: string]: "buffer" | "sketch";
+}

package/dist/types/utils/publicNotificationStore.d.ts

@@ -13,8 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { IManagedLayers } from "./interfaces";
 declare const state: {
-    managedLayers: any[];
+    managedLayers: IManagedLayers;
     managedTables: any[];
     highlightHandles: any[];
     removeHandles: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.8.4",
+  "version": "0.8.6",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -90,6 +90,7 @@
     "@esri/hub-teams": "^12.4.1",
     "@esri/instant-apps-components": "1.0.0-beta.206",
     "@esri/solution-common": "^5.0.9",
+    "templates-common-library-esm": "npm:templates-common-library@0.0.454-esm",
     "@pdf-lib/fontkit": "^1.1.1",
     "focus-trap": "7.2.0",
     "jspdf": "^2.5.1",

package/dist/solutions-components/p-6512dc44.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,h as s,H as e,g as h}from"./p-7d280d8a.js";import{l as a,g as o}from"./p-be8ef276.js";import{a as l,b as c,h as n,g as r,q as d}from"./p-c897e3eb.js";import"./p-8ddc7786.js";import"./p-e2d0ad1b.js";import"./p-c1cf3ebc.js";const u=class{constructor(s){t(this,s),this.togglePanel=i(this,"togglePanel",7),this._noLayerToDisplayErrorMsg="Web map does not contain any editable layers.",this.description=void 0,this.isMobile=void 0,this.enableAnonymousAccess=void 0,this.enableAnonymousComments=void 0,this.enableComments=void 0,this.enableLogin=void 0,this.enableNewReports=void 0,this.layers=void 0,this.loginTitle=void 0,this.mapView=void 0,this.layerId=void 0,this.objectId=void 0,this.center=void 0,this.level=void 0,this.reportButtonText=void 0,this.reportsHeader=void 0,this.reportSubmittedMessage=void 0,this.searchConfiguration=void 0,this.showComments=void 0,this.defaultWebmap="",this.enableSearch=!0,this.enableHome=!0,this.mapInfos=[],this.theme="light",this.enableZoom=!0,this._mapInfo=void 0,this._flowItems=["layer-list"],this._sidePanelCollapsed=!1,this._translations=void 0,this._hasValidLayers=!1,this._selectedLayerName=void 0,this._reportSubmitted=!1,this._showSubmitCancelButton=!1,this._featureCreationFailedErrorMsg=void 0}async isMobileWatchHandler(){this._sidePanelCollapsed=!1}async mapViewWatchHandler(){await this.mapView.when((async()=>{await this.setMapView()}))}async componentWillLoad(){this._urlParamsLoaded=!1,await this._initModules(),await this._getTranslations()}render(){const t="dark"===this.theme?"calcite-mode-dark":"calcite-mode-light";return s(e,null,this._reportSubmitted&&s("calcite-alert",{"auto-close":!0,class:t,icon:"check-circle",kind:"success",label:"",onCalciteAlertClose:()=>{this._reportSubmitted=!1},open:!0,placement:"top"},s("div",{slot:"title"},this._translations.reportSubmit),s("div",{slot:"message"},this.reportSubmittedMessage?this.reportSubmittedMessage:this._translations.submitMsg)),this._featureCreationFailedErrorMsg&&s("calcite-alert",{"auto-close":!0,class:t,icon:"x-octagon",kind:"danger",label:"",onCalciteAlertClose:()=>{this._featureCreationFailedErrorMsg=""},open:!0,placement:"top"},s("div",{slot:"title"},this._translations.error),s("div",{slot:"message"},this._featureCreationFailedErrorMsg)),s("div",null,s("calcite-shell",{"content-behind":!0},this._getReporter())))}async _initModules(){const[t]=await a(["esri/core/reactiveUtils"]);this.reactiveUtils=t}setSelectedLayer(t,i){this._selectedLayerId=t,this._selectedLayerName=i,this._validLayers.forEach((i=>{i.set("visible",!t||i.id===t)}))}_getReporter(){const t=[];return this._flowItems.forEach((i=>{switch(i){case"layer-list":t.push(this.getLayerListFlowItem());break;case"feature-list":t.push(this.getFeatureListFlowItem(this._selectedLayerId,this._selectedLayerName));break;case"feature-details":t.push(this.getFeatureDetailsFlowItem());break;case"reporting-layer-list":t.push(this.getChooseCategoryFlowItem());break;case"feature-create":t.push(this.getFeatureCreateFlowItem())}})),s("calcite-panel",{class:"width-full "+("dark"===this.theme?"calcite-mode-dark":"calcite-mode-light")},this.mapView?s("calcite-flow",null,(null==t?void 0:t.length)>0&&t):s("calcite-loader",{label:"",scale:"m"}))}getLayerListFlowItem(){return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this.reportsHeader},this.isMobile&&this.getActionToExpandCollapsePanel(),this._hasValidLayers&&this.enableNewReports&&s("calcite-button",{appearance:"solid",onClick:this.navigateToChooseCategory.bind(this),slot:"footer",width:"full"},this.reportButtonText),s("calcite-panel",{"full-height":!0,"full-width":!0},s("layer-list",{class:"height-full",layers:this.layers,mapView:this.mapView,noLayerErrorMsg:this._noLayerToDisplayErrorMsg,onLayerSelect:this.displayFeaturesList.bind(this),onLayersListLoaded:this.layerListLoaded.bind(this),ref:t=>this._layerList=t,showFeatureCount:!0,showNextIcon:!0})))}getChooseCategoryFlowItem(){return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this._translations.createReportHeader,onCalciteFlowItemBack:this.backFromSelectedPanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),s("div",{class:"width-full",slot:"footer"},s("calcite-button",{appearance:"solid",class:"footer-top-button footer-button",disabled:!this._selectedLayerId,onClick:this.navigateToCreateFeature.bind(this),width:"full"},this._translations.next),s("calcite-button",{appearance:"outline",class:"footer-button",onClick:this.backFromSelectedPanel.bind(this),width:"full"},this._translations.cancel)),s("calcite-panel",{"full-height":!0,"full-width":!0},s("calcite-notice",{class:"notice-msg",icon:"lightbulb",kind:"success",open:!0},s("div",{slot:"message"},this._translations.chooseCategoryMsg)),s("layer-list",{class:"height-full",layers:this.layers,mapView:this.mapView,noLayerErrorMsg:this._noLayerToDisplayErrorMsg,onLayerSelect:this.highlightSelectedLayer.bind(this),showFeatureCount:!1,showNextIcon:!1})))}getFeatureCreateFlowItem(){return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this._selectedLayerName,onCalciteFlowItemBack:this.backFromCreateFeaturePanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),this._showSubmitCancelButton&&s("div",{class:"width-full",slot:"footer"},s("calcite-button",{appearance:"solid",class:"footer-top-button footer-button",onClick:this.onSubmitButtonClick.bind(this),width:"full"},this._translations.submit),s("calcite-button",{appearance:"outline",class:"footer-button",onClick:this.backFromCreateFeaturePanel.bind(this),width:"full"},this._translations.cancel)),s("calcite-panel",{"full-height":!0,"full-width":!0},s("calcite-notice",{class:"notice-msg",icon:"lightbulb",kind:"success",open:!0},s("div",{slot:"message"},this._translations.featureEditFormInfoMsg)),s("create-feature",{customizeSubmit:!0,mapView:this.mapView,onDrawComplete:this.onDrawComplete.bind(this),onEditingAttachment:this.showSubmitCancelButton.bind(this),onFail:this.createFeatureFailed.bind(this),onSuccess:this.onReportSubmitted.bind(this),ref:t=>this._createFeature=t,selectedLayerId:this._selectedLayerId})))}onDrawComplete(){this._showSubmitCancelButton=!0}showSubmitCancelButton(t){this._showSubmitCancelButton=!t.detail}onSubmitButtonClick(){this._createFeature&&this._createFeature.submit()}backFromCreateFeaturePanel(){this._createFeature&&this._createFeature.close(),this.backFromSelectedPanel()}createFeatureFailed(t){console.error(t.detail),this._featureCreationFailedErrorMsg=t.detail.message}onReportSubmitted(){this._reportSubmitted=!0,this.navigateToHomePage()}navigateToHomePage(){this._createFeature&&this._createFeature.close(),this._layerList&&this._layerList.refresh(),this.setSelectedFeatures([]),this._flowItems=["layer-list"]}highlightSelectedLayer(t){this.setSelectedLayer(t.detail.layerId,t.detail.layerName)}async navigateToCreateFeature(){this._showSubmitCancelButton=!1,this._flowItems=[...this._flowItems,"feature-create"]}navigateToChooseCategory(){this._flowItems=[...this._flowItems,"reporting-layer-list"]}async layerListLoaded(t){const i=t.detail,s=await l(this.mapView);this._validLayers=[],s.forEach((t=>{i.includes(t.id)&&this._validLayers.push(t)})),this.handleMapClick(),this._hasValidLayers=i.length>0,this._urlParamsLoaded||(this._urlParamsLoaded=!0,await this.loadFeatureFromURLParams())}displayFeaturesList(t){this.setSelectedLayer(t.detail.layerId,t.detail.layerName),this._flowItems=[...this._flowItems,"feature-list"]}backFromSelectedPanel(){const t=[...this._flowItems];t.pop(),this.clearHighlights(),1!==t.length?this._flowItems=[...t]:this.navigateToHomePage()}toggleSidePanel(){this._sidePanelCollapsed=!this._sidePanelCollapsed,this.togglePanel.emit(this._sidePanelCollapsed)}async onFeatureSelectFromList(t){this.setSelectedFeatures([t.detail]),this._flowItems=[...this._flowItems,"feature-details"]}getFeatureListFlowItem(t,i){return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:i,onCalciteFlowItemBack:this.backFromSelectedPanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),this.enableNewReports&&s("calcite-button",{appearance:"solid",onClick:this.navigateToCreateFeature.bind(this),slot:"footer",width:"full"},this.reportButtonText),s("calcite-panel",{"full-height":!0},s("feature-list",{class:"height-full",mapView:this.mapView,noFeaturesFoundMsg:this._translations.featureErrorMsg,onFeatureSelect:this.onFeatureSelectFromList.bind(this),pageSize:30,selectedLayerId:t})))}getFeatureDetailsFlowItem(){return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this._selectedLayerName,onCalciteFlowItemBack:this.backFromSelectedPanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),s("instant-apps-social-share",{autoUpdateShareUrl:!1,embed:!1,popoverButtonIconScale:"s",ref:t=>this._shareNode=t,scale:"m",shareButtonColor:"neutral",shareButtonType:"action",slot:"header-actions-end",socialMedia:!0,view:this.mapView}),s("calcite-panel",{"full-height":!0},s("info-card",{allowEditing:!1,graphics:this._selectedFeature,highlightEnabled:!1,isLoading:!1,isMobile:!1,mapView:this.mapView,onSelectionChanged:this.featureDetailsChanged.bind(this),zoomAndScrollToSelected:!0})))}setSelectedFeatures(t){this._selectedFeature=t,this.setCurrentFeature(this._selectedFeature.length?this._selectedFeature[0]:null)}setCurrentFeature(t){if(t&&t.layer){const i=t.layer;this.setSelectedLayer(i.id,i.title),this._currentFeatureId=t.attributes[i.objectIdField]}else this.setSelectedLayer("",""),this._currentFeatureId="";this._updateShareURL()}featureDetailsChanged(t){this.setCurrentFeature(t.detail[0]),this.highlightOnMap(t.detail[0])}async highlightOnMap(t){if(this.clearHighlights(),t&&t.geometry&&t.layer){const i=await c(this.mapView,t.layer.id);this._highlightHandle=await n([t.getObjectId()],i,this.mapView,!0)}}clearHighlights(){this._highlightHandle&&this._highlightHandle.remove()}getActionToExpandCollapsePanel(){return s("calcite-action",{icon:this._sidePanelCollapsed?"chevrons-up":"chevrons-down",onClick:this.toggleSidePanel.bind(this),slot:"header-actions-end",text:this._sidePanelCollapsed?this._translations.expand:this._translations.collapse})}async setMapView(){this.mapView.popupEnabled=!1,this._defaultCenter&&this._defaultLevel&&(await this.mapView.goTo({center:this._defaultCenter,zoom:this._defaultLevel}),this._defaultCenter=void 0,this._defaultLevel=void 0)}handleMapClick(){this._mapClickHandle&&this._mapClickHandle.remove(),this._mapClickHandle=this.reactiveUtils.on((()=>this.mapView),"click",this.onMapClick.bind(this))}async onMapClick(t){this.mapView.popupEnabled=!1;const i={include:this._validLayers},s=await this.mapView.hitTest(t,i);if(s.results.length>0){const t=[];s.results.forEach((function(i){"graphic"===i.type&&t.push(i.graphic)})),this.setSelectedFeatures(t),this._flowItems.length&&"feature-details"!==this._flowItems[this._flowItems.length-1]?this._flowItems=[...this._flowItems,"feature-details"]:(this._flowItems=[...this._flowItems],this.highlightOnMap(t[0]))}}async _getTranslations(){const t=await o(this.el);this._translations=t[0]}_updateShareURL(){var t,i;const s=null===(t=this._shareNode)||void 0===t?void 0:t.shareUrl;if(!s)return;const e=new URL(s);this._selectedLayerId?e.searchParams.set("layerid",this._selectedLayerId):e.searchParams.delete("layerid"),(null===(i=this._selectedFeature)||void 0===i?void 0:i.length)?e.searchParams.set("oid",this._currentFeatureId):e.searchParams.delete("oid"),this._shareNode.shareUrl=e.href}async loadFeatureFromURLParams(){if(this.center&&this.level&&await this.mapView.goTo({center:this.center.split(";").map(Number),zoom:this.level}),this.layerId&&this.objectId){const t=await r(this.mapView,this.layerId);if(t){const i=await d([Number(this.objectId)],t,[],!0,this.mapView.spatialReference);i.length&&(this._selectedFeature=i,this._flowItems=this._flowItems.length&&"feature-details"!==this._flowItems[this._flowItems.length-1]?[...this._flowItems,"feature-details"]:[...this._flowItems],await this.highlightOnMap(i[0]))}}}get el(){return h(this)}static get watchers(){return{isMobile:["isMobileWatchHandler"],mapView:["mapViewWatchHandler"]}}};u.style=":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}";export{u as crowdsource_reporter}