@esri/solutions-components 0.3.2 → 0.3.3

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

@@ -14,9 +14,9 @@ import { g as guid } from './guid-15fce7c0.js';
 import { d as decimalPlaces, c as clamp } from './math-552c5420.js';
 import { i as isActivationKey } from './key-acb660e7.js';
 import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-9dd0777b.js';
-import { s as state } from './publicNotificationStore-3e762eea.js';
+import { s as state } from './publicNotificationStore-8e9cb73b.js';
 import { h as ESelectionType, g as ERefineMode, f as ESelectionMode } from './interfaces-3b23a5f9.js';
-import { b as getMapLayerView, i as queryFeaturesByGeometry, h as highlightFeatures } from './mapViewUtils-31d2c2bb.js';
+import { a as getMapLayerView, f as queryFeaturesByGeometry, h as highlightFeatures } from './mapViewUtils-e5d8a1e1.js';
 import './_commonjsHelpers-8fd39c50.js';
 import './resources-436ae282.js';
 import './observers-31601001.js';
@@ -1491,7 +1491,7 @@ const RefineSelectionTools = class {
     this.refineSelectionGraphicsChange = createEvent(this, "refineSelectionGraphicsChange", 7);
     this.refineSelectionIdsChange = 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 = {};
     /**
@@ -1504,6 +1504,7 @@ const RefineSelectionTools = class {
     this._undoStack = [];
     this.active = false;
     this.border = false;
+    this.enabledLayerIds = [];
     this.graphics = undefined;
     this.ids = [];
     this.layerView = undefined;
@@ -1593,7 +1594,7 @@ const RefineSelectionTools = class {
   render() {
     const showLayerPickerClass = this.useLayerPicker ? "div-visible" : "div-not-visible";
     const drawClass = this.border ? " border" : "";
-    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayers: this.layerViews.map(l => l.layer.title), selectionMode: "single" }), h("div", { class: "margin-top-1" + drawClass }, h("div", { class: "esri-sketch esri-widget" }, h("div", { class: "esri-sketch__panel" }, h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
+    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: "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 }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -1720,8 +1721,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 getMapLayerView(this.mapView, title);
+      const layerPromises = evt.detail.map(id => {
+        return getMapLayerView(this.mapView, id);
       });
       return Promise.all(layerPromises).then((layerViews) => {
         this.layerViews = layerViews;
@@ -1768,7 +1769,7 @@ const RefineSelectionTools = class {
    */
   async _selectFeatures(geom) {
     const queryFeaturePromises = this.layerViews.map(layerView => {
-      this._featuresCollection[layerView.layer.title] = [];
+      this._featuresCollection[layerView.layer.id] = [];
       return queryFeaturesByGeometry(0, layerView.layer, geom, this._featuresCollection);
     });
     return Promise.all(queryFeaturePromises).then(async (response) => {

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

@@ -16,8 +16,8 @@ import { i as isPrimaryPointerButton, t as toAriaBoolean, g as getElementProp, a
 import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-5caff873.js';
 import { d as debounce } from './debounce-4c884e5c.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e96b0a4f.js';
-import { g as getMapLayerNames } from './mapViewUtils-31d2c2bb.js';
-import { s as state } from './publicNotificationStore-3e762eea.js';
+import { i as getMapLayerIds, j as getMapLayerHash } from './mapViewUtils-e5d8a1e1.js';
+import { s as state } from './publicNotificationStore-8e9cb73b.js';
 import './resources-436ae282.js';
 import './interfaces-3b23a5f9.js';
 import './index-e496ff06.js';
@@ -1000,10 +1000,11 @@ const MapLayerPicker = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.layerSelectionChange = createEvent(this, "layerSelectionChange", 7);
-    this.layerNames = [];
+    this.enabledLayerIds = [];
     this.mapView = undefined;
-    this.selectedLayers = [];
+    this.selectedLayerIds = [];
     this.selectionMode = "single";
+    this.layerIds = [];
   }
   //--------------------------------------------------------------------------
   //
@@ -1018,7 +1019,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]]);
       }
     }
   }
