@esri/solutions-components 0.3.8 → 0.4.0

package/dist/collection/components/pdf-download/pdf-download.js

@@ -29,7 +29,6 @@ import { queryFeaturesByID } from "../../utils/queryUtils";
 export class PdfDownload {
   constructor() {
     this.disabled = false;
-    this.enabledSizeValues = [];
     this.layerView = undefined;
     this._translations = undefined;
   }
@@ -119,8 +118,15 @@ export class PdfDownload {
   _convertPopupToLabelSpec(popupInfo) {
     // Replace <br>, <br/> with |
     popupInfo = popupInfo.replace(/<br\s*\/?>/gi, "|");
-    // Remove remaining HTML tags and replace 0xA0 that popup uses for spaces
-    let labelSpec = popupInfo.replace(/<[\s.]*[^<>]*\/?>/gi, "").replace(/\xA0/gi, " ").split("|");
+    // Remove remaining HTML tags, replace 0xA0 that popup uses for spaces, replace some char representations,
+    // and split the label back into individual lines
+    let labelSpec = popupInfo
+      .replace(/<[\s.]*[^<>]*\/?>/gi, "")
+      .replace(/\xA0/gi, " ")
+      .replace(/&lt;/gi, "<")
+      .replace(/&gt;/gi, ">")
+      .replace(/&nbsp;/gi, " ")
+      .split("|");
     // Trim lines and remove empties
     labelSpec = labelSpec.map(line => line.trim()).filter(line => line.length > 0);
     return labelSpec;
@@ -239,22 +245,6 @@ export class PdfDownload {
         "reflect": false,
         "defaultValue": "false"
       },
-      "enabledSizeValues": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "number[]",
-          "resolved": "number[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "string[]: Optional list of enabled size values for PDF export\r\n If empty all sizes will be enabled"
-        },
-        "defaultValue": "[]"
-      },
       "layerView": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/public-notification/public-notification.js

@@ -34,7 +34,6 @@ export class PublicNotification {
     this.customLabelEnabled = undefined;
     this.defaultBufferDistance = undefined;
     this.defaultBufferUnit = undefined;
-    this.exportOptions = undefined;
     this.featureEffect = undefined;
     this.featureHighlightEnabled = undefined;
     this.mapView = undefined;
@@ -67,6 +66,25 @@ export class PublicNotification {
       this._popupsEnabled = v === null || v === void 0 ? void 0 : v.popup.autoOpenEnabled;
     }
   }
+  /**
+   * Called each time the searchConfiguration prop is changed.
+   *
+   * @returns Promise when complete
+   */
+  async watchSearchConfigurationHandler(newValue, oldValue) {
+    //TODO adding this here to see if its any different than having in map-select-tools
+    // I would have thought that the prop would have made it through on the next render of map-select-tools
+    // however we are still seeing a broken search...need to understand why and don't see a clean way to debug in devext
+    console.log("PN watchSearchConfigurationHandler");
+    console.log("PN newValue");
+    console.log(newValue);
+    console.log("PN oldValue");
+    console.log(oldValue);
+    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
+      console.log("Emit event from parent");
+      this.searchConfigurationChange.emit(newValue);
+    }
+  }
   /**
    * Called each time the selectionSets prop is changed.
    */
