@esri/solutions-components 0.3.8 → 0.3.9

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 }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -322,7 +316,7 @@ export class RefineSelectionTools {
       }
       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 +359,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 +382,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 +393,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 +608,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,

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,8 @@ export interface ISelectionSet {
   geometries: __esri.Geometry[];
   refineSelectLayers: __esri.FeatureLayerView[];
   refineIds: IRefineIds;
+  redoStack?: IRefineOperation[];
+  undoStack?: IRefineOperation[];
 }
 
 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],

package/dist/components/map-layer-picker2.js

@@ -39,8 +39,10 @@ import { d as defineCustomElement$1 } from './select.js';
 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;
     }, {});
   });
@@ -57,9 +59,12 @@ async function getMapLayerHash(mapView) {
 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;
 }
@@ -88,7 +93,7 @@ async function getMapLayerView(mapView, id) {
 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/components/map-select-tools2.js

@@ -84,6 +84,16 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       }
     }
   }
+  /**
+   * Called each time the searchConfiguration prop is changed.
+   *
+   * @returns Promise when complete
+   */
+  async watchSearchConfigurationHandler(newValue, oldValue) {
+    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
+      this._initSearchWidget();
+    }
+  }
   /**
    * Called each time the workflowType prop is changed and emits the workflowTypeChange event.
    *
@@ -502,6 +512,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   get el() { return this; }
   static get watchers() { return {
     "geometries": ["watchGeometriesHandler"],
+    "searchConfiguration": ["watchSearchConfigurationHandler"],
     "_workflowType": ["workflowTypeHandler"]
   }; }
   static get style() { return mapSelectToolsCss; }

package/dist/components/pdf-download2.js

@@ -2262,7 +2262,6 @@ const PdfDownload = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.disabled = false;
-    this.enabledSizeValues = [];
     this.layerView = undefined;
     this._translations = undefined;
   }
@@ -2352,8 +2351,15 @@ const PdfDownload = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   _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;
@@ -2444,7 +2450,6 @@ const PdfDownload = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get style() { return pdfDownloadCss; }
 }, [1, "pdf-download", {
     "disabled": [4],
-    "enabledSizeValues": [16],
     "layerView": [16],
     "_translations": [32],
     "downloadCSV": [64],

package/dist/components/public-notification.js

@@ -60,7 +60,6 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.customLabelEnabled = undefined;
     this.defaultBufferDistance = undefined;
     this.defaultBufferUnit = undefined;
-    this.exportOptions = undefined;
     this.featureEffect = undefined;
     this.featureHighlightEnabled = undefined;
     this.mapView = undefined;
@@ -160,13 +159,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * 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))));
   }
   //--------------------------------------------------------------------------
   //
@@ -370,10 +364,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * @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
@@ -731,7 +723,6 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     "customLabelEnabled": [4, "custom-label-enabled"],
     "defaultBufferDistance": [2, "default-buffer-distance"],
     "defaultBufferUnit": [1, "default-buffer-unit"],
-    "exportOptions": [16],
     "featureEffect": [16],
     "featureHighlightEnabled": [4, "feature-highlight-enabled"],
     "mapView": [16],