@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.
@@ -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._searchDistanceEnabled,
253
+ searchDistanceEnabled: this.searchDistanceEnabled,
254
254
  workflowType: this._workflowType,
255
- useLayerFeaturesEnabled: this._useLayerFeaturesEnabled,
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: '24382e9b9e955147bcdbf4bf65fb3672c121a8e9' }, this._getMapLayerPicker(), h("div", { key: '9c0d835c1ebb8020619c0629517021ea257ff38f', class: "border-bottom" }), h("div", { key: '19caa1aad9667d1b518d0e5ebe6deeeb44fbdbcf', class: "padding-top-sides-1" }, h("div", { key: 'e9cd25ddbb4c47d6fef8c670507bb1039ae9f360', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'b44dae71755a90cf675ba213704be1c65e5d5f1f', class: mapToolsContainerClass }, h("map-draw-tools", { key: '8f9ec344e4056cbc456ea721f4ccdd7311d34797', 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: 'b93bf01281a8b2ffc5cf23536b40e380b95da3c8', class: "border-bottom" }), this._getNameInput()));
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._searchDistanceEnabled = true;
320
+ this.searchDistanceEnabled = true;
321
321
  this.enableSearchDistanceOnLoad = false;
322
322
  }
323
- const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
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._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 }))));
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._useLayerFeaturesEnabled = true;
332
+ this.useLayerFeaturesEnabled = true;
333
333
  this.enableLayerFeaturesOnLoad = false;
334
334
  }
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 }))));
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._searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;
418
- this._useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;
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._useLayerFeaturesEnabled) {
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._useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
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._useLayerFeaturesEnabled && !forceUpdate) {
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._useLayerFeaturesEnabled = !this._useLayerFeaturesEnabled;
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._searchDistanceEnabled,
265
+ searchDistanceEnabled: this.searchDistanceEnabled,
266
266
  workflowType: this._workflowType,
267
- useLayerFeaturesEnabled: this._useLayerFeaturesEnabled,
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: '24382e9b9e955147bcdbf4bf65fb3672c121a8e9' }, this._getMapLayerPicker(), h("div", { key: '9c0d835c1ebb8020619c0629517021ea257ff38f', class: "border-bottom" }), h("div", { key: '19caa1aad9667d1b518d0e5ebe6deeeb44fbdbcf', class: "padding-top-sides-1" }, h("div", { key: 'e9cd25ddbb4c47d6fef8c670507bb1039ae9f360', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'b44dae71755a90cf675ba213704be1c65e5d5f1f', class: mapToolsContainerClass }, h("map-draw-tools", { key: '8f9ec344e4056cbc456ea721f4ccdd7311d34797', 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: 'b93bf01281a8b2ffc5cf23536b40e380b95da3c8', class: "border-bottom" }), this._getNameInput()));
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._searchDistanceEnabled = true;
332
+ this.searchDistanceEnabled = true;
333
333
  this.enableSearchDistanceOnLoad = false;
334
334
  }
335
- const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
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._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 }))));
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._useLayerFeaturesEnabled = true;
344
+ this.useLayerFeaturesEnabled = true;
345
345
  this.enableLayerFeaturesOnLoad = false;
346
346
  }
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 }))));
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._searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;
430
- this._useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;
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._useLayerFeaturesEnabled) {
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._useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
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._useLayerFeaturesEnabled && !forceUpdate) {
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._useLayerFeaturesEnabled = !this._useLayerFeaturesEnabled;
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