@esri/solutions-components 0.11.18 → 0.11.20

package/dist/collection/components/create-related-feature/create-related-feature.js

@@ -22,6 +22,16 @@ import { h, Fragment } from "@stencil/core";
 import { loadModules } from "../../utils/loadModules";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class CreateRelatedFeature {
+    constructor() {
+        this.locale = undefined;
+        this.mapView = undefined;
+        this.table = undefined;
+        this.selectedFeature = undefined;
+        this.customizeSubmit = false;
+        this.showGuidingMsg = true;
+        this._editorLoading = false;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -30,50 +40,6 @@ export class CreateRelatedFeature {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     */
-    mapView;
-    /**
-   *  __esri.FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-   */
-    table;
-    /**
-   *  __esri.Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
-   */
-    selectedFeature;
-    /**
-     * 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 = false;
-    /**
-     * boolean: When true the notice message should be shown
-     */
-    showGuidingMsg = true;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * boolean: When true a loading indicator will be shown while the editor loads
-     */
-    _editorLoading = false;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/crowdsource-manager/crowdsource-manager.js

@@ -23,6 +23,65 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 import { ELayoutMode } from "../../utils/interfaces";
 import { getLayerOrTable } from "../../utils/mapViewUtils";
 export class CrowdsourceManager {
+    constructor() {
+        this.appLayout = undefined;
+        this.appProxies = undefined;
+        this.basemapConfig = undefined;
+        this.coverPageEnabled = undefined;
+        this.customInfoText = undefined;
+        this.defaultAppLayout = undefined;
+        this.defaultCenter = "";
+        this.defaultGlobalId = "";
+        this.defaultLayer = "";
+        this.defaultLevel = "";
+        this.defaultOid = "";
+        this.defaultWebmap = "";
+        this.honorMapFieldSettings = false;
+        this.introductionWindowEnabled = false;
+        this.enableAutoRefresh = false;
+        this.enableBasemap = true;
+        this.enableColumnReorder = true;
+        this.enableCSV = true;
+        this.enableFloorFilter = true;
+        this.enableFullscreen = true;
+        this.enableHome = true;
+        this.enableLegend = true;
+        this.enableSearch = true;
+        this.enableShare = false;
+        this.enableZoom = true;
+        this.locale = undefined;
+        this.mapInfos = [];
+        this.onlyShowUpdatableLayers = true;
+        this.popupHeaderColor = undefined;
+        this.popupHeaderHoverColor = undefined;
+        this.popupHeaderHoverTextColor = undefined;
+        this.popupHeaderTextColor = undefined;
+        this.searchConfiguration = undefined;
+        this.shareIncludeEmbed = undefined;
+        this.shareIncludeSocial = undefined;
+        this.showNewestFirst = true;
+        this.theme = "light";
+        this.zoomAndScrollToSelected = false;
+        this.zoomToScale = undefined;
+        this._deleteDialogOpen = false;
+        this._enableCreateFeatures = true;
+        this._hideFooter = false;
+        this._hideTable = false;
+        this._isMobile = false;
+        this._isPortraitMobile = false;
+        this._translations = undefined;
+        this._layer = undefined;
+        this._layoutMode = ELayoutMode.GRID;
+        this._mapInfo = undefined;
+        this._mapView = undefined;
+        this._panelOpen = true;
+        this._numSelected = 0;
+        this._filterOpen = false;
+        this._showInformationHeader = true;
+        this._layerIds = undefined;
+        this._isLoading = true;
+        this._mapExtentFilterChecked = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -31,255 +90,6 @@ export class CrowdsourceManager {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * AppLayout: The type of layout the application should use.
-     * Valid values: "mapView" or "tableView" or "splitView"
-     */
-    appLayout;
-    /**
-     * Array of objects containing proxy information for premium platform services.
-     */
-    appProxies;
-    /**
-     * IBasemapConfig: List of any basemaps to filter out from the basemap widget
-     */
-    basemapConfig;
-    /**
-     * 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;
-    /**
-     * string: custom notification text to display in the card manager
-     */
-    customInfoText;
-    /**
-     * string: default layout the application should use
-     */
-    defaultAppLayout;
-    /**
-     * string: default center point values for the map
-     * ; delimited x;y pair
-     */
-    defaultCenter = "";
-    /**
-     * string: Global ID of the feature to select
-     */
-    defaultGlobalId = "";
-    /**
-     * string: when provided this layer ID will be used when the app loads
-     */
-    defaultLayer = "";
-    /**
-     * string: default zoom level
-     */
-    defaultLevel = "";
-    /**
-     * string: Object ID of feature to select
-     */
-    defaultOid = "";
-    /**
-     * string: Item ID of the web map that should be selected by default
-     */
-    defaultWebmap = "";
-    /**
-     * boolean: when true we will honor field order and visibility that may have been defined
-     * in the map viewer if no field order is defined in the mapInfo.
-     *
-     * Field order defined in the mapInfo as would be the case for Instant App configurations
-     * will always override this map level setting.
-     */
-    honorMapFieldSettings = false;
-    /**
-     * boolean: When true a introduction window 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 introduction window.
-     */
-    introductionWindowEnabled = false;
-    /**
-     * boolean: when true the layer table will auto refresh the data
-     */
-    enableAutoRefresh = false;
-    /**
-     * boolean: when true the basemap widget will be available
-     */
-    enableBasemap = true;
-    /**
-     * boolean: when true the layer table will support drag/drop of columns to adjust order
-     */
-    enableColumnReorder = true;
-    /**
-     * boolean: when true the export to csv button will be available
-     */
-    enableCSV = true;
-    /**
-     * boolean: when true the fullscreen widget will be available
-     */
-    enableFloorFilter = true;
-    /**
-     * boolean: when true the fullscreen widget will be available
-     */
-    enableFullscreen = true;
-    /**
-     * boolean: when true the home widget will be available
-     */
-    enableHome = true;
-    /**
-     * boolean: when true the legend widget will be available
-     */
-    enableLegend = true;
-    /**
-     * boolean: when true the search widget will be available
-     */
-    enableSearch = true;
-    /**
-     * boolean: when true the share widget will be available
-     */
-    enableShare = false;
-    /**
-     * boolean: when true the zoom widget will be available
-     */
-    enableZoom = true;
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * IMapInfo[]: array of map infos (name and id)
-     */
-    mapInfos = [];
-    /**
-     * boolean: When true only editable layers that support the update capability will be available
-     */
-    onlyShowUpdatableLayers = true;
-    /**
-     * string: The background color to apply to the popup header
-     */
-    popupHeaderColor;
-    /**
-     * string: The color that will be displayed on hover when expanding the popup header
-     */
-    popupHeaderHoverColor;
-    /**
-     * string: The font color that will be displayed on hover when expanding the popup header
-     */
-    popupHeaderHoverTextColor;
-    /**
-     * string: The font color to apply to the popup header
-     */
-    popupHeaderTextColor;
-    /**
-     * ISearchConfiguration: Configuration details for the Search widget
-     */
-    searchConfiguration;
-    /**
-     * boolean: When true the share options will include embed option
-     */
-    shareIncludeEmbed;
-    /**
-     * boolean: When true the share options will include social media sharing
-     */
-    shareIncludeSocial;
-    /**
-     * boolean: when true the table will be sorted by objectid in descending order by default
-     */
-    showNewestFirst = true;
-    /**
-     * theme: "light" | "dark" theme to be used
-     */
-    theme = "light";
-    /**
-     * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
-     */
-    zoomAndScrollToSelected = false;
-    /**
-     * number: default scale to zoom to when zooming to a single point feature
-     */
-    zoomToScale;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * boolean: When true the delete dialog will be shown
-     */
-    _deleteDialogOpen = false;
-    /**
-     * boolean: when true the users can have the option to create features
-     */
-    _enableCreateFeatures = true;
-    /**
-     * When true the mobile footer will be hidden
-     */
-    _hideFooter = false;
-    /**
-     * When true the table will be hidden
-     */
-    _hideTable = false;
-    /**
-     * When true the component will render an optimized view for mobile devices
-     */
-    _isMobile = false;
-    /**
-     * When true the component will render an optimized view for mobile devices
-     */
-    _isPortraitMobile = false;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    /**
-     * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-     */
-    _layer;
-    /**
-     * Controls the layout of the application
-     */
-    _layoutMode = ELayoutMode.GRID;
-    /**
-     * IMapInfo: The current map info stores configuration details
-     */
-    _mapInfo;
-    /**
-     * Stores the current map view
-     */
-    _mapView;
-    /**
-     * Controls the layout of the application
-     */
-    _panelOpen = true;
-    /**
-     * Number of selected features in the table
-     */
-    _numSelected = 0;
-    /**
-     * boolean: When true the filter component will be displayed
-     */
-    _filterOpen = false;
-    /**
-     * boolean: When true information header will be displayed
-     */
-    _showInformationHeader = true;
-    /**
-     * boolean: list of layer ids
-     */
-    _layerIds;
-    /**
-     * boolean: if true panel will be in loading state
-     */
-    _isLoading = true;
-    /**
-     * boolean: if true map extent filter is applied
-     */
-    _mapExtentFilterChecked;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
@@ -344,7 +154,7 @@ export class CrowdsourceManager {
      */
     appLayoutWatchHandler(newAppLayout, oldAppLayout) {
         if (newAppLayout !== oldAppLayout) {
-            this._layerTable.validateTableUpdate(newAppLayout === 'splitView');
+            void this._layerTable?.validateTableUpdate(newAppLayout === 'splitView');
             this._setActiveLayout(newAppLayout);
             // update the layer if table selected while switching to map view
             if (this.appLayout === "mapView" && this._layer?.isTable) {
@@ -467,7 +277,7 @@ export class CrowdsourceManager {
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (h(Host, { key: 'ad9bee93d8478b4bdbfe93716471d3270c274b35' }, h("calcite-shell", { key: '2a8a2d5c316238db649fff0b769e0c578d395391', class: "position-relative" }, h("calcite-panel", { key: '15c1e4159de917fdd60412bf588857157af4431c', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
+        return (h(Host, { key: '4ec349cf53a543077a3b938d5dad2e767f533181' }, h("calcite-shell", { key: '08c56e11ff814419aeb7295bba240b0e96856cae', class: "position-relative" }, h("calcite-panel", { key: 'aac7ff804b7e98f3b5d1b11dbc5ee8e18c9467ca', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
     }
     /**
      * Called after each render