@esri/solutions-components 0.10.45 → 0.10.46
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/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
|