@esri/solutions-components 0.10.15 → 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.
- package/dist/cjs/calcite-flow_6.cjs.entry.js +0 -7
- package/dist/cjs/crowdsource-reporter.cjs.entry.js +4 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/map-select-tools_3.cjs.entry.js +11 -1
- package/dist/cjs/public-notification.cjs.entry.js +4 -2
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/create-feature/create-feature.js +0 -7
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +38 -2
- package/dist/collection/components/map-select-tools/map-select-tools.js +47 -1
- package/dist/collection/components/public-notification/public-notification.js +40 -2
- package/dist/components/create-feature2.js +0 -7
- package/dist/components/crowdsource-reporter.js +6 -2
- package/dist/components/map-select-tools2.js +13 -1
- package/dist/components/public-notification.js +6 -2
- package/dist/esm/calcite-flow_6.entry.js +0 -7
- package/dist/esm/crowdsource-reporter.entry.js +4 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/map-select-tools_3.entry.js +11 -1
- package/dist/esm/public-notification.entry.js +4 -2
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/p-2737e44e.entry.js +17 -0
- package/dist/solutions-components/p-5907d17d.entry.js +6 -0
- package/dist/solutions-components/p-c5e05351.entry.js +6 -0
- package/dist/solutions-components/p-f0a23f46.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +8 -0
- package/dist/types/components/map-select-tools/map-select-tools.d.ts +8 -0
- package/dist/types/components/public-notification/public-notification.d.ts +8 -0
- package/dist/types/components.d.ts +48 -0
- package/package.json +1 -1
- package/dist/solutions-components/p-31f7dd8e.entry.js +0 -6
- package/dist/solutions-components/p-4d44410b.entry.js +0 -6
- package/dist/solutions-components/p-abd3e579.entry.js +0 -6
- 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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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
|