@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/refine-selection-tools2.js

@@ -1,500 +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 { e as ESelectionType, d as ERefineMode, c as ESelectionMode } from './interfaces3.js';
-import { b as getMapLayerView, h as highlightFeatures } from './mapViewUtils.js';
-import { c as queryFeaturesByGeometry } from './queryUtils.js';
-import { s as state } from './publicNotificationStore.js';
-import { l as loadModules } from './loadModules.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$a } from './action.js';
-import { d as defineCustomElement$9 } from './chip.js';
-import { d as defineCustomElement$8 } from './combobox.js';
-import { d as defineCustomElement$7 } from './combobox-item.js';
-import { d as defineCustomElement$6 } from './icon.js';
-import { d as defineCustomElement$5 } from './label.js';
-import { d as defineCustomElement$4 } from './loader.js';
-import { d as defineCustomElement$3 } from './option.js';
-import { d as defineCustomElement$2 } from './select.js';
-import { d as defineCustomElement$1 } from './map-layer-picker2.js';
-
-const refineSelectionToolsCss = ":host{display:block}.div-visible{display:inherit}.div-not-visible{display:none !important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=\"rtl\"] .main-label{display:flex;float:right}.border{outline:1px solid var(--calcite-ui-border-input)}.margin-top-1{margin-top:1rem}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;line-height:1.3em;background-color:#fff}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}*/ .esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}";
-
-const RefineSelectionTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.refineSelectionGraphicsChange = createEvent(this, "refineSelectionGraphicsChange", 7);
-    this.refineSelectionIdsChange = createEvent(this, "refineSelectionIdsChange", 7);
-    /**
-     * {<layer title>: Graphic[]}: Collection of graphics returned from queries to the layer
-     */
-    this._featuresCollection = {};
-    /**
-     * IRefineOperation[]: Array to maintain the possible redo operations
-     */
-    this._redoStack = [];
-    /**
-     * IRefineOperation[]: Array to maintain the possible undo operations
-     */
-    this._undoStack = [];
-    this.active = false;
-    this.border = false;
-    this.graphics = undefined;
-    this.ids = [];
-    this.layerView = undefined;
-    this.layerViews = [];
-    this.mapView = undefined;
-    this.mode = undefined;
-    this.refineMode = undefined;
-    this.useLayerPicker = true;
-    this._selectEnabled = false;
-    this._selectionMode = undefined;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the ids prop is changed.
-   * Highlight the features based on the provided ids
-   */
-  idsWatchHandler(v, oldV) {
-    if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
-      void this._highlightFeatures(v);
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Reset the ids collection
-   *
-   * @returns Promise when complete
-   */
-  async reset() {
-    this.ids = [];
-  }
-  /**
-   * Clear current highlight handle
-   *
-   * @returns Promise when complete
-   */
-  async clearHighlight() {
-    this._clearHighlight();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  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.
-   */
-  componentDidLoad() {
-    this._init();
-  }
-  /**
-   * StencilJS: Called every time the component is disconnected from the DOM, ie,
-   * it can be dispatched more than once, DO not confuse with a "onDestroy" kind of event.
-   */
-  disconnectedCallback() {
-    this.active = false;
-  }
-  /**
-   * Called every time the component is connected to the DOM.
-   * When the component is first connected, this method is called before componentWillLoad.
-   */
-  connectedCallback() {
-    this.active = true;
-    if (this.ids.length > 0) {
-      this._selectEnabled = true;
-      void this._highlightFeatures(this.ids);
-    }
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    const showLayerPickerClass = this.useLayerPicker ? "div-visible" : "div-not-visible";
-    const drawClass = this.border ? " border" : "";
-    return (h(Host, null, h("div", null, h("div", { class: "main-label " + showLayerPickerClass }, h("calcite-label", null, this._translations.selectLayers)), h("map-layer-picker", { class: showLayerPickerClass, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayers: this.layerViews.map(l => l.layer.title), selectionMode: "single" }), h("div", { class: "margin-top-1" + drawClass }, h("div", { class: "esri-sketch esri-widget" }, h("div", { class: "esri-sketch__panel" }, h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [GraphicsLayer, SketchViewModel] = await loadModules([
-      "esri/layers/GraphicsLayer",
-      "esri/widgets/Sketch/SketchViewModel"
-    ]);
-    this.GraphicsLayer = GraphicsLayer;
-    this.SketchViewModel = SketchViewModel;
-  }
-  /**
-   * Initialize the graphics layer and skecth view model
-   *
-   * @returns Promise when the operation has completed
-   * @protected
-   */
-  _init() {
-    this._initGraphicsLayer();
-    this._initSketchViewModel();
-  }
-  /**
-   * Initialize the skecth view model
-   *
-   * @returns Promise when the operation has completed
-   * @protected
-   */
-  _initSketchViewModel() {
-    this._sketchViewModel = new this.SketchViewModel({
-      layer: this._sketchGraphicsLayer,
-      defaultUpdateOptions: {
-        tool: "reshape",
-        toggleToolOnClick: false
-      },
-      view: this.mapView
-    });
-    this._sketchViewModel.on("create", (event) => {
-      if (event.state === "complete" && this.active) {
-        this._featuresCollection = {};
-        this._sketchGeometry = event.graphic.geometry;
-        void this._selectFeatures(this._sketchGeometry);
-      }
-    });
-  }
-  /**
-   * Clear any skecth graphics
-   *
-   * @returns Promise when the operation has completed
-   * @protected
-   */
-  _clear() {
-    this._sketchGeometry = null;
-    this._sketchViewModel.cancel();
-    this._sketchGraphicsLayer.removeAll();
-  }
-  /**
-   * Initialize the graphics layer
-   *
-   * @returns Promise when the operation has completed
-   * @protected
-   */
-  _initGraphicsLayer() {
-    const title = this._translations.sketchLayer;
-    const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
-    if (sketchIndex > -1) {
-      this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(sketchIndex);
-    }
-    else {
-      this._sketchGraphicsLayer = new this.GraphicsLayer({ title });
-      state.managedLayers.push(title);
-      this.mapView.map.layers.add(this._sketchGraphicsLayer);
-    }
-    if (this.graphics && this.graphics.length > 0) {
-      this._sketchGraphicsLayer.addMany(this.graphics);
-    }
-  }
-  /**
-   * Clear selection based on map click
-   *
-   * @protected
-   */
-  _initHitTest() {
-    if (this._hitTestHandle) {
-      this._hitTestHandle.remove();
-    }
-    this._hitTestHandle = this.mapView.on("click", (event) => {
-      event.stopPropagation();
-      const opts = {
-        include: this.layerViews.map(lv => lv.layer)
-      };
-      void this.mapView.hitTest(event, opts).then((response) => {
-        let graphics = [];
-        if (response.results.length > 0) {
-          graphics = response.results.reduce((prev, cur) => {
-            const g = cur === null || cur === void 0 ? void 0 : cur.graphic;
-            if (g) {
-              prev.push(g);
-            }
-            return prev;
-          }, []);
-        }
-        this.refineSelectionGraphicsChange.emit(graphics);
-        this._clear();
-      });
-    });
-  }
-  /**
-   * Gets the layer views from the map when the layer selection changes
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _layerSelectionChange(evt) {
-    if (Array.isArray(evt.detail) && evt.detail.length > 0) {
-      this._selectEnabled = true;
-      const layerPromises = evt.detail.map(title => {
-        return getMapLayerView(this.mapView, title);
-      });
-      return Promise.all(layerPromises).then((layerViews) => {
-        this.layerViews = layerViews;
-      });
-    }
-    else {
-      this._selectEnabled = false;
-    }
-  }
-  /**
-   * Store the current selection mode
-   *
-   * @protected
-   */
-  _setSelectionMode(mode) {
-    this._selectionMode = mode;
-    if (this._hitTestHandle) {
-      this._hitTestHandle.remove();
-    }
-    switch (this._selectionMode) {
-      case ESelectionType.POINT:
-        this._sketchViewModel.create("point");
-        //this._initHitTest();
-        break;
-      case ESelectionType.LINE:
-        this._sketchViewModel.create("polyline");
-        break;
-      case ESelectionType.POLY:
-        this._sketchViewModel.create("polygon");
-        break;
-      case ESelectionType.RECT:
-        this._sketchViewModel.create("rectangle");
-        break;
-    }
-  }
-  /**
-   * Select features based on the input geometry
-   *
-   * @param geom the geometry used for selection
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _selectFeatures(geom) {
-    const queryFeaturePromises = this.layerViews.map(layerView => {
-      this._featuresCollection[layerView.layer.title] = [];
-      return queryFeaturesByGeometry(0, layerView.layer, geom, this._featuresCollection);
-    });
-    return Promise.all(queryFeaturePromises).then(async (response) => {
-      let graphics = [];
-      response.forEach(r => {
-        Object.keys(r).forEach(k => {
-          graphics = graphics.concat(r[k]);
-        });
-      });
-      if (this.refineMode === ERefineMode.SUBSET) {
-        this.refineSelectionGraphicsChange.emit(graphics);
-      }
-      else {
-        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]; }) : [];
-        await this._updateIds(oids, this.mode, this._undoStack, this.mode);
-      }
-      this._clear();
-    });
-  }
-  /**
-   * Highlight any selected features in the map
-   *
-   * @returns Promise resolving when function is done
-   * @protected
-   */
-  async _highlightFeatures(ids, updateExtent = false) {
-    this._clearHighlight();
-    if (ids.length > 0) {
-      state.highlightHandle = await highlightFeatures(ids, this.layerViews[0], this.mapView, updateExtent);
-    }
-  }
-  /**
-   * Clear any highlighted features in the map
-   *
-   * @protected
-   */
-  _clearHighlight() {
-    var _a;
-    (_a = state.highlightHandle) === null || _a === void 0 ? void 0 : _a.remove();
-  }
-  /**
-   * Update the ids for any ADD or REMOVE operation and highlight the features.
-   *
-   * @param oids the ids to add or remove
-   * @param mode ADD or REMOVE this will control if the ids are added or removed
-   * @param operationStack the undo or redo stack to push the operation to
-   * @param operationMode ADD or REMOVE the mode of the individual refine operation
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _updateIds(oids, mode, operationStack, operationMode) {
-    const idUpdates = { addIds: [], removeIds: [] };
-    if (mode === ESelectionMode.ADD) {
-      idUpdates.addIds = oids.filter(id => this.ids.indexOf(id) < 0);
-      this.ids = [...this.ids, ...idUpdates.addIds];
-      operationStack.push({ mode: operationMode, ids: idUpdates.addIds });
-    }
-    else {
-      idUpdates.removeIds = oids.filter(id => this.ids.indexOf(id) > -1);
-      this.ids = this.ids.filter(id => idUpdates.removeIds.indexOf(id) < 0);
-      operationStack.push({ mode: operationMode, ids: idUpdates.removeIds });
-    }
-    await this._highlightFeatures(this.ids).then(() => {
-      this.refineSelectionIdsChange.emit(idUpdates);
-    });
-  }
-  /**
-   * Undo the most current ADD or REMOVE operation
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _undo() {
-    const undoOp = this._undoStack.pop();
-    return this._updateIds(undoOp.ids, undoOp.mode === ESelectionMode.ADD ? ESelectionMode.REMOVE : ESelectionMode.ADD, this._redoStack, undoOp.mode);
-  }
-  /**
-   * Redo the most current ADD or REMOVE operation
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _redo() {
-    const redoOp = this._redoStack.pop();
-    return this._updateIds(redoOp.ids, redoOp.mode, this._undoStack, redoOp.mode);
-  }
-  /**
-   * 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 {
-    "ids": ["idsWatchHandler"]
-  }; }
-  static get style() { return refineSelectionToolsCss; }
-}, [1, "refine-selection-tools", {
-    "active": [4],
-    "border": [4],
-    "graphics": [1040],
-    "ids": [16],
-    "layerView": [16],
-    "layerViews": [16],
-    "mapView": [16],
-    "mode": [1],
-    "refineMode": [1, "refine-mode"],
-    "useLayerPicker": [4, "use-layer-picker"],
-    "_selectEnabled": [32],
-    "_selectionMode": [32],
-    "_translations": [32],
-    "reset": [64],
-    "clearHighlight": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["refine-selection-tools", "calcite-action", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-icon", "calcite-label", "calcite-loader", "calcite-option", "calcite-select", "map-layer-picker"];
-  components.forEach(tagName => { switch (tagName) {
-    case "refine-selection-tools":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, RefineSelectionTools);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "calcite-chip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "calcite-combobox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "calcite-combobox-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-option":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "map-layer-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { RefineSelectionTools as R, defineCustomElement as d };
-
-//# sourceMappingURL=refine-selection-tools2.js.map

package/dist/components/refine-selection-tools2.js.map

@@ -1 +0,0 @@
-{"file":"refine-selection-tools2.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,k0BAAk0B;;MC8Br1B,oBAAoB;;;;;;;;;;IAsGrB,wBAAmB,GAAsC,EAAE,CAAC;;;;IAU5D,eAAU,GAAuB,EAAE,CAAC;;;;IAsBpC,eAAU,GAAuB,EAAE,CAAC;kBApH7B,KAAK;kBAKL,KAAK;;eAUE,EAAE;;sBAUsB,EAAE;;;;0BAoBzB,IAAI;0BAWH,KAAK;;;;;;;;;;;;;EAyE/B,eAAe,CAAC,CAAM,EAAE,IAAS;IAC/B,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;MACnD,KAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;KACjC;GACF;;;;;;;;;;;EAcD,MAAM,KAAK;IACT,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;GACf;;;;;;EAQD,MAAM,cAAc;IAClB,IAAI,CAAC,eAAe,EAAE,CAAC;GACxB;;;;;;;;;EA2BD,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC9B,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;GAC3B;;;;EAKD,gBAAgB;IACd,IAAI,CAAC,KAAK,EAAE,CAAC;GACd;;;;;EAMD,oBAAoB;IAClB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;GACrB;;;;;EAMD,iBAAiB;IACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;MACvB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;MAC3B,KAAK,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACxC;GACF;;;;EAKD,MAAM;IACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,GAAG,aAAa,GAAG,iBAAiB,CAAC;IACrF,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAC;IAC/C,QACE,EAAC,IAAI,QACH,eACE,WAAK,KAAK,EAAE,aAAa,GAAG,oBAAoB,IAC9C,yBAAgB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAiB,CAC5D,EACN,wBACE,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,sBAAsB,EAAE,CAAC,GAAG,OAAO,KAAK,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAA,EAAE,EACzE,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EACvD,aAAa,EAAE,QAAQ,GACvB,EACF,WAAK,KAAK,EAAE,cAAc,GAAG,SAAS,IACpC,WAAK,KAAK,EAAC,yBAAyB,IAClC,WAAK,KAAK,EAAC,oBAAoB,IAC7B,WAAK,KAAK,EAAC,gDAAgD,IACzD,sBACE,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3D,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,GAC/B,CACE,EACN,WAAK,KAAK,EAAC,gDAAgD,IACzD,sBACE,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,EAC9B,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,EAC1D,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,UAAU,GACnC,EACF,sBACE,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,EAC9B,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,EAC1D,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,aAAa,GACtC,EACF,sBACE,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,EAC9B,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,EAC1D,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,eAAe,GACxC,CACE,EACN,WAAK,KAAK,EAAC,gDAAgD,IACzD,sBACE,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EACtC,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,EAC3B,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,GAC7B,EACF,sBACE,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EACtC,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,EAC3B,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,GAC7B,CACE,CACF,CACF,CACF,CACF,CACD,EACP;GACH;;;;;;;;;;;;;EAeU,MAAM,YAAY;IAC3B,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAGlC,MAAM,WAAW,CAAC;MACpB,2BAA2B;MAC3B,qCAAqC;KACtC,CAAC,CAAC;IACH,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACnC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;GACxC;;;;;;;EAQS,KAAK;IACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;GAC7B;;;;;;;EAQS,oBAAoB;IAC5B,IAAI,CAAC,gBAAgB,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC;MAC/C,KAAK,EAAE,IAAI,CAAC,oBAAoB;MAChC,oBAAoB,EAAE;QACpB,IAAI,EAAE,SAAS;QACf,iBAAiB,EAAE,KAAK;OACzB;MACD,IAAI,EAAE,IAAI,CAAC,OAAO;KACnB,CAAC,CAAC;IAEH,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK;MACvC,IAAI,KAAK,CAAC,KAAK,KAAK,UAAU,IAAI,IAAI,CAAC,MAAM,EAAE;QAC7C,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC9C,KAAK,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;OACjD;KACF,CAAC,CAAC;GACJ;;;;;;;EAQS,MAAM;IACd,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;IAC/B,IAAI,CAAC,oBAAoB,CAAC,SAAS,EAAE,CAAC;GACvC;;;;;;;EAQS,kBAAkB;IAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;IAC7C,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAChF,IAAI,WAAW,GAAG,CAAC,CAAC,EAAE;MACpB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAyB,CAAC;KACpG;SAAM;MACL,IAAI,CAAC,oBAAoB,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;MAC9D,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;MAChC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;KACxD;IAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;MAC7C,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAClD;GACF;;;;;;EAOS,YAAY;IACpB,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;KAC9B;IACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK;MACnD,KAAK,CAAC,eAAe,EAAE,CAAC;MACxB,MAAM,IAAI,GAAG;QACX,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC;OAC7C,CAAC;MACF,KAAK,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ;QACnD,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;UAC/B,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG;YAC3C,MAAM,CAAC,GAAI,GAAW,aAAX,GAAG,uBAAH,GAAG,CAAU,OAAO,CAAC;YAChC,IAAI,CAAC,EAAE;cACL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACd;YACD,OAAO,IAAI,CAAC;WACb,EAAE,EAAE,CAAC,CAAC;SACR;QACD,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM,EAAE,CAAC;OACf,CAAC,CAAC;KACJ,CAAC,CAAC;GAEJ;;;;;;;;EASS,MAAM,qBAAqB,CACnC,GAAgB;IAEhB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;MACtD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;MAC3B,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK;QACxC,OAAO,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;OAC5C,CAAC,CAAC;MAEJ,OAAO,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU;QAC/C,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;OAC9B,CAAC,CAAC;KACJ;SAAM;MACL,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;KAC7B;GACF;;;;;;EAOS,iBAAiB,CACzB,IAAoB;IAEpB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAE3B,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;KAC9B;IAED,QAAQ,IAAI,CAAC,cAAc;MACzB,KAAK,cAAc,CAAC,KAAK;QACvB,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;;QAEtC,MAAM;MACR,KAAK,cAAc,CAAC,IAAI;QACtB,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACzC,MAAM;MACR,KAAK,cAAc,CAAC,IAAI;QACtB,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACxC,MAAM;MACR,KAAK,cAAc,CAAC,IAAI;QACtB,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC1C,MAAM;KACT;GACF;;;;;;;;;;EAWS,MAAM,eAAe,CAC7B,IAAqB;IAErB,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS;MACxD,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;MACrD,OAAO,uBAAuB,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAA;KACnF,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAM,QAAQ;MAC1D,IAAI,QAAQ,GAAG,EAAE,CAAC;MAClB,QAAQ,CAAC,OAAO,CAAC,CAAC;QAChB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;UACtB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAClC,CAAC,CAAA;OACH,CAAC,CAAC;MAEH,IAAI,IAAI,CAAC,UAAU,KAAK,WAAW,CAAC,MAAM,EAAE;QAC1C,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;OACnD;WAAM;QACL,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,cAAI,OAAA,CAAC,CAAC,UAAU,CAAC,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,0CAAE,aAAa,CAAC,CAAA,EAAA,CAAC,GAAG,EAAE,CAAC;QACrG,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;OACpE;MACD,IAAI,CAAC,MAAM,EAAE,CAAC;KACf,CAAC,CAAC;GACJ;;;;;;;EAQS,MAAM,kBAAkB,CAChC,GAAa,EACb,YAAY,GAAG,KAAK;IAEpB,IAAI,CAAC,eAAe,EAAE,CAAC;IACvB,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;MAClB,KAAK,CAAC,eAAe,GAAG,MAAM,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;KACtG;GACF;;;;;;EAOS,eAAe;;IACvB,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,EAAE,CAAC;GACjC;;;;;;;;;;;;;EAcS,MAAM,UAAU,CACxB,IAAc,EACd,IAAoB,EACpB,cAAkC,EAClC,aAA6B;IAE7B,MAAM,SAAS,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;IAChD,IAAI,IAAI,KAAK,cAAc,CAAC,GAAG,EAAE;MAC/B,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;MAC/D,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;MAC9C,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;KACrE;SAAM;MACL,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MACnE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,IAAI,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;MACtE,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC;KACxE;IACD,MAAM,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;MAC3C,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC/C,CAAC,CAAC;GACJ;;;;;;;;EASD,MAAM,KAAK;IACT,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;IACrC,OAAO,IAAI,CAAC,UAAU,CACpB,MAAM,CAAC,GAAG,EACV,MAAM,CAAC,IAAI,KAAK,cAAc,CAAC,GAAG,GAAG,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,GAAG,EAC/E,IAAI,CAAC,UAAU,EACf,MAAM,CAAC,IAAI,CACZ,CAAC;GACH;;;;;;;;EASD,MAAM,KAAK;IACT,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;IACrC,OAAO,IAAI,CAAC,UAAU,CACpB,MAAM,CAAC,GAAG,EACV,MAAM,CAAC,IAAI,EACX,IAAI,CAAC,UAAU,EACf,MAAM,CAAC,IAAI,CACZ,CAAC;GACH;;;;;;EAOS,MAAM,gBAAgB;IAC9B,MAAM,YAAY,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9D,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,CAAoC,CAAC;GACzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/refine-selection-tools/refine-selection-tools.css?tag=refine-selection-tools&encapsulation=shadow","./src/components/refine-selection-tools/refine-selection-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-not-visible {\r\n  display: none !important;\r\n}\r\n\r\n.padding-top-1-2 {\r\n  padding-top: .5rem;\r\n}\r\n\r\n.main-label {\r\n  display: flex;\r\n  float: left;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .main-label {\r\n  display: flex;\r\n  float: right;\r\n}\r\n\r\n.border {\r\n  outline: 1px solid var(--calcite-ui-border-input);\r\n}\r\n\r\n.margin-top-1 {\r\n  margin-top: 1rem;\r\n}\r\n\r\n/* COPY FROM JS */\r\n.esri-sketch {\r\n  display: flex;\r\n  flex-flow: column wrap;\r\n}\r\n\r\n.esri-widget {\r\n  box-sizing: border-box;\r\n  color: #323232;\r\n  font-size: 14px;\r\n  font-family: \"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\r\n  line-height: 1.3em;\r\n  background-color: #fff;\r\n}\r\n\r\n/* DIV CHILD */\r\n.esri-sketch__panel {\r\n  align-items: center;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  padding: 0;\r\n} */\r\n\r\n/* DIV CHILD CHILD */\r\n.esri-sketch__tool-section {\r\n  border-right: 1px solid rgba(110,110,110,.3);\r\n}\r\n\r\n.esri-sketch__section {\r\n  align-items: center;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  padding: 0 7px;\r\n  margin: 6px 0;\r\n  border-right: 1px solid rgba(110,110,110,.3);\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, Prop, State, VNode, Watch } from \"@stencil/core\";\r\nimport { ERefineMode, ESelectionMode, ESelectionType, IRefineOperation } from \"../../utils/interfaces\";\r\nimport { getMapLayerView, highlightFeatures } from \"../../utils/mapViewUtils\";\r\nimport { queryFeaturesByGeometry } from \"../../utils/queryUtils\";\r\nimport state from \"../../utils/publicNotificationStore\";\r\nimport { loadModules } from \"../../utils/loadModules\";\r\nimport RefineSelectionTools_T9n from \"../../assets/t9n/refine-selection-tools/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: \"refine-selection-tools\",\r\n  styleUrl: \"refine-selection-tools.css\",\r\n  shadow: true,\r\n})\r\nexport class RefineSelectionTools {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLRefineSelectionToolsElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: sketch is used by multiple components...need a way to know who should respond...\r\n   */\r\n  @Prop() active = false;\r\n\r\n  /**\r\n   * boolean: Optionally draw a border around the draw tools\r\n   */\r\n  @Prop() border = false;\r\n\r\n  /**\r\n   * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html\r\n   */\r\n  @Prop({ mutable: true }) graphics: __esri.Graphic[];\r\n\r\n  /**\r\n   * number: The oids of the selected features\r\n   */\r\n  @Prop() ids: number[] = [];\r\n\r\n  /**\r\n   * esri/views/layers/LayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html\r\n   */\r\n  @Prop() layerView: __esri.FeatureLayerView;\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() layerViews: __esri.FeatureLayerView[] = [];\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   * utils/interfaces/ESelectionMode: ADD, REMOVE\r\n   */\r\n  @Prop() mode: ESelectionMode;\r\n\r\n  /**\r\n   * utils/interfaces/ERefineMode: ALL, SUBSET\r\n   */\r\n  @Prop() refineMode: ERefineMode;\r\n\r\n  /**\r\n   * boolean: Used to control the visibility of the layer picker\r\n   */\r\n  @Prop() useLayerPicker = true;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: Is selected enabled\r\n   */\r\n  @State() _selectEnabled = false;\r\n\r\n  /**\r\n   * utils/interfaces/ESelectionType: POINT, LINE, POLY, RECT\r\n   */\r\n  @State() _selectionMode: ESelectionType;\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: typeof RefineSelectionTools_T9n;\r\n\r\n  /**\r\n   * esri/layers/GraphicsLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html\r\n   * The graphics layer constructor\r\n   */\r\n  protected GraphicsLayer: typeof __esri.GraphicsLayer;\r\n\r\n  /**\r\n   * esri/widgets/Sketch/SketchViewModel: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html\r\n   * The sketch view model constructor\r\n   */\r\n  protected SketchViewModel: typeof __esri.SketchViewModel;\r\n\r\n  /**\r\n   * {<layer title>: Graphic[]}: Collection of graphics returned from queries to the layer\r\n   */\r\n  protected _featuresCollection: {[key: string]: __esri.Graphic[]} = {};\r\n\r\n  /**\r\n   * esri/core/Handles: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle\r\n   */\r\n  protected _hitTestHandle: __esri.Handle;\r\n\r\n  /**\r\n   * IRefineOperation[]: Array to maintain the possible redo operations\r\n   */\r\n  protected _redoStack: IRefineOperation[] = [];\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 _sketchGeometry: __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   * The graphics layer used to show selections.\r\n   */\r\n  protected _sketchGraphicsLayer: __esri.GraphicsLayer;\r\n\r\n  /**\r\n   * esri/widgets/Sketch/SketchViewModel: The html element for selecting buffer unit\r\n   * The sketch view model used to create graphics\r\n   */\r\n  protected _sketchViewModel: __esri.SketchViewModel;\r\n\r\n  /**\r\n   * IRefineOperation[]: Array to maintain the possible undo operations\r\n   */\r\n  protected _undoStack: IRefineOperation[] = [];\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the ids prop is changed.\r\n   * Highlight the features based on the provided ids\r\n   */\r\n  @Watch(\"ids\")\r\n  idsWatchHandler(v: any, oldV: any): void {\r\n    if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {\r\n      void this._highlightFeatures(v);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Reset the ids collection\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  @Method()\r\n  async reset(): Promise<void> {\r\n    this.ids = [];\r\n  }\r\n\r\n  /**\r\n   * Clear current highlight handle\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  @Method()\r\n  async clearHighlight(): Promise<void> {\r\n    this._clearHighlight();\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 selection graphics change.\r\n   */\r\n  @Event() refineSelectionGraphicsChange: EventEmitter<any[]>;\r\n\r\n  /**\r\n   * Emitted on demand when selection ids change\r\n   */\r\n  @Event() refineSelectionIdsChange: EventEmitter<{ addIds: any[]; removeIds: any[]; }>;\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  componentDidLoad(): void {\r\n    this._init();\r\n  }\r\n\r\n  /**\r\n   * StencilJS: Called every time the component is disconnected from the DOM, ie,\r\n   * it can be dispatched more than once, DO not confuse with a \"onDestroy\" kind of event.\r\n   */\r\n  disconnectedCallback(): void {\r\n    this.active = false;\r\n  }\r\n\r\n  /**\r\n   * Called every time the component is connected to the DOM.\r\n   * When the component is first connected, this method is called before componentWillLoad.\r\n   */\r\n  connectedCallback(): void {\r\n    this.active = true;\r\n    if (this.ids.length > 0) {\r\n      this._selectEnabled = true;\r\n      void this._highlightFeatures(this.ids);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    const showLayerPickerClass = this.useLayerPicker ? \"div-visible\" : \"div-not-visible\";\r\n    const drawClass = this.border ? \" border\" : \"\";\r\n    return (\r\n      <Host>\r\n        <div>\r\n          <div class={\"main-label \" + showLayerPickerClass}>\r\n            <calcite-label>{this._translations.selectLayers}</calcite-label>\r\n          </div>\r\n          <map-layer-picker\r\n            class={showLayerPickerClass}\r\n            mapView={this.mapView}\r\n            onLayerSelectionChange={(evt) => { void this._layerSelectionChange(evt) }}\r\n            selectedLayers={this.layerViews.map(l => l.layer.title)}\r\n            selectionMode={\"single\"}\r\n          />\r\n          <div class={\"margin-top-1\" + drawClass}>\r\n            <div class=\"esri-sketch esri-widget\">\r\n              <div class=\"esri-sketch__panel\">\r\n                <div class=\"esri-sketch__tool-section esri-sketch__section\">\r\n                  <calcite-action\r\n                    disabled={!this._selectEnabled}\r\n                    icon=\"select\"\r\n                    onClick={() => this._setSelectionMode(ESelectionType.POINT)}\r\n                    scale=\"s\"\r\n                    text={this._translations.select}\r\n                  />\r\n                </div>\r\n                <div class=\"esri-sketch__tool-section esri-sketch__section\">\r\n                  <calcite-action\r\n                    disabled={!this._selectEnabled}\r\n                    icon=\"line\"\r\n                    onClick={() => this._setSelectionMode(ESelectionType.LINE)}\r\n                    scale=\"s\"\r\n                    text={this._translations.selectLine}\r\n                  />\r\n                  <calcite-action\r\n                    disabled={!this._selectEnabled}\r\n                    icon=\"polygon\"\r\n                    onClick={() => this._setSelectionMode(ESelectionType.POLY)}\r\n                    scale=\"s\"\r\n                    text={this._translations.selectPolygon}\r\n                  />\r\n                  <calcite-action\r\n                    disabled={!this._selectEnabled}\r\n                    icon=\"rectangle\"\r\n                    onClick={() => this._setSelectionMode(ESelectionType.RECT)}\r\n                    scale=\"s\"\r\n                    text={this._translations.selectRectangle}\r\n                  />\r\n                </div>\r\n                <div class=\"esri-sketch__tool-section esri-sketch__section\">\r\n                  <calcite-action\r\n                    disabled={this._undoStack.length === 0}\r\n                    icon=\"undo\"\r\n                    onClick={() => this._undo()}\r\n                    scale=\"s\"\r\n                    text={this._translations.undo}\r\n                  />\r\n                  <calcite-action\r\n                    disabled={this._redoStack.length === 0}\r\n                    icon=\"redo\"\r\n                    onClick={() => this._redo()}\r\n                    scale=\"s\"\r\n                    text={this._translations.redo}\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\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, SketchViewModel]: [\r\n      __esri.GraphicsLayerConstructor,\r\n      __esri.SketchViewModelConstructor\r\n    ] = await loadModules([\r\n      \"esri/layers/GraphicsLayer\",\r\n      \"esri/widgets/Sketch/SketchViewModel\"\r\n    ]);\r\n    this.GraphicsLayer = GraphicsLayer;\r\n    this.SketchViewModel = SketchViewModel;\r\n  }\r\n\r\n  /**\r\n   * Initialize the graphics layer and skecth view model\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   * @protected\r\n   */\r\n  protected _init(): void {\r\n    this._initGraphicsLayer();\r\n    this._initSketchViewModel();\r\n  }\r\n\r\n  /**\r\n   * Initialize the skecth view model\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   * @protected\r\n   */\r\n  protected _initSketchViewModel(): void {\r\n    this._sketchViewModel = new this.SketchViewModel({\r\n      layer: this._sketchGraphicsLayer,\r\n      defaultUpdateOptions: {\r\n        tool: \"reshape\",\r\n        toggleToolOnClick: false\r\n      },\r\n      view: this.mapView\r\n    });\r\n\r\n    this._sketchViewModel.on(\"create\", (event) => {\r\n      if (event.state === \"complete\" && this.active) {\r\n        this._featuresCollection = {};\r\n        this._sketchGeometry = event.graphic.geometry;\r\n        void this._selectFeatures(this._sketchGeometry);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Clear any skecth graphics\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   * @protected\r\n   */\r\n  protected _clear(): void {\r\n    this._sketchGeometry = null;\r\n    this._sketchViewModel.cancel();\r\n    this._sketchGraphicsLayer.removeAll();\r\n  }\r\n\r\n  /**\r\n   * Initialize the graphics layer\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   * @protected\r\n   */\r\n  protected _initGraphicsLayer(): void {\r\n    const title = this._translations.sketchLayer;\r\n    const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === title);\r\n    if (sketchIndex > -1) {\r\n      this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(sketchIndex) as __esri.GraphicsLayer;\r\n    } else {\r\n      this._sketchGraphicsLayer = new this.GraphicsLayer({ title });\r\n      state.managedLayers.push(title);\r\n      this.mapView.map.layers.add(this._sketchGraphicsLayer);\r\n    }\r\n\r\n    if (this.graphics && this.graphics.length > 0) {\r\n      this._sketchGraphicsLayer.addMany(this.graphics);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Clear selection based on map click\r\n   *\r\n   * @protected\r\n   */\r\n  protected _initHitTest(): void {\r\n    if (this._hitTestHandle) {\r\n      this._hitTestHandle.remove();\r\n    }\r\n    this._hitTestHandle = this.mapView.on(\"click\", (event) => {\r\n      event.stopPropagation();\r\n      const opts = {\r\n        include: this.layerViews.map(lv => lv.layer)\r\n      };\r\n      void this.mapView.hitTest(event, opts).then((response) => {\r\n        let graphics = [];\r\n        if (response.results.length > 0) {\r\n          graphics = response.results.reduce((prev, cur) => {\r\n            const g = (cur as any)?.graphic;\r\n            if (g) {\r\n              prev.push(g);\r\n            }\r\n            return prev;\r\n          }, []);\r\n        }\r\n        this.refineSelectionGraphicsChange.emit(graphics);\r\n        this._clear();\r\n      });\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   *\r\n   * @protected\r\n   */\r\n  protected async _layerSelectionChange(\r\n    evt: CustomEvent\r\n  ): Promise<void> {\r\n    if (Array.isArray(evt.detail) && evt.detail.length > 0) {\r\n      this._selectEnabled = true;\r\n      const layerPromises = evt.detail.map(title => {\r\n        return getMapLayerView(this.mapView, title)\r\n      });\r\n\r\n     return Promise.all(layerPromises).then((layerViews) => {\r\n        this.layerViews = layerViews;\r\n      });\r\n    } else {\r\n      this._selectEnabled = false;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Store the current selection mode\r\n   *\r\n   * @protected\r\n   */\r\n  protected _setSelectionMode(\r\n    mode: ESelectionType\r\n  ): void {\r\n    this._selectionMode = mode;\r\n\r\n    if (this._hitTestHandle) {\r\n      this._hitTestHandle.remove();\r\n    }\r\n\r\n    switch (this._selectionMode) {\r\n      case ESelectionType.POINT:\r\n        this._sketchViewModel.create(\"point\");\r\n        //this._initHitTest();\r\n        break;\r\n      case ESelectionType.LINE:\r\n        this._sketchViewModel.create(\"polyline\");\r\n        break;\r\n      case ESelectionType.POLY:\r\n        this._sketchViewModel.create(\"polygon\");\r\n        break;\r\n      case ESelectionType.RECT:\r\n        this._sketchViewModel.create(\"rectangle\");\r\n        break;\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   *\r\n   * @returns Promise resolving when function is done\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _selectFeatures(\r\n    geom: __esri.Geometry\r\n  ): Promise<void> {\r\n    const queryFeaturePromises = this.layerViews.map(layerView => {\r\n      this._featuresCollection[layerView.layer.title] = [];\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      let graphics = [];\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      if (this.refineMode === ERefineMode.SUBSET) {\r\n        this.refineSelectionGraphicsChange.emit(graphics);\r\n      } else {\r\n        const oids = Array.isArray(graphics) ? graphics.map(g => g.attributes[g?.layer?.objectIdField]) : [];\r\n        await this._updateIds(oids, this.mode, this._undoStack, this.mode);\r\n      }\r\n      this._clear();\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Highlight any selected features in the map\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   * @protected\r\n   */\r\n  protected async _highlightFeatures(\r\n    ids: number[],\r\n    updateExtent = false\r\n  ): Promise<void> {\r\n    this._clearHighlight();\r\n    if (ids.length > 0) {\r\n      state.highlightHandle = await highlightFeatures(ids, this.layerViews[0], this.mapView, updateExtent);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Clear any highlighted features in the map\r\n   *\r\n   * @protected\r\n   */\r\n  protected _clearHighlight(): void {\r\n    state.highlightHandle?.remove();\r\n  }\r\n\r\n  /**\r\n   * Update the ids for any ADD or REMOVE operation and highlight the features.\r\n   *\r\n   * @param oids the ids to add or remove\r\n   * @param mode ADD or REMOVE this will control if the ids are added or removed\r\n   * @param operationStack the undo or redo stack to push the operation to\r\n   * @param operationMode ADD or REMOVE the mode of the individual refine operation\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _updateIds(\r\n    oids: number[],\r\n    mode: ESelectionMode,\r\n    operationStack: IRefineOperation[],\r\n    operationMode: ESelectionMode\r\n  ): Promise<void> {\r\n    const idUpdates = { addIds: [], removeIds: [] };\r\n    if (mode === ESelectionMode.ADD) {\r\n      idUpdates.addIds = oids.filter(id => this.ids.indexOf(id) < 0);\r\n      this.ids = [...this.ids, ...idUpdates.addIds];\r\n      operationStack.push({ mode: operationMode, ids: idUpdates.addIds });\r\n    } else {\r\n      idUpdates.removeIds = oids.filter(id => this.ids.indexOf(id) > -1);\r\n      this.ids = this.ids.filter(id => idUpdates.removeIds.indexOf(id) < 0);\r\n      operationStack.push({ mode: operationMode, ids: idUpdates.removeIds });\r\n    }\r\n    await this._highlightFeatures(this.ids).then(() => {\r\n      this.refineSelectionIdsChange.emit(idUpdates);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Undo the most current ADD or REMOVE operation\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   *\r\n   * @protected\r\n   */\r\n  async _undo(): Promise<void> {\r\n    const undoOp = this._undoStack.pop();\r\n    return this._updateIds(\r\n      undoOp.ids,\r\n      undoOp.mode === ESelectionMode.ADD ? ESelectionMode.REMOVE : ESelectionMode.ADD,\r\n      this._redoStack,\r\n      undoOp.mode\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Redo the most current ADD or REMOVE operation\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   *\r\n   * @protected\r\n   */\r\n  async _redo(): Promise<void> {\r\n    const redoOp = this._redoStack.pop();\r\n    return this._updateIds(\r\n      redoOp.ids,\r\n      redoOp.mode,\r\n      this._undoStack,\r\n      redoOp.mode\r\n    );\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 RefineSelectionTools_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/refine-selection.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface RefineSelection extends Components.RefineSelection, HTMLElement {}
-export const RefineSelection: {
-  prototype: RefineSelection;
-  new (): RefineSelection;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/refine-selection.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { R as RefineSelection$1, d as defineCustomElement$1 } from './refine-selection2.js';
-
-const RefineSelection = RefineSelection$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { RefineSelection, defineCustomElement };
-
-//# sourceMappingURL=refine-selection.js.map

package/dist/components/refine-selection.js.map

@@ -1 +0,0 @@
-{"file":"refine-selection.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}