@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/map-select-tools2.js

@@ -1,555 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { l as loadModules } from './loadModules.js';
-import { a as goToSelection, h as highlightFeatures } from './mapViewUtils.js';
-import { q as queryObjectIds, a as getQueryGeoms } from './queryUtils.js';
-import { a as EWorkflowType, c as ESelectionMode, d as ERefineMode } from './interfaces3.js';
-import { s as state } from './publicNotificationStore.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$j } from './buffer-tools2.js';
-import { d as defineCustomElement$i } from './action.js';
-import { d as defineCustomElement$h } from './chip.js';
-import { d as defineCustomElement$g } from './combobox.js';
-import { d as defineCustomElement$f } from './combobox-item.js';
-import { d as defineCustomElement$e } from './graph.js';
-import { d as defineCustomElement$d } from './icon.js';
-import { d as defineCustomElement$c } from './input.js';
-import { d as defineCustomElement$b } from './label.js';
-import { d as defineCustomElement$a } from './loader.js';
-import { d as defineCustomElement$9 } from './option.js';
-import { d as defineCustomElement$8 } from './progress.js';
-import { d as defineCustomElement$7 } from './radio-group.js';
-import { d as defineCustomElement$6 } from './radio-group-item.js';
-import { d as defineCustomElement$5 } from './select.js';
-import { d as defineCustomElement$4 } from './slider.js';
-import { d as defineCustomElement$3 } from './map-draw-tools2.js';
-import { d as defineCustomElement$2 } from './map-layer-picker2.js';
-import { d as defineCustomElement$1 } from './refine-selection-tools2.js';
-
-const mapSelectToolsCss = ":host{display:block}.div-visible{display:inherit}.div-visible-search{display:flex;height:44px;align-items:center;padding-bottom:0}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.search-widget{width:100% !important;border:1px solid var(--calcite-ui-border-input)}.w-100{width:100%}.w-50{width:50%}.search-distance-container{padding-top:\"1rem\" !important}.end-border{-webkit-border-end:1px solid var(--calcite-ui-border-2);border-inline-end:1px solid var(--calcite-ui-border-2)}";
-
-const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.selectionSetChange = createEvent(this, "selectionSetChange", 7);
-    this.workflowTypeChange = createEvent(this, "workflowTypeChange", 7);
-    /**
-     * number[]: the oids of the selected features
-     */
-    this._selectedIds = [];
-    /**
-     * string: A label to help uniquely identify the selection set
-     */
-    this._selectionLabel = "";
-    this.mapView = undefined;
-    this.selectLayerView = undefined;
-    this.geometries = undefined;
-    this.selectionSet = undefined;
-    this.isUpdate = false;
-    this._searchTerm = undefined;
-    this._translations = undefined;
-    this._workflowType = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the geometries prop is changed.
-   *
-   * @returns Promise when complete
-   */
-  async watchGeometriesHandler(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      if (newValue.length > 0) {
-        return this._geomQuery(this.geometries);
-      }
-      else if (newValue.length === 0) {
-        return this._clearResults(true, true);
-      }
-    }
-  }
-  /**
-   * Called each time the workflowType prop is changed and emits the workflowTypeChange event.
-   *
-   * @returns Promise when complete
-   */
-  async workflowTypeHandler(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      this.workflowTypeChange.emit(newValue);
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Clear any selection results
-   *
-   * @returns Promise when the results have been cleared
-   */
-  async clearSelection() {
-    return this._clearResults();
-  }
-  /**
-   * Get the new selection set
-   *
-   * @returns Promise with the new selection set
-   */
-  async getSelection() {
-    return {
-      id: this.isUpdate ? this.selectionSet.id : Date.now(),
-      workflowType: this._workflowType,
-      searchResult: this._searchResult,
-      buffer: this._bufferGeometry,
-      distance: this._bufferTools.distance,
-      download: true,
-      unit: this._bufferTools.unit,
-      label: this._workflowType === EWorkflowType.SEARCH ?
-        this._selectionLabel : `${this._selectionLabel} ${this._bufferTools.distance} ${this._bufferTools.unit}`,
-      selectedIds: this._selectedIds,
-      layerView: this.selectLayerView,
-      geometries: this.geometries,
-      refineSelectLayers: this._refineTools.layerViews
-    };
-  }
-  /**
-   * Listen to changes in the sketch graphics
-   *
-   */
-  sketchGraphicsChange(event) {
-    this._updateSelection(EWorkflowType.SKETCH, event.detail, this._translations.sketch);
-  }
-  /**
-   * Listen to changes in the refine graphics
-   *
-   */
-  refineSelectionGraphicsChange(event) {
-    const graphics = event.detail;
-    this._updateSelection(EWorkflowType.SELECT, graphics, this._translations.select);
-    // Using OIDs to avoid issue with points
-    const oids = Array.isArray(graphics) ? graphics.map(g => { var _a; return g.attributes[(_a = g === null || g === void 0 ? void 0 : g.layer) === null || _a === void 0 ? void 0 : _a.objectIdField]; }) : [];
-    return this._highlightFeatures(oids);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-    await this._initModules();
-  }
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   */
-  async componentDidLoad() {
-    return this._init();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _a, _b, _c;
-    const searchEnabled = this._workflowType === EWorkflowType.SEARCH;
-    const showSearchClass = searchEnabled ? " div-visible-search" : " div-not-visible";
-    const drawEnabled = this._workflowType === EWorkflowType.SKETCH;
-    const showDrawToolsClass = drawEnabled ? " div-visible" : " div-not-visible";
-    const selectEnabled = this._workflowType === EWorkflowType.SELECT;
-    const showSelectToolsClass = selectEnabled ? " div-visible" : " div-not-visible";
-    return (h(Host, null, h("div", { class: "padding-bottom-1" }, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._workflowChange(evt) }, h("calcite-radio-group-item", { checked: searchEnabled, class: "w-50 end-border", value: EWorkflowType.SEARCH }, this._translations.search), h("calcite-radio-group-item", { checked: selectEnabled, class: "w-50 end-border", value: EWorkflowType.SELECT }, this._translations.select), h("calcite-radio-group-item", { checked: drawEnabled, class: "w-50", value: EWorkflowType.SKETCH }, this._translations.sketch))), h("div", { class: showSearchClass }, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })), h("map-draw-tools", { active: drawEnabled, border: true, class: showDrawToolsClass, mapView: this.mapView, ref: (el) => { this._drawTools = el; } }), h("refine-selection-tools", { active: selectEnabled, border: true, class: showSelectToolsClass, layerViews: this._refineSelectLayers, mapView: this.mapView, mode: ESelectionMode.ADD, ref: (el) => { this._refineTools = el; }, refineMode: ERefineMode.SUBSET }), h("calcite-label", { style: { "display": "flex", "padding-top": "1rem" } }, (_a = this._translations) === null || _a === void 0 ? void 0 :
-      _a.searchDistance, h("buffer-tools", { distance: (_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.distance, geometries: this.geometries, onBufferComplete: (evt) => this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: (_c = this.selectionSet) === null || _c === void 0 ? void 0 : _c.unit })), h("slot", null)));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [GraphicsLayer, Graphic, Search, Geometry, geometryEngine] = await loadModules([
-      "esri/layers/GraphicsLayer",
-      "esri/Graphic",
-      "esri/widgets/Search",
-      "esri/geometry/Geometry",
-      "esri/geometry/geometryEngine"
-    ]);
-    this.GraphicsLayer = GraphicsLayer;
-    this.Graphic = Graphic;
-    this.Search = Search;
-    this.Geometry = Geometry;
-    this._geometryEngine = geometryEngine;
-  }
-  /**
-   * Initialize the graphics layer, selection set, and search widget
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _init() {
-    this._initGraphicsLayer();
-    this._initSelectionSet();
-    this._initSearchWidget();
-  }
-  /**
-   * Initialize the state of the component with any stored values in a selection set
-   *
-   * @protected
-   */
-  _initSelectionSet() {
-    var _a, _b, _c, _d, _e, _f, _g;
-    if (this.selectionSet) {
-      this._searchTerm = (_b = (_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.searchResult) === null || _b === void 0 ? void 0 : _b.name;
-      this._workflowType = (_c = this.selectionSet) === null || _c === void 0 ? void 0 : _c.workflowType;
-      this._searchResult = (_d = this.selectionSet) === null || _d === void 0 ? void 0 : _d.searchResult;
-      this._refineSelectLayers = (_e = this.selectionSet) === null || _e === void 0 ? void 0 : _e.refineSelectLayers;
-      this.geometries = [
-        ...(_f = this.selectionSet) === null || _f === void 0 ? void 0 : _f.geometries
-      ];
-      // reset selection label base
-      this._selectionLabel = this._workflowType === EWorkflowType.SKETCH ?
-        this._translations.sketch : this._workflowType === EWorkflowType.SELECT ?
-        this._translations.select : (_g = this.selectionSet) === null || _g === void 0 ? void 0 : _g.label;
-      void goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
-    }
-    else {
-      this._workflowType = EWorkflowType.SEARCH;
-    }
-  }
-  /**
-   * Initialize the search widget
-   *
-   * @protected
-   */
-  _initSearchWidget() {
-    if (this.mapView && this._searchElement) {
-      const searchOptions = {
-        view: this.mapView,
-        container: this._searchElement,
-        searchTerm: this._searchTerm
-      };
-      this._searchWidget = new this.Search(searchOptions);
-      this._searchWidget.on("search-clear", () => {
-        void this._clearResults(false);
-      });
-      this._searchWidget.on("select-result", (searchResults) => {
-        var _a;
-        void this._clearResults(false);
-        if (searchResults.result) {
-          this._searchResult = searchResults.result;
-          this._updateSelection(EWorkflowType.SEARCH, [searchResults.result.feature], (_a = searchResults === null || searchResults === void 0 ? void 0 : searchResults.result) === null || _a === void 0 ? void 0 : _a.name);
-        }
-      });
-    }
-  }
-  /**
-   * Initialize the graphics layer used to store any buffer grapghics
-   *
-   * @protected
-   */
-  _initGraphicsLayer() {
-    const title = this._translations.bufferLayer;
-    const bufferIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
-    if (bufferIndex > -1) {
-      this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(bufferIndex);
-    }
-    else {
-      this._bufferGraphicsLayer = new this.GraphicsLayer({ title });
-      state.managedLayers.push(title);
-      const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === this._translations.sketchLayer);
-      if (sketchIndex > -1) {
-        this.mapView.map.layers.add(this._bufferGraphicsLayer, sketchIndex);
-      }
-      else {
-        this.mapView.map.layers.add(this._bufferGraphicsLayer);
-      }
-    }
-  }
-  /**
-   * Store workflow type change
-   *
-   * @protected
-   */
-  _workflowChange(evt) {
-    this._workflowType = evt.detail;
-  }
-  /**
-   * Highlight the features in the map
-   *
-   * @protected
-   */
-  async _highlightFeatures(ids) {
-    var _a;
-    (_a = state.highlightHandle) === null || _a === void 0 ? void 0 : _a.remove();
-    if (ids.length > 0) {
-      state.highlightHandle = await highlightFeatures(ids, this.selectLayerView, this.mapView);
-    }
-    this.selectionSetChange.emit(ids.length);
-  }
-  /**
-   * Query the selectLayerView based on any user drawn geometries or buffers
-   *
-   * @param geometries Array of geometries used for the selection of ids from the select layer view
-   *
-   * @returns Promise when the selection is complete and the graphics have been highlighted
-   */
-  async _selectFeatures(geometries) {
-    this._selectedIds = await queryObjectIds(geometries, this.selectLayerView.layer);
-    // Add geometries used for selecting features as graphics
-    this._drawTools.graphics = this.geometries.map(geom => {
-      var _a, _b, _c;
-      const props = {
-        "geometry": geom,
-        "symbol": geom.type === "point" ?
-          (_a = this._drawTools) === null || _a === void 0 ? void 0 : _a.pointSymbol : geom.type === "polyline" ?
-          (_b = this._drawTools) === null || _b === void 0 ? void 0 : _b.polylineSymbol : geom.type === "polygon" ?
-          (_c = this._drawTools) === null || _c === void 0 ? void 0 : _c.polygonSymbol : undefined
-      };
-      return new this.Graphic(props);
-    });
-    void this._highlightFeatures(this._selectedIds);
-  }
-  /**
-   * Query the selectLayerView based on any user drawn geometries or buffers
-   *
-   * @param evt CustomEvent that contains the result of the buffer
-   *
-   * @protected
-   */
-  async _bufferComplete(evt) {
-    this._bufferGeometry = Array.isArray(evt.detail) ?
-      evt.detail[0] : evt.detail;
-    if (this._bufferGeometry) {
-      // Create a symbol for rendering the graphic
-      const symbol = {
-        type: "simple-fill",
-        color: [227, 139, 79, 0.8],
-        outline: {
-          color: [255, 255, 255],
-          width: 1
-        }
-      };
-      // Add the geometry and symbol to a new graphic
-      const polygonGraphic = new this.Graphic({
-        geometry: this._bufferGeometry,
-        symbol
-      });
-      this._bufferGraphicsLayer.removeAll();
-      this._bufferGraphicsLayer.add(polygonGraphic);
-      void this._selectFeatures([this._bufferGeometry]);
-      void this.mapView.goTo(polygonGraphic.geometry.extent);
-    }
-    else {
-      if (this._bufferGraphicsLayer) {
-        this._bufferGraphicsLayer.removeAll();
-      }
-      void this._geomQuery(this.geometries);
-    }
-  }
-  /**
-   * Fetch a single geometry for each potential geometry type
-   *
-   * @param geometries All current selection geometries
-   *
-   * @protected
-   */
-  _geomQuery(geometries) {
-    const queryGeoms = getQueryGeoms(geometries, this._geometryEngine);
-    return this._selectFeatures(queryGeoms);
-  }
-  /**
-   * Clear all stored values and general state for the component
-   *
-   * @param clearSearchWidget Optional boolean for clearing the search widget (default is true)
-   * @param clearLabel Optional boolean for clearing the search label (default is true)
-   *
-   * @protected
-   */
-  async _clearResults(clearSearchWidget = true, clearLabel = true) {
-    var _a;
-    this._selectedIds = [];
-    if (clearLabel) {
-      this._selectionLabel = "";
-    }
-    if (this._bufferGraphicsLayer) {
-      this._bufferGraphicsLayer.removeAll();
-    }
-    if (clearSearchWidget && this._searchWidget) {
-      this._searchWidget.clear();
-    }
-    (_a = state.highlightHandle) === null || _a === void 0 ? void 0 : _a.remove();
-    // for sketch
-    if (this._drawTools) {
-      void this._drawTools.clear();
-    }
-    this.selectionSetChange.emit(this._selectedIds.length);
-  }
-  /**
-   * Fetch a single geometry for the current geometry type
-   *
-   * @param type worflow type
-   * @param graphics graphics to be used for selection
-   * @param label selection label
-   *
-   * @protected
-   */
-  _updateSelection(type, graphics, label) {
-    this.geometries = Array.isArray(graphics) ? graphics.map(g => g.geometry) : this.geometries;
-    this._workflowType = type;
-    this._selectionLabel = label;
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "geometries": ["watchGeometriesHandler"],
-    "_workflowType": ["workflowTypeHandler"]
-  }; }
-  static get style() { return mapSelectToolsCss; }
-}, [4, "map-select-tools", {
-    "mapView": [16],
-    "selectLayerView": [16],
-    "geometries": [16],
-    "selectionSet": [16],
-    "isUpdate": [4, "is-update"],
-    "_searchTerm": [32],
-    "_translations": [32],
-    "_workflowType": [32],
-    "clearSelection": [64],
-    "getSelection": [64]
-  }, [[8, "sketchGraphicsChange", "sketchGraphicsChange"], [8, "refineSelectionGraphicsChange", "refineSelectionGraphicsChange"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["map-select-tools", "buffer-tools", "calcite-action", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-graph", "calcite-icon", "calcite-input", "calcite-label", "calcite-loader", "calcite-option", "calcite-progress", "calcite-radio-group", "calcite-radio-group-item", "calcite-select", "calcite-slider", "map-draw-tools", "map-layer-picker", "refine-selection-tools"];
-  components.forEach(tagName => { switch (tagName) {
-    case "map-select-tools":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, MapSelectTools);
-      }
-      break;
-    case "buffer-tools":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$j();
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$i();
-      }
-      break;
-    case "calcite-chip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "calcite-combobox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "calcite-combobox-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "calcite-graph":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "calcite-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "calcite-option":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "calcite-radio-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-radio-group-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-slider":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "map-draw-tools":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "map-layer-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "refine-selection-tools":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { MapSelectTools as M, defineCustomElement as d };
-
-//# sourceMappingURL=map-select-tools2.js.map

package/dist/components/map-select-tools2.js.map

@@ -1 +0,0 @@
-{"file":"map-select-tools2.js","mappings":"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","names":[],"sources":["./src/components/map-select-tools/map-select-tools.css?tag=map-select-tools","./src/components/map-select-tools/map-select-tools.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 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\n:host {\r\n  display: block;\r\n}\r\n\r\n.div-visible {\r\n  display: inherit;\r\n}\r\n\r\n.div-visible-search {\r\n  display: flex;\r\n  height: 44px;\r\n  align-items: center;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.div-not-visible {\r\n  display: none;\r\n}\r\n\r\n.padding-bottom-1 {\r\n  padding-bottom: 1rem;\r\n}\r\n\r\n.search-widget {\r\n  width: 100% !important;\r\n  border: 1px solid var(--calcite-ui-border-input);\r\n}\r\n\r\n.w-100 {\r\n  width: 100%;\r\n}\r\n\r\n.w-50 {\r\n  width: 50%;\r\n}\r\n\r\n.search-distance-container {\r\n  padding-top: \"1rem\" !important;\r\n}\r\n\r\n.end-border {\r\n  border-inline-end: 1px solid var(--calcite-ui-border-2);\r\n}\r\n","/** @license\r\n * Copyright 2022 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 { Component, Element, Event, EventEmitter, Host, h, Method, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\r\nimport { loadModules } from \"../../utils/loadModules\";\r\nimport { highlightFeatures, goToSelection } from \"../../utils/mapViewUtils\";\r\nimport { getQueryGeoms, queryObjectIds } from \"../../utils/queryUtils\";\r\nimport { EWorkflowType, ESelectionMode, ISelectionSet, ERefineMode } from \"../../utils/interfaces\";\r\nimport state from \"../../utils/publicNotificationStore\";\r\nimport MapSelectTools_T9n from \"../../assets/t9n/map-select-tools/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: \"map-select-tools\",\r\n  styleUrl: \"map-select-tools.css\",\r\n  shadow: false,\r\n})\r\nexport class MapSelectTools {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html\r\n   */\r\n  @Prop() mapView: __esri.MapView;\r\n\r\n  /**\r\n   * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html\r\n   */\r\n  @Prop() selectLayerView: __esri.FeatureLayerView;\r\n\r\n  /**\r\n   * esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html\r\n   */\r\n  @Prop() geometries: __esri.Geometry[];\r\n\r\n  /**\r\n   * utils/interfaces/ISelectionSet: Used to store key details about any selections that have been made.\r\n   */\r\n  @Prop({reflect: false}) selectionSet: ISelectionSet;\r\n\r\n  /**\r\n   * boolean: When true a new label is not generated for the stored selection set\r\n   */\r\n  @Prop() isUpdate = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\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: string;\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() protected _translations: typeof MapSelectTools_T9n;\r\n\r\n  /**\r\n   * EWorkflowType: \"SEARCH\", \"SELECT\", \"SKETCH\", \"REFINE\"\r\n   */\r\n  @State() _workflowType: EWorkflowType;\r\n\r\n  /**\r\n   * esri/geometry/Geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html\r\n   */\r\n  protected Geometry: typeof __esri.Geometry;\r\n\r\n  /**\r\n   * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html\r\n   */\r\n  protected Graphic: typeof __esri.Graphic;\r\n\r\n  /**\r\n   * esri/layers/GraphicsLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html\r\n   */\r\n  protected GraphicsLayer: typeof __esri.GraphicsLayer;\r\n\r\n  /**\r\n   * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html\r\n   */\r\n  protected Search: typeof __esri.widgetsSearch;\r\n\r\n  /**\r\n   * esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html\r\n   */\r\n  protected _bufferGeometry: __esri.Geometry;\r\n\r\n  /**\r\n   * esri/layers/GraphicsLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html\r\n   */\r\n  protected _bufferGraphicsLayer: __esri.GraphicsLayer;\r\n\r\n  /**\r\n   * HTMLBufferToolsElement: The container div for the buffer tools\r\n   */\r\n  protected _bufferTools: HTMLBufferToolsElement;\r\n\r\n  /**\r\n   * HTMLMapDrawToolsElement: The container div for the sketch widget\r\n   */\r\n  protected _drawTools: HTMLMapDrawToolsElement;\r\n\r\n  /**\r\n   * esri/geometry/geometryEngine: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-geometryEngine.html\r\n   */\r\n  protected _geometryEngine:  __esri.geometryEngine;\r\n\r\n  /**\r\n   * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html\r\n   */\r\n  protected _refineSelectLayers: __esri.FeatureLayerView[];\r\n\r\n  /**\r\n   * HTMLRefineSelectionToolsElement: The container div for the sketch widget\r\n   */\r\n  protected _refineTools: HTMLRefineSelectionToolsElement;\r\n\r\n  /**\r\n   * HTMLElement: The container div for the search widget\r\n   */\r\n  protected _searchElement: HTMLElement;\r\n\r\n  /**\r\n   * An array of objects representing the results of search\r\n   */\r\n  protected _searchResult: any;\r\n\r\n  /**\r\n   * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html\r\n   */\r\n  protected _searchWidget: __esri.widgetsSearch;\r\n\r\n  /**\r\n   * number[]: the oids of the selected features\r\n   */\r\n  protected _selectedIds: number[] = [];\r\n\r\n  /**\r\n   * string: A label to help uniquely identify the selection set\r\n   */\r\n  protected _selectionLabel = \"\";\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  @Watch(\"geometries\")\r\n  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._geomQuery(this.geometries);\r\n      } else if (newValue.length === 0) {\r\n        return this._clearResults(true, true);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Called each time the workflowType prop is changed and emits the workflowTypeChange event.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  @Watch(\"_workflowType\")\r\n  async workflowTypeHandler(\r\n    newValue: EWorkflowType,\r\n    oldValue: EWorkflowType\r\n  ): Promise<void> {\r\n    if (newValue !== oldValue) {\r\n      this.workflowTypeChange.emit(newValue);\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();\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    return {\r\n      id: this.isUpdate ? this.selectionSet.id : Date.now(),\r\n      workflowType: this._workflowType,\r\n      searchResult: this._searchResult,\r\n      buffer: this._bufferGeometry,\r\n      distance: this._bufferTools.distance,\r\n      download: true,\r\n      unit: this._bufferTools.unit,\r\n      label: this._workflowType === EWorkflowType.SEARCH ?\r\n        this._selectionLabel : `${this._selectionLabel} ${this._bufferTools.distance} ${this._bufferTools.unit}`,\r\n      selectedIds: this._selectedIds,\r\n      layerView: this.selectLayerView,\r\n      geometries: this.geometries,\r\n      refineSelectLayers: this._refineTools.layerViews\r\n    } as ISelectionSet;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Emitted on demand when the selection set changes.\r\n   *\r\n   */\r\n  @Event() selectionSetChange: EventEmitter<number>;\r\n\r\n  /**\r\n   * Emitted on demand when the workflow type changes.\r\n   *\r\n   */\r\n  @Event() workflowTypeChange: EventEmitter<EWorkflowType>;\r\n\r\n  /**\r\n   * Listen to changes in the sketch graphics\r\n   *\r\n   */\r\n  @Listen(\"sketchGraphicsChange\", { target: \"window\" })\r\n  sketchGraphicsChange(event: CustomEvent): void {\r\n    this._updateSelection(EWorkflowType.SKETCH, event.detail, this._translations.sketch);\r\n  }\r\n\r\n  /**\r\n   * Listen to changes in the refine graphics\r\n   *\r\n   */\r\n  @Listen(\"refineSelectionGraphicsChange\", { target: \"window\" })\r\n  refineSelectionGraphicsChange(event: CustomEvent): Promise<void> {\r\n    const graphics = event.detail;\r\n\r\n    this._updateSelection(EWorkflowType.SELECT, graphics, this._translations.select);\r\n    // Using OIDs to avoid issue with points\r\n    const oids = Array.isArray(graphics) ? graphics.map(g => g.attributes[g?.layer?.objectIdField]) : [];\r\n    return this._highlightFeatures(oids);\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    await this._getTranslations();\r\n    await this._initModules();\r\n  }\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.\r\n   */\r\n  async componentDidLoad(): Promise<void> {\r\n    return this._init();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    const searchEnabled = this._workflowType === EWorkflowType.SEARCH;\r\n    const showSearchClass = searchEnabled ? \" div-visible-search\" : \" div-not-visible\";\r\n\r\n    const drawEnabled = this._workflowType === EWorkflowType.SKETCH;\r\n    const showDrawToolsClass = drawEnabled ? \" div-visible\" : \" div-not-visible\";\r\n\r\n    const selectEnabled = this._workflowType === EWorkflowType.SELECT;\r\n    const showSelectToolsClass = selectEnabled ? \" div-visible\" : \" div-not-visible\";\r\n\r\n    return (\r\n      <Host>\r\n        <div class=\"padding-bottom-1\">\r\n          <calcite-radio-group\r\n            class=\"w-100\"\r\n            onCalciteRadioGroupChange={(evt) => this._workflowChange(evt)}\r\n          >\r\n            <calcite-radio-group-item\r\n              checked={searchEnabled}\r\n              class=\"w-50 end-border\"\r\n              value={EWorkflowType.SEARCH}\r\n            >\r\n              {this._translations.search}\r\n            </calcite-radio-group-item>\r\n            <calcite-radio-group-item\r\n              checked={selectEnabled}\r\n              class=\"w-50 end-border\"\r\n              value={EWorkflowType.SELECT}\r\n            >\r\n              {this._translations.select}\r\n            </calcite-radio-group-item>\r\n            <calcite-radio-group-item\r\n              checked={drawEnabled}\r\n              class=\"w-50\"\r\n              value={EWorkflowType.SKETCH}\r\n            >\r\n              {this._translations.sketch}\r\n            </calcite-radio-group-item>\r\n          </calcite-radio-group>\r\n        </div>\r\n        <div class={showSearchClass}>\r\n          <div class=\"search-widget\" ref={(el) => { this._searchElement = el }} />\r\n        </div>\r\n        <map-draw-tools\r\n          active={drawEnabled}\r\n          border={true}\r\n          class={showDrawToolsClass}\r\n          mapView={this.mapView}\r\n          ref={(el) => { this._drawTools = el}}\r\n        />\r\n        <refine-selection-tools\r\n          active={selectEnabled}\r\n          border={true}\r\n          class={showSelectToolsClass}\r\n          layerViews={this._refineSelectLayers}\r\n          mapView={this.mapView}\r\n          mode={ESelectionMode.ADD}\r\n          ref={(el) => { this._refineTools = el }}\r\n          refineMode={ERefineMode.SUBSET}\r\n        />\r\n        <calcite-label style={{ \"display\": \"flex\", \"padding-top\": \"1rem\" }}>\r\n          {this._translations?.searchDistance}\r\n          <buffer-tools\r\n            distance={this.selectionSet?.distance}\r\n            geometries={this.geometries}\r\n            onBufferComplete={(evt) => this._bufferComplete(evt)}\r\n            ref={(el) => this._bufferTools = el}\r\n            unit={this.selectionSet?.unit}\r\n           />\r\n        </calcite-label>\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Load esri javascript api modules\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _initModules(): Promise<void> {\r\n    const [GraphicsLayer, Graphic, Search, Geometry, geometryEngine]: [\r\n      __esri.GraphicsLayerConstructor,\r\n      __esri.GraphicConstructor,\r\n      __esri.widgetsSearchConstructor,\r\n      __esri.GeometryConstructor,\r\n      __esri.geometryEngine\r\n    ] = await loadModules([\r\n      \"esri/layers/GraphicsLayer\",\r\n      \"esri/Graphic\",\r\n      \"esri/widgets/Search\",\r\n      \"esri/geometry/Geometry\",\r\n      \"esri/geometry/geometryEngine\"\r\n    ]);\r\n    this.GraphicsLayer = GraphicsLayer;\r\n    this.Graphic = Graphic;\r\n    this.Search = Search;\r\n    this.Geometry = Geometry;\r\n    this._geometryEngine = geometryEngine;\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  protected async _init(): Promise<void> {\r\n    this._initGraphicsLayer();\r\n    this._initSelectionSet();\r\n    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   * @protected\r\n   */\r\n  protected _initSelectionSet(): void {\r\n    if (this.selectionSet) {\r\n      this._searchTerm = this.selectionSet?.searchResult?.name;\r\n      this._workflowType = this.selectionSet?.workflowType;\r\n      this._searchResult = this.selectionSet?.searchResult;\r\n      this._refineSelectLayers = this.selectionSet?.refineSelectLayers;\r\n      this.geometries = [\r\n        ...this.selectionSet?.geometries\r\n      ];\r\n      // reset selection label base\r\n      this._selectionLabel = this._workflowType === EWorkflowType.SKETCH ?\r\n        this._translations.sketch : this._workflowType === EWorkflowType.SELECT ?\r\n        this._translations.select : this.selectionSet?.label;\r\n\r\n      void goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);\r\n    } else {\r\n      this._workflowType = EWorkflowType.SEARCH;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initialize the search widget\r\n   *\r\n   * @protected\r\n   */\r\n  protected _initSearchWidget(): void {\r\n    if (this.mapView && this._searchElement) {\r\n      const searchOptions: __esri.widgetsSearchProperties = {\r\n        view: this.mapView,\r\n        container: this._searchElement,\r\n        searchTerm: this._searchTerm\r\n      };\r\n\r\n      this._searchWidget = new this.Search(searchOptions);\r\n\r\n      this._searchWidget.on(\"search-clear\", () => {\r\n        void this._clearResults(false);\r\n      });\r\n\r\n      this._searchWidget.on(\"select-result\", (searchResults) => {\r\n        void this._clearResults(false);\r\n        if (searchResults.result) {\r\n          this._searchResult = searchResults.result;\r\n          this._updateSelection(\r\n            EWorkflowType.SEARCH,\r\n            [searchResults.result.feature],\r\n            searchResults?.result?.name\r\n          );\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initialize the graphics layer used to store any buffer grapghics\r\n   *\r\n   * @protected\r\n   */\r\n  protected _initGraphicsLayer(): void {\r\n    const title = this._translations.bufferLayer;\r\n\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 this.GraphicsLayer({ title });\r\n      state.managedLayers.push(title);\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   * Store workflow type change\r\n   *\r\n   * @protected\r\n   */\r\n  protected _workflowChange(evt: CustomEvent): void {\r\n    this._workflowType = evt.detail;\r\n  }\r\n\r\n  /**\r\n   * Highlight the features in the map\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _highlightFeatures(\r\n    ids: number[]\r\n  ): Promise<void> {\r\n    state.highlightHandle?.remove();\r\n    if (ids.length > 0) {\r\n      state.highlightHandle = await highlightFeatures(\r\n        ids,\r\n        this.selectLayerView,\r\n        this.mapView\r\n      );\r\n    }\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   *\r\n   * @returns Promise when the selection is complete and the graphics have been highlighted\r\n   */\r\n  protected async _selectFeatures(\r\n    geometries: __esri.Geometry[]\r\n  ): Promise<void> {\r\n    this._selectedIds = await queryObjectIds(\r\n      geometries,\r\n      this.selectLayerView.layer\r\n    );\r\n    // Add geometries used for selecting features as graphics\r\n    this._drawTools.graphics = this.geometries.map(geom => {\r\n      const props = {\r\n        \"geometry\": geom,\r\n        \"symbol\": geom.type === \"point\" ?\r\n          this._drawTools?.pointSymbol : geom.type === \"polyline\" ?\r\n          this._drawTools?.polylineSymbol : geom.type === \"polygon\" ?\r\n          this._drawTools?.polygonSymbol : undefined\r\n      };\r\n      return new this.Graphic(props)\r\n    });\r\n    void 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   *\r\n   * @protected\r\n   */\r\n  protected async _bufferComplete(\r\n    evt: CustomEvent\r\n  ): Promise<void> {\r\n    this._bufferGeometry = Array.isArray(evt.detail) ?\r\n      evt.detail[0] : evt.detail;\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: [227, 139, 79, 0.8],\r\n        outline: {\r\n          color: [255, 255, 255],\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 this.Graphic({\r\n        geometry: this._bufferGeometry,\r\n        symbol\r\n      });\r\n\r\n      this._bufferGraphicsLayer.removeAll();\r\n      this._bufferGraphicsLayer.add(polygonGraphic);\r\n      void this._selectFeatures([this._bufferGeometry]);\r\n      void this.mapView.goTo(polygonGraphic.geometry.extent);\r\n    } else {\r\n      if (this._bufferGraphicsLayer) {\r\n        this._bufferGraphicsLayer.removeAll();\r\n      }\r\n      void this._geomQuery(this.geometries);\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   *\r\n   * @protected\r\n   */\r\n  protected _geomQuery(\r\n    geometries: __esri.Geometry[]\r\n  ): Promise<void> {\r\n    const queryGeoms = getQueryGeoms(geometries, this._geometryEngine);\r\n    return this._selectFeatures(queryGeoms);\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   *\r\n   * @protected\r\n   */\r\n  protected async _clearResults(\r\n    clearSearchWidget = true,\r\n    clearLabel = true\r\n  ): Promise<void> {\r\n    this._selectedIds = [];\r\n\r\n    if (clearLabel) {\r\n      this._selectionLabel = \"\";\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._searchWidget.clear();\r\n    }\r\n\r\n    state.highlightHandle?.remove();\r\n\r\n    // for sketch\r\n    if (this._drawTools) {\r\n      void this._drawTools.clear();\r\n    }\r\n    this.selectionSetChange.emit(this._selectedIds.length);\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   *\r\n   * @protected\r\n   */\r\n  protected _updateSelection(\r\n    type: EWorkflowType,\r\n    graphics: __esri.Graphic[],\r\n    label: string\r\n  ): void {\r\n    this.geometries = Array.isArray(graphics) ? graphics.map(g => g.geometry) : this.geometries;\r\n    this._workflowType = type;\r\n    this._selectionLabel = label;\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof MapSelectTools_T9n;\r\n  }\r\n}\r\n"],"version":3}