@esri/solutions-components 0.10.14 → 0.10.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/cjs/calcite-flow_6.cjs.entry.js +3 -4
  2. package/dist/cjs/crowdsource-reporter.cjs.entry.js +4 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/map-select-tools_3.cjs.entry.js +11 -1
  5. package/dist/cjs/public-notification.cjs.entry.js +4 -2
  6. package/dist/cjs/solutions-components.cjs.js +1 -1
  7. package/dist/collection/components/create-feature/create-feature.js +3 -4
  8. package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +38 -2
  9. package/dist/collection/components/map-select-tools/map-select-tools.js +47 -1
  10. package/dist/collection/components/public-notification/public-notification.js +40 -2
  11. package/dist/collection/demos/crowdsource-reporter.html +63 -113
  12. package/dist/components/create-feature2.js +3 -4
  13. package/dist/components/crowdsource-reporter.js +6 -2
  14. package/dist/components/map-select-tools2.js +13 -1
  15. package/dist/components/public-notification.js +6 -2
  16. package/dist/esm/calcite-flow_6.entry.js +3 -4
  17. package/dist/esm/crowdsource-reporter.entry.js +4 -2
  18. package/dist/esm/loader.js +1 -1
  19. package/dist/esm/map-select-tools_3.entry.js +11 -1
  20. package/dist/esm/public-notification.entry.js +4 -2
  21. package/dist/esm/solutions-components.js +1 -1
  22. package/dist/solutions-components/demos/crowdsource-reporter.html +63 -113
  23. package/dist/solutions-components/p-2737e44e.entry.js +17 -0
  24. package/dist/solutions-components/p-5907d17d.entry.js +6 -0
  25. package/dist/solutions-components/p-c5e05351.entry.js +6 -0
  26. package/dist/solutions-components/p-f0a23f46.entry.js +6 -0
  27. package/dist/solutions-components/solutions-components.esm.js +1 -1
  28. package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +8 -0
  29. package/dist/types/components/map-select-tools/map-select-tools.d.ts +8 -0
  30. package/dist/types/components/public-notification/public-notification.d.ts +8 -0
  31. package/dist/types/components.d.ts +48 -0
  32. package/package.json +1 -1
  33. package/dist/solutions-components/p-31f7dd8e.entry.js +0 -6
  34. package/dist/solutions-components/p-40e305b4.entry.js +0 -17
  35. package/dist/solutions-components/p-4d44410b.entry.js +0 -6
  36. package/dist/solutions-components/p-abd3e579.entry.js +0 -6
