@esri/solutions-components 0.10.15 → 0.10.16

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. package/dist/cjs/calcite-flow_6.cjs.entry.js +0 -7
  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 +0 -7
  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/components/create-feature2.js +0 -7
  12. package/dist/components/crowdsource-reporter.js +6 -2
  13. package/dist/components/map-select-tools2.js +13 -1
  14. package/dist/components/public-notification.js +6 -2
  15. package/dist/esm/calcite-flow_6.entry.js +0 -7
  16. package/dist/esm/crowdsource-reporter.entry.js +4 -2
  17. package/dist/esm/loader.js +1 -1
  18. package/dist/esm/map-select-tools_3.entry.js +11 -1
  19. package/dist/esm/public-notification.entry.js +4 -2
  20. package/dist/esm/solutions-components.js +1 -1
  21. package/dist/solutions-components/p-2737e44e.entry.js +17 -0
  22. package/dist/solutions-components/p-5907d17d.entry.js +6 -0
  23. package/dist/solutions-components/p-c5e05351.entry.js +6 -0
  24. package/dist/solutions-components/p-f0a23f46.entry.js +6 -0
  25. package/dist/solutions-components/solutions-components.esm.js +1 -1
  26. package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +8 -0
  27. package/dist/types/components/map-select-tools/map-select-tools.d.ts +8 -0
  28. package/dist/types/components/public-notification/public-notification.d.ts +8 -0
  29. package/dist/types/components.d.ts +48 -0
  30. package/package.json +1 -1
  31. package/dist/solutions-components/p-31f7dd8e.entry.js +0 -6
  32. package/dist/solutions-components/p-4d44410b.entry.js +0 -6
  33. package/dist/solutions-components/p-abd3e579.entry.js +0 -6
  34. package/dist/solutions-components/p-f4750f05.entry.js +0 -17
@@ -336,8 +336,6 @@ export class CreateFeature {
336
336
  }
337
337
  //Add handle to watch if attachments are added/edited
338
338
  const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