@@ -1032,8 +1033,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]]);
     }
   }
   /**
@@ -1052,62 +1053,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 (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 (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 (state.managedLayers.indexOf(cur) < 0) {
-        prev.push(this.selectionMode === "multi" && this.selectedLayers.indexOf(cur) > -1 ?
-          (h("calcite-combobox-item", { selected: true, textLabel: cur, value: cur })) :
+    return this.layerIds.reduce((prev, cur) => {
+      if (state.managedLayers.indexOf(state.layerNameHash[cur]) < 0 && (this.enabledLayerIds.length > 0 ? this.enabledLayerIds.indexOf(cur) > -1 : true)) {
+        prev.push(this.selectionMode === "multi" && this.selectedLayerIds.indexOf(cur) > -1 ?
+          (h("calcite-combobox-item", { selected: true, textLabel: state.layerNameHash[cur], value: cur })) :
           this.selectionMode === "multi" ?
-            (h("calcite-combobox-item", { textLabel: cur, value: cur })) :
-            this.selectedLayers.indexOf(cur) > -1 ?
-              (h("calcite-option", { label: cur, selected: true, value: cur })) :
-              (h("calcite-option", { label: cur, value: cur })));
+            (h("calcite-combobox-item", { textLabel: state.layerNameHash[cur], value: cur })) :
+            this.selectedLayerIds.indexOf(cur) > -1 ?
+              (h("calcite-option", { label: state.layerNameHash[cur], selected: true, value: cur })) :
+              (h("calcite-option", { label: 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 getMapLayerNames(this.mapView);
+      const mapLayerIds = await 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) {
+      state.layerNameHash = await 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 getElement(this); }
   static get watchers() { return {

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

@@ -8,12 +8,11 @@ import { s as setRequestedIcon, g as getElementProp, a as getSlotted } from './d
 import { S as StatusIcons } from './interfaces-4ae145eb.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e96b0a4f.js';
 import { l as loadModules } from './loadModules-06bbc523.js';
-import { a as goToSelection, h as highlightFeatures, e as queryObjectIds, f as getQueryGeoms } from './mapViewUtils-31d2c2bb.js';
+import { g as goToSelection, h as highlightFeatures, d as queryObjectIds, e as getQueryGeoms } from './mapViewUtils-e5d8a1e1.js';
 import { E as EWorkflowType, f as ESelectionMode, g as ERefineMode, c as ESketchType } from './interfaces-3b23a5f9.js';
-import { s as state } from './publicNotificationStore-3e762eea.js';
+import { s as state } from './publicNotificationStore-8e9cb73b.js';
 import { g as getLocaleComponentStrings } from './locale-a5a0b545.js';
-import { p as pdfUtils } from './labelFormats-b37958c3.js';
-import { e as exportCSV } from './csvUtils-edc0c2a8.js';
+import { e as exportCSV } from './csvUtils-eb231cfb.js';
 import { a as getSelectionIds, g as getTotal } from './publicNotificationUtils-5cb5a607.js';
 import './resources-436ae282.js';
 import './guid-15fce7c0.js';
@@ -249,9 +248,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;
@@ -377,7 +380,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 (h(Host, null, h("div", { class: "padding-bottom-1" }, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._workflowChange(evt) }, h("calcite-radio-group-item", { checked: searchEnabled, class: "w-50 end-border", value: EWorkflowType.SEARCH }, this._translations.search), h("calcite-radio-group-item", { checked: drawEnabled, class: "w-50", value: EWorkflowType.SKETCH }, this._translations.sketch))), h("div", { class: showSearchClass }, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })), h("div", { class: showLayerChoiceClass }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { onCalciteCheckboxChange: () => this._layerSelectChanged(), ref: (el) => this._selectFromLayerElement = el }), "Use layer features")), h("div", { class: useDrawClass }, h("map-draw-tools", { active: true, border: true, mapView: this.mapView, ref: (el) => { this._drawTools = el; } })), h("div", { class: useSelectClass }, h("refine-selection-tools", { active: true, border: true, layerViews: this._refineSelectLayers, mapView: this.mapView, mode: ESelectionMode.ADD, ref: (el) => { this._refineTools = el; }, refineMode: ERefineMode.SUBSET })), h("calcite-label", { class: showBufferToolsClass }, this._translations.searchDistance, 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 })), h("slot", null)));
+    return (h(Host, null, h("div", { class: "padding-bottom-1" }, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._workflowChange(evt) }, h("calcite-radio-group-item", { checked: searchEnabled, class: "w-50 end-border", value: EWorkflowType.SEARCH }, this._translations.search), h("calcite-radio-group-item", { checked: drawEnabled, class: "w-50", value: EWorkflowType.SKETCH }, this._translations.sketch))), h("div", { class: showSearchClass }, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })), h("div", { class: showLayerChoiceClass }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { onCalciteCheckboxChange: () => this._layerSelectChanged(), ref: (el) => this._selectFromLayerElement = el }), "Use layer features")), h("div", { class: useDrawClass }, h("map-draw-tools", { active: true, border: true, mapView: this.mapView, ref: (el) => { this._drawTools = el; } })), h("div", { class: useSelectClass }, h("refine-selection-tools", { active: true, border: true, enabledLayerIds: this.enabledLayerIds, layerViews: this._refineSelectLayers, mapView: this.mapView, mode: ESelectionMode.ADD, ref: (el) => { this._refineTools = el; }, refineMode: ERefineMode.SUBSET })), h("calcite-label", { class: showBufferToolsClass }, this._translations.searchDistance, 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 })), h("slot", null)));
   }
   //--------------------------------------------------------------------------
   //
@@ -392,16 +395,18 @@ const MapSelectTools = class {
    * @protected
    */
   async _initModules() {
-    const [GraphicsLayer, Graphic, Search, geometryEngine] = await loadModules([
+    const [GraphicsLayer, Graphic, Search, geometryEngine, FeatureLayer] = await 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
@@ -445,11 +450,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);
@@ -464,6 +466,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
    *
@@ -647,12 +688,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) {
     registerInstance(this, hostRef);
     this.disabled = true;
+    this.enabledSizeValues = [];
     this.layerView = undefined;
     this._translations = undefined;
   }
@@ -683,8 +929,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);
   }
   //--------------------------------------------------------------------------
   //