@@ -232,7 +232,7 @@ export class CreateFeature {
232
232
  const loaderClass = this._editorLoading ? "" : "display-none";
233
233
  const featureFormClass = this._editorLoading ? "display-none" : "";
234
234
  const mobileMapClass = this.isMobile ? "show-map" : "display-none";
235
- return (h(Fragment, { key: '47d29e529402482acf3811c37c0cd5a426ed40ed' }, h("calcite-loader", { key: '283b2c6a0f1722c9a8d955e11390e65e6041b247', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'bb596467d5da22882932259db6a9e8029717850b', class: featureFormClass, id: "feature-form" }), h("div", { key: 'c3887f5c5aa92efdcf588da4918933dadb87937f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '566069a6202053468a3cf7a221feb071491eabb4', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
235
+ return (h(Fragment, { key: 'aac8fd8fe4ba5d7fb67a2b74a86147e053c1b0b8' }, h("calcite-loader", { key: 'e440bd2e0f4cf5acf4fd6941ada508c8ac5a0380', class: loaderClass, label: "", scale: "s" }), h("div", { key: '055a4e4b30b1fe24e0735257fa54fa9845cbaf2f', class: featureFormClass, id: "feature-form" }), h("div", { key: '342847f06ba99ad3c9693026bc83a8ac18b6c05f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '0acb837b4604d8d590bbfbcd738a3e09a099c362', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
236
236
  }
237
237
  //--------------------------------------------------------------------------
238
238
  //
@@ -350,7 +350,7 @@ export class CreateFeature {
350
350
  this._editor.viewModel.addHandles(attachmentHandle);
351
351
  //Add handle to watch featureTemplatesViewModel ready state and then start the creation
352
352
  const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
353
- if (state === 'ready') {
353
+ if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
354
354
  this.progressStatus.emit(0.5);
355
355
  this._editorLoading = true;
356
356
  }
@@ -371,7 +371,6 @@ export class CreateFeature {
371
371
  const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
372
372
  if (state === 'creating-features') {
373
373
  this._mapViewContainer?.classList?.replace("hide-map", "show-map");
374
- this._editorLoading = true;
375
374
  this._showSearchWidget = true;
376
375
  }
377
376
  });
@@ -382,7 +381,7 @@ export class CreateFeature {
382
381
  * @protected
383
382
  */
384
383
  async startCreate() {
385
- // hides the header elements on template picker page
384
+ // hides the header elements on template picker page
386
385
  await this.hideEditorsElements();
387
386
  return new Promise((resolve, reject) => {
388
387
  if (this._editor.viewModel.featureTemplatesViewModel.items?.length) {
@@ -26,6 +26,8 @@ import { queryFeaturesByID } from "../../utils/queryUtils";
26
26
  export class CrowdsourceReporter {
27
27
  constructor() {
28
28
  this.center = undefined;
29
+ this.commentButtonText = undefined;
30
+ this.commentSubmittedMessage = undefined;
29
31
  this.defaultWebmap = "";
30
32
  this.description = undefined;
31
33
  this.enableAnonymousAccess = undefined;
@@ -298,7 +300,7 @@ export class CrowdsourceReporter {
298
300
  */
299
301
  render() {
300
302
  const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
301
- return (h(Host, { key: '57ea463ae2d3eac3a23e63ed8702f5fde3743e09' }, this._reportSubmitted && h("calcite-alert", { key: '4082ad71fa4d6c3a01ec0ac6477e81b3d3bc40e1', "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: '9e042989b10a7d68347b7f34b9f31957ede3ca37', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '573dc6a472b00191a1822c95ba0ee2192c486612', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: 'f3799e01a09ccbeec651762833783d3200729f1b', slot: "title" }, this._translations.error), h("div", { key: 'cd80f9a2c8df9a4c7b5b517a9e98ce4622e230c2', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '1137ce7794f36419d20a5b5d2d1f390e72713155', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '24a0604c3be1cab965c48ab46435c349a7d67f65', slot: "message" }, this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '86112e4c449e1061fa436822670dc93cb3bfe949', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '94be8a14c1bf22127f8018dfe3a92304870ce70d', slot: "title" }, this._translations.error), h("div", { key: '6b30463e2ee941834fcad93e4cbe32e5a65d592d', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '9b928eab61af6ed84a0059dbc04c633c131f879b' }, h("calcite-shell", { key: 'e07ac5d7d6d8e8c8fd0001586448ab13733e2ed5', "content-behind": true }, this._getReporter()))));
303
+ return (h(Host, { key: '712bd9d383d112b8e86832adc5026780ed5b6a21' }, this._reportSubmitted && h("calcite-alert", { key: '4f355784741e72c1cdd13b6e36d77ff05680e147', "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: '1a529422b45de78ff1a97ff71a616d39e33736fe', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '02722111a22c5c9da25a20cd77daae0d16c4829e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '94725b928eb5200f8b114d565f1eef551b1f8472', slot: "title" }, this._translations.error), h("div", { key: '362ab693984413822e85b50945cbff5633798dec', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '74b1287b952b7e9d9406b8cc08ce85fa6ee124b2', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '1ebed2836d95fc7d3dc79e26acb60645b6c8300f', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '62428d3d20b754200c6390880b7067d262008d3d', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '78593f816ca80583b062b90fc796dd9e54ed7344', slot: "title" }, this._translations.error), h("div", { key: '5d45971a4f8c26f34e87e2985e9252932e6d90ac', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '0a7d3e35e62a9955c8cb16b6e1f4435c11b8b11d' }, h("calcite-shell", { key: 'e8f9b57f6906a3e9c8960cdf722db2dc253dd454', "content-behind": true }, this._getReporter()))));
302
304
  }
303
305
  //--------------------------------------------------------------------------
304
306
  //
@@ -800,7 +802,7 @@ export class CrowdsourceReporter {
800
802
  getFeatureDetailsFlowItem() {
801
803
  const showCommentBtn = this._getLayersConfig(this._selectedLayerId)?.comment && this._selectedLayer.relationships.length > 0;
802
804
  return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "share-node", embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, removePopoverOffset: true, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), h("calcite-panel", null, h("feature-details", { class: 'full-height', graphics: this._selectedFeature, layerItemsHash: this._layerItemsHash, mapView: this.mapView, onCommentSelect: this.onCommentSelectFromList.bind(this), onFeatureSelectionChange: this.selectionChanged.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions, showUserImageInCommentsList: this.showUserImageInCommentsList }), showCommentBtn &&
803
- h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
805
+ h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this.commentButtonText || this._translations.comment))));
804
806
  }
805
807
  /**
806
808
  * Returns the pagination for the multiple features
@@ -1192,6 +1194,40 @@ export class CrowdsourceReporter {
1192
1194
  "attribute": "center",
1193
1195
  "reflect": false
1194
1196
  },
1197
+ "commentButtonText": {
1198
+ "type": "string",
1199
+ "mutable": false,
1200
+ "complexType": {
1201
+ "original": "string",
1202
+ "resolved": "string",
1203
+ "references": {}
1204
+ },
1205
+ "required": false,
1206
+ "optional": false,
1207
+ "docs": {
1208
+ "tags": [],
1209
+ "text": "string: User configurable text to display for the comment button"
1210
+ },
1211
+ "attribute": "comment-button-text",
1212
+ "reflect": false
1213
+ },
1214
+ "commentSubmittedMessage": {
1215
+ "type": "string",
1216
+ "mutable": false,
1217
+ "complexType": {
1218
+ "original": "string",
1219
+ "resolved": "string",
1220
+ "references": {}
1221
+ },
1222
+ "required": false,
1223
+ "optional": false,
1224
+ "docs": {
1225
+ "tags": [],
1226
+ "text": "string: User configurable nessage to display when a comment is submitted"
1227
+ },
1228
+ "attribute": "comment-submitted-message",
1229
+ "reflect": false
1230
+ },
1195
1231
  "defaultWebmap": {
1196
1232
  "type": "string",
1197
1233
  "mutable": false,
@@ -32,7 +32,9 @@ export class MapSelectTools {
32
32
  this.customLabelEnabled = undefined;
33
33
  this.enabledLayerIds = [];
34
34
  this.enableLayerFeatures = true;
35
+ this.enableLayerFeaturesOnLoad = false;
35
36
  this.enableSearchDistance = true;
37
+ this.enableSearchDistanceOnLoad = false;
36
38
  this.enableSketchTools = true;
37
39
  this.defaultBufferDistance = undefined;
38
40
  this.defaultBufferUnit = undefined;
@@ -296,12 +298,16 @@ export class MapSelectTools {
296
298
  render() {
297
299
  const mapToolsClass = this.enableSketchTools ? "" : "display-none";
298
300
  const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
299
- return (h(Host, { key: '2643969b71b41cad30ade0900eb391abe054a2ff' }, this._getMapLayerPicker(), h("div", { key: 'ed4f34f2f6e1b99c5b133ec6097becd13539ebe6', class: "border-bottom" }), h("div", { key: '5aca91cf4f34d343716d68c4f68f88ce98ba0e07', class: "padding-top-sides-1" }, h("div", { key: '999f1090ea43e2c71ef8f957ed3dab9c11e9233a', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'e92f91fdaba7ec3975fd099c835d013a61af240c', class: mapToolsContainerClass }, h("map-draw-tools", { key: 'a330983f29bb8c866af82ea50970b779a0a04519', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '022214b69e6c57324c1bc8ffa528adf618f8fe60', class: "border-bottom" }), this._getNameInput()));
301
+ return (h(Host, { key: '14b27786176d25c3d36df5fa71a7d15c84febf6a' }, this._getMapLayerPicker(), h("div", { key: 'f0ec5ecbcc252ac74e19e1c76ca9a8fcf23d7375', class: "border-bottom" }), h("div", { key: 'a396efbe43a9b23af12a46bfb6bdc422be700c51', class: "padding-top-sides-1" }, h("div", { key: '3ce18d6baeb866edccb3b3f5461329303d1a7340', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'b7acabfd7addac9184b488f918fadb09099074d6', class: mapToolsContainerClass }, h("map-draw-tools", { key: '6eda64fb64bbac651d8bbaada867b7112edb30e1', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: 'fe122716ac0c9df8fb84115aa2e2ac994766b360', class: "border-bottom" }), this._getNameInput()));
300
302
  }
301
303
  /**
302
304
  * Renders the buffer tools component.
303
305
  */
304
306
  _getBufferOptions() {
307
+ if (this.enableSearchDistanceOnLoad) {
308
+ this._searchDistanceEnabled = true;
309
+ this.enableSearchDistanceOnLoad = false;
310
+ }
305
311
  const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
306
312
  const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
307
313
  return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
@@ -310,6 +316,10 @@ export class MapSelectTools {
310
316
  * Renders the map layer picker component.
311
317
  */
312
318
  _getUseLayerFeaturesOptions() {
319
+ if (this.enableLayerFeaturesOnLoad) {
320
+ this._useLayerFeaturesEnabled = true;
321
+ this.enableLayerFeaturesOnLoad = false;
322
+ }
313
323
  const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
314
324
  return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
315
325
  }
@@ -1001,6 +1011,24 @@ export class MapSelectTools {
1001
1011
  "reflect": false,
1002
1012
  "defaultValue": "true"
1003
1013
  },
1014
+ "enableLayerFeaturesOnLoad": {
1015
+ "type": "boolean",
1016
+ "mutable": false,
1017
+ "complexType": {
1018
+ "original": "boolean",
1019
+ "resolved": "boolean",
1020
+ "references": {}
1021
+ },
1022
+ "required": false,
1023
+ "optional": false,
1024
+ "docs": {
1025
+ "tags": [],
1026
+ "text": "boolean: When true the use features from a layer options will be enabled when the component loads"
1027
+ },
1028
+ "attribute": "enable-layer-features-on-load",
1029
+ "reflect": false,
1030
+ "defaultValue": "false"
1031
+ },
1004
1032
  "enableSearchDistance": {
1005
1033
  "type": "boolean",
1006
1034
  "mutable": false,
@@ -1019,6 +1047,24 @@ export class MapSelectTools {
1019
1047
  "reflect": false,
1020
1048
  "defaultValue": "true"
1021
1049
  },
1050
+ "enableSearchDistanceOnLoad": {
1051
+ "type": "boolean",
1052
+ "mutable": false,
1053
+ "complexType": {
1054
+ "original": "boolean",
1055
+ "resolved": "boolean",
1056
+ "references": {}
1057
+ },
1058
+ "required": false,
1059
+ "optional": false,
1060
+ "docs": {
1061
+ "tags": [],
1062
+ "text": "boolean: When true the serach distance options will be enabled when the component loads"
1063
+ },
1064
+ "attribute": "enable-search-distance-on-load",
1065
+ "reflect": false,
1066
+ "defaultValue": "false"
1067
+ },
1022
1068
  "enableSketchTools": {
1023
1069
  "type": "boolean",
1024
1070
  "mutable": false,
@@ -37,7 +37,9 @@ export class PublicNotification {
37
37
  this.defaultExportTitle = "";
38
38
  this.defaultNumLabelsPerPage = 6;
39
39
  this.enableLayerFeatures = true;
40
+ this.enableLayerFeaturesOnLoad = true;
40
41
  this.enableSearchDistance = true;
42
+ this.enableSearchDistanceOnLoad = true;
41
43
  this.enableSketchTools = true;
42
44
  this.featureEffect = undefined;
43
45
  this.featureHighlightEnabled = undefined;
@@ -263,7 +265,7 @@ export class PublicNotification {
263
265
  */
264
266
  render() {
265
267
  const headerSlot = this._isMobile ? "footer" : "header";
266
- return (h(Host, { key: '6566efb322c1eebdae473c81dd897e67d287074e' }, h("calcite-shell", { key: 'a367e97f0eaec3c8cba2d02ddf27c45b7385839b' }, h("calcite-action-bar", { key: '9fa26481d990cfac05be11394e95b386038f6398', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
268
+ return (h(Host, { key: '3ba355821879dc79890507bca0adcd1e2a2e32af' }, h("calcite-shell", { key: 'b6f08e69cc7581f1273297bfba743944d18a7054' }, h("calcite-action-bar", { key: '2ed5932e3506153451a8aa6ba9aa531524ef7c82', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
267
269
  }
268
270
  /**
269
271
  * StencilJS: Called once just after the component is first loaded.
@@ -600,7 +602,7 @@ export class PublicNotification {
600
602
  */
601
603
  _getSelectPage() {
602
604
  const noticeText = this._translations.selectSearchTip;
603
- return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), h("div", null, h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", customLabelEnabled: this.customLabelEnabled, defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enableLayerFeatures: this.enableLayerFeatures, enableSearchDistance: this.enableSearchDistance, enableSketchTools: this.enableSketchTools, enabledLayerIds: this.addresseeLayerIds, isUpdate: !!this._activeSelection, locale: this.locale, mapView: this.mapView, noResultText: this.noResultText, onSelectionSetChange: (evt) => this._updateForSelection(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
605
+ return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), h("div", null, h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", customLabelEnabled: this.customLabelEnabled, defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enableLayerFeatures: this.enableLayerFeatures, enableLayerFeaturesOnLoad: this.enableLayerFeaturesOnLoad, enableSearchDistance: this.enableSearchDistance, enableSearchDistanceOnLoad: this.enableSearchDistanceOnLoad, enableSketchTools: this.enableSketchTools, enabledLayerIds: this.addresseeLayerIds, isUpdate: !!this._activeSelection, locale: this.locale, mapView: this.mapView, noResultText: this.noResultText, onSelectionSetChange: (evt) => this._updateForSelection(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
604
606
  }
605
607
  /**
606
608
  * Create the main download page that has the shared aspects of both PDF and CSV
@@ -1236,6 +1238,24 @@ export class PublicNotification {
1236
1238
  "reflect": false,
1237
1239
  "defaultValue": "true"
1238
1240
  },
1241
+ "enableLayerFeaturesOnLoad": {
1242
+ "type": "boolean",
1243
+ "mutable": false,
1244
+ "complexType": {
1245
+ "original": "boolean",
1246
+ "resolved": "boolean",
1247
+ "references": {}
1248
+ },
1249
+ "required": false,
1250
+ "optional": false,
1251
+ "docs": {
1252
+ "tags": [],
1253
+ "text": "boolean: When true the use features from a layer options will be enabled when the component loads"
1254
+ },
1255
+ "attribute": "enable-layer-features-on-load",
1256
+ "reflect": false,
1257
+ "defaultValue": "true"
1258
+ },
1239
1259
  "enableSearchDistance": {
1240
1260
  "type": "boolean",
1241
1261
  "mutable": false,
@@ -1254,6 +1274,24 @@ export class PublicNotification {
1254
1274
  "reflect": false,
1255
1275
  "defaultValue": "true"
1256
1276
  },
1277
+ "enableSearchDistanceOnLoad": {
1278
+ "type": "boolean",
1279
+ "mutable": false,
1280
+ "complexType": {
1281
+ "original": "boolean",
1282
+ "resolved": "boolean",
1283
+ "references": {}
1284
+ },
1285
+ "required": false,
1286
+ "optional": false,
1287
+ "docs": {
1288
+ "tags": [],
1289
+ "text": "boolean: When true the serach distance options will be enabled when the component loads"
1290
+ },
1291
+ "attribute": "enable-search-distance-on-load",
1292
+ "reflect": false,
1293
+ "defaultValue": "true"
1294
+ },
1257
1295
  "enableSketchTools": {
1258
1296
  "type": "boolean",
1259
1297
  "mutable": false,
@@ -73,7 +73,7 @@
73
73
  top: calc(100% - 100px);
74
74
  height: 100px;
75
75
  }
76
-
76
+
77
77
  .map-collapsed {
78
78
  height: 100%;
79
79
  top: 0;
@@ -83,12 +83,12 @@
83
83
  }
84
84
  </style>
85
85
 
86
- <link rel="stylesheet" href="https://jsdev.arcgis.com/4.29/esri/themes/light/main.css"/>
86
+ <link rel="stylesheet" href="https://jsdev.arcgis.com/4.31/esri/themes/light/main.css"/>
87
87
  <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
88
88
  <link rel="stylesheet" href="../solutions-components.css" type="text/css">
89
89
  <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/calcite-components/2.8.2/calcite.css" />
90
90
 
91
- <script src="https://jsdev.arcgis.com/4.29/"></script>
91
+ <script src="https://jsdev.arcgis.com/4.31/"></script>
92
92
  <script type="module" src="../solutions-components.esm.js"></script>
93
93
 
94
94
  <script>
@@ -136,7 +136,7 @@
136
136
  // Set the locale before the JSAPI loads
137
137
  esriConfig.locale = locale;
138
138
  demo.lang = locale;
139
-
139
+
140
140
  //update the portalUrl if found in urlParams
141
141
  //esriConfig.portalUrl = "https://solutions.mapsdevext.arcgis.com";
142
142
  if (portal) {
@@ -151,8 +151,8 @@
151
151
  //id: "dda88d905a6748a5ab46bea5be795f33" // screening layers
152
152
  //id: "b5bdcb1e5d684dd3b21a2d44b8e4f928" //Popup content + like dislike
153
153
  //id: "d399ec39959a4aac8617ae4f05dd6785" //Arcade
154
- //id: "024e8a5e73a34c5aade9632d651c5750" //Attachments
155
- id: "ae6d5d1936e84ce7adde44c7a7908846" //like dislike
154
+ id: "4bb6641b18e94cfb9d895ed37b13418a" //Attachments
155
+ //id: "ae6d5d1936e84ce7adde44c7a7908846" //like dislike
156
156
  // id: "ce3dec81bf714d3bb71da9691ab686d1" //Filter
157
157
  }
158
158
  const webMap = new WebMap({
@@ -182,125 +182,75 @@
182
182
  demo.enableNewReports = true;
183
183
  demo.theme = "light";
184
184
  demo.reportSubmittedMessage = "Thank you! Your request was successfully submitted";
185
-
185
+
186
186
  //Set the zoomScale to be used when zooming to single point feature
187
187
  //demo.zoomToScale = 139596221; //World
188
188
  //demo.zoomToScale = 33800278;//Country
189
189
  //demo.zoomToScale = 4291772;//States
190
190
  demo.zoomToScale = 96610;//City
191
191
  //demo.zoomToScale = 3495; //Building
192
-
192
+
193
193
  //Set filter config
194
- demo.layerExpressions = [
195
- {
196
- id: "Requests_681",
197
- title: "Requests",
198
- operator: " AND ",
199
- expressions: [
200
- {
201
- definitionExpression: "OBJECTID > 690",
202
- id: 1701793260225,
203
- index: 0,
204
- name: "greater than 690",
205
- active: false
206
- },
207
- {
208
- id: 1654881457794,
209
- name: 'status',
210
- type: 'string',
211
- field: 'status'
212
- }
213
- ]
214
- },{
215
- id: "18f056682a4-layer-12",
216
- title: "PopUp with date in title",
217
- operator: " AND ",
218
- expressions: [
219
- {
220
- definitionExpression: "shrt > 0",
221
- id: 1901793260225,
222
- index: 0,
223
- name: "Like greater than 0",
224
- active: false
225
- }
226
- ]
227
- }
228
- ];
194
+ // demo.layerExpressions = [
195
+ // {
196
+ // id: "Requests_681",
197
+ // title: "Requests",
198
+ // operator: " AND ",
199
+ // expressions: [
200
+ // {
201
+ // definitionExpression: "OBJECTID > 690",
202
+ // id: 1701793260225,
203
+ // index: 0,
204
+ // name: "greater than 690",
205
+ // active: false
206
+ // },
207
+ // {
208
+ // id: 1654881457794,
209
+ // name: 'status',
210
+ // type: 'string',
211
+ // field: 'status'
212
+ // }
213
+ // ]
214
+ // },{
215
+ // id: "18f056682a4-layer-12",
216
+ // title: "PopUp with date in title",
217
+ // operator: " AND ",
218
+ // expressions: [
219
+ // {
220
+ // definitionExpression: "shrt > 0",
221
+ // id: 1901793260225,
222
+ // index: 0,
223
+ // name: "Like greater than 0",
224
+ // active: false
225
+ // }
226
+ // ]
227
+ // }
228
+ // ];
229
229
  //Set the reporting layer options, layers from this object with reporting set to true will only be shown in layer list
230
- //if all the layers from map should be considered for reporting then pass true for each layer
230
+ //if all the layers from map should be considered for reporting then pass true for each layer
231
231
  demo.reportingOptions = {
232
- "Requests_681":{
233
- reporting: true,
234
- comment: false,
235
- like: false,
236
- likeField: "Like_field",
237
- dislike: false,
238
- dislikeField: "Dislike_field",
239
- visible: false
240
- },
241
- "18cdb191817-layer-5": {
242
- reporting: true,
243
- comment: false,
244
- like: true,
245
- likeField: "Like_field",
246
- dislike: true,
247
- dislikeField: "Dislike_field",
248
- visible: false
232
+ "19055a4633a-layer-11": {
233
+ "visible": true,
234
+ "reporting": true,
235
+ "comment": true,
236
+ "like": false,
237
+ "dislike": false
249
238
  },
250
- "18f056682a4-layer-12":{
251
- reporting: true,
252
- comment: false,
253
- like: true,
254
- likeField: "shrt",
255
- dislike: false,
256
- dislikeField: "dislike_field",
257
- visible: true
239
+ "19055a2a831-layer-7": {
240
+ "visible": true,
241
+ "reporting": true,
242
+ "comment": false,
243
+ "like": false,
244
+ "dislike": false
258
245
  },
259
- "18f2a1562a5-layer-3": {
260
- reporting: true,
261
- comment: true,
262
- like: true,
263
- likeField: "like_field",
264
- dislike: true,
265
- dislikeField: "dislike_field",
266
- visible: true
267
- },
268
- "18f2a1562a7-layer-4": {
269
- reporting: true,
270
- comment: true,
271
- like: true,
272
- likeField: "like_field",
273
- dislike: true,
274
- dislikeField: "dislike_field",
275
- visible: true
276
- },
277
- "18f2a1562a7-layer-5": {
278
- reporting: false,
279
- comment: true,
280
- like: true,
281
- likeField: "like_field",
282
- dislike: true,
283
- dislikeField: "dislike_field",
284
- visible: true
285
- },
286
- "18f2a1562a8-layer-6": {
287
- reporting: true,
288
- comment: true,
289
- like: true,
290
- likeField: "like_field",
291
- dislike: true,
292
- dislikeField: "dislike_field",
293
- visible: true
294
- },
295
- "18f2a1562a8-layer-7": {
296
- reporting: true,
297
- comment: true,
298
- like: true,
299
- likeField: "like_field",
300
- dislike: true,
301
- dislikeField: "dislike_field"
246
+ "19055a2a735-layer-3": {
247
+ "visible": true,
248
+ "reporting": true,
249
+ "comment": false,
250
+ "like": false,
251
+ "dislike": false
302
252
  }
303
- }
253
+ };
304
254
  //Select reporting layers -
305
255
  //demo.layers = ['SE_field_mapping_9688', 'SE_field_mapping_5784', 'SE_field_mapping_1853']; //Se mapping
306
256
  //demo.layers = ['Three_Layers_nested_4042', 'SE_sort_2889', 'SE_sort_756']; //screening layers
@@ -225,7 +225,7 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
225
225
  const loaderClass = this._editorLoading ? "" : "display-none";
226
226
  const featureFormClass = this._editorLoading ? "display-none" : "";
227
227
  const mobileMapClass = this.isMobile ? "show-map" : "display-none";
228
- return (h(Fragment, { key: '47d29e529402482acf3811c37c0cd5a426ed40ed' }, h("calcite-loader", { key: '283b2c6a0f1722c9a8d955e11390e65e6041b247', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'bb596467d5da22882932259db6a9e8029717850b', class: featureFormClass, id: "feature-form" }), h("div", { key: 'c3887f5c5aa92efdcf588da4918933dadb87937f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '566069a6202053468a3cf7a221feb071491eabb4', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
228
+ return (h(Fragment, { key: 'aac8fd8fe4ba5d7fb67a2b74a86147e053c1b0b8' }, h("calcite-loader", { key: 'e440bd2e0f4cf5acf4fd6941ada508c8ac5a0380', class: loaderClass, label: "", scale: "s" }), h("div", { key: '055a4e4b30b1fe24e0735257fa54fa9845cbaf2f', class: featureFormClass, id: "feature-form" }), h("div", { key: '342847f06ba99ad3c9693026bc83a8ac18b6c05f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '0acb837b4604d8d590bbfbcd738a3e09a099c362', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
229
229
  }
230
230
  //--------------------------------------------------------------------------
231
231
  //
@@ -343,7 +343,7 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
343
343
  this._editor.viewModel.addHandles(attachmentHandle);
344
344
  //Add handle to watch featureTemplatesViewModel ready state and then start the creation
345
345
  const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
346
- if (state === 'ready') {
346
+ if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
347
347
  this.progressStatus.emit(0.5);
348
348
  this._editorLoading = true;
349
349
  }
@@ -364,7 +364,6 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
364
364
  const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
365
365
  if (state === 'creating-features') {
366
366
  this._mapViewContainer?.classList?.replace("hide-map", "show-map");
367
- this._editorLoading = true;
368
367
  this._showSearchWidget = true;
369
368
  }
370
369
  });
@@ -375,7 +374,7 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
375
374
  * @protected
376
375
  */
377
376
  async startCreate() {
378
- // hides the header elements on template picker page
377
+ // hides the header elements on template picker page
379
378
  await this.hideEditorsElements();
380
379
  return new Promise((resolve, reject) => {
381
380
  if (this._editor.viewModel.featureTemplatesViewModel.items?.length) {
@@ -65,6 +65,8 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
65
65
  this.__registerHost();
66
66
  this.togglePanel = createEvent(this, "togglePanel", 7);
67
67
  this.center = undefined;
68
+ this.commentButtonText = undefined;
69
+ this.commentSubmittedMessage = undefined;
68
70
  this.defaultWebmap = "";
69
71
  this.description = undefined;
70
72
  this.enableAnonymousAccess = undefined;
@@ -332,7 +334,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
332
334
  */
333
335
  render() {
334
336
  const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
335
- return (h(Host, { key: '57ea463ae2d3eac3a23e63ed8702f5fde3743e09' }, this._reportSubmitted && h("calcite-alert", { key: '4082ad71fa4d6c3a01ec0ac6477e81b3d3bc40e1', "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: '9e042989b10a7d68347b7f34b9f31957ede3ca37', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '573dc6a472b00191a1822c95ba0ee2192c486612', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: 'f3799e01a09ccbeec651762833783d3200729f1b', slot: "title" }, this._translations.error), h("div", { key: 'cd80f9a2c8df9a4c7b5b517a9e98ce4622e230c2', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '1137ce7794f36419d20a5b5d2d1f390e72713155', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '24a0604c3be1cab965c48ab46435c349a7d67f65', slot: "message" }, this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '86112e4c449e1061fa436822670dc93cb3bfe949', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '94be8a14c1bf22127f8018dfe3a92304870ce70d', slot: "title" }, this._translations.error), h("div", { key: '6b30463e2ee941834fcad93e4cbe32e5a65d592d', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '9b928eab61af6ed84a0059dbc04c633c131f879b' }, h("calcite-shell", { key: 'e07ac5d7d6d8e8c8fd0001586448ab13733e2ed5', "content-behind": true }, this._getReporter()))));
337
+ return (h(Host, { key: '712bd9d383d112b8e86832adc5026780ed5b6a21' }, this._reportSubmitted && h("calcite-alert", { key: '4f355784741e72c1cdd13b6e36d77ff05680e147', "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: '1a529422b45de78ff1a97ff71a616d39e33736fe', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '02722111a22c5c9da25a20cd77daae0d16c4829e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '94725b928eb5200f8b114d565f1eef551b1f8472', slot: "title" }, this._translations.error), h("div", { key: '362ab693984413822e85b50945cbff5633798dec', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '74b1287b952b7e9d9406b8cc08ce85fa6ee124b2', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '1ebed2836d95fc7d3dc79e26acb60645b6c8300f', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '62428d3d20b754200c6390880b7067d262008d3d', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '78593f816ca80583b062b90fc796dd9e54ed7344', slot: "title" }, this._translations.error), h("div", { key: '5d45971a4f8c26f34e87e2985e9252932e6d90ac', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '0a7d3e35e62a9955c8cb16b6e1f4435c11b8b11d' }, h("calcite-shell", { key: 'e8f9b57f6906a3e9c8960cdf722db2dc253dd454', "content-behind": true }, this._getReporter()))));
336
338
  }
337
339
  //--------------------------------------------------------------------------
338
340
  //
@@ -834,7 +836,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
834
836
  getFeatureDetailsFlowItem() {
835
837
  const showCommentBtn = this._getLayersConfig(this._selectedLayerId)?.comment && this._selectedLayer.relationships.length > 0;
836
838
  return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "share-node", embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, removePopoverOffset: true, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), h("calcite-panel", null, h("feature-details", { class: 'full-height', graphics: this._selectedFeature, layerItemsHash: this._layerItemsHash, mapView: this.mapView, onCommentSelect: this.onCommentSelectFromList.bind(this), onFeatureSelectionChange: this.selectionChanged.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions, showUserImageInCommentsList: this.showUserImageInCommentsList }), showCommentBtn &&
837
- h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
839
+ h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this.commentButtonText || this._translations.comment))));
838
840
  }
839
841
  /**
840
842
  * Returns the pagination for the multiple features
@@ -1204,6 +1206,8 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
1204
1206
  static get style() { return CrowdsourceReporterStyle0; }
1205
1207
  }, [0, "crowdsource-reporter", {
1206
1208
  "center": [1],
1209
+ "commentButtonText": [1, "comment-button-text"],
1210
+ "commentSubmittedMessage": [1, "comment-submitted-message"],
1207
1211
  "defaultWebmap": [1, "default-webmap"],
1208
1212
  "description": [1],
1209
1213
  "enableAnonymousAccess": [4, "enable-anonymous-access"],