@esri/solutions-components 0.10.45 → 0.10.46
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/map-select-tools_3.cjs.entry.js +17 -17
- package/dist/cjs/public-notification.cjs.entry.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/map-select-tools/map-select-tools.js +54 -20
- package/dist/collection/components/public-notification/public-notification.js +1 -1
- package/dist/components/map-select-tools2.js +19 -19
- package/dist/components/public-notification.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/map-select-tools_3.entry.js +17 -17
- package/dist/esm/public-notification.entry.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/p-1336a071.entry.js +6 -0
- package/dist/solutions-components/p-41503b16.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/map-select-tools/map-select-tools.d.ts +8 -8
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/dist/solutions-components/p-112df7b2.entry.js +0 -6
- package/dist/solutions-components/p-add973e2.entry.js +0 -6
|
@@ -51,12 +51,12 @@ export class MapSelectTools {
|
|
|
51
51
|
this.sketchLineSymbol = undefined;
|
|
52
52
|
this.sketchPointSymbol = undefined;
|
|
53
53
|
this.sketchPolygonSymbol = undefined;
|
|
54
|
+
this.searchDistanceEnabled = false;
|
|
55
|
+
this.useLayerFeaturesEnabled = false;
|
|
54
56
|
this._numSelected = 0;
|
|
55
|
-
this._searchDistanceEnabled = false;
|
|
56
57
|
this._searchTerm = undefined;
|
|
57
58
|
this._selectionLoading = false;
|
|
58
59
|
this._translations = undefined;
|
|
59
|
-
this._useLayerFeaturesEnabled = false;
|
|
60
60
|
}
|
|
61
61
|
//--------------------------------------------------------------------------
|
|
62
62
|
//
|
|
@@ -250,9 +250,9 @@ export class MapSelectTools {
|
|
|
250
250
|
graphics: this._graphics,
|
|
251
251
|
selectLayers: this.layerViews,
|
|
252
252
|
skipGeomOIDs: this._skipGeomOIDs,
|
|
253
|
-
searchDistanceEnabled: this.
|
|
253
|
+
searchDistanceEnabled: this.searchDistanceEnabled,
|
|
254
254
|
workflowType: this._workflowType,
|
|
255
|
-
useLayerFeaturesEnabled: this.
|
|
255
|
+
useLayerFeaturesEnabled: this.useLayerFeaturesEnabled,
|
|
256
256
|
sketchGraphic: this._sketchGraphic
|
|
257
257
|
};
|
|
258
258
|
}
|
|
@@ -310,30 +310,30 @@ export class MapSelectTools {
|
|
|
310
310
|
render() {
|
|
311
311
|
const mapToolsClass = this.enableSketchTools ? "" : "display-none";
|
|
312
312
|
const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
|
|
313
|
-
return (h(Host, { key: '
|
|
313
|
+
return (h(Host, { key: '1c312d53b800ca401726c653e12465e92abf0eef' }, this._getMapLayerPicker(), h("div", { key: '2da9eb5316656769ec2f80dfa5fbdc190c62b1cb', class: "border-bottom" }), h("div", { key: 'b21d332e5da0aa8cfb34fdab7a1075bfbd5efb42', class: "padding-top-sides-1" }, h("div", { key: '2dd59511d4f07cc2cd43b5b5c2a8037303d21546', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '1149bcd2f36171b82f6902fbf89bb0400383fdde', class: mapToolsContainerClass }, h("map-draw-tools", { key: '2d3b1b91a108bf2bb2db463e7ffd4574f4a36dac', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, 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: 'd4068bef106e1f4226b1f9c104a626fe0a0f6700', class: "border-bottom" }), this._getNameInput()));
|
|
314
314
|
}
|
|
315
315
|
/**
|
|
316
316
|
* Renders the buffer tools component.
|
|
317
317
|
*/
|
|
318
318
|
_getBufferOptions() {
|
|
319
319
|
if (this.enableSearchDistanceOnLoad) {
|
|
320
|
-
this.
|
|
320
|
+
this.searchDistanceEnabled = true;
|
|
321
321
|
this.enableSearchDistanceOnLoad = false;
|
|
322
322
|
}
|
|
323
|
-
const showBufferToolsClass = this.
|
|
323
|
+
const showBufferToolsClass = this.searchDistanceEnabled ? "search-distance" : "div-not-visible";
|
|
324
324
|
const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
|
|
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.
|
|
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, locale: this.locale, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
|
|
326
326
|
}
|
|
327
327
|
/**
|
|
328
328
|
* Renders the map layer picker component.
|
|
329
329
|
*/
|
|
330
330
|
_getUseLayerFeaturesOptions() {
|
|
331
331
|
if (this.enableLayerFeaturesOnLoad) {
|
|
332
|
-
this.
|
|
332
|
+
this.useLayerFeaturesEnabled = true;
|
|
333
333
|
this.enableLayerFeaturesOnLoad = false;
|
|
334
334
|
}
|
|
335
|
-
const useLayerFeaturesClass = this.
|
|
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.
|
|
335
|
+
const useLayerFeaturesClass = this.useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
|
|
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, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
|
|
337
337
|
}
|
|
338
338
|
/**
|
|
339
339
|
* Renders the number of selected features
|
|
@@ -414,8 +414,8 @@ export class MapSelectTools {
|
|
|
414
414
|
this._selectLayers = this.selectionSet.selectLayers;
|
|
415
415
|
this._selectedIds = this.selectionSet.selectedIds;
|
|
416
416
|
this._skipGeomOIDs = this.selectionSet.skipGeomOIDs;
|
|
417
|
-
this.
|
|
418
|
-
this.
|
|
417
|
+
this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;
|
|
418
|
+
this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;
|
|
419
419
|
this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0;
|
|
420
420
|
this._unit = this.selectionSet.unit;
|
|
421
421
|
this._workflowType = this.selectionSet.workflowType;
|
|
@@ -434,7 +434,7 @@ export class MapSelectTools {
|
|
|
434
434
|
});
|
|
435
435
|
});
|
|
436
436
|
this._selectionLabel = this.selectionSet?.label;
|
|
437
|
-
if (!this.
|
|
437
|
+
if (!this.useLayerFeaturesEnabled) {
|
|
438
438
|
await this._drawTools?.updateGraphics();
|
|
439
439
|
}
|
|
440
440
|
await goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
|
|
@@ -640,13 +640,13 @@ export class MapSelectTools {
|
|
|
640
640
|
if (!forceUpdate) {
|
|
641
641
|
this._sketchGraphic = graphics[0];
|
|
642
642
|
}
|
|
643
|
-
this._workflowType = this.
|
|
643
|
+
this._workflowType = this.useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
|
|
644
644
|
if (this._workflowType === EWorkflowType.SKETCH) {
|
|
645
645
|
await this._drawTools.updateGraphics();
|
|
646
646
|
}
|
|
647
647
|
await this._updateLabel();
|
|
648
648
|
this._clearSearchWidget();
|
|
649
|
-
if (this.
|
|
649
|
+
if (this.useLayerFeaturesEnabled && !forceUpdate) {
|
|
650
650
|
// Will only ever be a single graphic
|
|
651
651
|
const geometries = Array.isArray(graphics) ? graphics.map(g => g.geometry) : this.geometries;
|
|
652
652
|
await this._selectLayerFeatures(geometries[0]);
|
|
@@ -960,7 +960,7 @@ export class MapSelectTools {
|
|
|
960
960
|
* @protected
|
|
961
961
|
*/
|
|
962
962
|
_useLayerFeaturesEnabledChanged() {
|
|
963
|
-
this.
|
|
963
|
+
this.useLayerFeaturesEnabled = !this.useLayerFeaturesEnabled;
|
|
964
964
|
if (this._sketchGraphic) {
|
|
965
965
|
void this._sketchGraphicsChanged({
|
|
966
966
|
detail: {
|
|
@@ -1442,17 +1442,51 @@ export class MapSelectTools {
|
|
|
1442
1442
|
"tags": [],
|
|
1443
1443
|
"text": "esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html"
|
|
1444
1444
|
}
|
|
1445
|
+
},
|
|
1446
|
+
"searchDistanceEnabled": {
|
|
1447
|
+
"type": "boolean",
|
|
1448
|
+
"mutable": false,
|
|
1449
|
+
"complexType": {
|
|
1450
|
+
"original": "boolean",
|
|
1451
|
+
"resolved": "boolean",
|
|
1452
|
+
"references": {}
|
|
1453
|
+
},
|
|
1454
|
+
"required": false,
|
|
1455
|
+
"optional": false,
|
|
1456
|
+
"docs": {
|
|
1457
|
+
"tags": [],
|
|
1458
|
+
"text": "boolean: when true buffer tools controls are enabled"
|
|
1459
|
+
},
|
|
1460
|
+
"attribute": "search-distance-enabled",
|
|
1461
|
+
"reflect": false,
|
|
1462
|
+
"defaultValue": "false"
|
|
1463
|
+
},
|
|
1464
|
+
"useLayerFeaturesEnabled": {
|
|
1465
|
+
"type": "boolean",
|
|
1466
|
+
"mutable": false,
|
|
1467
|
+
"complexType": {
|
|
1468
|
+
"original": "boolean",
|
|
1469
|
+
"resolved": "boolean",
|
|
1470
|
+
"references": {}
|
|
1471
|
+
},
|
|
1472
|
+
"required": false,
|
|
1473
|
+
"optional": false,
|
|
1474
|
+
"docs": {
|
|
1475
|
+
"tags": [],
|
|
1476
|
+
"text": "boolean: when true drawn graphics will be used to select features"
|
|
1477
|
+
},
|
|
1478
|
+
"attribute": "use-layer-features-enabled",
|
|
1479
|
+
"reflect": false,
|
|
1480
|
+
"defaultValue": "false"
|
|
1445
1481
|
}
|
|
1446
1482
|
};
|
|
1447
1483
|
}
|
|
1448
1484
|
static get states() {
|
|
1449
1485
|
return {
|
|
1450
1486
|
"_numSelected": {},
|
|
1451
|
-
"_searchDistanceEnabled": {},
|
|
1452
1487
|
"_searchTerm": {},
|
|
1453
1488
|
"_selectionLoading": {},
|
|
1454
|
-
"_translations": {}
|
|
1455
|
-
"_useLayerFeaturesEnabled": {}
|
|
1489
|
+
"_translations": {}
|
|
1456
1490
|
};
|
|
1457
1491
|
}
|
|
1458
1492
|
static get events() {
|
|
@@ -610,7 +610,7 @@ export class PublicNotification {
|
|
|
610
610
|
*/
|
|
611
611
|
_getSelectPage() {
|
|
612
612
|
const noticeText = this._translations.selectSearchTip;
|
|
613
|
-
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(); })));
|
|
613
|
+
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, searchDistanceEnabled: this.enableSearchDistanceOnLoad, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol, useLayerFeaturesEnabled: this.enableLayerFeaturesOnLoad })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
|
|
614
614
|
}
|
|
615
615
|
/**
|
|
616
616
|
* Create the main download page that has the shared aspects of both PDF and CSV
|
|
@@ -68,12 +68,12 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
68
68
|
this.sketchLineSymbol = undefined;
|
|
69
69
|
this.sketchPointSymbol = undefined;
|
|
70
70
|
this.sketchPolygonSymbol = undefined;
|
|
71
|
+
this.searchDistanceEnabled = false;
|
|
72
|
+
this.useLayerFeaturesEnabled = false;
|
|
71
73
|
this._numSelected = 0;
|
|
72
|
-
this._searchDistanceEnabled = false;
|
|
73
74
|
this._searchTerm = undefined;
|
|
74
75
|
this._selectionLoading = false;
|
|
75
76
|
this._translations = undefined;
|
|
76
|
-
this._useLayerFeaturesEnabled = false;
|
|
77
77
|
}
|
|
78
78
|
get el() { return this; }
|
|
79
79
|
//--------------------------------------------------------------------------
|
|
@@ -262,9 +262,9 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
262
262
|
graphics: this._graphics,
|
|
263
263
|
selectLayers: this.layerViews,
|
|
264
264
|
skipGeomOIDs: this._skipGeomOIDs,
|
|
265
|
-
searchDistanceEnabled: this.
|
|
265
|
+
searchDistanceEnabled: this.searchDistanceEnabled,
|
|
266
266
|
workflowType: this._workflowType,
|
|
267
|
-
useLayerFeaturesEnabled: this.
|
|
267
|
+
useLayerFeaturesEnabled: this.useLayerFeaturesEnabled,
|
|
268
268
|
sketchGraphic: this._sketchGraphic
|
|
269
269
|
};
|
|
270
270
|
}
|
|
@@ -322,30 +322,30 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
322
322
|
render() {
|
|
323
323
|
const mapToolsClass = this.enableSketchTools ? "" : "display-none";
|
|
324
324
|
const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
|
|
325
|
-
return (h(Host, { key: '
|
|
325
|
+
return (h(Host, { key: '1c312d53b800ca401726c653e12465e92abf0eef' }, this._getMapLayerPicker(), h("div", { key: '2da9eb5316656769ec2f80dfa5fbdc190c62b1cb', class: "border-bottom" }), h("div", { key: 'b21d332e5da0aa8cfb34fdab7a1075bfbd5efb42', class: "padding-top-sides-1" }, h("div", { key: '2dd59511d4f07cc2cd43b5b5c2a8037303d21546', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '1149bcd2f36171b82f6902fbf89bb0400383fdde', class: mapToolsContainerClass }, h("map-draw-tools", { key: '2d3b1b91a108bf2bb2db463e7ffd4574f4a36dac', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, 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: 'd4068bef106e1f4226b1f9c104a626fe0a0f6700', class: "border-bottom" }), this._getNameInput()));
|
|
326
326
|
}
|
|
327
327
|
/**
|
|
328
328
|
* Renders the buffer tools component.
|
|
329
329
|
*/
|
|
330
330
|
_getBufferOptions() {
|
|
331
331
|
if (this.enableSearchDistanceOnLoad) {
|
|
332
|
-
this.
|
|
332
|
+
this.searchDistanceEnabled = true;
|
|
333
333
|
this.enableSearchDistanceOnLoad = false;
|
|
334
334
|
}
|
|
335
|
-
const showBufferToolsClass = this.
|
|
335
|
+
const showBufferToolsClass = this.searchDistanceEnabled ? "search-distance" : "div-not-visible";
|
|
336
336
|
const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
|
|
337
|
-
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.
|
|
337
|
+
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, locale: this.locale, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
|
|
338
338
|
}
|
|
339
339
|
/**
|
|
340
340
|
* Renders the map layer picker component.
|
|
341
341
|
*/
|
|
342
342
|
_getUseLayerFeaturesOptions() {
|
|
343
343
|
if (this.enableLayerFeaturesOnLoad) {
|
|
344
|
-
this.
|
|
344
|
+
this.useLayerFeaturesEnabled = true;
|
|
345
345
|
this.enableLayerFeaturesOnLoad = false;
|
|
346
346
|
}
|
|
347
|
-
const useLayerFeaturesClass = this.
|
|
348
|
-
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.
|
|
347
|
+
const useLayerFeaturesClass = this.useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
|
|
348
|
+
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, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
|
|
349
349
|
}
|
|
350
350
|
/**
|
|
351
351
|
* Renders the number of selected features
|
|
@@ -426,8 +426,8 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
426
426
|
this._selectLayers = this.selectionSet.selectLayers;
|
|
427
427
|
this._selectedIds = this.selectionSet.selectedIds;
|
|
428
428
|
this._skipGeomOIDs = this.selectionSet.skipGeomOIDs;
|
|
429
|
-
this.
|
|
430
|
-
this.
|
|
429
|
+
this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;
|
|
430
|
+
this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;
|
|
431
431
|
this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0;
|
|
432
432
|
this._unit = this.selectionSet.unit;
|
|
433
433
|
this._workflowType = this.selectionSet.workflowType;
|
|
@@ -446,7 +446,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
446
446
|
});
|
|
447
447
|
});
|
|
448
448
|
this._selectionLabel = this.selectionSet?.label;
|
|
449
|
-
if (!this.
|
|
449
|
+
if (!this.useLayerFeaturesEnabled) {
|
|
450
450
|
await this._drawTools?.updateGraphics();
|
|
451
451
|
}
|
|
452
452
|
await goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
|
|
@@ -652,13 +652,13 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
652
652
|
if (!forceUpdate) {
|
|
653
653
|
this._sketchGraphic = graphics[0];
|
|
654
654
|
}
|
|
655
|
-
this._workflowType = this.
|
|
655
|
+
this._workflowType = this.useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
|
|
656
656
|
if (this._workflowType === EWorkflowType.SKETCH) {
|
|
657
657
|
await this._drawTools.updateGraphics();
|
|
658
658
|
}
|
|
659
659
|
await this._updateLabel();
|
|
660
660
|
this._clearSearchWidget();
|
|
661
|
-
if (this.
|
|
661
|
+
if (this.useLayerFeaturesEnabled && !forceUpdate) {
|
|
662
662
|
// Will only ever be a single graphic
|
|
663
663
|
const geometries = Array.isArray(graphics) ? graphics.map(g => g.geometry) : this.geometries;
|
|
664
664
|
await this._selectLayerFeatures(geometries[0]);
|
|
@@ -972,7 +972,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
972
972
|
* @protected
|
|
973
973
|
*/
|
|
974
974
|
_useLayerFeaturesEnabledChanged() {
|
|
975
|
-
this.
|
|
975
|
+
this.useLayerFeaturesEnabled = !this.useLayerFeaturesEnabled;
|
|
976
976
|
if (this._sketchGraphic) {
|
|
977
977
|
void this._sketchGraphicsChanged({
|
|
978
978
|
detail: {
|
|
@@ -1023,12 +1023,12 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
1023
1023
|
"sketchLineSymbol": [16],
|
|
1024
1024
|
"sketchPointSymbol": [16],
|
|
1025
1025
|
"sketchPolygonSymbol": [16],
|
|
1026
|
+
"searchDistanceEnabled": [4, "search-distance-enabled"],
|
|
1027
|
+
"useLayerFeaturesEnabled": [4, "use-layer-features-enabled"],
|
|
1026
1028
|
"_numSelected": [32],
|
|
1027
|
-
"_searchDistanceEnabled": [32],
|
|
1028
1029
|
"_searchTerm": [32],
|
|
1029
1030
|
"_selectionLoading": [32],
|
|
1030
1031
|
"_translations": [32],
|
|
1031
|
-
"_useLayerFeaturesEnabled": [32],
|
|
1032
1032
|
"clearSelection": [64],
|
|
1033
1033
|
"getSelection": [64]
|
|
1034
1034
|
}, [[8, "searchConfigurationChange", "searchConfigurationChangeChanged"], [8, "distanceChanged", "distanceChanged"], [8, "unitChanged", "unitChanged"]], {
|
|
@@ -639,7 +639,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
|
639
639
|
*/
|
|
640
640
|
_getSelectPage() {
|
|
641
641
|
const noticeText = this._translations.selectSearchTip;
|
|
642
|
-
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(); })));
|
|
642
|
+
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, searchDistanceEnabled: this.enableSearchDistanceOnLoad, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol, useLayerFeaturesEnabled: this.enableLayerFeaturesOnLoad })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
|
|
643
643
|
}
|
|
644
644
|
/**
|
|
645
645
|
* Create the main download page that has the shared aspects of both PDF and CSV
|