@@ -727,9 +973,13 @@ const PdfDownload = class {
       const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);
       return _a < _b ? -1 : _a > _b ? 1 : 0;
     });
-    return sortedPdfIndo.map((l) => {
-      return (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((h("calcite-option", { value: cur }, this._getLabelSizeText(cur))));
+      }
+      return prev;
+    }, []);
   }
   /**
    * Downloads pdf of mailing labels for the provided list of ids
@@ -754,10 +1004,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 exportCSV(this.layerView, ids);
+    await exportCSV(this.layerView, ids, addColumnTitle);
   }
   /**
    * Gets the formatted pdf export size text
@@ -801,6 +1051,7 @@ const RefineSelection = class {
      */
     this._addEnabled = true;
     this.addresseeLayer = undefined;
+    this.enabledLayerIds = [];
     this.mapView = undefined;
     this.selectionSets = [];
     this.GraphicsLayer = undefined;
@@ -833,7 +1084,7 @@ const RefineSelection = class {
    * 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, ids: getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, 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: getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, useLayerPicker: false })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/{csvUtils-edc0c2a8.js → csvUtils-eb231cfb.js}

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { c as queryFeaturesByID } from './mapViewUtils-31d2c2bb.js';
+import { b as queryFeaturesByID } from './mapViewUtils-e5d8a1e1.js';
 
 /** @license
  * Copyright 2022 Esri
@@ -28,7 +28,7 @@ import { c as queryFeaturesByID } from './mapViewUtils-31d2c2bb.js';
  *
  * @returns Promise when the function has completed
  */
-async function exportCSV(layerView, ids) {
+async function exportCSV(layerView, ids, addColumnTitle) {
   const featureSet = await queryFeaturesByID(ids, layerView.layer);
   const attributes = featureSet.features.map(f => f.attributes);
   const fieldNames = {};
@@ -38,7 +38,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
@@ -51,8 +51,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

package/dist/esm/layer-table.entry.js

@@ -5,8 +5,8 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-09deaa39.js';
 import { g as getLocaleComponentStrings } from './locale-a5a0b545.js';
-import { a as goToSelection, b as getMapLayerView, q as queryAllFeatures } from './mapViewUtils-31d2c2bb.js';
-import { e as exportCSV } from './csvUtils-edc0c2a8.js';
+import { g as goToSelection, a as getMapLayerView, q as queryAllFeatures } from './mapViewUtils-e5d8a1e1.js';
+import { e as exportCSV } from './csvUtils-eb231cfb.js';
 import './_commonjsHelpers-8fd39c50.js';
 import './interfaces-3b23a5f9.js';
 
@@ -218,7 +218,7 @@ const LayerTable = class {
    */
   _exportToCSV() {
     const ids = this._getSelectedIds();
-    void exportCSV(this._layerView, ids);
+    void exportCSV(this._layerView, ids, true);
   }
   /**
    * Zoom to all selected features