339
- console.log(`this._editor.viewModel.state: ${state}`);
340
- console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
341
339
  if (state === 'adding-attachment' || state === 'editing-attachment') {
342
340
  this._addingAttachment = true;
343
341
  this.editingAttachment.emit(true);
@@ -352,8 +350,6 @@ export class CreateFeature {
352
350
  this._editor.viewModel.addHandles(attachmentHandle);
353
351
  //Add handle to watch featureTemplatesViewModel ready state and then start the creation
354
352
  const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
355
- console.log(`this._editor.viewModel.featureTemplatesViewModel.state: ${state}`);
356
- console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
357
353
  if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
358
354
  this.progressStatus.emit(0.5);
359
355
  this._editorLoading = true;
@@ -373,10 +369,8 @@ export class CreateFeature {
373
369
  this._editor.viewModel.addHandles(formHandle);
374
370
  //Add handle to watch editor viewmodel state and then show the search widget
375
371
  const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
376
- console.log(`==============================this._editor.viewModel.state: ${state}`);
377
372
  if (state === 'creating-features') {
378
373
  this._mapViewContainer?.classList?.replace("hide-map", "show-map");
379
- //this._editorLoading = true;
380
374
  this._showSearchWidget = true;
381
375
  }
382
376
  });
@@ -387,7 +381,6 @@ export class CreateFeature {
387
381
  * @protected
388
382
  */
389
383
  async startCreate() {
390
- console.log("========================startCreate==============================");
391
384
  // hides the header elements on template picker page
392
385
  await this.hideEditorsElements();
393
386
  return new Promise((resolve, reject) => {
@@ -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,
@@ -329,8 +329,6 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
329
329
  }
330
330
  //Add handle to watch if attachments are added/edited
331
331
  const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
332
- console.log(`this._editor.viewModel.state: ${state}`);
333
- console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
334
332
  if (state === 'adding-attachment' || state === 'editing-attachment') {
335
333
  this._addingAttachment = true;
336
334
  this.editingAttachment.emit(true);
@@ -345,8 +343,6 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
345
343
  this._editor.viewModel.addHandles(attachmentHandle);
346
344
  //Add handle to watch featureTemplatesViewModel ready state and then start the creation
347
345
  const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
348
- console.log(`this._editor.viewModel.featureTemplatesViewModel.state: ${state}`);
349
- console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
350
346
  if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
351
347
  this.progressStatus.emit(0.5);
352
348
  this._editorLoading = true;
@@ -366,10 +362,8 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
366
362
  this._editor.viewModel.addHandles(formHandle);
367
363
  //Add handle to watch editor viewmodel state and then show the search widget
368
364
  const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
369
- console.log(`==============================this._editor.viewModel.state: ${state}`);
370
365
  if (state === 'creating-features') {
371
366
  this._mapViewContainer?.classList?.replace("hide-map", "show-map");
372
- //this._editorLoading = true;
373
367
  this._showSearchWidget = true;
374
368
  }
375
369
  });
@@ -380,7 +374,6 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
380
374
  * @protected
381
375
  */
382
376
  async startCreate() {
383
- console.log("========================startCreate==============================");
384
377
  // hides the header elements on template picker page
385
378
  await this.hideEditorsElements();
386
379
  return new Promise((resolve, reject) => {
@@ -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"],
@@ -49,7 +49,9 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
49
49
  this.customLabelEnabled = undefined;
50
50
  this.enabledLayerIds = [];
51
51
  this.enableLayerFeatures = true;
52
+ this.enableLayerFeaturesOnLoad = false;
52
53
  this.enableSearchDistance = true;
54
+ this.enableSearchDistanceOnLoad = false;
53
55
  this.enableSketchTools = true;
54
56
  this.defaultBufferDistance = undefined;
55
57
  this.defaultBufferUnit = undefined;
@@ -308,12 +310,16 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
308
310
  render() {
309
311
  const mapToolsClass = this.enableSketchTools ? "" : "display-none";
310
312
  const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
311
- 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()));
313
+ 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()));
312
314
  }
313
315
  /**
314
316
  * Renders the buffer tools component.
315
317
  */
316
318
  _getBufferOptions() {
319
+ if (this.enableSearchDistanceOnLoad) {
320
+ this._searchDistanceEnabled = true;
321
+ this.enableSearchDistanceOnLoad = false;
322
+ }
317
323
  const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
318
324
  const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
319
325
  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 }))));
@@ -322,6 +328,10 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
322
328
  * Renders the map layer picker component.
323
329
  */
324
330
  _getUseLayerFeaturesOptions() {
331
+ if (this.enableLayerFeaturesOnLoad) {
332
+ this._useLayerFeaturesEnabled = true;
333
+ this.enableLayerFeaturesOnLoad = false;
334
+ }
325
335
  const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
326
336
  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 }))));
327
337
  }
@@ -925,7 +935,9 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
925
935
  "customLabelEnabled": [4, "custom-label-enabled"],
926
936
  "enabledLayerIds": [16],
927
937
  "enableLayerFeatures": [4, "enable-layer-features"],
938
+ "enableLayerFeaturesOnLoad": [4, "enable-layer-features-on-load"],
928
939
  "enableSearchDistance": [4, "enable-search-distance"],
940
+ "enableSearchDistanceOnLoad": [4, "enable-search-distance-on-load"],
929
941
  "enableSketchTools": [4, "enable-sketch-tools"],
930
942
  "defaultBufferDistance": [2, "default-buffer-distance"],
931
943
  "defaultBufferUnit": [1, "default-buffer-unit"],
@@ -71,7 +71,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
71
71
  this.defaultExportTitle = "";
72
72
  this.defaultNumLabelsPerPage = 6;
73
73
  this.enableLayerFeatures = true;
74
+ this.enableLayerFeaturesOnLoad = true;
74
75
  this.enableSearchDistance = true;
76
+ this.enableSearchDistanceOnLoad = true;
75
77
  this.enableSketchTools = true;
76
78
  this.featureEffect = undefined;
77
79
  this.featureHighlightEnabled = undefined;
@@ -292,7 +294,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
292
294
  */
293
295
  render() {
294
296
  const headerSlot = this._isMobile ? "footer" : "header";
295
- 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))));
297
+ 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))));
296
298
  }
