@esri/solutions-components 0.3.2 → 0.3.3

package/dist/assets/t9n/public-notification/resources.json

@@ -25,5 +25,8 @@
     "selectSketchTip": "Draw shapes to select features from the addressee layer",
     "optionalSearchDistance": "and optionally add search distance.",
     "listHasSetsTip": "For existing notification lists optionally edit or remove each list. Also, refine across all selection sets or export to PDF or CSV.",
-    "uniqueCout": "Unique Count: {{n}}"
+    "uniqueCout": "Unique Count: {{n}}",
+    "shouldProceed": "Would you like to proceed?",
+    "proceed": "Proceed",
+    "proceedInfo": "Notification lists will be updated based on the existing search or sketch geometries."
 }

package/dist/assets/t9n/public-notification/resources_en.json

@@ -25,5 +25,8 @@
     "selectSketchTip": "Draw shapes to select features from the addressee layer",
     "optionalSearchDistance": "and optionally add search distance.",
     "listHasSetsTip": "For existing notification lists optionally edit or remove each list. Also, refine across all selection sets or export to PDF or CSV.",
-    "uniqueCout": "Unique Count: {{n}}"
+    "uniqueCout": "Unique Count: {{n}}",
+    "shouldProceed": "Would you like to proceed?",
+    "proceed": "Proceed",
+    "proceedInfo": "Notification lists will be updated based on the existing search or sketch geometries."
 }

package/dist/cjs/buffer-tools_6.cjs.entry.js

@@ -18,9 +18,9 @@ const guid = require('./guid-84ac4d91.js');
 const math = require('./math-460fffaf.js');
 const key = require('./key-55aca5c0.js');
 const locale$1 = require('./locale-73cab8e8.js');
-const publicNotificationStore = require('./publicNotificationStore-aca88430.js');
+const publicNotificationStore = require('./publicNotificationStore-28a8759d.js');
 const interfaces = require('./interfaces-772edf61.js');
-const mapViewUtils = require('./mapViewUtils-8ea9adc5.js');
+const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
 require('./_commonjsHelpers-6aafa5de.js');
 require('./resources-b56bce71.js');
 require('./observers-5311faf8.js');
