@esri/solutions-components 1.2.0-next.56 → 1.2.0-next.58

package/dist/components/map-select-tools/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/map-select-tools/map-select-tools.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport {\r\n  getFeatureLayerView,\r\n  goToSelection,\r\n  highlightFeatures\r\n} from '../../utils/mapViewUtils';\r\nimport {\r\n  getQueryGeoms,\r\n  queryFeaturesByGeometry,\r\n  queryObjectIds\r\n} from '../../utils/queryUtils';\r\nimport type {\r\n  DistanceUnit,\r\n  ILocatorSourceConfigItem,\r\n  ISearchConfiguration,\r\n  ISelectionSet\r\n} from '../../utils/interfaces';\r\nimport {\r\n  EWorkflowType,\r\n} from '../../utils/interfaces';\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  createEvent,\r\n  Fragment,\r\n  h,\r\n  method,\r\n  noShadowRoot,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './map-select-tools.css';\r\nimport type { MapDrawTools } from '../map-draw-tools/map-draw-tools';\r\nimport type { BufferTools } from '../buffer-tools/buffer-tools';\r\nimport {\r\n  useContextConsumer,\r\n} from '@arcgis/lumina/context';\r\nimport {\r\n  pnContext,\r\n} from '../../utils/publicNotificationContext';\r\nimport request from '@arcgis/core/request';\r\nimport FeatureLayer from '@arcgis/core/layers/FeatureLayer';\r\nimport Graphic from '@arcgis/core/Graphic';\r\nimport GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';\r\nimport Search from '@arcgis/core/widgets/Search';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'map-select-tools': MapSelectTools;\r\n  }\r\n}\r\n\r\nexport class MapSelectTools extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  static override shadowRootOptions = noShadowRoot;\r\n\r\n  constructor() {\r\n    super();\r\n    this.listenOn<CustomEvent>(window, 'searchConfigurationChange', this.searchConfigurationChangeChanged);\r\n    this.listenOn<CustomEvent>(window, 'distanceChanged', this.distanceChanged);\r\n    this.listenOn<CustomEvent>(window, 'unitChanged', this.unitChanged);\r\n  }\r\n\r\n  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */\r\n  override willUpdate(\r\n    changes: PropertyValues<this>\r\n  ): void {\r\n    /* TODO: [MIGRATION] First time Lit calls willUpdate(), changes will include not just properties provided by the user, but also any default values your component set.\r\n    To account for this semantics change, the checks for (this.hasUpdated || value != defaultValue) was added in this method\r\n    Please refactor your code to reduce the need for this check.\r\n    Docs: https://qawebgis.esri.com/components/lumina/transition-from-stencil#watching-for-property-changes */\r\n    if (changes.has('geometries') && (this.hasUpdated || this.geometries?.length > 0)) {\r\n      void this.watchGeometriesHandler(this.geometries, changes.get('geometries'));\r\n    }\r\n\r\n    if (changes.has('mapView') && this.mapView) {\r\n      void this.mapViewWatchHandler(this.mapView, changes.get('mapView'));\r\n    }\r\n\r\n    if (changes.has('searchConfiguration') && this.searchConfiguration) {\r\n      void this.watchSearchConfigurationHandler(this.searchConfiguration, changes.get('searchConfiguration'));\r\n    }\r\n\r\n    if (changes.has('defaultBufferUnit') && this.hasUpdated) {\r\n      if (this.selectionSet) {\r\n        this.selectionSet.unit = this.defaultBufferUnit!;\r\n      }\r\n      if (this._bufferTools.value && this.defaultBufferUnit !== undefined) {\r\n        this._bufferTools.value.unit = this.defaultBufferUnit;\r\n      }\r\n      void this._updateLabel();\r\n    }\r\n\r\n    if (changes.has('defaultBufferDistance') && this.hasUpdated) {\r\n      if (this.selectionSet) {\r\n        this.selectionSet.distance = this.defaultBufferDistance!;\r\n      }\r\n      void this._updateLabel();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** string | number[] |  object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */\r\n  @property() bufferColor: any = [227, 139, 79, 0.8];\r\n\r\n  /** string | number[] | object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */\r\n  @property() bufferOutlineColor: any = [255, 255, 255];\r\n\r\n  /** boolean: When true the user can define a name for each notification list */\r\n  @property() customLabelEnabled = false;\r\n\r\n  /**\r\n   * string[]: Optional list of enabled layer ids\r\n   *  If empty all layers will be available\r\n   */\r\n  @property() enabledLayerIds: string[] = [];\r\n\r\n  /** boolean: When true users will be allowed to optionally use features from a layer as the selection geometry */\r\n  @property() enableLayerFeatures = true;\r\n\r\n  /** boolean: When true the use features from a layer options will be enabled when the component loads */\r\n  @property() enableLayerFeaturesOnLoad = false;\r\n\r\n  /** boolean: When true users will be allowed to optionally create a buffer around the selection geometry */\r\n  @property() enableSearchDistance = true;\r\n\r\n  /** boolean: When true the serach distance options will be enabled when the component loads */\r\n  @property() enableSearchDistanceOnLoad = false;\r\n\r\n  /** boolean: When true sketch tools will be provided to allow users to draw a selection geometry */\r\n  @property() enableSketchTools = true;\r\n\r\n  /** number: The default value to show for the buffer distance */\r\n  @property() defaultBufferDistance: number | undefined;\r\n\r\n  /** number: The default value to show for the buffer unit */\r\n  @property() defaultBufferUnit: DistanceUnit | undefined;\r\n\r\n  /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */\r\n  @property() geometries: __esri.Geometry[] = [];\r\n\r\n  /** boolean: When true a new label is not generated for the stored selection set */\r\n  @property() isUpdate = false;\r\n\r\n  /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */\r\n  @property() layerViews: __esri.FeatureLayerView[] = [];\r\n\r\n  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */\r\n  @property() mapView: __esri.MapView | undefined;\r\n\r\n  /**\r\n   * string: The value to show for no results\r\n   * when left empty the default text '0 selected features from {layerTitle}' will be shown\r\n   */\r\n  @property() noResultText = '';\r\n\r\n  /** ISearchConfiguration: Configuration details for the Search widget */\r\n  @property() searchConfiguration: ISearchConfiguration | undefined;\r\n\r\n  /** utils/interfaces/ISelectionSet: Used to store key details about any selections that have been made. */\r\n  @property({ reflect: false }) selectionSet: ISelectionSet | undefined;\r\n\r\n  /**\r\n   * string[]: List of layer ids that should be shown as potential selection layers\r\n   * when skectching with 'Use layer features' option\r\n   */\r\n  @property() selectionLayerIds: string[] = [];\r\n\r\n  /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */\r\n  @property() selectLayerView: __esri.FeatureLayerView | undefined;\r\n\r\n  /** esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */\r\n  @property() sketchLineSymbol: __esri.SimpleLineSymbol | undefined;\r\n\r\n  /** esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */\r\n  @property() sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;\r\n\r\n  /** esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */\r\n  @property() sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;\r\n\r\n  /** boolean: when true buffer tools controls are enabled */\r\n  @property() searchDistanceEnabled = false;\r\n\r\n  /** boolean: when true drawn graphics will be used to select features */\r\n  @property() useLayerFeaturesEnabled = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** number: The number of selected features */\r\n  @state() _numSelected = 0;\r\n\r\n  /**\r\n   * string: Text entered by the end user.\r\n   * Used to search against the locator.\r\n   */\r\n  @state() _searchTerm = '';\r\n\r\n  /** boolean: When true a loading indicator will be shown in place of the number of selected features */\r\n  @state() _selectionLoading = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'map-select-tools', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** esri/geometry/operators/unionOperator: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-operators-unionOperator.html */\r\n  protected _unionOperator: __esri.unionOperator | undefined;\r\n\r\n  /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */\r\n  private _bufferGeometry: __esri.Geometry | undefined;\r\n\r\n  /** esri/layers/GraphicsLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html */\r\n  private _bufferGraphicsLayer: __esri.GraphicsLayer | undefined;\r\n\r\n  /** HTMLBufferToolsElement: The container div for the buffer tools */\r\n  private _bufferTools = createRef<BufferTools['el']>();\r\n\r\n  /** number: The current buffer distance */\r\n  private _distance: number | undefined;\r\n\r\n  /** HTMLMapDrawToolsElement: The container div for the sketch widget */\r\n  private _drawTools = createRef<MapDrawTools['el']>();\r\n\r\n  /** CustomEvent: Used to prevent default behavior of layer selection change */\r\n  private _labelName = createRef<HTMLCalciteInputElement>();\r\n\r\n  /** The context consumer for shared PN state */\r\n  private _pnContextConsumer = useContextConsumer({\r\n    context: pnContext,\r\n    subscribe: true,\r\n  });\r\n\r\n  /** HTMLElement: The container div for the search widget */\r\n  private _searchElement = createRef<HTMLDivElement>();\r\n\r\n  /** An array of objects representing the results of search */\r\n  private _searchResult: any;\r\n\r\n  /** esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html */\r\n  private _searchWidget: __esri.widgetsSearch | undefined;\r\n\r\n  /** number[]: the oids of the selected features */\r\n  private _selectedIds: (number | string)[] = [];\r\n\r\n  /** string: A label to help uniquely identify the selection set */\r\n  private _selectionLabel = '';\r\n\r\n  /**\r\n   * number[]: When empty or undefined the geometries will be used for selection\r\n   *          When it has values they will be used directly when no buffer is provided\r\n   *          see https://github.com/Esri/solutions-components/issues/148\r\n   */\r\n  private _skipGeomOIDs: number[] | undefined;\r\n\r\n  /**\r\n   * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html\r\n   * Added to support https://github.com/Esri/solutions-components/issues/208\r\n   */\r\n  private _sketchGraphic: __esri.Graphic | undefined;\r\n\r\n  /** esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */\r\n  private _graphics: __esri.Graphic[] = [];\r\n\r\n  /** string: The current buffer unit */\r\n  private _unit: string | undefined;\r\n\r\n  /** EWorkflowType: The current workflow type 'SEARCH' | 'SELECT' | 'SKETCH' */\r\n  private _workflowType: EWorkflowType | undefined;\r\n\r\n  /** {<layer id>: Graphic[]}: Collection of graphics returned from queries to the layer */\r\n  private _featuresCollection: { [key: string]: __esri.Graphic[] } = {};\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the geometries prop is changed.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  private async watchGeometriesHandler(\r\n    newValue: __esri.Geometry[],\r\n    oldValue?: __esri.Geometry[]\r\n  ): Promise<void> {\r\n    if (newValue !== oldValue) {\r\n      if (newValue.length > 0) {\r\n        return this._highlightWithOIDsOrGeoms();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Called each time the mapView prop is changed. */\r\n  private async mapViewWatchHandler(\r\n    v: __esri.MapView,\r\n    oldV?: __esri.MapView\r\n  ): Promise<void> {\r\n    if (v && v !== oldV) {\r\n      await this._init();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Called each time the searchConfiguration prop is changed.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  private async watchSearchConfigurationHandler(\r\n    newValue: ISearchConfiguration,\r\n    oldValue?: ISearchConfiguration\r\n  ): Promise<void> {\r\n    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\r\n      await this._initSearchWidget();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Clear any selection results\r\n   *\r\n   * @returns Promise when the results have been cleared\r\n   */\r\n  @method()\r\n  async clearSelection(): Promise<void> {\r\n    return this._clearResults(true, true);\r\n  }\r\n\r\n  /**\r\n   * Get the new selection set\r\n   *\r\n   * @returns Promise with the new selection set\r\n   */\r\n  @method()\r\n  async getSelection(): Promise<ISelectionSet> {\r\n    // Allow any non whitespace\r\n    if (!/\\S+/gm.test(this._selectionLabel)) {\r\n      await this._updateLabel();\r\n    }\r\n    return {\r\n      id: this.isUpdate && this.selectionSet ? this.selectionSet.id : Date.now(),\r\n      searchResult: this._searchResult,\r\n      buffer: this._bufferGeometry,\r\n      distance: this._bufferTools.value?.distance,\r\n      download: true,\r\n      unit: this._bufferTools.value?.unit,\r\n      label: this._selectionLabel,\r\n      selectedIds: this._selectedIds,\r\n      layerView: this.selectLayerView,\r\n      geometries: this.geometries,\r\n      graphics: this._graphics,\r\n      selectLayers: this.layerViews,\r\n      skipGeomOIDs: this._skipGeomOIDs,\r\n      searchDistanceEnabled: this.searchDistanceEnabled,\r\n      workflowType: this._workflowType,\r\n      useLayerFeaturesEnabled: this.useLayerFeaturesEnabled,\r\n      sketchGraphic: this._sketchGraphic,\r\n    } as ISelectionSet;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when the selection set changes. */\r\n  selectionSetChange = createEvent<number>();\r\n\r\n  /** Handle changes to the search configuration */\r\n  private searchConfigurationChangeChanged(\r\n    event: CustomEvent\r\n  ): void {\r\n    this.searchConfiguration = event.detail;\r\n  }\r\n\r\n  /** Handle changes to the buffer distance value */\r\n  private async distanceChanged(\r\n    event: CustomEvent\r\n  ): Promise<void> {\r\n    await this._distanceChanged(event.detail);\r\n  }\r\n\r\n  /** Handle changes to the buffer unit */\r\n  private async unitChanged(\r\n    event: CustomEvent\r\n  ): Promise<void> {\r\n    if (event.detail.newValue !== event.detail.oldValue) {\r\n      this._unit = event.detail.newValue;\r\n      await this._updateLabel();\r\n    }\r\n  }\r\n\r\n  /** Called once just after the component is fully loaded and the first render() occurs. */\r\n  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */\r\n  async loaded(): Promise<void> {\r\n    await this._init();\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    const mapToolsClass = this.enableSketchTools ? '' : 'display-none';\r\n    const mapToolsContainerClass = this.enableSketchTools ? 'padding-top-1' : '';\r\n    return (\r\n      <>\r\n        {this._getMapLayerPicker()}\r\n        <div class='border-bottom' />\r\n        <div class='padding-top-sides-1'>\r\n          <div\r\n            class='search-widget'\r\n            ref={this._searchElement}\r\n          />\r\n          <div class={mapToolsContainerClass}>\r\n            <map-draw-tools\r\n              active={true}\r\n              class={mapToolsClass}\r\n              editGraphicsEnabled={!this.useLayerFeaturesEnabled}\r\n              graphics={this._graphics}\r\n              mapView={this.mapView}\r\n              onsketchGraphicsChange={_evt => void this._sketchGraphicsChanged(_evt)}\r\n              pointSymbol={this.sketchPointSymbol}\r\n              polygonSymbol={this.sketchPolygonSymbol}\r\n              polylineSymbol={this.sketchLineSymbol}\r\n              ref={this._drawTools}\r\n            />\r\n          </div>\r\n          {this.enableSearchDistance ? this._getBufferOptions() : undefined}\r\n          {this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined}\r\n          {this._getNumSelected()}\r\n        </div>\r\n        <div class='border-bottom' />\r\n        {this._getNameInput()}\r\n      </>\r\n    );\r\n  }\r\n\r\n  /** Renders the buffer tools component. */\r\n  private _getBufferOptions(): JsxNode {\r\n    if (this.enableSearchDistanceOnLoad) {\r\n      this.searchDistanceEnabled = true;\r\n      this.enableSearchDistanceOnLoad = false;\r\n    }\r\n    const showBufferToolsClass = this.searchDistanceEnabled ? 'search-distance' : 'div-not-visible';\r\n    const bufferDistance = typeof this.selectionSet?.distance === 'number' ?\r\n      this.selectionSet.distance : this.defaultBufferDistance;\r\n    return (\r\n      <div>\r\n        <div class='padding-top-1 display-flex'>\r\n          <calcite-label\r\n            class='label-margin-0 w-100'\r\n            layout='inline-space-between'\r\n          >\r\n            <div class='tooltip-container'>\r\n              {this._translations.searchDistance}\r\n              <calcite-icon\r\n                class='padding-start-1-2 icon'\r\n                //specific to HE https://esriis.sharepoint.com/sites/i18n_t9n/SitePages/How-to-test-Arabic-and-Hebrew-languages.aspx\r\n                flipRtl={!(this._translations._lang?.toLowerCase() === 'he')}\r\n                icon='question'\r\n                id='search-distance-icon'\r\n                scale='s'\r\n              />\r\n            </div>\r\n          </calcite-label>\r\n          <calcite-popover\r\n            closable={true}\r\n            label=''\r\n            overlayPositioning='fixed'\r\n            referenceElement='search-distance-icon'\r\n          >\r\n            <span class='tooltip-message'>\r\n              {this._translations.useSearchDistanceTootip}\r\n            </span>\r\n          </calcite-popover>\r\n          <calcite-switch\r\n            checked={this.searchDistanceEnabled}\r\n            oncalciteSwitchChange={() => (this.searchDistanceEnabled = !this.searchDistanceEnabled)}\r\n          />\r\n        </div>\r\n        <div class={showBufferToolsClass}>\r\n          <buffer-tools\r\n            disabled={!this.searchDistanceEnabled}\r\n            distance={bufferDistance}\r\n            geometries={this.geometries}\r\n            onbufferComplete={_evt => void this._bufferComplete(_evt)}\r\n            ref={this._bufferTools}\r\n            unit={this.selectionSet?.unit || this.defaultBufferUnit}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Renders the map layer picker component. */\r\n  private _getUseLayerFeaturesOptions(): JsxNode {\r\n    if (this.enableLayerFeaturesOnLoad) {\r\n      this.useLayerFeaturesEnabled = true;\r\n      this.enableLayerFeaturesOnLoad = false;\r\n    }\r\n    const useLayerFeaturesClass = this.useLayerFeaturesEnabled ? 'div-visible' : 'div-not-visible';\r\n    return (\r\n      <div>\r\n        <div class='padding-top-1 display-flex'>\r\n          <calcite-label\r\n            class='label-margin-0 w-100'\r\n            layout='inline-space-between'\r\n          >\r\n            <div class='tooltip-container'>\r\n              {this._translations.useLayerFeatures}\r\n              {/* specific to HE https://esriis.sharepoint.com/sites/i18n_t9n/SitePages/How-to-test-Arabic-and-Hebrew-languages.aspx */}\r\n              <calcite-icon\r\n                class='padding-start-1-2 icon'\r\n                flipRtl={!(this._translations._lang?.toLowerCase() === 'he')}\r\n                icon='question'\r\n                id='use-layer-features-icon'\r\n                scale='s'\r\n              />\r\n            </div>\r\n          </calcite-label>\r\n          <calcite-popover\r\n            closable={true}\r\n            label=''\r\n            overlayPositioning='fixed'\r\n            referenceElement='use-layer-features-icon'\r\n          >\r\n            <span class='tooltip-message'>\r\n              {this._translations.useLayerFeaturesTooltip}\r\n            </span>\r\n          </calcite-popover>\r\n          <calcite-switch\r\n            checked={this.useLayerFeaturesEnabled}\r\n            oncalciteSwitchChange={() => {\r\n              this._useLayerFeaturesEnabledChanged();\r\n            }}\r\n          />\r\n        </div>\r\n        <div class={`${useLayerFeaturesClass} padding-top-1`}>\r\n          <map-layer-picker\r\n            enabledLayerIds={this.selectionLayerIds}\r\n            mapView={this.mapView}\r\n            onlayerSelectionChange={_evt => {\r\n              void this._layerSelectionChange(_evt);\r\n            }}\r\n            selectedIds={this.layerViews.map(l => l.layer.id)}\r\n            showTables={false}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Renders the number of selected features */\r\n  private _getNumSelected(): JsxNode {\r\n    const selectionLoading = this._translations._lang === 'en' ?\r\n      `${this._translations.selectionLoading}...` : this._translations.selectionLoading;\r\n    return (\r\n      <div class='padding-top-1 padding-bottom-1' style={{ 'align-items': 'end', 'display': 'flex' }}>\r\n        {this._selectionLoading ? (\r\n          <div>\r\n            <calcite-loader\r\n              class='info-blue padding-end-1-2'\r\n              inline={true}\r\n              label={selectionLoading || ''}\r\n              scale='m'\r\n              type='indeterminate'\r\n            />\r\n          </div>\r\n        ) : (\r\n          <calcite-icon\r\n            class='info-blue padding-end-1-2'\r\n            icon='feature-layer'\r\n            scale='s'\r\n          />\r\n        )}\r\n        <calcite-input-message\r\n          class='info-blue'\r\n          scale='m'\r\n        >\r\n          {this._selectionLoading\r\n            ? selectionLoading\r\n            : this.noResultText && this._numSelected === 0\r\n              ? this.noResultText\r\n              : this._translations.selectedFeatures.replace('{{n}}', this._numSelected.toString())}\r\n        </calcite-input-message>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Renders the custom label input */\r\n  private _getNameInput(): JsxNode {\r\n    const nameLabelClass = this.customLabelEnabled ? '' : 'display-none';\r\n    return (\r\n      <div class={`padding-sides-1 padding-top-1 ${nameLabelClass}`}>\r\n        <calcite-label class='font-bold'>\r\n          {this._translations.listName}\r\n          <calcite-input\r\n            onInput={() => {\r\n              this._selectionLabel = this._labelName.value ? this._labelName.value.value : '';\r\n            }}\r\n            placeholder={this._translations.listNamePlaceholder}\r\n            ref={this._labelName}\r\n            value={this._selectionLabel || ''}\r\n          />\r\n        </calcite-label>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Create the UI element that will expose the addressee layers\r\n   *\r\n   * @returns addressee layer list node\r\n   * @private\r\n   */\r\n  private _getMapLayerPicker(): JsxNode {\r\n    const id = this.selectionSet?.layerView?.layer.id;\r\n    return (\r\n      <div class='display-flex padding-sides-1 padding-bottom-1'>\r\n        <calcite-label class='font-bold width-full label-margin-0'>\r\n          {this._translations.inputLayer}\r\n          <map-layer-picker\r\n            enabledLayerIds={this.enabledLayerIds}\r\n            mapView={this.mapView}\r\n            onlayerSelectionChange={_evt => void this._inputLayerSelectionChange(_evt)}\r\n            selectedIds={this.selectLayerView ?\r\n              [this.selectLayerView.layer.id] : this.selectionSet && id !== undefined ? [id] : []}\r\n            showTables={false}\r\n          />\r\n        </calcite-label>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Initialize the graphics layer, selection set, and search widget\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   */\r\n  private async _init(): Promise<void> {\r\n    this._initGraphicsLayer();\r\n    await this._initSelectionSet();\r\n    await this._initSearchWidget();\r\n  }\r\n\r\n  /**\r\n   * Initialize the state of the component with any stored values in a selection set\r\n   *\r\n   * @private\r\n   */\r\n  private async _initSelectionSet(): Promise<void> {\r\n    if (this.selectionSet) {\r\n      this._searchTerm = this.selectionSet.searchResult?.name;\r\n      this._searchResult = this.selectionSet.searchResult;\r\n      this._selectedIds = this.selectionSet.selectedIds;\r\n      this._skipGeomOIDs = this.selectionSet.skipGeomOIDs || [];\r\n      this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;\r\n      this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;\r\n      this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0;\r\n      this._unit = this.selectionSet.unit;\r\n      this._workflowType = this.selectionSet.workflowType;\r\n      this.selectLayerView = this.selectionSet.layerView;\r\n      this._sketchGraphic = this.selectionSet.sketchGraphic;\r\n\r\n      this.geometries = [...(this.selectionSet?.geometries || [])];\r\n\r\n      // restore graphics from geometries to avoid issues with temp modifications to graphics that were aborted\r\n      this._graphics = this.geometries.reduce((prev, cur) => {\r\n        const symbol = cur.type === 'point' ?\r\n          this.sketchPointSymbol : cur.type === 'polyline' ? this.sketchLineSymbol : this.sketchPolygonSymbol;\r\n        prev.push(new Graphic({\r\n          geometry: cur,\r\n          symbol,\r\n        }));\r\n        return prev;\r\n      }, [] as __esri.Graphic[]);\r\n\r\n      this._selectionLabel = this.selectionSet?.label;\r\n\r\n      if (!this.useLayerFeaturesEnabled) {\r\n        await this._drawTools.value?.updateGraphics();\r\n      }\r\n\r\n      this.selectionSet.layerView && this.mapView && await goToSelection(\r\n        this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initialize the search widget\r\n   *\r\n   * @private\r\n   */\r\n  private async _initSearchWidget(): Promise<void> {\r\n    if (this.mapView && this._searchElement.value) {\r\n      const searchConfiguration = this.searchConfiguration && this._getSearchConfig(this.searchConfiguration, this.mapView);\r\n\r\n      const searchOptions: __esri.widgetsSearchProperties = {\r\n        view: this.mapView,\r\n        container: this._searchElement.value,\r\n        searchTerm: this._searchTerm,\r\n        ...searchConfiguration,\r\n      };\r\n\r\n      if (!this._searchWidget) {\r\n        this._searchWidget = new Search(searchOptions);\r\n      } else {\r\n        this._searchWidget.view = this.mapView;\r\n        this._searchWidget.searchTerm = this._searchTerm;\r\n      }\r\n      if (this._searchWidget) {\r\n        this._searchWidget.popupEnabled = false;\r\n        this._searchWidget.resultGraphicEnabled = false;\r\n\r\n        this._searchWidget.viewModel.addHandles(\r\n          this._searchWidget.on('search-clear', () => {\r\n            const clearLabel = this._searchClearLabel();\r\n            if (this._searchResult?.name) {\r\n              void this._clearResults(false, clearLabel);\r\n            }\r\n          }));\r\n\r\n        this._searchWidget.viewModel.addHandles(\r\n          this._searchWidget.on('select-result', searchResults => {\r\n            void this._selectResult(searchResults.result);\r\n          }));\r\n\r\n        await this._searchWidget.when(() => {\r\n          if (this._searchWidget) {\r\n            this._searchWidget.allPlaceholder =\r\n              this.searchConfiguration?.allPlaceholder && this.searchConfiguration.allPlaceholder.toLowerCase() !== 'find address or place'\r\n                ? this.searchConfiguration.allPlaceholder\r\n                : this._translations.placeholder;\r\n          }\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle the result from the search widget.\r\n   *\r\n   * @param url the url of the layer view\r\n   * @returns the url of the views source\r\n   * @private\r\n   */\r\n  private async _selectResult(\r\n    result: __esri.SearchSelectResultEventResult\r\n  ): Promise<void> {\r\n    if (result) {\r\n      this._searchResult = result;\r\n\r\n      const resultFeature = result.feature;\r\n      const resultLayer = resultFeature?.layer as any;\r\n      const selectLayer = this.selectLayerView?.layer;\r\n      const oid = Number(resultFeature?.getObjectId());\r\n\r\n      let resultLayerSourceUrl;\r\n      if (resultLayer?.sourceJSON?.isView && resultLayer.url) {\r\n        resultLayerSourceUrl = await this._getViewSourceUrl(resultLayer.url);\r\n      }\r\n\r\n      let selectLayerSourceUrl;\r\n      if (selectLayer?.sourceJSON?.isView && selectLayer.url) {\r\n        selectLayerSourceUrl = await this._getViewSourceUrl(selectLayer.url);\r\n      }\r\n\r\n      const rUrl = resultLayer?.url?.toLowerCase();\r\n      const rSourceUrl = resultLayerSourceUrl?.toLowerCase();\r\n\r\n      const sUrl = selectLayer?.url?.toLowerCase();\r\n      const sSourceUrl = selectLayerSourceUrl?.toLowerCase();\r\n\r\n      const useOIDs = rUrl && sUrl &&\r\n        (rUrl === sUrl || rUrl === sSourceUrl || rSourceUrl === sUrl || rSourceUrl === sSourceUrl) &&\r\n        !Number.isNaN(oid);\r\n\r\n      const oids = useOIDs ? [oid] : undefined;\r\n      this._workflowType = EWorkflowType.SEARCH;\r\n      void this._updateLabel();\r\n\r\n      const graphics = [result.feature];\r\n      this._updateSelection(graphics, useOIDs, oids);\r\n      if (this._drawTools.value) {\r\n        this._drawTools.value.graphics = graphics;\r\n      }\r\n      if (this._searchWidget?.resultGraphic) {\r\n        this._searchWidget.resultGraphic.visible = false;\r\n      }\r\n    } else {\r\n      const clearLabel = this._searchClearLabel();\r\n      void this._clearResults(false, clearLabel);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get the source url for a view. This function supports single source views only.\r\n   *\r\n   * @param url the url of the layer view\r\n   * @returns the url of the views source\r\n   * @private\r\n   */\r\n  private async _getViewSourceUrl(\r\n    url: string\r\n  ): Promise<string> {\r\n    let sourceUrl = '';\r\n    const resultLayerSourcesUrl = `${url}/sources?f=json`;\r\n    try {\r\n      const _request = await request(resultLayerSourcesUrl, {\r\n        query: {\r\n          f: 'json',\r\n        },\r\n      });\r\n\r\n      if (_request?.data?.services?.length === 1) {\r\n        sourceUrl = _request.data.services[0].url;\r\n      }\r\n    } catch (error) {\r\n      console.log(error);\r\n    }\r\n    return sourceUrl;\r\n  }\r\n\r\n  /**\r\n   * Check if the current label should be cleared\r\n   *\r\n   * @returns true when the current label is based on search result\r\n   * @private\r\n   */\r\n  private _searchClearLabel(): boolean {\r\n    return this._searchResult?.name && this._labelName.value &&\r\n      this._labelName.value.value.indexOf(this._searchResult.name) > -1;\r\n  }\r\n\r\n  /**\r\n   * Initialize the search widget based on user defined configuration\r\n   *\r\n   * @param searchConfiguration search configuration defined by the user\r\n   * @param view the current map view\r\n   * @private\r\n   */\r\n  private _getSearchConfig(\r\n    searchConfiguration: ISearchConfiguration,\r\n    view: __esri.MapView\r\n  ): ISearchConfiguration {\r\n    const sources = searchConfiguration?.sources;\r\n    if (sources && sources?.length > 0) {\r\n      searchConfiguration = {\r\n        ...searchConfiguration,\r\n        includeDefaultSources: false,\r\n      };\r\n\r\n      sources.forEach(source => {\r\n        const isLayerSource = source.hasOwnProperty('layer');\r\n        if (isLayerSource) {\r\n          const layerSource = source as any; //as ILayerSourceConfigItem;\r\n          const layerId = layerSource.layer?.id;\r\n          const layerFromMap = layerId ? view.map?.findLayerById(layerId) : null;\r\n          const layerUrl = layerSource?.layer?.url;\r\n          if (layerFromMap && layerSource) {\r\n            layerSource.layer = layerFromMap as __esri.FeatureLayer;\r\n          } else if (layerUrl) {\r\n            layerSource.layer = new FeatureLayer(layerUrl as any);\r\n          }\r\n        }\r\n      });\r\n\r\n      sources?.forEach(source => {\r\n        const isLocatorSource = source.hasOwnProperty('locator');\r\n        if (isLocatorSource) {\r\n          const locatorSource = source as ILocatorSourceConfigItem;\r\n          if (locatorSource?.name === 'ArcGIS World Geocoding Service') {\r\n            const outFields = locatorSource.outFields || ['Addr_type', 'Match_addr', 'StAddr', 'City'];\r\n            locatorSource.outFields = outFields;\r\n            locatorSource.singleLineFieldName = 'SingleLine';\r\n          }\r\n\r\n          locatorSource.url = locatorSource.url;\r\n          delete locatorSource.url;\r\n        }\r\n      });\r\n    } else {\r\n      searchConfiguration = {\r\n        ...searchConfiguration,\r\n        includeDefaultSources: true,\r\n      };\r\n    }\r\n    return searchConfiguration;\r\n  }\r\n\r\n  /**\r\n   * Initialize the graphics layer used to store any buffer grapghics\r\n   *\r\n   * @private\r\n   */\r\n  private _initGraphicsLayer(): void {\r\n    const _state = this._pnContextConsumer.value!;\r\n    const title = this._translations.bufferLayer;\r\n    if (this.mapView) {\r\n      const bufferIndex = this.mapView.map!.layers.findIndex(l => l.title === title);\r\n      if (bufferIndex > -1) {\r\n        this._bufferGraphicsLayer = this.mapView.map!.layers.getItemAt(bufferIndex) as __esri.GraphicsLayer;\r\n      } else {\r\n        this._bufferGraphicsLayer = new GraphicsLayer({ title, listMode: 'hide' });\r\n        if (this._bufferGraphicsLayer) {\r\n          _state.managedLayers[title] = 'buffer';\r\n          const sketchIndex = this.mapView.map!.layers.findIndex(l => l.title === this._translations.sketchLayer);\r\n          if (sketchIndex > -1) {\r\n            this.mapView.map!.layers.add(this._bufferGraphicsLayer, sketchIndex);\r\n          } else {\r\n            this.mapView.map!.layers.add(this._bufferGraphicsLayer);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle changes in the sketch graphics\r\n   *\r\n   * @param event stores the graphics that will be used to select features\r\n   * @param forceUpdate when true the drawn graphic will be used to select features from\r\n   * use layer features layer...then the selected layer features will be used to select from the main input layer\r\n   */\r\n  private async _sketchGraphicsChanged(\r\n    event: CustomEvent,\r\n    forceUpdate = false\r\n  ): Promise<void> {\r\n    const graphics = event.detail.graphics;\r\n    if (graphics.length > 0 && graphics[0]) {\r\n      if (!forceUpdate) {\r\n        this._sketchGraphic = graphics[0];\r\n      }\r\n\r\n      this._workflowType = this.useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;\r\n\r\n      if (this._workflowType === EWorkflowType.SKETCH) {\r\n        this._drawTools.value && await this._drawTools.value.updateGraphics();\r\n      }\r\n\r\n      await this._updateLabel();\r\n      this._clearSearchWidget();\r\n      if (this.useLayerFeaturesEnabled && !forceUpdate) {\r\n        // Will only ever be a single graphic\r\n        const geometries = Array.isArray(graphics) ? graphics.map(g => g.geometry) : this.geometries;\r\n        await this._selectLayerFeatures(geometries[0]);\r\n      } else {\r\n        const oids = graphics.reduce((prev: any, cur: any) => {\r\n          if (cur?.layer?.objectIdField) {\r\n            prev.push(Number(cur.attributes[cur.layer.objectIdField]));\r\n          } else if (cur.getObjectId) {\r\n            prev.push(Number(cur.getObjectId()));\r\n          }\r\n          return prev;\r\n        }, []);\r\n\r\n        const useOIDs = event.detail.useOIDs && oids.length > 0;\r\n        this._updateSelection(graphics, useOIDs, oids);\r\n\r\n        if (useOIDs) {\r\n          await this._highlightFeatures(oids);\r\n        }\r\n      }\r\n    } else {\r\n      await this._clearResults(true, true);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Highlight the features in the map based on OIDs when skipOIDs have been defined\r\n   *\r\n   * @private\r\n   */\r\n  private async _highlightWithOIDsOrGeoms(): Promise<void> {\r\n    if (this._skipGeomOIDs && this._skipGeomOIDs?.length > 0) {\r\n      this._selectedIds = this._skipGeomOIDs;\r\n      return this._highlightFeatures(this._selectedIds);\r\n    } else {\r\n      return this._geomQuery(this.geometries);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Highlight the features in the map\r\n   *\r\n   * @param ids the ids that should be highlighted\r\n   * @private\r\n   */\r\n  private async _highlightFeatures(\r\n    ids: (number | string)[]\r\n  ): Promise<void> {\r\n    const _state = this._pnContextConsumer.value!;\r\n    _state.removeHandles();\r\n    if (ids.length > 0) {\r\n      if (this.selectLayerView && this.mapView) {\r\n        const handle = await highlightFeatures(ids, this.selectLayerView, this.mapView);\r\n        _state.highlightHandles.push(handle);\r\n      }\r\n    }\r\n    this._numSelected = ids.length;\r\n    this.selectionSetChange.emit(ids.length);\r\n  }\r\n\r\n  /**\r\n   * Query the selectLayerView based on any user drawn geometries or buffers\r\n   *\r\n   * @param geometries Array of geometries used for the selection of ids from the select layer view\r\n   * @returns Promise when the selection is complete and the graphics have been highlighted\r\n   */\r\n  private async _selectFeatures(\r\n    geometries: __esri.Geometry[]\r\n  ): Promise<void> {\r\n    this._selectionLoading = true;\r\n    this._selectedIds = (this.selectLayerView && await queryObjectIds(geometries, this.selectLayerView.layer)) || [];\r\n    this._selectionLoading = false;\r\n\r\n    if (this._drawTools.value) {\r\n      // stored as graphics now in addition to the geoms\r\n      this._drawTools.value.graphics = this._graphics;\r\n    }\r\n\r\n    await this._highlightFeatures(this._selectedIds);\r\n  }\r\n\r\n  /**\r\n   * Query the selectLayerView based on any user drawn geometries or buffers\r\n   *\r\n   * @param _evt CustomEvent that contains the result of the buffer\r\n   * @private\r\n   */\r\n  private async _bufferComplete(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    this._bufferGeometry = Array.isArray(_evt.detail) ? _evt.detail[0] : _evt.detail;\r\n\r\n    let oldValue = this._bufferTools.value && Number(this._bufferTools.value.distance);\r\n    let newValue: number | undefined = 0;\r\n\r\n    if (this._bufferGeometry) {\r\n      // Create a symbol for rendering the graphic\r\n      const symbol = {\r\n        type: 'simple-fill',\r\n        color: this.bufferColor,\r\n        outline: {\r\n          color: this.bufferOutlineColor,\r\n          width: 1,\r\n        },\r\n      };\r\n\r\n      // Add the geometry and symbol to a new graphic\r\n      const polygonGraphic = new Graphic({\r\n        geometry: this._bufferGeometry,\r\n        symbol: symbol as any,\r\n      });\r\n\r\n      if (this._bufferGraphicsLayer && polygonGraphic && this.mapView) {\r\n        this._bufferGraphicsLayer.removeAll();\r\n        this._bufferGraphicsLayer.add(polygonGraphic);\r\n        await this._selectFeatures([this._bufferGeometry]);\r\n        if (polygonGraphic.geometry?.extent) {\r\n          await this.mapView.goTo(polygonGraphic.geometry.extent);\r\n        }\r\n      }\r\n\r\n      // We need to swap the values again if they were previously\r\n      // set based on disable of buffer tools when the tools have a value\r\n      newValue = oldValue;\r\n      oldValue = 0;\r\n    } else {\r\n      if (this._bufferGraphicsLayer) {\r\n        this._bufferGraphicsLayer.removeAll();\r\n      }\r\n      await this._highlightWithOIDsOrGeoms();\r\n    }\r\n\r\n    // mock this b/c the tools can store a value that is different than what is shown in the map\r\n    // this occurs when a distance is set but then buffer is disabled\r\n    await this._distanceChanged({\r\n      oldValue,\r\n      newValue,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Fetch a single geometry for each potential geometry type\r\n   *\r\n   * @param geometries All current selection geometries\r\n   * @private\r\n   */\r\n  protected _geomQuery(geometries: __esri.Geometry[]): Promise<void> {\r\n    const queryGeoms = this._unionOperator && getQueryGeoms(geometries as any, this._unionOperator);\r\n    if (queryGeoms) {\r\n      return this._selectFeatures(queryGeoms);\r\n    } else {\r\n      return Promise.resolve();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Clear all stored values and general state for the component\r\n   *\r\n   * @param clearSearchWidget Optional boolean for clearing the search widget (default is true)\r\n   * @param clearLabel Optional boolean for clearing the search label (default is true)\r\n   * @private\r\n   */\r\n  private async _clearResults(\r\n    clearSearchWidget = true,\r\n    clearLabel = false\r\n  ): Promise<void> {\r\n    this._selectedIds = [];\r\n    this._distance = undefined;\r\n    this._unit = undefined;\r\n\r\n    if (clearLabel) {\r\n      this._selectionLabel = '';\r\n      if (this._labelName.value) {\r\n        this._labelName.value.value = '';\r\n      }\r\n    }\r\n\r\n    if (this._bufferGraphicsLayer) {\r\n      this._bufferGraphicsLayer.removeAll();\r\n    }\r\n\r\n    if (clearSearchWidget && this._searchWidget) {\r\n      this._clearSearchWidget();\r\n    }\r\n\r\n    this._pnContextConsumer.value!.removeHandles();\r\n\r\n    // checking for clear as it would throw off tests\r\n    if (this._drawTools.value?.clear) {\r\n      this._graphics = [];\r\n      await this._drawTools.value.clear();\r\n    }\r\n    this._numSelected = this._selectedIds.length;\r\n    this.selectionSetChange.emit(this._numSelected);\r\n  }\r\n\r\n  /**\r\n   * Clear all the search widget and any stored search result\r\n   *\r\n   * @private\r\n   */\r\n  private _clearSearchWidget(): void {\r\n    this._searchWidget?.clear();\r\n    this._searchResult = undefined;\r\n  }\r\n\r\n  /**\r\n   * Fetch a single geometry for the current geometry type\r\n   *\r\n   * @param type worflow type\r\n   * @param graphics graphics to be used for selection\r\n   * @param label selection label\r\n   * @param useOIDs indicates if the OIDs should override the geometry for selection\r\n   * @param oids list of IDs to select when useOIDs is true\r\n   * @private\r\n   */\r\n  private _updateSelection(\r\n    graphics: __esri.Graphic[],\r\n    useOIDs: boolean,\r\n    oids?: number[] | undefined\r\n  ): void {\r\n    this._selectedIds = useOIDs && oids ? oids : this._selectedIds;\r\n    // see https://github.com/Esri/solutions-components/issues/148\r\n    this._skipGeomOIDs = useOIDs ? oids : undefined;\r\n    this.geometries = Array.isArray(graphics) ? graphics.reduce((prev: any, cur: any) => {\r\n      if (cur.geometry) {\r\n        prev.push(cur.geometry)\r\n      }\r\n      return prev;\r\n    }, [] as any) : this.geometries;\r\n    this._graphics = graphics;\r\n  }\r\n\r\n  /**\r\n   * Updates the label for the selection set\r\n   *\r\n   * @private\r\n   */\r\n  private async _updateLabel(): Promise<void> {\r\n    if (this.enableSearchDistance) {\r\n      const hasSketch = this._translations.sketch && this._selectionLabel.indexOf(this._translations.sketch) > -1;\r\n      const hasSelect = this._translations.select && this._selectionLabel.indexOf(this._translations.select) > -1;\r\n      const hasSearch = this._selectionLabel.indexOf(this._searchResult?.name) > -1;\r\n\r\n      const label =\r\n        this._workflowType === EWorkflowType.SEARCH\r\n          ? this._searchResult?.name\r\n          : this._workflowType === EWorkflowType.SELECT\r\n            ? this._translations.select\r\n            : this._translations.sketch;\r\n\r\n      const _unit = this._bufferTools.value ? this._bufferTools.value.unit : this._unit;\r\n      const unit = this._bufferTools.value && _unit && await this._bufferTools.value.getTranslatedUnit(_unit);\r\n      // TODO not sure about this swap\r\n      const distance = Number.isNaN(Number(this._distance)) && this._bufferTools.value ?\r\n        this._bufferTools.value.distance : this._distance;\r\n\r\n      this._selectionLabel = hasSketch || hasSelect || hasSearch || !this._selectionLabel ?\r\n        `${label} ${distance} ${unit}` : this._selectionLabel;\r\n      if (this._labelName.value) {\r\n        this._labelName.value.value = this._selectionLabel;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Gets the layer views from the map when the layer selection changes\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   * @private\r\n   */\r\n  private async _layerSelectionChange(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    if (Array.isArray(_evt.detail) && _evt.detail.length > 0) {\r\n      const layerPromises = _evt.detail.reduce((prev, cur) => {\r\n        if (this.mapView) {\r\n          prev.push(getFeatureLayerView(this.mapView, cur));\r\n        }\r\n        return prev;\r\n      }, []);\r\n\r\n      return Promise.all(layerPromises).then(layerViews => {\r\n        this.layerViews = layerViews.reduce((prev: any, cur: any) => {\r\n          if (cur) {\r\n            prev.push(cur);\r\n          }\r\n          return prev;\r\n        }, [] as __esri.FeatureLayerView[]);\r\n        this._featuresCollection = {};\r\n\r\n        if (this._sketchGraphic) {\r\n          void this._sketchGraphicsChanged({\r\n            detail: {\r\n              graphics: [this._sketchGraphic],\r\n              useOIDs: false,\r\n            },\r\n          } as CustomEvent);\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Fetch the layer from the map\r\n   *\r\n   * @param _evt layer selection change event\r\n   * @returns Promise when the function has completed\r\n   * @private\r\n   */\r\n  private async _inputLayerSelectionChange(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    const id: string = _evt?.detail?.length > 0 ? _evt.detail[0] : '';\r\n    if (!this.selectLayerView || id !== this.selectLayerView.layer.id) {\r\n      this.selectLayerView = this.mapView && await getFeatureLayerView(this.mapView, id);\r\n      await this._updateLabel();\r\n\r\n      this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) : await this._highlightWithOIDsOrGeoms();\r\n    }\r\n  }\r\n\r\n  /** Handle changes to the buffer distance value */\r\n  private async _distanceChanged(\r\n    detail: any\r\n  ): Promise<void> {\r\n    if (detail.newValue !== detail.oldValue) {\r\n      this._distance = detail.newValue;\r\n      await this._updateLabel();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Select features based on the input geometry\r\n   *\r\n   * @param geom the geometry used for selection\r\n   * @returns Promise resolving when function is done\r\n   * @private\r\n   */\r\n  private async _selectLayerFeatures(\r\n    geom: __esri.Geometry\r\n  ): Promise<void> {\r\n    this._selectionLoading = true;\r\n    const queryFeaturePromises = this.layerViews.map(layerView => {\r\n      this._featuresCollection[layerView.layer.id] = [];\r\n      return queryFeaturesByGeometry(0, layerView.layer, geom, this._featuresCollection);\r\n    });\r\n\r\n    return Promise.all(queryFeaturePromises).then(async response => {\r\n      this._selectionLoading = false;\r\n      let graphics = [] as any[];\r\n      response.forEach(r => {\r\n        Object.keys(r).forEach(k => {\r\n          graphics = graphics.concat(r[k]);\r\n        });\r\n      });\r\n\r\n      let hasOID = false;\r\n\r\n      graphics.forEach((g: __esri.Graphic) => {\r\n        const geom = g.geometry;\r\n        g.symbol =\r\n          geom && geom.type === 'point' ? this.sketchPointSymbol :\r\n            geom && geom.type === 'polyline' ? this.sketchLineSymbol :\r\n              geom && geom.type === 'polygon' ? this.sketchPolygonSymbol : undefined;\r\n        hasOID = g?.layer?.hasOwnProperty('objectIdField') || g.hasOwnProperty('getObjectId');\r\n      });\r\n\r\n      // OIDs are used when the addressee layer and the current 'use layer features' layer are the same\r\n      const layerViewLayer = this.layerViews[0].layer;\r\n      const selectLayerViewLayer = this.selectLayerView?.layer;\r\n      const useOIDs = hasOID && layerViewLayer.url === selectLayerViewLayer?.url &&\r\n        selectLayerViewLayer?.layerId === layerViewLayer.layerId;\r\n\r\n      await this._sketchGraphicsChanged(\r\n        {\r\n          detail: {\r\n            graphics,\r\n            useOIDs,\r\n          },\r\n        } as CustomEvent,\r\n        true,\r\n      );\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Store use layer features value and re-select features based on the original sketch graphic\r\n   *\r\n   * @private\r\n   */\r\n  private _useLayerFeaturesEnabledChanged(): void {\r\n    this.useLayerFeaturesEnabled = !this.useLayerFeaturesEnabled;\r\n    if (this._sketchGraphic) {\r\n      void this._sketchGraphicsChanged({\r\n        detail: {\r\n          graphics: [this._sketchGraphic],\r\n          useOIDs: false,\r\n        },\r\n      } as CustomEvent);\r\n    }\r\n  }\r\n}\r\n"],"names":["ref$jsx","geom"],"mappings":"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"}

package/dist/components/map-tools/customElement.d.ts

@@ -67,7 +67,7 @@ export declare class MapTools extends LitElement {
      * @default 'vertical'
      */
     layout: 'horizontal' | 'vertical';
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /**
      * 's' | 'm' | 'l': Used for optional map tool widget
@@ -88,7 +88,7 @@ export declare class MapTools extends LitElement {
      */
     enableMapLayerPicker: boolean;
     /**
-     * __esri.UIPosition: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#UIPosition
+     * __esri.UIPosition: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#UIPosition
      * The position details for the tools
      *
      * @default 'top-leading'