297
299
  /**
298
300
  * StencilJS: Called once just after the component is first loaded.
@@ -629,7 +631,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
629
631
  */
630
632
  _getSelectPage() {
631
633
  const noticeText = this._translations.selectSearchTip;
632
- 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(); })));
634
+ 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(); })));
633
635
  }
634
636
  /**
635
637
  * Create the main download page that has the shared aspects of both PDF and CSV
@@ -1108,7 +1110,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
1108
1110
  "defaultExportTitle": [1, "default-export-title"],
1109
1111
  "defaultNumLabelsPerPage": [2, "default-num-labels-per-page"],
1110
1112
  "enableLayerFeatures": [4, "enable-layer-features"],
1113
+ "enableLayerFeaturesOnLoad": [4, "enable-layer-features-on-load"],
1111
1114
  "enableSearchDistance": [4, "enable-search-distance"],
1115
+ "enableSearchDistanceOnLoad": [4, "enable-search-distance-on-load"],
1112
1116
  "enableSketchTools": [4, "enable-sketch-tools"],
1113
1117
  "featureEffect": [16],
1114
1118
  "featureHighlightEnabled": [4, "feature-highlight-enabled"],
@@ -667,8 +667,6 @@ const CreateFeature = class {
667
667
  }
668
668
  //Add handle to watch if attachments are added/edited
669
669
  const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
670
- console.log(`this._editor.viewModel.state: ${state}`);
671
- console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
672
670
  if (state === 'adding-attachment' || state === 'editing-attachment') {
673
671
  this._addingAttachment = true;
674
672
  this.editingAttachment.emit(true);
@@ -683,8 +681,6 @@ const CreateFeature = class {
683
681
  this._editor.viewModel.addHandles(attachmentHandle);
684
682
  //Add handle to watch featureTemplatesViewModel ready state and then start the creation
685
683
  const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
686
- console.log(`this._editor.viewModel.featureTemplatesViewModel.state: ${state}`);
687
- console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
688
684
  if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
689
685
  this.progressStatus.emit(0.5);
690
686
  this._editorLoading = true;
@@ -704,10 +700,8 @@ const CreateFeature = class {
704
700
  this._editor.viewModel.addHandles(formHandle);
705
701
  //Add handle to watch editor viewmodel state and then show the search widget
706
702
  const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
707
- console.log(`==============================this._editor.viewModel.state: ${state}`);
708
703
  if (state === 'creating-features') {
709
704
  this._mapViewContainer?.classList?.replace("hide-map", "show-map");
710
- //this._editorLoading = true;
711
705
  this._showSearchWidget = true;
712
706
  }
713
707
  });
@@ -718,7 +712,6 @@ const CreateFeature = class {
718
712
  * @protected
719
713
  */
720
714
  async startCreate() {
721
- console.log("========================startCreate==============================");
722
715
  // hides the header elements on template picker page
723
716
  await this.hideEditorsElements();
724
717
  return new Promise((resolve, reject) => {
@@ -18,6 +18,8 @@ const CrowdsourceReporter = class {
18
18
  registerInstance(this, hostRef);
19
19
  this.togglePanel = createEvent(this, "togglePanel", 7);
20
20
  this.center = undefined;
21
+ this.commentButtonText = undefined;
22
+ this.commentSubmittedMessage = undefined;
21
23
  this.defaultWebmap = "";
22
24
  this.description = undefined;
23
25
  this.enableAnonymousAccess = undefined;
@@ -285,7 +287,7 @@ const CrowdsourceReporter = class {
285
287
  */
286
288
  render() {
287
289
  const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
288
- 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()))));
290
+ 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()))));
289
291
  }
290
292
  //--------------------------------------------------------------------------
291
293
  //
@@ -787,7 +789,7 @@ const CrowdsourceReporter = class {
787
789
  getFeatureDetailsFlowItem() {
788
790
  const showCommentBtn = this._getLayersConfig(this._selectedLayerId)?.comment && this._selectedLayer.relationships.length > 0;
789
791
  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 &&
790
- h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
792
+ h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this.commentButtonText || this._translations.comment))));
791
793
  }
792
794
  /**
793
795
  * Returns the pagination for the multiple features