@@ -1495,7 +1495,7 @@ const RefineSelectionTools = class {
     this.refineSelectionGraphicsChange = index.createEvent(this, "refineSelectionGraphicsChange", 7);
     this.refineSelectionIdsChange = index.createEvent(this, "refineSelectionIdsChange", 7);
     /**
-     * {<layer title>: Graphic[]}: Collection of graphics returned from queries to the layer
+     * {<layer id>: Graphic[]}: Collection of graphics returned from queries to the layer
      */
     this._featuresCollection = {};
     /**
@@ -1508,6 +1508,7 @@ const RefineSelectionTools = class {
     this._undoStack = [];
     this.active = false;
     this.border = false;
+    this.enabledLayerIds = [];
     this.graphics = undefined;
     this.ids = [];
     this.layerView = undefined;
@@ -1597,7 +1598,7 @@ const RefineSelectionTools = class {
   render() {
     const showLayerPickerClass = this.useLayerPicker ? "div-visible" : "div-not-visible";
     const drawClass = this.border ? " border" : "";
-    return (index.h(index.Host, null, index.h("div", null, index.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" }), index.h("div", { class: "margin-top-1" + drawClass }, index.h("div", { class: "esri-sketch esri-widget" }, index.h("div", { class: "esri-sketch__panel" }, index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(interfaces.ESelectionType.POINT), scale: "s", text: this._translations.select })), index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(interfaces.ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), index.h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(interfaces.ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), index.h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(interfaces.ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), index.h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
+    return (index.h(index.Host, null, index.h("div", null, index.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" }), index.h("div", { class: "margin-top-1" + drawClass }, index.h("div", { class: "esri-sketch esri-widget" }, index.h("div", { class: "esri-sketch__panel" }, index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(interfaces.ESelectionType.POINT), scale: "s", text: this._translations.select })), index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(interfaces.ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), index.h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(interfaces.ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), index.h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(interfaces.ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), index.h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -1724,8 +1725,8 @@ const RefineSelectionTools = class {
   async _layerSelectionChange(evt) {
     if (Array.isArray(evt.detail) && evt.detail.length > 0) {
       this._selectEnabled = true;
-      const layerPromises = evt.detail.map(title => {
-        return mapViewUtils.getMapLayerView(this.mapView, title);
+      const layerPromises = evt.detail.map(id => {
+        return mapViewUtils.getMapLayerView(this.mapView, id);
       });
       return Promise.all(layerPromises).then((layerViews) => {
         this.layerViews = layerViews;
@@ -1772,7 +1773,7 @@ const RefineSelectionTools = class {
    */
   async _selectFeatures(geom) {
     const queryFeaturePromises = this.layerViews.map(layerView => {
-      this._featuresCollection[layerView.layer.title] = [];
+      this._featuresCollection[layerView.layer.id] = [];
       return mapViewUtils.queryFeaturesByGeometry(0, layerView.layer, geom, this._featuresCollection);
     });
     return Promise.all(queryFeaturePromises).then(async (response) => {

package/dist/cjs/calcite-combobox_3.cjs.entry.js

@@ -20,8 +20,8 @@ const dom = require('./dom-4a580af6.js');
 const openCloseComponent = require('./openCloseComponent-bf986132.js');
 const debounce = require('./debounce-69c3bada.js');
 const conditionalSlot = require('./conditionalSlot-d8471163.js');
-const mapViewUtils = require('./mapViewUtils-8ea9adc5.js');
-const publicNotificationStore = require('./publicNotificationStore-aca88430.js');
+const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
+const publicNotificationStore = require('./publicNotificationStore-28a8759d.js');
 require('./resources-b56bce71.js');
 require('./interfaces-772edf61.js');
 require('./index-a2ef93bb.js');
@@ -1004,10 +1004,11 @@ const MapLayerPicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.layerSelectionChange = index.createEvent(this, "layerSelectionChange", 7);
-    this.layerNames = [];
+    this.enabledLayerIds = [];
     this.mapView = undefined;
-    this.selectedLayers = [];
+    this.selectedLayerIds = [];
     this.selectionMode = "single";
+    this.layerIds = [];
   }
   //--------------------------------------------------------------------------
   //
@@ -1022,7 +1023,7 @@ const MapLayerPicker = class {
     if (newValue !== oldValue) {
       await this._setLayers();
       if (this.selectionMode === "single") {
-        this.layerSelectionChange.emit([this.layerNames[0]]);
+        this.layerSelectionChange.emit([this.layerIds[0]]);
       }
     }
   }
@@ -1036,8 +1037,8 @@ const MapLayerPicker = class {
    */
   async componentWillLoad() {
     await this._setLayers();
-    if (this.selectionMode === "single" && (this.layerNames.length > 0 || this.selectedLayers.length === 1)) {
-      this.layerSelectionChange.emit(this.selectedLayers.length === 1 ? [this.selectedLayers[0]] : [this.layerNames[0]]);
+    if (this.selectionMode === "single" && (this.layerIds.length > 0 || this.selectedLayerIds.length === 1)) {
+      this.layerSelectionChange.emit(this.selectedLayerIds.length === 1 ? [this.selectedLayerIds[0]] : [this.layerIds[0]]);
     }
   }
   /**
@@ -1056,62 +1057,74 @@ const MapLayerPicker = class {
    *
    * Used for selecting a single layer.
    *
-   * @returns Calcite Select component with the names of the layers from the map
+   * @returns Calcite Select component with the ids of the layers from the map
    */
   _getSelect() {
     return (index.h("calcite-select", { label: "", onCalciteSelectChange: (evt) => this._layerSelectionChange(evt), ref: (el) => { this._layerElement = el; } }, this._addMapLayersOptions()));
   }
   /**
-   * Create a list of layers from the map
+   * Create a list of layer ids from the map
    *
    * Used for selecting multiple layers
    *
-   * @returns Calcite ComboBox component with the names of the layers from the map
+   * @returns Calcite ComboBox component with the ids of the layers from the map
    */
   _getCombobox() {
     return (index.h("calcite-combobox", { label: "", onCalciteComboboxChange: (evt) => this._layerSelectionChange(evt), "selection-mode": this.selectionMode }, this._addMapLayersOptions()));
   }
   /**
-   * Hydrate a select or combobox component with the names of the layers in the map
+   * Hydrate a select or combobox component with the ids of the layers in the map
    *
-   * @returns Array of ComboBox items or Select options for the names of the layers
+   * @returns Array of ComboBox items or Select options for the ids of the layers
    */
   _addMapLayersOptions() {
-    return this.layerNames.reduce((prev, cur) => {
-      if (publicNotificationStore.state.managedLayers.indexOf(cur) < 0) {
-        prev.push(this.selectionMode === "multi" && this.selectedLayers.indexOf(cur) > -1 ?
-          (index.h("calcite-combobox-item", { selected: true, textLabel: cur, value: cur })) :
+    return this.layerIds.reduce((prev, cur) => {
+      if (publicNotificationStore.state.managedLayers.indexOf(publicNotificationStore.state.layerNameHash[cur]) < 0 && (this.enabledLayerIds.length > 0 ? this.enabledLayerIds.indexOf(cur) > -1 : true)) {
+        prev.push(this.selectionMode === "multi" && this.selectedLayerIds.indexOf(cur) > -1 ?
+          (index.h("calcite-combobox-item", { selected: true, textLabel: publicNotificationStore.state.layerNameHash[cur], value: cur })) :
           this.selectionMode === "multi" ?
-            (index.h("calcite-combobox-item", { textLabel: cur, value: cur })) :
-            this.selectedLayers.indexOf(cur) > -1 ?
-              (index.h("calcite-option", { label: cur, selected: true, value: cur })) :
-              (index.h("calcite-option", { label: cur, value: cur })));
+            (index.h("calcite-combobox-item", { textLabel: publicNotificationStore.state.layerNameHash[cur], value: cur })) :
+            this.selectedLayerIds.indexOf(cur) > -1 ?
+              (index.h("calcite-option", { label: publicNotificationStore.state.layerNameHash[cur], selected: true, value: cur })) :
+              (index.h("calcite-option", { label: publicNotificationStore.state.layerNameHash[cur], value: cur })));
       }
       return prev;
     }, []);
   }
   /**
-   * Fetch the names of the layers from the map
+   * Fetch the ids of the layers from the map
    *
    * @returns Promise when the operation has completed
    */
   async _setLayers() {
     if (this.mapView) {
-      this.layerNames = await mapViewUtils.getMapLayerNames(this.mapView);
+      const mapLayerIds = await mapViewUtils.getMapLayerIds(this.mapView);
+      this.layerIds = mapLayerIds.filter(n => { var _a; return ((_a = this.enabledLayerIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.enabledLayerIds.indexOf(n) > -1 : true; });
+      await this._initLayerHashState();
+    }
+  }
+  /**
+   * Create a layer id:title hash for layer name display
+   *
+   * @returns Promise when the operation has completed
+   */
+  async _initLayerHashState() {
+    if (this.mapView) {
+      publicNotificationStore.state.layerNameHash = await mapViewUtils.getMapLayerHash(this.mapView);
     }
   }
   /**
-   * Fetch the names of the layers from the map
+   * Fetch the ids of the layers from the map
    *
    * @returns Promise when the operation has completed
    */
   _layerSelectionChange(evt) {
     var _a;
-    this.selectedLayers = this.selectionMode === "single" ?
+    this.selectedLayerIds = this.selectionMode === "single" ?
       [this._layerElement.value] : ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.selectedItems.map((item) => {
       return item.value;
     })) || [];
-    this.layerSelectionChange.emit(this.selectedLayers);
+    this.layerSelectionChange.emit(this.selectedLayerIds);
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/calcite-input-message_5.cjs.entry.js

@@ -12,12 +12,11 @@ const dom = require('./dom-4a580af6.js');
 const interfaces = require('./interfaces-e76f31e9.js');
 const conditionalSlot = require('./conditionalSlot-d8471163.js');
 const loadModules = require('./loadModules-e9007588.js');
-const mapViewUtils = require('./mapViewUtils-8ea9adc5.js');
+const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
 const interfaces$1 = require('./interfaces-772edf61.js');
-const publicNotificationStore = require('./publicNotificationStore-aca88430.js');
+const publicNotificationStore = require('./publicNotificationStore-28a8759d.js');
 const locale = require('./locale-d15229c4.js');
-const labelFormats = require('./labelFormats-3236d2e0.js');
-const csvUtils = require('./csvUtils-18a03353.js');
+const csvUtils = require('./csvUtils-83af7ae1.js');
 const publicNotificationUtils = require('./publicNotificationUtils-9d585d8d.js');
 require('./resources-b56bce71.js');
 require('./guid-84ac4d91.js');
@@ -253,9 +252,13 @@ const MapSelectTools = class {
      * string: A label to help uniquely identify the selection set
      */
     this._selectionLabel = "";
+    this.enabledLayerIds = [];
+    this.defaultBufferDistance = undefined;
+    this.defaultBufferUnit = undefined;
     this.geometries = undefined;
     this.isUpdate = false;
     this.mapView = undefined;
+    this.searchConfiguration = undefined;
     this.selectionSet = undefined;
     this.selectLayerView = undefined;
     this.showBufferTools = true;
@@ -381,7 +384,7 @@ const MapSelectTools = class {
     const useSelectClass = this._layerSelectChecked && !searchEnabled ? " div-visible" : " div-not-visible";
     const useDrawClass = !this._layerSelectChecked && !searchEnabled ? " div-visible" : " div-not-visible";
     const showLayerChoiceClass = searchEnabled ? "div-not-visible" : "div-visible";
-    return (index.h(index.Host, null, index.h("div", { class: "padding-bottom-1" }, index.h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._workflowChange(evt) }, index.h("calcite-radio-group-item", { checked: searchEnabled, class: "w-50 end-border", value: interfaces$1.EWorkflowType.SEARCH }, this._translations.search), index.h("calcite-radio-group-item", { checked: drawEnabled, class: "w-50", value: interfaces$1.EWorkflowType.SKETCH }, this._translations.sketch))), index.h("div", { class: showSearchClass }, index.h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })), index.h("div", { class: showLayerChoiceClass }, index.h("calcite-label", { layout: "inline" }, index.h("calcite-checkbox", { onCalciteCheckboxChange: () => this._layerSelectChanged(), ref: (el) => this._selectFromLayerElement = el }), "Use layer features")), index.h("div", { class: useDrawClass }, index.h("map-draw-tools", { active: true, border: true, mapView: this.mapView, ref: (el) => { this._drawTools = el; } })), index.h("div", { class: useSelectClass }, index.h("refine-selection-tools", { active: true, border: true, layerViews: this._refineSelectLayers, mapView: this.mapView, mode: interfaces$1.ESelectionMode.ADD, ref: (el) => { this._refineTools = el; }, refineMode: interfaces$1.ERefineMode.SUBSET })), index.h("calcite-label", { class: showBufferToolsClass }, this._translations.searchDistance, index.h("buffer-tools", { distance: (_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance, geometries: this.geometries, onBufferComplete: (evt) => this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: (_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit })), index.h("slot", null)));
+    return (index.h(index.Host, null, index.h("div", { class: "padding-bottom-1" }, index.h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._workflowChange(evt) }, index.h("calcite-radio-group-item", { checked: searchEnabled, class: "w-50 end-border", value: interfaces$1.EWorkflowType.SEARCH }, this._translations.search), index.h("calcite-radio-group-item", { checked: drawEnabled, class: "w-50", value: interfaces$1.EWorkflowType.SKETCH }, this._translations.sketch))), index.h("div", { class: showSearchClass }, index.h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })), index.h("div", { class: showLayerChoiceClass }, index.h("calcite-label", { layout: "inline" }, index.h("calcite-checkbox", { onCalciteCheckboxChange: () => this._layerSelectChanged(), ref: (el) => this._selectFromLayerElement = el }), "Use layer features")), index.h("div", { class: useDrawClass }, index.h("map-draw-tools", { active: true, border: true, mapView: this.mapView, ref: (el) => { this._drawTools = el; } })), index.h("div", { class: useSelectClass }, index.h("refine-selection-tools", { active: true, border: true, enabledLayerIds: this.enabledLayerIds, layerViews: this._refineSelectLayers, mapView: this.mapView, mode: interfaces$1.ESelectionMode.ADD, ref: (el) => { this._refineTools = el; }, refineMode: interfaces$1.ERefineMode.SUBSET })), index.h("calcite-label", { class: showBufferToolsClass }, this._translations.searchDistance, index.h("buffer-tools", { distance: ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) || this.defaultBufferDistance, geometries: this.geometries, onBufferComplete: (evt) => this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit })), index.h("slot", null)));
   }
   //--------------------------------------------------------------------------
   //
@@ -396,16 +399,18 @@ const MapSelectTools = class {
    * @protected
    */
   async _initModules() {
-    const [GraphicsLayer, Graphic, Search, geometryEngine] = await loadModules.loadModules([
+    const [GraphicsLayer, Graphic, Search, geometryEngine, FeatureLayer] = await loadModules.loadModules([
       "esri/layers/GraphicsLayer",
       "esri/Graphic",
       "esri/widgets/Search",
-      "esri/geometry/geometryEngine"
+      "esri/geometry/geometryEngine",
+      "esri/layers/FeatureLayer"
     ]);
     this.GraphicsLayer = GraphicsLayer;
     this.Graphic = Graphic;
     this.Search = Search;
     this._geometryEngine = geometryEngine;
+    this.FeatureLayer = FeatureLayer;
   }
   /**
    * Initialize the graphics layer, selection set, and search widget
@@ -449,11 +454,8 @@ const MapSelectTools = class {
    */
   _initSearchWidget() {
     if (this.mapView && this._searchElement) {
-      const searchOptions = {
-        view: this.mapView,
-        container: this._searchElement,
-        searchTerm: this._searchTerm
-      };
+      const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
+      const searchOptions = Object.assign({ view: this.mapView, container: this._searchElement, searchTerm: this._searchTerm }, searchConfiguration);
       this._searchWidget = new this.Search(searchOptions);
       this._searchWidget.on("search-clear", () => {
         void this._clearResults(false);
@@ -468,6 +470,45 @@ const MapSelectTools = class {
       });
     }
   }
+  /**
+   * Initialize the search widget based on user defined configuration
+   *
+   * @param searchConfiguration search configuration defined by the user
+   * @param view the current map view
+   *
+   * @protected
+   */
+  _getSearchConfig(searchConfiguration, view) {
+    var _a;
+    const sources = searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.sources;
+    if (sources) {
+      sources.forEach(source => {
+        var _a, _b, _c;
+        const isLayerSource = source.hasOwnProperty("layer");
+        if (isLayerSource) {
+          const layerSource = source;
+          const layerFromMap = ((_a = layerSource.layer) === null || _a === void 0 ? void 0 : _a.id)
+            ? view.map.findLayerById(layerSource.layer.id)
+            : null;
+          if (layerFromMap) {
+            layerSource.layer = layerFromMap;
+          }
+          else if ((_b = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _b === void 0 ? void 0 : _b.url) {
+            layerSource.layer = new this.FeatureLayer((_c = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _c === void 0 ? void 0 : _c.url);
+          }
+        }
+      });
+    }
+    (_a = searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.sources) === null || _a === void 0 ? void 0 : _a.forEach(source => {
+      const isLocatorSource = source.hasOwnProperty("locator");
+      if (isLocatorSource) {
+        const locatorSource = source;
+        locatorSource.url = locatorSource.url;
+        delete locatorSource.url;
+      }
+    });
+    return searchConfiguration;
+  }
   /**
    * Initialize the graphics layer used to store any buffer grapghics
    *
@@ -651,12 +692,217 @@ const MapSelectTools = class {
 };
 MapSelectTools.style = mapSelectToolsCss;
 
+const labelFormats = [
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "2-5/8",
+			labelHeightDisplay: "1",
+			labelsPerPageDisplay: "30",
+			averyPartNumber: "*60"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.1875,
+				rightMargin: 0.1875,
+				topMargin: 0.5,
+				bottomMargin: 0.5
+			},
+			numLabelsAcross: 3,
+			numLabelsDown: 10,
+			labelWidth: 2.625,
+			labelHeight: 1,
+			horizGapIn: 0.125,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 11,
+			maxNumLabelLines: 4
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "4",
+			labelHeightDisplay: "1",
+			labelsPerPageDisplay: "20",
+			averyPartNumber: "*61"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.15625,
+				rightMargin: 0.15625,
+				topMargin: 0.47637821,
+				bottomMargin: 0.5
+			},
+			numLabelsAcross: 2,
+			numLabelsDown: 10,
+			labelWidth: 4,
+			labelHeight: 1.0025,
+			horizGapIn: 0.1875,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 11,
+			maxNumLabelLines: 4
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "4",
+			labelHeightDisplay: "1-1/3",
+			labelsPerPageDisplay: "14",
+			averyPartNumber: "*62"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.15625,
+				rightMargin: 0.15625,
+				topMargin: 0.81889808,
+				bottomMargin: 0.83464612
+			},
+			numLabelsAcross: 2,
+			numLabelsDown: 7,
+			labelWidth: 4,
+			labelHeight: 1.3352,
+			horizGapIn: 0.1875,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 11,
+			maxNumLabelLines: 6
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "4",
+			labelHeightDisplay: "2",
+			labelsPerPageDisplay: "10",
+			averyPartNumber: "*63"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.15625,
+				rightMargin: 0.15625,
+				topMargin: 0.5,
+				bottomMargin: 0.5
+			},
+			numLabelsAcross: 2,
+			numLabelsDown: 5,
+			labelWidth: 4,
+			labelHeight: 2,
+			horizGapIn: 0.1875,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 12,
+			maxNumLabelLines: 10
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "4",
+			labelHeightDisplay: "3-1/3",
+			labelsPerPageDisplay: "6",
+			averyPartNumber: "*64"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.15625,
+				rightMargin: 0.15625,
+				topMargin: 0.4724412,
+				bottomMargin: 0.50000027
+			},
+			numLabelsAcross: 2,
+			numLabelsDown: 3,
+			labelWidth: 4,
+			labelHeight: 3.342,
+			horizGapIn: 0.1875,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 14,
+			maxNumLabelLines: 12
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "1-3/4",
+			labelHeightDisplay: "1/2",
+			labelsPerPageDisplay: "80",
+			averyPartNumber: "*67"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.307086375,
+				rightMargin: 0.307086375,
+				topMargin: 0.4724412,
+				bottomMargin: 0.49606326
+			},
+			numLabelsAcross: 4,
+			numLabelsDown: 20,
+			labelWidth: 1.75,
+			labelHeight: 0.50155,
+			horizGapIn: 0.29527575,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 8,
+			maxNumLabelLines: 3
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "1-3/4",
+			labelHeightDisplay: "2/3",
+			labelsPerPageDisplay: "60",
+			averyPartNumber: "*95"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.28936983,
+				rightMargin: 0.28936983,
+				topMargin: 0.53937037,
+				bottomMargin: 0.5511814
+			},
+			numLabelsAcross: 4,
+			numLabelsDown: 15,
+			labelWidth: 1.75,
+			labelHeight: 0.6605,
+			horizGapIn: 0.30708678,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 8,
+			maxNumLabelLines: 4
+		}
+	}
+];
+
+const pdfUtils = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': labelFormats
+});
+
 const pdfDownloadCss = ":host{display:block}";
 
 const PdfDownload = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.disabled = true;
+    this.enabledSizeValues = [];
     this.layerView = undefined;
     this._translations = undefined;
   }
@@ -687,8 +933,8 @@ const PdfDownload = class {
    * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
    * @returns Promise resolving when function is done
    */
-  async downloadCSV(ids, removeDuplicates) {
-    return this._downloadCSV(ids, removeDuplicates);
+  async downloadCSV(ids, removeDuplicates, addColumnTitle) {
+    return this._downloadCSV(ids, removeDuplicates, addColumnTitle);
   }
   //--------------------------------------------------------------------------
   //
@@ -725,15 +971,19 @@ const PdfDownload = class {
    * @protected
    */
   _renderItems() {
-    const s = labelFormats.pdfUtils;
+    const s = pdfUtils;
     const sortedPdfIndo = (s.default || s).sort((a, b) => {
       const _a = parseInt(a.descriptionPDF.labelsPerPageDisplay, 10);
       const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);
       return _a < _b ? -1 : _a > _b ? 1 : 0;
     });
-    return sortedPdfIndo.map((l) => {
-      return (index.h("calcite-option", { value: l }, this._getLabelSizeText(l)));
-    });
+    return sortedPdfIndo.reduce((prev, cur) => {
+      if (this.enabledSizeValues.length === 0 ||
+        this.enabledSizeValues.indexOf(parseInt(cur.descriptionPDF.labelsPerPageDisplay, 10)) > -1) {
+        prev.push((index.h("calcite-option", { value: cur }, this._getLabelSizeText(cur))));
+      }
+      return prev;
+    }, []);
   }
   /**
    * Downloads pdf of mailing labels for the provided list of ids
@@ -758,10 +1008,10 @@ const PdfDownload = class {
    * @returns Promise that will resolve when the download is complete
    * @protected
    */
-  async _downloadCSV(ids, removeDuplicates) {
+  async _downloadCSV(ids, removeDuplicates, addColumnTitle) {
     // TODO this will be leveraged when we do the real implementation of this
     console.log(removeDuplicates);
-    await csvUtils.exportCSV(this.layerView, ids);
+    await csvUtils.exportCSV(this.layerView, ids, addColumnTitle);
   }
   /**
    * Gets the formatted pdf export size text
@@ -805,6 +1055,7 @@ const RefineSelection = class {
      */
     this._addEnabled = true;
     this.addresseeLayer = undefined;
+    this.enabledLayerIds = [];
     this.mapView = undefined;
     this.selectionSets = [];
     this.GraphicsLayer = undefined;
@@ -837,7 +1088,7 @@ const RefineSelection = class {
    * Renders the component.
    */
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "padding-1" }, index.h("div", null, index.h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, index.h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(interfaces$1.ESelectionMode.ADD), value: interfaces$1.ESelectionMode.ADD }, this._translations.add), index.h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(interfaces$1.ESelectionMode.REMOVE), value: interfaces$1.ESelectionMode.REMOVE }, this._translations.remove)), index.h("refine-selection-tools", { border: true, ids: publicNotificationUtils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? interfaces$1.ESelectionMode.ADD : interfaces$1.ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, useLayerPicker: false })), index.h("br", null), (index.h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (index.h(index.Host, null, index.h("div", { class: "padding-1" }, index.h("div", null, index.h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, index.h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(interfaces$1.ESelectionMode.ADD), value: interfaces$1.ESelectionMode.ADD }, this._translations.add), index.h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(interfaces$1.ESelectionMode.REMOVE), value: interfaces$1.ESelectionMode.REMOVE }, this._translations.remove)), index.h("refine-selection-tools", { border: true, enabledLayerIds: this.enabledLayerIds, ids: publicNotificationUtils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? interfaces$1.ESelectionMode.ADD : interfaces$1.ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, useLayerPicker: false })), index.h("br", null), (index.h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //

package/dist/cjs/{csvUtils-18a03353.js → csvUtils-83af7ae1.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const mapViewUtils = require('./mapViewUtils-8ea9adc5.js');
+const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
 
 /** @license
  * Copyright 2022 Esri
@@ -30,7 +30,7 @@ const mapViewUtils = require('./mapViewUtils-8ea9adc5.js');
  *
  * @returns Promise when the function has completed
  */
-async function exportCSV(layerView, ids) {
+async function exportCSV(layerView, ids, addColumnTitle) {
   const featureSet = await mapViewUtils.queryFeaturesByID(ids, layerView.layer);
   const attributes = featureSet.features.map(f => f.attributes);
   const fieldNames = {};
@@ -40,7 +40,7 @@ async function exportCSV(layerView, ids) {
       fieldNames[k] = k;
     }
   });
-  _downloadCSVFile(fieldNames, attributes, `notify-${Date.now().toString()}`);
+  _downloadCSVFile(fieldNames, attributes, `notify-${Date.now().toString()}`, addColumnTitle);
 }
 /**
  * Download the CSV file
@@ -53,8 +53,8 @@ async function exportCSV(layerView, ids) {
  *
  * @returns void
  */
-function _downloadCSVFile(fieldNames, attributes, fileTitle) {
-  if (fieldNames) {
+function _downloadCSVFile(fieldNames, attributes, fileTitle, addColumnTitle) {
+  if (addColumnTitle && fieldNames) {
     attributes.unshift(fieldNames);
   }
   // format values to string so it doesn't get tripped up when a value has a comma