@esri/solutions-components 0.11.18 → 0.11.20

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

@@ -24,6 +24,60 @@ import { loadModules } from "../../utils/loadModules";
 import { getAllLayers, getAllTables, getFeatureLayerView, getLayerOrTable, getMapLayerHash, highlightFeatures } from "../../utils/mapViewUtils";
 import { queryFeaturesByID } from "../../utils/queryUtils";
 export class CrowdsourceReporter {
+    constructor() {
+        this.center = undefined;
+        this.commentButtonText = undefined;
+        this.commentSubmittedMessage = undefined;
+        this.defaultWebmap = "";
+        this.description = undefined;
+        this.enableAnonymousAccess = undefined;
+        this.enableAnonymousComments = undefined;
+        this.enableComments = undefined;
+        this.enableHome = true;
+        this.enableLogin = undefined;
+        this.enableNewReports = undefined;
+        this.enableSearch = true;
+        this.enableZoom = true;
+        this.isMobile = undefined;
+        this.layerExpressions = [];
+        this.layerId = undefined;
+        this.level = undefined;
+        this.locale = undefined;
+        this.loginTitle = undefined;
+        this.mapInfos = [];
+        this.mapView = undefined;
+        this.objectId = undefined;
+        this.reportButtonText = undefined;
+        this.reportingOptions = undefined;
+        this.reportsHeader = undefined;
+        this.reportSubmittedMessage = undefined;
+        this.searchConfiguration = undefined;
+        this.showComments = undefined;
+        this.showUserImageInCommentsList = false;
+        this.showFeatureSymbol = false;
+        this.showMyReportsOnly = false;
+        this.submitNewReportsMessage = undefined;
+        this.theme = "light";
+        this.zoomToScale = undefined;
+        this.floorLevel = undefined;
+        this.showFullCommentTitle = true;
+        this._featureCreationFailedErrorMsg = undefined;
+        this._filterActive = false;
+        this._flowItems = [];
+        this._hasValidLayers = false;
+        this._mapInfo = undefined;
+        this._reportSubmitted = false;
+        this._selectedLayerName = undefined;
+        this._showSubmitCancelButton = false;
+        this._showLoadingIndicator = false;
+        this._sidePanelCollapsed = false;
+        this._translations = undefined;
+        this._updatedProgressBarStatus = 25;
+        this._updatedSorting = undefined;
+        this._updatedSortOption = "sortNewest";
+        this._commentSubmitted = false;
+        this._addingCommentFailed = false;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -32,221 +86,6 @@ export class CrowdsourceReporter {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: Semicolon delimited numbers that will be used as the maps center point from URL params
-     */
-    center;
-    /**
-     * string: User configurable text to display for the comment button
-     */
-    commentButtonText;
-    /**
-     * string: User configurable nessage to display when a comment is submitted
-     */
-    commentSubmittedMessage;
-    /**
-     * string: Item ID of the web map that should be selected by default
-     */
-    defaultWebmap = "";
-    /**
-     * string: The text that will display under the title on the landing page
-     */
-    description;
-    /**
-     * boolean: When true the anonymous users will be allowed to submit reports and comments
-     */
-    enableAnonymousAccess;
-    /**
-     * boolean: When true the anonymous users will be allowed to submit comments
-     */
-    enableAnonymousComments;
-    /**
-     * boolean: When true the user will be allowed to submit comments
-     */
-    enableComments;
-    /**
-     * boolean: when true the home widget will be available
-     */
-    enableHome = true;
-    /**
-     * boolean: When true the user will be provided a login page
-     */
-    enableLogin;
-    /**
-     * boolean: When true the user will be allowed to submit new reports
-     */
-    enableNewReports;
-    /**
-     * boolean: when true the search widget will be available
-     */
-    enableSearch = true;
-    /**
-     * boolean: when true the zoom widget will be available
-     */
-    enableZoom = true;
-    /**
-     * boolean: When true the application will be in mobile mode, controls the mobile or desktop view
-     */
-    isMobile;
-    /**
-     * ILayerExpression[]: Array of layer expressions for layers (filter configuration)
-     */
-    layerExpressions = [];
-    /**
-     * string: Layer id of the feature from URL params
-     */
-    layerId;
-    /**
-     * string: Id of the zoom level from URL params
-     */
-    level;
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * string: The text that will display at the top of the landing page
-     */
-    loginTitle;
-    /**
-     * IMapInfo[]: array of map infos (name and id)
-     */
-    mapInfos = [];
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     */
-    mapView;
-    /**
-     * string: Object id of the feature from URL params
-     */
-    objectId;
-    /**
-     * string: The word(s) to display in the reports submit button
-     */
-    reportButtonText;
-    /**
-     * IReportingOptions: Key options for reporting
-     */
-    reportingOptions;
-    /**
-     * string: The word(s) to display in the reports header
-     */
-    reportsHeader;
-    /**
-     * string: The message to display when the report has been submitted
-     */
-    reportSubmittedMessage;
-    /**
-     * ISearchConfiguration: Configuration details for the Search widget
-     */
-    searchConfiguration;
-    /**
-     * boolean: When true the comments from all users will be visible
-     */
-    showComments;
-    /**
-     * boolean: When true the profile image of the comment creator will be shown in the comments list
-     */
-    showUserImageInCommentsList = false;
-    /**
-     * boolean: When true the feature symbology of the feature will shown in the features list
-     */
-    showFeatureSymbol = false;
-    /**
-     * boolean: To show only those features which are created by the logged in user
-     */
-    showMyReportsOnly = false;
-    /**
-     * theme: "light" | "dark" theme to be used
-     */
-    theme = "light";
-    /**
-     * number: default scale to zoom to when zooming to a single point feature
-     */
-    zoomToScale;
-    /**
-     * string: selected floor level
-     */
-    floorLevel;
-    /**
-     * boolean: When false comment will shown in single line in the comments list
-     */
-    showFullCommentTitle = true;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * string: Error message when feature creation fails
-     */
-    _featureCreationFailedErrorMsg;
-    /**
-     * boolean: When true an indicator will be shown on the action
-     */
-    _filterActive = false;
-    /**
-     * string[]: Reporter flow items list
-     */
-    _flowItems = [];
-    /**
-     * boolean: Will be true when has valid reporting layers (This will be used to show the create report button on layer list)
-     */
-    _hasValidLayers = false;
-    /**
-     * IMapInfo: The current map info stores configuration details
-     */
-    _mapInfo;
-    /**
-     * boolean: When true show the success message in the panel
-     */
-    _reportSubmitted = false;
-    /**
-    * string: The selected feature layer's name from the layer's list
-    */
-    _selectedLayerName;
-    /**
-     * boolean: When true show the submit and cancel button
-     */
-    _showSubmitCancelButton = false;
-    /**
-     * boolean: show loading indicator in the reporter component
-     */
-    _showLoadingIndicator = false;
-    /**
-     * boolean: Controls the state for panel in mobile view
-     */
-    _sidePanelCollapsed = false;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    /**
-     * number: Show the updated progress bar status
-     */
-    _updatedProgressBarStatus = 25;
-    /**
-     * ISortingInfo: Sort the feature list depending on the sort field and order
-     */
-    _updatedSorting;
-    /**
-     * string: Selected sort option
-     */
-    _updatedSortOption = "sortNewest";
-    /**
-     * boolean: When true show the success message in the panel
-     */
-    _commentSubmitted = false;
-    /**
-     * string: Error message when feature creation fails
-     */
-    _addingCommentFailed = false;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
@@ -541,7 +380,7 @@ export class CrowdsourceReporter {
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: '03d613fe8f275852672fb546ceb4449fb82580c0' }, this._reportSubmitted && h("calcite-alert", { key: '969a66978549d6993b1e4fce87bbd2387858cdf8', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '60ae42443e09a97d97a46bba07b1ea010b382348', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: 'bf6c346cf976a4b84da3553230239665c712e2b6', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '1f9560e18d802a15bcb3e8ea9f05837a4a6fb8aa', slot: "title" }, this._translations.error), h("div", { key: '1f5ef09cbf94996eeb5783211ed1542a5cf53e93', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '15538e8faabbec476d7586dcc4152b422404c23f', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '925a9a243a79dfb66554a9a51f24396ca2b71c98', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '62c63d3b1c51bdc7879e815e2b2f4d3c4d039c4c', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '971f07331a8689b859f2cedc96ba3589a3ad3e16', slot: "title" }, this._translations.error), h("div", { key: '1627f1ab5c4a4aceb7bdb70471aed6b8ca6d67b8', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: 'b3257ba523357b4444ce7da7d13a86f6b71185d9' }, h("calcite-shell", { key: '35fc5a814528bb0acc22919839719bb4349e9ae4', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'b97883be773d948b75e6df1be453cde018a0dba1' }, this._reportSubmitted && h("calcite-alert", { key: '5fd17c13a0d4dc3c7fed1bb253e9196b83c20e1d', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '5c7a00cb3eaaaeb3a0501324c10b407746ecca46', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: 'd83c690d60c2e6f12a5ec356c5ae67185edc6a1e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '9cbac1cf8698f1f918004764e4e43c25af766e4a', slot: "title" }, this._translations.error), h("div", { key: 'b4dbe07b4af7ab6c543596c6a3374b785fac4c7e', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: 'cde843955c6538ea857a0a187c995062efd777e7', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '86e3d820aa0d4362c07470bd60d8f0efd0614bc2', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: 'a0bdeec1bb3a33f3bfa938c0a1f4e631c6a76399', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: 'b161d8e42a078d961ec4e42888d26f4314e9d5a4', slot: "title" }, this._translations.error), h("div", { key: 'cf3908f91448dfbb7cf6ec78b413eaa3327372be', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '42e2c8abaf43d6a587729229347efb2836827b98' }, h("calcite-shell", { key: '9e3174a699c37be8f20f4609f52c94ecb95d599f', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -695,7 +534,7 @@ export class CrowdsourceReporter {
      * @protected
      */
     getFeatureCreateFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId, submitNewReportsMessage: this.submitNewReportsMessage }))));
     }
     /**
      * Update the progress bar status when editor panel changes
@@ -2155,6 +1994,25 @@ export class CrowdsourceReporter {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "submitNewReportsMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: Text to be displayed that will allow user to know they can submit new reports"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "submit-new-reports-message",
+                "reflect": false
+            },
             "theme": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/delete-button/delete-button.js

@@ -21,6 +21,19 @@
 import { Host, h } from "@stencil/core";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class DeleteButton {
+    constructor() {
+        this.deleteDialog = undefined;
+        this.buttonType = "button";
+        this.disabled = false;
+        this.icon = undefined;
+        this.ids = [];
+        this.layer = undefined;
+        this.locale = undefined;
+        this._confirmDelete = false;
+        this._deleteEndabled = false;
+        this._supportsDelete = undefined;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -29,61 +42,6 @@ export class DeleteButton {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * calcite-dialog: Use this prop when using the button within a parent like a dropdown that would constrain the dialog and that is not desired
-     */
-    deleteDialog;
-    /**
-     * ButtonType (button | action): Support usage as action or button
-     */
-    buttonType = "button";
-    /**
-     * boolean: This overrides internal enable/disable logic that is based on checks if the layer supports delete
-     */
-    disabled = false;
-    /**
-     * string: The icon to display in the component
-     */
-    icon;
-    /**
-     * number[]: The ids that would be deleted
-     */
-    ids = [];
-    /**
-     * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-     */
-    layer;
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * boolean: When true the user will be asked to confirm the delete operation
-     */
-    _confirmDelete = false;
-    /**
-     * boolean: When true the user can delete the current features
-     */
-    _deleteEndabled = false;
-    /**
-     * boolean: When true the layer supports delete and a button will be returned
-     */
-    _supportsDelete;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/delete-dialog/delete-dialog.js

@@ -21,6 +21,14 @@
 import { Host, h } from "@stencil/core";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class DeleteDialog {
+    constructor() {
+        this.ids = [];
+        this.layer = undefined;
+        this.locale = undefined;
+        this.open = false;
+        this._isDeleting = false;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -29,41 +37,6 @@ export class DeleteDialog {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * number[]: The ids that would be deleted
-     */
-    ids = [];
-    /**
-     * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-     */
-    layer;
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * boolean: When true the delete dialog will be displayed
-     */
-    open = false;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * boolean: When true a loading indicator will be shown in the delete button
-     */
-    _isDeleting = false;
-    /**
-     * Contains the translations for this component.
-     * All UI strings should be defined here.
-     */
-    _translations;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/edit-card/edit-card.js

@@ -23,6 +23,16 @@ import { loadModules } from "../../utils/loadModules";
 import { getLocaleComponentStrings } from "../../utils/locale";
 import { getAllLayers } from "../../utils/mapViewUtils";
 export class EditCard {
+    constructor() {
+        this.enableEditGeometry = false;
+        this.graphics = undefined;
+        this.locale = undefined;
+        this.mapView = undefined;
+        this.open = false;
+        this.graphicIndex = 0;
+        this._editorLoading = false;
+        this._translations = undefined;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -31,49 +41,6 @@ export class EditCard {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When true the geometry of the current feature will be editable
-     */
-    enableEditGeometry = false;
-    /**
-     * esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
-     */
-    graphics;
-    /**
-     * 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;
-    /**
-     * When true the component is displayed
-     */
-    open = false;
-    /**
-     * The index of the current graphic
-     */
-    graphicIndex = 0;
-    //--------------------------------------------------------------------------
-    //
-    //  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/feature-details/feature-details.js

@@ -22,6 +22,24 @@ import { h } from "@stencil/core";
 import { loadModules } from "../../utils/loadModules";
 import { getAllTables } from "../../utils/mapViewUtils";
 export class FeatureDetails {
+    constructor() {
+        this.mapView = undefined;
+        this.graphics = undefined;
+        this.reportingOptions = undefined;
+        this.layerItemsHash = undefined;
+        this.locale = undefined;
+        this.showUserImageInCommentsList = false;
+        this.showFullCommentTitle = true;
+        this._likeFieldAvailable = false;
+        this._likeCount = 0;
+        this._disLikeCount = 0;
+        this._dislikeFieldAvailable = false;
+        this._commentsAvailable = false;
+        this._isLikeBtnClicked = false;
+        this._isDislikeBtnClicked = false;
+        this._relatedFeaturesOIDs = undefined;
+        this._updating = false;
+    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -30,80 +48,6 @@ export class FeatureDetails {
     el;
     //--------------------------------------------------------------------------
     //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     */
-    mapView;
-    /**
-     * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
-     */
-    graphics;
-    /**
-     * IReportingOptions: Key options for reporting
-     */
-    reportingOptions;
-    /**
-     * ILayerItemsHash: LayerDetailsHash for each layer in the map
-     */
-    layerItemsHash;
-    /**
-     * string: Locale to use for translation of stings in the UI
-     */
-    locale;
-    /**
-     * boolean: When true the profile image of the comment creator will be shown in the comments list
-     */
-    showUserImageInCommentsList = false;
-    /**
-     * boolean: When false comment will shown in single line in the comments list
-     */
-    showFullCommentTitle = true;
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * boolean: When true configured like field is available in selected layer
-     */
-    _likeFieldAvailable = false;
-    /**
-     * number: Increment the liked count for feature when like button is clicked
-     */
-    _likeCount = 0;
-    /**
-     * number: Decrement the disliked count for feature when dislike button is clicked
-     */
-    _disLikeCount = 0;
-    /**
-     * boolean: When true configured dislike field is available in selected layer
-     */
-    _dislikeFieldAvailable = false;
-    /**
-     * boolean: When true comments are configured and its table is available in selected layer
-     */
-    _commentsAvailable = false;
-    /**
-     * boolean: When true button will get brand color
-     */
-    _isLikeBtnClicked = false;
-    /**
-     * boolean: When true button will get brand color
-     */
-    _isDislikeBtnClicked = false;
-    /**
-     * string[]: objects ids of the related features (comments)
-     */
-    _relatedFeaturesOIDs;
-    /**
-     * boolean: When performing any operations set this to true (This will be used to show loading on like/dislike buttons)
-     */
-    _updating = false;
-    //--------------------------------------------------------------------------
-    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------