@esri/solutions-components 0.7.29 → 0.7.31

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

@@ -0,0 +1,107 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/// <reference types="arcgis-js-api" />
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class CreateFeature {
+    el: HTMLCreateFeatureElement;
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView: __esri.MapView;
+    /**
+     * string: Layer id of the feature layer in which the new feature is to be created
+     */
+    selectedLayerId: string;
+    /**
+     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+     * The Editor constructor
+     */
+    protected Editor: typeof import("esri/widgets/Editor");
+    /**
+     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+     * The Editor instance
+     */
+    protected _editor: __esri.Editor;
+    /**
+     * HTMLDivElement: https://developer.mozilla.org/en-US/docs/Web/API/HTMLDivElement
+    */
+    protected _editContainer: HTMLDivElement;
+    /**
+    * Called each time the mapView prop is changed.
+    */
+    mapViewWatchHandler(): Promise<void>;
+    /**
+     * Destroy the Editor widget instance
+     * @returns Promise that resolves when the operation is complete
+     */
+    close(): Promise<void>;
+    /**
+     * Submit the created feature
+     * @returns Promise that resolves when the operation is complete
+     */
+    submit(): Promise<void>;
+    /**
+     * Emitted on demand when the feature is created successfully
+     */
+    success: EventEmitter<void>;
+    /**
+     * Emitted on demand when the feature creation is failed
+     */
+    fail: EventEmitter<Error>;
+    /**
+     * Emitted on demand when drawing is completed
+     */
+    drawComplete: EventEmitter<void>;
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     * @returns Promise when complete
+     */
+    componentWillLoad(): Promise<void>;
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    componentDidLoad(): Promise<void>;
+    /**
+     * Renders the component.
+     */
+    render(): any;
+    /**
+     * Init Editor widget and starts the create workflow
+     */
+    protected init(): Promise<void>;
+    /**
+     * Load esri javascript api modules
+     * @returns Promise resolving when function is done
+     * @protected
+     */
+    protected initModules(): Promise<void>;
+    /**
+     * Display editor widget to create the new feature
+     * @protected
+     */
+    protected createEditorWidget(): Promise<void>;
+    /**
+     * Start creating the feature
+     * @protected
+     */
+    protected startCreate(): Promise<void>;
+    /**
+     * On creation of feature emit the event that the feature is created
+     * @param evt feature submit event
+     * @protected
+     */
+    protected submitted(evt: any): Promise<void>;
+}

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