@@ -134,13 +152,8 @@ export class PublicNotification {
    * Renders the component.
    */
   render() {
-    var _a, _b, _c, _d, _e, _f;
     const hasSelections = this._selectionSets.length > 0;
-    const csvEnabled = typeof ((_b = (_a = this.exportOptions) === null || _a === void 0 ? void 0 : _a.csvOptions) === null || _b === void 0 ? void 0 : _b.enabled) === "boolean" ?
-      (_c = this.exportOptions) === null || _c === void 0 ? void 0 : _c.csvOptions.enabled : true;
-    const pdfEnabled = typeof ((_e = (_d = this.exportOptions) === null || _d === void 0 ? void 0 : _d.pdfOptions) === null || _e === void 0 ? void 0 : _e.enabled) === "boolean" ?
-      (_f = this.exportOptions) === null || _f === void 0 ? void 0 : _f.pdfOptions.enabled : true;
-    return (h(Host, null, h("calcite-shell", null, h("calcite-action-bar", { class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: "header" }, this._getActionGroup("list-check", false, EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", !hasSelections, EPageType.REFINE, this._translations.refineSelection) : undefined, pdfEnabled ? this._getActionGroup("file-pdf", !hasSelections, EPageType.PDF, this._translations.downloadPDF) : undefined, csvEnabled ? this._getActionGroup("file-csv", !hasSelections, EPageType.CSV, this._translations.downloadCSV) : undefined), this._getPage(this._pageType))));
+    return (h(Host, null, h("calcite-shell", null, h("calcite-action-bar", { class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: "header" }, this._getActionGroup("list-check", false, EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", !hasSelections, EPageType.REFINE, this._translations.refineSelection) : undefined, this._getActionGroup("file-pdf", !hasSelections, EPageType.PDF, this._translations.downloadPDF), this._getActionGroup("file-csv", !hasSelections, EPageType.CSV, this._translations.downloadCSV)), this._getPage(this._pageType))));
   }
   //--------------------------------------------------------------------------
   //
@@ -344,10 +357,8 @@ export class PublicNotification {
    * @protected
    */
   _getDownloadPage(type) {
-    var _a, _b;
     const isPdf = type === EExportType.PDF;
-    const multiPdfOptions = ((_a = this.exportOptions) === null || _a === void 0 ? void 0 : _a.pdfOptions.enabledSizeValues.length) > 1;
-    return (h("calcite-panel", null, h("div", null, h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "font-bold" }, isPdf ? this._translations.pdfDownloads : this._translations.csvDownloads), h("calcite-label", null, this._translations.notifications)), this._getSelectionLists(), h("div", { class: "margin-side-1 padding-top-1 border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { disabled: !this._downloadActive, ref: (el) => { this._removeDuplicates = el; } }), this._translations.removeDuplicate)), h("div", { class: isPdf && multiPdfOptions ? "" : "display-none" }, this._getLabel(this._translations.selectPDFLabelOption, false), h("div", { class: "padding-sides-1" }, h("pdf-download", { disabled: !this._downloadActive, enabledSizeValues: (_b = this.exportOptions) === null || _b === void 0 ? void 0 : _b.pdfOptions.enabledSizeValues, layerView: this.addresseeLayer, ref: (el) => { this._downloadTools = el; } }))), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: !this._downloadActive, onClick: isPdf ? () => this._downloadPDF() : () => this._downloadCSV(), width: "full" }, isPdf ? this._translations.downloadPDF : this._translations.downloadCSV)))));
+    return (h("calcite-panel", null, h("div", null, h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "font-bold" }, isPdf ? this._translations.pdfDownloads : this._translations.csvDownloads), h("calcite-label", null, this._translations.notifications)), this._getSelectionLists(), h("div", { class: "margin-side-1 padding-top-1 border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { disabled: !this._downloadActive, ref: (el) => { this._removeDuplicates = el; } }), this._translations.removeDuplicate)), h("div", { class: isPdf ? "" : "display-none" }, this._getLabel(this._translations.selectPDFLabelOption, false), h("div", { class: "padding-sides-1" }, h("pdf-download", { disabled: !this._downloadActive, layerView: this.addresseeLayer, ref: (el) => { this._downloadTools = el; } }))), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: !this._downloadActive, onClick: isPdf ? () => this._downloadPDF() : () => this._downloadCSV(), width: "full" }, isPdf ? this._translations.downloadPDF : this._translations.downloadCSV)))));
   }
   /**
    * Create the stacked navigation buttons for a page
@@ -812,26 +823,6 @@ export class PublicNotification {
         "attribute": "default-buffer-unit",
         "reflect": false
       },
-      "exportOptions": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IExportOptions",
-          "resolved": "IExportOptions",
-          "references": {
-            "IExportOptions": {
-              "location": "import",
-              "path": "../../utils/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "IExportOptions: Set of options that control export capabilities\r\n If not provided all export capabilities will be enabled."
-        }
-      },
       "featureEffect": {
         "type": "unknown",
         "mutable": false,
@@ -1008,6 +999,26 @@ export class PublicNotification {
           "resolved": "string",
           "references": {}
         }
+      }, {
+        "method": "searchConfigurationChange",
+        "name": "searchConfigurationChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted on demand when searchConfiguration gets a new value"
+        },
+        "complexType": {
+          "original": "ISearchConfiguration",
+          "resolved": "ISearchConfiguration",
+          "references": {
+            "ISearchConfiguration": {
+              "location": "import",
+              "path": "../../utils/interfaces"
+            }
+          }
+        }
       }];
   }
   static get elementRef() { return "el"; }
@@ -1015,6 +1026,9 @@ export class PublicNotification {
     return [{
         "propName": "mapView",
         "methodName": "mapViewWatchHandler"
+      }, {
+        "propName": "searchConfiguration",
+        "methodName": "watchSearchConfigurationHandler"
       }, {
         "propName": "_selectionSets",
         "methodName": "selectionSetsWatchHandler"

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

@@ -41,6 +41,19 @@ export class RefineSelection {
     this.SketchViewModel = undefined;
     this._translations = undefined;
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Called each time the addresseeLayer is changed.
+   * Add a new clean refine set for the new addressee layer.
+   */
+  addresseeLayerWatchHandler() {
+    const selectionSets = this.selectionSets.filter(ss => ss.workflowType !== EWorkflowType.REFINE);
+    this.selectionSets = this._initRefineSelectionSet(selectionSets);
+  }
   /**
    * Handles changes to refine selection ids.
    *
@@ -62,12 +75,16 @@ export class RefineSelection {
    */
   async componentWillLoad() {
     await this._getTranslations();
+    const refineSet = this._getRefineSelectionSet(this.selectionSets);
+    if (!refineSet) {
+      this.selectionSets = this._initRefineSelectionSet(this.selectionSets);
+    }
   }
   /**
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("div", { class: "padding-1" }, h("div", null, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, this._translations.add), h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, this._translations.remove)), h("refine-selection-tools", { border: true, enabledLayerIds: this.enabledLayerIds, ids: utils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, refineMode: ERefineMode.ALL, useLayerPicker: false })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (h(Host, null, h("div", { class: "padding-1" }, h("div", null, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, this._translations.add), h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, this._translations.remove)), h("refine-selection-tools", { border: true, enabledLayerIds: this.enabledLayerIds, ids: utils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, refineMode: ERefineMode.ALL, refineSelectionSet: this._getRefineSelectionSet(this.selectionSets), useLayerPicker: false })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //
@@ -133,7 +150,7 @@ export class RefineSelection {
     if (removeIds.length > 0) {
       this.selectionSets = this.selectionSets.reduce((prev, cur) => {
         cur.selectedIds = cur.selectedIds.filter(id => removeIds.indexOf(id) < 0);
-        if (cur.selectedIds.length > 0) {
+        if (cur.selectedIds.length > 0 || cur.workflowType === EWorkflowType.REFINE) {
           prev.push(cur);
         }
         return prev;
@@ -152,9 +169,7 @@ export class RefineSelection {
    */
   _updateRefineSelectionSet(addIds, removeIds) {
     const selectionSet = this._getRefineSelectionSet(this.selectionSets);
-    this.selectionSets = selectionSet ?
-      this._updateRefineIds(selectionSet, addIds, removeIds) :
-      this._addRefineSelectionSet(addIds, removeIds);
+    this._updateRefineIds(selectionSet, addIds, removeIds);
     this.selectionSetsChanged.emit(this.selectionSets);
   }
   /**
@@ -187,15 +202,12 @@ export class RefineSelection {
   /**
    * Add a new refine selection set
    *
-   * @param addIds any ids to add
-   * @param removeIds any ids to remove
-   *
    * @returns updated selection sets
    * @protected
    */
-  _addRefineSelectionSet(addIds, removeIds) {
+  _initRefineSelectionSet(selectionSets) {
     return [
-      ...this.selectionSets,
+      ...selectionSets,
       ({
         buffer: undefined,
         distance: 0,
@@ -206,13 +218,15 @@ export class RefineSelection {
         layerView: this.addresseeLayer,
         refineSelectLayers: [],
         searchResult: undefined,
-        selectedIds: addIds,
+        selectedIds: [],
         unit: "feet",
         workflowType: EWorkflowType.REFINE,
         refineIds: {
-          addIds: addIds,
-          removeIds: removeIds
-        }
+          addIds: [],
+          removeIds: []
+        },
+        redoStack: [],
+        undoStack: []
       })
     ];
   }
@@ -405,6 +419,12 @@ export class RefineSelection {
       }];
   }
   static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "addresseeLayer",
+        "methodName": "addresseeLayerWatchHandler"
+      }];
+  }
   static get listeners() {
     return [{
         "name": "refineSelectionIdsChange",

package/dist/collection/components/refine-selection-tools/refine-selection-tools.js

@@ -31,14 +31,6 @@ export class RefineSelectionTools {
      * {<layer id>: 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.enabledLayerIds = [];
@@ -49,6 +41,7 @@ export class RefineSelectionTools {
     this.mapView = undefined;
     this.mode = undefined;
     this.refineMode = undefined;
+    this.refineSelectionSet = undefined;
     this.useLayerPicker = true;
     this._selectEnabled = false;
     this._selectionMode = undefined;
@@ -129,10 +122,11 @@ export class RefineSelectionTools {
    * Renders the component.
    */
   render() {
+    var _a, _b;
     const showLayerPickerClass = this.useLayerPicker ? "div-visible" : "div-not-visible";
     const drawClass = this.border ? " border" : "";
     const showUndoRedo = this.refineMode === ERefineMode.ALL ? "div-visible" : "div-not-visible";
-    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), 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: showUndoRedo + " 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 }))))))));
+    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), 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: "pin", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select }), 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: showUndoRedo + " esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: ((_a = this.refineSelectionSet) === null || _a === void 0 ? void 0 : _a.undoStack) ? this.refineSelectionSet.undoStack.length === 0 : true, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: ((_b = this.refineSelectionSet) === null || _b === void 0 ? void 0 : _b.redoStack) ? this.refineSelectionSet.redoStack.length === 0 : true, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -244,7 +238,7 @@ export class RefineSelectionTools {
             return prev;
           }, []);
         }
-        this.refineSelectionGraphicsChange.emit(graphics);
+        this.refineSelectionGraphicsChange.emit({ graphics, useOIDs: false });
         this._clear();
       });
     });
@@ -318,11 +312,14 @@ export class RefineSelectionTools {
         });
       });
       if (this.refineMode === ERefineMode.SUBSET) {
-        this.refineSelectionGraphicsChange.emit(graphics);
+        this.refineSelectionGraphicsChange.emit({
+          graphics,
+          useOIDs: this.layerViews[0].layer.title === this.layerView.layer.title
+        });
       }
       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);
+        await this._updateIds(oids, this.mode, this.refineSelectionSet.undoStack, this.mode);
       }
       this._clear();
     });
@@ -365,12 +362,16 @@ export class RefineSelectionTools {
     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 });
+      if (idUpdates.addIds.length > 0) {
+        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 });
+      if (idUpdates.removeIds.length > 0) {
+        operationStack.push({ mode: operationMode, ids: idUpdates.removeIds });
+      }
     }
     await this._highlightFeatures(this.ids).then(() => {
       this.refineSelectionIdsChange.emit(idUpdates);
@@ -384,8 +385,8 @@ export class RefineSelectionTools {
    * @protected
    */
   _undo() {
-    const undoOp = this._undoStack.pop();
-    void this._updateIds(undoOp.ids, undoOp.mode === ESelectionMode.ADD ? ESelectionMode.REMOVE : ESelectionMode.ADD, this._redoStack, undoOp.mode);
+    const undoOp = this.refineSelectionSet.undoStack.pop();
+    void this._updateIds(undoOp.ids, undoOp.mode === ESelectionMode.ADD ? ESelectionMode.REMOVE : ESelectionMode.ADD, this.refineSelectionSet.redoStack, undoOp.mode);
   }
   /**
    * Redo the most current ADD or REMOVE operation
@@ -395,8 +396,8 @@ export class RefineSelectionTools {
    * @protected
    */
   _redo() {
-    const redoOp = this._redoStack.pop();
-    void this._updateIds(redoOp.ids, redoOp.mode, this._undoStack, redoOp.mode);
+    const redoOp = this.refineSelectionSet.redoStack.pop();
+    void this._updateIds(redoOp.ids, redoOp.mode, this.refineSelectionSet.undoStack, redoOp.mode);
   }
   /**
    * Fetches the component's translations
@@ -610,6 +611,26 @@ export class RefineSelectionTools {
         "attribute": "refine-mode",
         "reflect": false
       },
+      "refineSelectionSet": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ISelectionSet",
+          "resolved": "ISelectionSet",
+          "references": {
+            "ISelectionSet": {
+              "location": "import",
+              "path": "../../utils/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "utils/interfaces/ISelectionSet: Refine selection set"
+        }
+      },
       "useLayerPicker": {
         "type": "boolean",
         "mutable": false,
@@ -649,9 +670,14 @@ export class RefineSelectionTools {
           "text": "Emitted on demand when selection graphics change."
         },
         "complexType": {
-          "original": "any[]",
-          "resolved": "any[]",
-          "references": {}
+          "original": "IRefineSelectionEvent",
+          "resolved": "IRefineSelectionEvent",
+          "references": {
+            "IRefineSelectionEvent": {
+              "location": "import",
+              "path": "../../utils/interfaces"
+            }
+          }
         }
       }, {
         "method": "refineSelectionIdsChange",

package/dist/collection/demos/buffer-tools.html

@@ -76,6 +76,6 @@
 
   <body>
     <div id="viewDiv"></div>
-    <buffer-tools id="demo" class="over-map column" distance="10" unit="miles"></map-search>
+    <buffer-tools id="demo" class="over-map column" distance="10" unit="miles"></buffer-tools>
   </body>
 </html>

package/dist/collection/demos/new-public-notification.html

@@ -93,16 +93,6 @@
         //demo.addresseeLayerIds = ["18434515eb8-layer-12"];
         //demo.defaultBufferDistance = 100;
         //demo.defaultBufferUnit = "kilometers";
-        demo.exportOptions = {
-          csvOptions: {
-            enabled: true, // I question if this should be exposed
-            addColumnTitle: false
-          },
-          pdfOptions: {
-            enabled: true, // I question if this should be exposed
-            enabledSizeValues: [6,10,14,20]
-          }
-        };
         demo.featureEffect = {
           includedEffect: "invert(100%)",
           excludedEffect: "blur(5px)"
@@ -111,7 +101,7 @@
         demo.noResultText = "No results found";
         //demo.selectionLayerIds = ["1843422bf6b-layer-7"];
         demo.showSearchSettings = true;
-        demo.customLabelEnabled = false;
+        demo.customLabelEnabled = true;
         // demo.bufferColor = [227, 0, 0, 0.8];
         // demo.bufferOutlineColor = [0, 255, 0];
         demo.showRefineSelection = true;

package/dist/collection/utils/interfaces.ts

@@ -385,6 +385,14 @@ export interface ISelectionSet {
   geometries: __esri.Geometry[];
   refineSelectLayers: __esri.FeatureLayerView[];
   refineIds: IRefineIds;
+  redoStack?: IRefineOperation[];
+  undoStack?: IRefineOperation[];
+  skipGeomQuery?: boolean;
+}
+
+export interface IRefineSelectionEvent {
+  graphics: __esri.Graphic[];
+  useOIDs: boolean;
 }
 
 export interface IRefineIds {

package/dist/collection/utils/mapViewUtils.js

@@ -30,8 +30,10 @@ import { queryExtent } from "./queryUtils";
 export async function getMapLayerHash(mapView) {
   let layerHash = {};
   await mapView.when(() => {
-    layerHash = mapView.map.layers.toArray().reduce((prev, cur) => {
-      prev[cur.id] = cur.title;
+    layerHash = mapView.map.allLayers.toArray().reduce((prev, cur) => {
+      if (cur.type === "feature") {
+        prev[cur.id] = cur.title;
+      }
       return prev;
     }, {});
   });
@@ -48,9 +50,12 @@ export async function getMapLayerHash(mapView) {
 export async function getMapLayerIds(mapView) {
   let layerIds = [];
   await mapView.when(() => {
-    layerIds = mapView.map.layers.toArray().map((l) => {
-      return l.id;
-    });
+    layerIds = mapView.map.allLayers.toArray().reduce((prev, cur) => {
+      if (cur.type === "feature") {
+        prev.push(cur.id);
+      }
+      return prev;
+    }, []);
   });
   return layerIds;
 }
@@ -79,7 +84,7 @@ export async function getMapLayerView(mapView, id) {
 export async function getMapLayer(mapView, id) {
   let layers = [];
   await mapView.when(() => {
-    layers = mapView.map.layers.toArray().filter((l) => {
+    layers = mapView.map.allLayers.toArray().filter((l) => {
       return l.id === id;
     });
   });

package/dist/collection/utils/mapViewUtils.ts

@@ -30,8 +30,10 @@ export async function getMapLayerHash(
 ): Promise<ILayerHash> {
   let layerHash = {};
   await mapView.when(() => {
-    layerHash = mapView.map.layers.toArray().reduce((prev, cur) => {
-      prev[cur.id] = cur.title;
+    layerHash = mapView.map.allLayers.toArray().reduce((prev, cur) => {
+      if (cur.type === "feature") {
+        prev[cur.id] = cur.title;
+      }
       return prev;
     }, {});
   });
@@ -51,9 +53,12 @@ export async function getMapLayerIds(
 ): Promise<string[]> {
   let layerIds = [];
   await mapView.when(() => {
-    layerIds = mapView.map.layers.toArray().map((l) => {
-      return l.id;
-    });
+    layerIds = mapView.map.allLayers.toArray().reduce((prev, cur) => {
+      if (cur.type === "feature") {
+        prev.push(cur.id);
+      }
+      return prev;
+    }, []);
   });
   return layerIds;
 }
@@ -90,7 +95,7 @@ export async function getMapLayer(
 ): Promise<__esri.FeatureLayer> {
   let layers = [];
   await mapView.when(() => {
-    layers = mapView.map.layers.toArray().filter((l) => {
+    layers = mapView.map.allLayers.toArray().filter((l) => {
       return l.id === id;
     });
   });

package/dist/components/buffer-tools2.js

@@ -27,8 +27,8 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.appearance = "text";
     this.distance = 0;
     this.geometries = [];
-    this.sliderMax = 100;
-    this.sliderMin = 0;
+    this.max = undefined;
+    this.min = 0;
     this.sliderTicks = 10;
     this.unionResults = true;
     this.unit = "meters";
@@ -113,16 +113,19 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    * @protected
    */
   _setDistance(event) {
-    this.distanceChanged.emit({
-      oldValue: this.distance,
-      newValue: event.detail.value
-    });
-    this.distance = event.detail.value;
-    if (this.distance > 0) {
-      this._buffer();
-    }
-    else {
-      this.bufferComplete.emit(undefined);
+    const v = parseInt(event.detail.value, 10);
+    if (this.distance !== v && v >= this.min) {
+      this.distanceChanged.emit({
+        oldValue: this.distance,
+        newValue: event.detail.value
+      });
+      this.distance = v;
+      if (this.distance > 0) {
+        this._buffer();
+      }
+      else {
+        this.bufferComplete.emit(undefined);
+      }
     }
   }
   /**
@@ -165,7 +168,7 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    * @protected
    */
   _getTextBoxDisplay() {
-    return (h("div", { class: "c-container" }, h("calcite-input", { class: "padding-end-1", "number-button-type": "vertical", onCalciteInputInput: (evt) => this._setDistance(evt), placeholder: "0", type: "number", value: this.distance ? this.distance.toString() : undefined }), h("calcite-select", { class: "flex-1", label: "label", onCalciteSelectChange: () => this._setUnit(this._unitElement.value), ref: (el) => { this._unitElement = el; } }, this._getUnits())));
+    return (h("div", { class: "c-container" }, h("calcite-input", { class: "padding-end-1", max: this.max && this.max > 0 ? this.max : undefined, min: this.min, "number-button-type": "vertical", onCalciteInputInput: (evt) => this._setDistance(evt), placeholder: "0", type: "number", value: this.distance ? this.distance.toString() : undefined }), h("calcite-select", { class: "flex-1", label: "label", onCalciteSelectChange: () => this._setUnit(this._unitElement.value), ref: (el) => { this._unitElement = el; } }, this._getUnits())));
   }
   /**
    * Render distance control as a slider
@@ -176,7 +179,7 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    * @protected
    */
   _getSliderDisplay() {
-    return (h("div", null, h("calcite-slider", { labelHandles: true, max: this.sliderMax, min: this.sliderMin, ticks: this.sliderTicks })));
+    return (h("div", null, h("calcite-slider", { labelHandles: true, max: this.max && this.max > 0 ? this.max : undefined, min: this.min, ticks: this.sliderTicks })));
   }
   /**
    * Fetches the component's translations
@@ -212,8 +215,8 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "appearance": [1025],
     "distance": [1026],
     "geometries": [1040],
-    "sliderMax": [1026, "slider-max"],
-    "sliderMin": [1026, "slider-min"],
+    "max": [1026],
+    "min": [1026],
     "sliderTicks": [1026, "slider-ticks"],
     "unionResults": [1028, "union-results"],
     "unit": [1025],