@@ -15,7 +15,7 @@
  */
 /// <reference types="arcgis-js-api" />
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { IMapChange, IMapInfo, ISearchConfiguration, theme } from "../../utils/interfaces";
+import { IMapChange, IMapClick, IMapInfo, ISearchConfiguration, theme } from "../../utils/interfaces";
 import CrowdsourceReporter_T9n from "../../assets/t9n/crowdsource-reporter/resources.json";
 export declare class CrowdsourceReporter {
     el: HTMLCrowdsourceReporterElement;
@@ -59,6 +59,14 @@ export declare class CrowdsourceReporter {
      * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
      */
     mapView: __esri.MapView;
+    /**
+     * string: Layer id of the feature from URL params
+     */
+    layerId: string;
+    /**
+     * string: Object id of the feature from URL params
+     */
+    objectId: string;
     /**
      * string: The word(s) to display in the reports submit button
      */
@@ -124,6 +132,22 @@ export declare class CrowdsourceReporter {
      * boolean: When true show the sort and filter icon
      */
     _hasValidLayers: boolean;
+    /**
+    * string: The selected feature layer's name from the layer's list
+    */
+    _selectedLayerName: string;
+    /**
+     * boolean: When true show the success message in the panel
+     */
+    _reportSubmitted: boolean;
+    /**
+     * boolean: When true show the submit and cancel button
+     */
+    _showSubmitCancelButton: boolean;
+    /**
+     * string: Error message when feature creation fails
+     */
+    _featureCreationFailedErrorMsg: string;
     /**
      * IMapChange: The current map change details
      */
@@ -137,17 +161,41 @@ export declare class CrowdsourceReporter {
      */
     protected _defaultLevel: number;
     /**
-     * string: The selected feature layer's id from the layer's list
+     * __esri.FeatureLayer[]: Valid layers from the current map
      */
-    protected _selectedLayerId: string;
+    protected _validLayers: __esri.FeatureLayer[];
     /**
-     * string: The selected feature layer's name from the layer's list
+     * string: The selected feature layer's id from the layer's list
      */
-    protected _selectedLayerName: string;
+    protected _selectedLayerId: string;
     /**
      * __esri.Graphic: The selected feature
      */
     protected _selectedFeature: __esri.Graphic[];
+    /**
+     * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
+     */
+    protected reactiveUtils: typeof import("esri/core/reactiveUtils");
+    /**
+     * IHandle: The map click handle
+     */
+    protected _mapClickHandle: IHandle;
+    /**
+     * HTMLCreateFeatureElement: Create Feature component instance
+     */
+    protected _createFeature: HTMLCreateFeatureElement;
+    /**
+     * HTMLLayerListElement: Create Layer list component instance
+     */
+    protected _layerList: HTMLLayerListElement;
+    /**
+     * HTMLInstantAppsSocialShareElement: Share element
+     */
+    protected _shareNode: HTMLInstantAppsSocialShareElement;
+    /**
+     * ObjectId of the feature currently shown in the details
+     */
+    protected _currentFeatureId: string;
     /**
      * Called each time the mapView prop is changed.
      */
@@ -170,6 +218,20 @@ export declare class CrowdsourceReporter {
      * Renders the component.
      */
     render(): any;
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    protected _initModules(): Promise<void>;
+    /**
+     * Set the selected layer id and layer name
+     * @param layerId string layerId of the selected layer
+     * @param layerName string layerName of the selected layer
+     */
+    protected setSelectedLayer(layerId: string, layerName: string): void;
     /**
      * Get the reporter app functionality
      * @protected
@@ -181,22 +243,76 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected getLayerListFlowItem(): Node;
+    /**
+     * Get the layer list for creating a report
+     * @returns Choose category flow item
+     * @protected
+     */
+    protected getChooseCategoryFlowItem(): Node;
+    /**
+     * Get Feature create form of the selected feature layer
+     * @returns feature create form
+     * @protected
+     */
+    protected getFeatureCreateFlowItem(): Node;
+    /**
+     * When drawing of incident location completed on map show the submit and cancel button
+     * @protected
+     */
+    protected showSubmitCancelButton(): void;
+    /**
+     * On back from create feature, call submit editor to destroy the Editor widget instance
+     * @protected
+     */
+    protected onSubmitButtonClick(): void;
+    /**
+     * On back from create feature, call close editor to destroy the Editor widget instance
+     * @protected
+     */
+    protected backFromCreateFeaturePanel(): void;
+    /**
+     * On creating the feature is failed, show the error message
+     * @param evt Event which has feature failed message
+     * @protected
+     */
+    protected createFeatureFailed(evt: CustomEvent): void;
+    /**
+     * On submit report navigate to the layer list home page and refresh the layer list
+     * @protected
+     */
+    protected navigateHomePage(): void;
+    /**
+     * Update the selected layer id and name
+     * @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>;
+    /**
+     * On report an incident button click open the create a report panel with the layer list
+     * @protected
+     */
+    protected navigateToChooseCategory(): void;
     /**
      * When layer list is loaded, we will receive the list of layers, if its  means we don't have any valid layer to be listed
      * @param evt Event which has list of layers
      * @protected
      */
-    protected layerListLoaded(evt: CustomEvent): void;
+    protected layerListLoaded(evt: CustomEvent): Promise<void>;
     /**On click of layer list item show feature list
      * @param evt Event which has details of selected layerId and layerName
      * @protected
      */
     protected displayFeaturesList(evt: CustomEvent): void;
     /**
-     * On back from feature list navigate to the Layer list panel
+     * On back from selected panel navigate to the previous panel
      * @protected
      */
-    protected backFromFeatureList(): void;
+    protected backFromSelectedPanel(): void;
     /**
      * Toggle side panel in case of mobile mode
      * @protected
@@ -210,6 +326,7 @@ export declare class CrowdsourceReporter {
     /**
      * Get feature list of the selected feature layer
      * @param layerId Layer id
+     * @param layerName Layer name
      * @returns feature list node
      * @protected
      */
@@ -219,8 +336,24 @@ export declare class CrowdsourceReporter {
      * @returns Node
      */
     protected getFeatureDetailsFlowItem(): Node;
+    /**
+     * Sets the selected features and updates the first feature as the current selected feature
+     * @param features Graphics array of the features selected
+     */
+    protected setSelectedFeatures(features: __esri.Graphic[]): void;
+    /**
+     * Set the object id of the current selected feature, and also updates the current selected layer details
+     * @param selectedFeature Graphic currently shown in feature details
+     */
+    protected setCurrentFeature(selectedFeature?: __esri.Graphic): void;
+    /**
+     * On Feature details change update the Layer title and the current selected layer id
+     * @param evt Event hold the details of current feature graphic in the info-card
+     */
+    protected featureDetailsChanged(evt: CustomEvent): void;
     /**
      * Returns the action button to Expand/Collapse side panel in mobile mode
+     * @protected
      */
     protected getActionToExpandCollapsePanel(): Node;
     /**
@@ -228,10 +361,34 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected setMapView(): Promise<void>;
+    /**
+     * Handle map click event
+     * @param layers Array of layerIds
+     *
+     * @protected
+     */
+    protected handleMapClick(): void;
+    /**
+     * On map click do hitTest and get the clicked graphics of valid layers and show feature details
+     * @param event IMapClick map click event details
+     *
+     * @protected
+     */
+    protected onMapClick(event: IMapClick): Promise<void>;
     /**
      * Fetches the component's translations
      * @returns Promise when complete
      * @protected
      */
     protected _getTranslations(): Promise<void>;
+    /**
+     * Updates the share url for current selected feature
+     * @returns
+     * @protected
+    */
+    protected _updateShareURL(): string;
+    /**
+     * Navigates to selected features detail based on the URL params
+     */
+    protected loadFeatureFromURLParams(): Promise<void>;
 }

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

@@ -91,6 +91,7 @@ export declare class FeatureList {
     render(): any;
     /**
      * Initialize the features list using the selected layer
+     * @protected
      */
     protected initializeFeatureItems(): Promise<void>;
     /**
@@ -102,6 +103,7 @@ export declare class FeatureList {
     /**
      * On feature click in feature list highlight the feature on the map
      * @param event feature clicked event
+     * @param selectedFeature selected feature graphic
      * @protected
      */
     protected featureClicked(event: any, selectedFeature: __esri.Graphic): Promise<void>;

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

@@ -23,6 +23,7 @@ interface ILayerDetailsHash {
     name: string;
     formattedFeatureCount: string;
     supportsUpdate: boolean;
+    supportsAdd: boolean;
 }
 export declare class LayerList {
     el: HTMLLayerListElement;
@@ -38,6 +39,14 @@ export declare class LayerList {
      * string: Error message to be displayed when no layers found
      */
     noLayerErrorMsg?: string;
+    /**
+     * boolean: if true display's feature count for each layer
+     */
+    showFeatureCount?: boolean;
+    /**
+     * boolean: If true display's arrow icon on each layer item
+     */
+    showNextIcon?: boolean;
     /**
      * boolean: When true will display message no layers found
      */
@@ -58,6 +67,11 @@ export declare class LayerList {
      * ILayerItemHash: id/name lookup
      */
     protected _layerItemsHash: ILayerItemsHash;
+    /**
+     * Refresh the layer list which will fetch the latest layer count and update the list
+     * @returns Promise that resolves when the operation is complete
+     */
+    refresh(): Promise<void>;
     /**
      * Emitted on demand when feature layer clicked with details layerId and layerName
      */
@@ -118,11 +132,11 @@ export declare class LayerList {
      * @protected
      */
     protected getLayerListItem(layerId: string): VNode;
-    /**On click of layer list item show feature list
+    /**On click of layer list item emit the event along with the selected layerId and layerName
      * @param layerId Layer id
      * @protected
      */
-    protected showFeaturesList(layerId: string): void;
+    protected onLayerItemSelected(layerId: string): void;
     /**
      * Fetches the component's translations
      * @returns Promise when complete

package/dist/types/components.d.ts

@@ -86,6 +86,26 @@ export namespace Components {
          */
         "zoomAndScrollToSelected": boolean;
     }
+    interface CreateFeature {
+        /**
+          * Destroy the Editor widget instance
+          * @returns Promise that resolves when the operation is complete
+         */
+        "close": () => Promise<void>;
+        /**
+          * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView": __esri.MapView;
+        /**
+          * string: Layer id of the feature layer in which the new feature is to be created
+         */
+        "selectedLayerId": string;
+        /**
+          * Submit the created feature
+          * @returns Promise that resolves when the operation is complete
+         */
+        "submit": () => Promise<void>;
+    }
     interface CrowdsourceManager {
         /**
           * IBasemapConfig: List of any basemaps to filter out from the basemap widget
@@ -245,6 +265,10 @@ export namespace Components {
           * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
          */
         "isMobile": boolean;
+        /**
+          * string: Layer id of the feature from URL params
+         */
+        "layerId": string;
         /**
           * string[]: list of layer ids
          */
@@ -261,6 +285,10 @@ export namespace Components {
           * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
          */
         "mapView": __esri.MapView;
+        /**
+          * string: Object id of the feature from URL params
+         */
+        "objectId": string;
         /**
           * string: The word(s) to display in the reports submit button
          */
@@ -452,6 +480,19 @@ export namespace Components {
           * string: Error message to be displayed when no layers found
          */
         "noLayerErrorMsg"?: string;
+        /**
+          * Refresh the layer list which will fetch the latest layer count and update the list
+          * @returns Promise that resolves when the operation is complete
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * boolean: if true display's feature count for each layer
+         */
+        "showFeatureCount"?: boolean;
+        /**
+          * boolean: If true display's arrow icon on each layer item
+         */
+        "showNextIcon"?: boolean;
     }
     interface LayerTable {
         /**
@@ -1260,6 +1301,10 @@ export interface BufferToolsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBufferToolsElement;
 }
+export interface CreateFeatureCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCreateFeatureElement;
+}
 export interface CrowdsourceReporterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCrowdsourceReporterElement;
@@ -1394,6 +1439,25 @@ declare global {
         prototype: HTMLCardManagerElement;
         new (): HTMLCardManagerElement;
     };
+    interface HTMLCreateFeatureElementEventMap {
+        "success": void;
+        "fail": Error;
+        "drawComplete": void;
+    }
+    interface HTMLCreateFeatureElement extends Components.CreateFeature, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCreateFeatureElementEventMap>(type: K, listener: (this: HTMLCreateFeatureElement, ev: CreateFeatureCustomEvent<HTMLCreateFeatureElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCreateFeatureElementEventMap>(type: K, listener: (this: HTMLCreateFeatureElement, ev: CreateFeatureCustomEvent<HTMLCreateFeatureElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCreateFeatureElement: {
+        prototype: HTMLCreateFeatureElement;
+        new (): HTMLCreateFeatureElement;
+    };
     interface HTMLCrowdsourceManagerElement extends Components.CrowdsourceManager, HTMLStencilElement {
     }
     var HTMLCrowdsourceManagerElement: {
@@ -1945,6 +2009,7 @@ declare global {
         "basemap-gallery": HTMLBasemapGalleryElement;
         "buffer-tools": HTMLBufferToolsElement;
         "card-manager": HTMLCardManagerElement;
+        "create-feature": HTMLCreateFeatureElement;
         "crowdsource-manager": HTMLCrowdsourceManagerElement;
         "crowdsource-reporter": HTMLCrowdsourceReporterElement;
         "deduct-calculator": HTMLDeductCalculatorElement;
@@ -2074,6 +2139,28 @@ declare namespace LocalJSX {
          */
         "zoomAndScrollToSelected"?: boolean;
     }
+    interface CreateFeature {
+        /**
+          * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView"?: __esri.MapView;
+        /**
+          * Emitted on demand when drawing is completed
+         */
+        "onDrawComplete"?: (event: CreateFeatureCustomEvent<void>) => void;
+        /**
+          * Emitted on demand when the feature creation is failed
+         */
+        "onFail"?: (event: CreateFeatureCustomEvent<Error>) => void;
+        /**
+          * Emitted on demand when the feature is created successfully
+         */
+        "onSuccess"?: (event: CreateFeatureCustomEvent<void>) => void;
+        /**
+          * string: Layer id of the feature layer in which the new feature is to be created
+         */
+        "selectedLayerId"?: string;
+    }
     interface CrowdsourceManager {
         /**
           * IBasemapConfig: List of any basemaps to filter out from the basemap widget
@@ -2233,6 +2320,10 @@ declare namespace LocalJSX {
           * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
          */
         "isMobile"?: boolean;
+        /**
+          * string: Layer id of the feature from URL params
+         */
+        "layerId"?: string;
         /**
           * string[]: list of layer ids
          */
@@ -2249,6 +2340,10 @@ declare namespace LocalJSX {
           * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
          */
         "mapView"?: __esri.MapView;
+        /**
+          * string: Object id of the feature from URL params
+         */
+        "objectId"?: string;
         /**
           * Emitted when toggle panel button is clicked in reporter
          */
@@ -2463,6 +2558,14 @@ declare namespace LocalJSX {
           * Emitted on demand when list of layers to be listed are created. When empty array received in this event means no valid layers are found to be listed
          */
         "onLayersListLoaded"?: (event: LayerListCustomEvent<string[]>) => void;
+        /**
+          * boolean: if true display's feature count for each layer
+         */
+        "showFeatureCount"?: boolean;
+        /**
+          * boolean: If true display's arrow icon on each layer item
+         */
+        "showNextIcon"?: boolean;
     }
     interface LayerTable {
         /**
@@ -3286,6 +3389,7 @@ declare namespace LocalJSX {
         "basemap-gallery": BasemapGallery;
         "buffer-tools": BufferTools;
         "card-manager": CardManager;
+        "create-feature": CreateFeature;
         "crowdsource-manager": CrowdsourceManager;
         "crowdsource-reporter": CrowdsourceReporter;
         "deduct-calculator": DeductCalculator;
@@ -3341,6 +3445,7 @@ declare module "@stencil/core" {
             "basemap-gallery": LocalJSX.BasemapGallery & JSXBase.HTMLAttributes<HTMLBasemapGalleryElement>;
             "buffer-tools": LocalJSX.BufferTools & JSXBase.HTMLAttributes<HTMLBufferToolsElement>;
             "card-manager": LocalJSX.CardManager & JSXBase.HTMLAttributes<HTMLCardManagerElement>;
+            "create-feature": LocalJSX.CreateFeature & JSXBase.HTMLAttributes<HTMLCreateFeatureElement>;
             "crowdsource-manager": LocalJSX.CrowdsourceManager & JSXBase.HTMLAttributes<HTMLCrowdsourceManagerElement>;
             "crowdsource-reporter": LocalJSX.CrowdsourceReporter & JSXBase.HTMLAttributes<HTMLCrowdsourceReporterElement>;
             "deduct-calculator": LocalJSX.DeductCalculator & JSXBase.HTMLAttributes<HTMLDeductCalculatorElement>;

package/dist/types/preact.d.ts

@@ -502,6 +502,12 @@ declare module "preact/src/jsx" {
 
       "card-manager": JSX.SolutionsCardManager & JSXInternal.HTMLAttributes<HTMLSolutionsCardManagerElement>
 
+      "create-feature": Omit<JSX.SolutionsCreateFeature, "onSuccess" | "onFail" | "onDrawComplete"> & JSXInternal.HTMLAttributes<HTMLSolutionsCreateFeatureElement> & {
+        "onsuccess"?: (event: CustomEvent<any>) => void;
+        "onfail"?: (event: CustomEvent<any>) => void;
+        "ondrawComplete"?: (event: CustomEvent<any>) => void;
+      }
+
       "crowdsource-manager": JSX.SolutionsCrowdsourceManager & JSXInternal.HTMLAttributes<HTMLSolutionsCrowdsourceManagerElement>
 
       "crowdsource-reporter": Omit<JSX.SolutionsCrowdsourceReporter, "onTogglePanel"> & JSXInternal.HTMLAttributes<HTMLSolutionsCrowdsourceReporterElement> & {

package/package.json

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