@esri/solutions-components 0.4.1 → 0.4.3

package/dist/components/downloadUtils.js

@@ -2127,6 +2127,7 @@ function _downloadPDFFile(labels, labelPageDescription, fileTitle) {
 /**
  * Downloads csv of mailing labels for the provided list of ids
  *
+ * @param selectionSetNames Names of the selection sets used to provide ids
  * @param layer Layer providing features and attributes for download
  * @param ids List of ids to download
  * @param formatUsingLayerPopup When true, the layer's popup is used to choose attributes for each column; when false,
@@ -2135,7 +2136,8 @@ function _downloadPDFFile(labels, labelPageDescription, fileTitle) {
  * @param addColumnTitle Indicates if column headings should be included in output
  * @returns Promise resolving when function is done
  */
-async function downloadCSV(layer, ids, formatUsingLayerPopup, removeDuplicates = false, addColumnTitle = false) {
+async function downloadCSV(selectionSetNames, layer, ids, formatUsingLayerPopup, removeDuplicates = false, addColumnTitle = false) {
+  console.log("downloadCSV using selectionSetNames " + JSON.stringify(selectionSetNames)); //???
   const labels = await _prepareLabels(layer, ids, removeDuplicates, formatUsingLayerPopup, addColumnTitle);
   exportCSV(labels);
   return Promise.resolve();
@@ -2143,13 +2145,15 @@ async function downloadCSV(layer, ids, formatUsingLayerPopup, removeDuplicates =
 /**
  * Downloads csv of mailing labels for the provided list of ids
  *
+ * @param selectionSetNames Names of the selection sets used to provide ids
  * @param layer Layer providing features and attributes for download
  * @param ids List of ids to download
  * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
  * @param labelPageDescription Provides PDF page layout info
  * @returns Promise resolving when function is done
  */
-async function downloadPDF(layer, ids, removeDuplicates, labelPageDescription) {
+async function downloadPDF(selectionSetNames, layer, ids, removeDuplicates, labelPageDescription) {
+  console.log("downloadPDF using selectionSetNames " + JSON.stringify(selectionSetNames)); //???
   const labels = await _prepareLabels(layer, ids, removeDuplicates);
   exportPDF(labels, labelPageDescription);
   return Promise.resolve();
@@ -2160,13 +2164,14 @@ async function downloadPDF(layer, ids, removeDuplicates, labelPageDescription) {
  * Converts a set of fieldInfos into template lines.
  *
  * @param fieldInfos Layer's fieldInfos structure
+ * @param bypassFieldVisiblity Indicates if the configured fieldInfo visibility property should be ignored
  * @return Label spec
  */
-function _convertPopupFieldsToLabelSpec(fieldInfos) {
+function _convertPopupFieldsToLabelSpec(fieldInfos, bypassFieldVisiblity = false) {
   const labelSpec = [];
   // Every visible attribute is used
   fieldInfos.forEach(fieldInfo => {
-    if (fieldInfo.visible) {
+    if (fieldInfo.visible || bypassFieldVisiblity) {
       labelSpec.push(`{${fieldInfo.fieldName}}`);
     }
   });
@@ -2196,6 +2201,49 @@ function _convertPopupTextToLabelSpec(popupInfo) {
   labelSpec = labelSpec.map(line => line.trim()).filter(line => line.length > 0);
   return labelSpec;
 }
+/**
+ * Extracts Arcade expressions from the lines of a label format and creates an Arcade executor for each
+ * referenced expression name.
+ *
+ * @param labelFormat Label to examine
+ * @param layer Layer from which to fetch features
+ * @return Promise resolving to a set of executors keyed using the expression name
+ */
+async function _createArcadeExecutors(labelFormat, layer) {
+  const arcadeExecutors = {};
+  // Are any Arcade expressions in the layer?
+  if (!Array.isArray(layer.popupTemplate.expressionInfos) || layer.popupTemplate.expressionInfos.length === 0) {
+    return Promise.resolve(arcadeExecutors);
+  }
+  // Are there any Arcade expressions in the label format?
+  const arcadeExpressionRegExp = /\{expression\/\w+\}/g;
+  const arcadeExpressionsMatches = labelFormat.join("|").match(arcadeExpressionRegExp);
+  if (!arcadeExpressionsMatches) {
+    return Promise.resolve(arcadeExecutors);
+  }
+  // Generate an Arcade executor for each match
+  const [arcade] = await loadModules(["esri/arcade"]);
+  const labelingProfile = arcade.createArcadeProfile("popup");
+  const createArcadeExecutorPromises = {};
+  arcadeExpressionsMatches.forEach((match) => {
+    const expressionName = match.substring(match.indexOf("/") + 1, match.length - 1);
+    (layer.popupTemplate.expressionInfos || []).forEach(expressionInfo => {
+      if (expressionInfo.name === expressionName) {
+        createArcadeExecutorPromises[expressionName] =
+          arcade.createArcadeExecutor(expressionInfo.expression, labelingProfile);
+      }
+    });
+  });
+  const promises = Object.values(createArcadeExecutorPromises);
+  return Promise.all(promises)
+    .then(executors => {
+    const expressionNames = Object.keys(createArcadeExecutorPromises);
+    for (let i = 0; i < expressionNames.length; ++i) {
+      arcadeExecutors[expressionNames[i]] = executors[i].valueOf();
+    }
+    return arcadeExecutors;
+  });
+}
 /**
  * Creates labels from items.
  *
@@ -2209,33 +2257,57 @@ function _convertPopupTextToLabelSpec(popupInfo) {
  */
 async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLayerPopup = true, includeHeaderNames = false) {
   var _a, _b, _c, _d;
-  const [intl] = await loadModules([
-    "esri/intl"
-  ]);
-  // Get the attributes of the features to export
+  const [intl] = await loadModules(["esri/intl"]);
+  // Get the features to export
   const featureSet = await queryFeaturesByID(ids, layer);
-  const featuresAttrs = featureSet.features.map(f => f.attributes);
   // Get the label formatting, if any
   let labelFormat;
+  let arcadeExecutors = {};
   if (layer.popupEnabled) {
     // What data fields are used in the labels?
     // Example labelFormat: ['{NAME}', '{STREET}', '{CITY}, {STATE} {ZIP}']
     if (formatUsingLayerPopup && ((_b = (_a = layer.popupTemplate) === null || _a === void 0 ? void 0 : _a.content[0]) === null || _b === void 0 ? void 0 : _b.type) === "fields") {
       labelFormat = _convertPopupFieldsToLabelSpec(layer.popupTemplate.fieldInfos);
+      // If popup is configured with "no attribute information", then no fields will visible
+      if (labelFormat.length === 0) {
+        // Can we use the popup title?
+        // eslint-disable-next-line unicorn/prefer-ternary
+        if (typeof layer.popupTemplate.title === "string") {
+          labelFormat = [layer.popupTemplate.title];
+          // Otherwise revert to using attributes
+        }
+        else {
+          labelFormat = _convertPopupFieldsToLabelSpec(layer.popupTemplate.fieldInfos, true);
+        }
+      }
     }
     else if (formatUsingLayerPopup && ((_d = (_c = layer.popupTemplate) === null || _c === void 0 ? void 0 : _c.content[0]) === null || _d === void 0 ? void 0 : _d.type) === "text") {
       labelFormat = _convertPopupTextToLabelSpec(layer.popupTemplate.content[0].text);
+      // Do we need any Arcade executors?
+      arcadeExecutors = await _createArcadeExecutors(labelFormat, layer);
     }
   }
   // Apply the label format
   let labels;
   // eslint-disable-next-line unicorn/prefer-ternary
   if (labelFormat) {
+    const arcadeExpressionRegExp = /\{expression\/\w+\}/g;
     // Convert attributes into an array of labels
-    labels = featuresAttrs.map(featureAttributes => {
+    labels = featureSet.features.map(feature => {
       const label = [];
       labelFormat.forEach(labelLineTemplate => {
-        const labelLine = intl.substitute(labelLineTemplate, featureAttributes).trim();
+        let labelLine = labelLineTemplate;
+        // Replace Arcade expressions
+        const arcadeExpressionsMatches = labelLine.match(arcadeExpressionRegExp);
+        if (arcadeExpressionsMatches) {
+          arcadeExpressionsMatches.forEach((match) => {
+            const expressionName = match.substring(match.indexOf("/") + 1, match.length - 1);
+            const replacement = arcadeExecutors[expressionName].execute({ "$feature": feature });
+            labelLine = labelLine.replace(match, replacement);
+          });
+        }
+        // Replace fields; must be done after Arcade check because `substitute` will discard Arcade expressions!
+        labelLine = intl.substitute(labelLine, feature.attributes).trim();
         if (labelLine.length > 0) {
           label.push(labelLine);
         }
@@ -2247,8 +2319,8 @@ async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLa
   }
   else {
     // Export all attributes
-    labels = featuresAttrs.map(featureAttributes => {
-      return Object.values(featureAttributes).map(attribute => `${attribute}`);
+    labels = featureSet.features.map(feature => {
+      return Object.values(feature.attributes).map(attribute => `${attribute}`);
     });
   }
   // Remove duplicates
@@ -2264,7 +2336,8 @@ async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLa
       headerNames = labelFormat.map(labelFormatLine => labelFormatLine.replace(/\{/g, "").replace(/\}/g, ""));
     }
     else {
-      Object.keys(featuresAttrs[0]).forEach(k => {
+      const featuresAttrs = featureSet.features[0].attributes;
+      Object.keys(featuresAttrs).forEach(k => {
         if (featuresAttrs[0].hasOwnProperty(k)) {
           headerNames.push(k);
         }

package/dist/components/layer-table.js

@@ -237,7 +237,7 @@ const LayerTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    * @returns a promise that will resolve when the operation is complete
    */
   async _exportToCSV() {
-    return downloadCSV(this._layerView.layer, this._getSelectedIds(), false, // formatUsingLayerPopup
+    return downloadCSV([], this._layerView.layer, this._getSelectedIds(), false, // formatUsingLayerPopup
     false, // removeDuplicates
     true);
   }

package/dist/components/locale.js

@@ -409,4 +409,4 @@ async function getLocaleComponentStrings(element) {
   return [strings, componentLanguage];
 }
 
-export { esriLoader as e, getLocaleComponentStrings as g };
+export { getComponentClosestLanguage as a, esriLoader as e, getLocaleComponentStrings as g };

package/dist/components/map-select-tools2.js

@@ -36,6 +36,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   constructor() {
     super();
     this.__registerHost();
+    this.selectionLoadingChange = createEvent(this, "selectionLoadingChange", 7);
     this.selectionSetChange = createEvent(this, "selectionSetChange", 7);
     this.sketchTypeChange = createEvent(this, "sketchTypeChange", 7);
     this.workflowTypeChange = createEvent(this, "workflowTypeChange", 7);
@@ -311,16 +312,15 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
         void this._clearResults(false);
       });
       this._searchWidget.on("select-result", (searchResults) => {
-        var _a, _b;
+        var _a, _b, _c;
         void this._clearResults(false);
         if (searchResults.result) {
           this._searchResult = searchResults.result;
-          const useOIDs = ((_a = searchResults.source) === null || _a === void 0 ? void 0 : _a.layer.id) === this.selectLayerView.layer.id;
+          const useOIDs = ((_b = (_a = searchResults.source) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id) && searchResults.source.layer.id === this.selectLayerView.layer.id;
           const oids = useOIDs ? [searchResults.result.feature.getObjectId()] : undefined;
-          this._updateSelection(EWorkflowType.SEARCH, [searchResults.result.feature], (_b = searchResults === null || searchResults === void 0 ? void 0 : searchResults.result) === null || _b === void 0 ? void 0 : _b.name, useOIDs, oids);
+          this._updateSelection(EWorkflowType.SEARCH, [searchResults.result.feature], (_c = searchResults === null || searchResults === void 0 ? void 0 : searchResults.result) === null || _c === void 0 ? void 0 : _c.name, useOIDs, oids);
         }
       });
-      console.log("END search widget init");
     }
   }
   /**
@@ -440,7 +440,9 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    * @returns Promise when the selection is complete and the graphics have been highlighted
    */
   async _selectFeatures(geometries) {
+    this.selectionLoadingChange.emit(true);
     this._selectedIds = await queryObjectIds(geometries, this.selectLayerView.layer);
+    this.selectionLoadingChange.emit(false);
     // Add geometries used for selecting features as graphics
     this._drawTools.graphics = this.geometries.map(geom => {
       var _a, _b, _c;
@@ -538,7 +540,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    * @param graphics graphics to be used for selection
    * @param label selection label
    * @param useOIDs indicates if the OIDs should override the geometry for selection
-   * @param oids list of IDs to select when useGeoms is false
+   * @param oids list of IDs to select when useOIDs is true
    *
    * @protected
    */

package/dist/components/pdf-download2.js

@@ -232,24 +232,26 @@ const PdfDownload = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   /**
    * Downloads csv of mailing labels for the provided list of ids
    *
+   * @param selectionSetNames Names of the selection sets used to provide ids
    * @param ids List of ids to download
    * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
    * @param addColumnTitle Indicates if column headings should be included in output
    * @returns Promise resolving when function is done
    */
-  async downloadCSV(ids, removeDuplicates, addColumnTitle = true) {
-    return downloadCSV(this.layerView.layer, ids, true, // formatUsingLayerPopup
+  async downloadCSV(selectionSetNames, ids, removeDuplicates, addColumnTitle = true) {
+    return downloadCSV(selectionSetNames, this.layerView.layer, ids, true, // formatUsingLayerPopup
     removeDuplicates, addColumnTitle);
   }
   /**
    * Downloads pdf of mailing labels for the provided list of ids
    *
+   * @param selectionSetNames Names of the selection sets used to provide ids
    * @param ids List of ids to download
    * @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 downloadPDF(ids, removeDuplicates) {
-    return downloadPDF(this.layerView.layer, ids, removeDuplicates, this._labelInfoElement.selectedOption.value);
+  async downloadPDF(selectionSetNames, ids, removeDuplicates) {
+    return downloadPDF(selectionSetNames, this.layerView.layer, ids, removeDuplicates, this._labelInfoElement.selectedOption.value);
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/public-notification.js

@@ -9,7 +9,7 @@ import { l as loadModules } from './loadModules.js';
 import { a as getMapLayerView, g as goToSelection, h as highlightFeatures, d as defineCustomElement$6 } from './map-layer-picker2.js';
 import { g as getSelectionSetQuery } from './queryUtils.js';
 import { s as state } from './publicNotificationStore.js';
-import { g as getLocaleComponentStrings } from './locale.js';
+import { a as getComponentClosestLanguage, g as getLocaleComponentStrings } from './locale.js';
 import { g as getTotal, a as getSelectionIds, d as defineCustomElement$3 } from './refine-selection2.js';
 import { d as defineCustomElement$C } from './buffer-tools2.js';
 import { d as defineCustomElement$B } from './action.js';
@@ -74,6 +74,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this._numSelected = 0;
     this._pageType = EPageType.LIST;
     this._saveEnabled = false;
+    this._selectionLoading = false;
     this._selectionSets = [];
     this._sketchType = ESketchType.INTERACTIVE;
     this._selectionWorkflowType = EWorkflowType.SEARCH;
@@ -109,7 +110,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     console.log(oldValue);
     if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
       console.log("Emit event from parent");
-      this.searchConfigurationChange.emit(newValue);
+      this._searchConfiguration = Object.assign({}, newValue);
+      this.searchConfigurationChange.emit(this._searchConfiguration);
     }
   }
   /**
@@ -144,6 +146,12 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this._updateLabel(event, "distance");
     this._distance = event.detail.newValue;
   }
+  /**
+   * Handle changes when selection is loading
+   */
+  selectionLoadingChange(event) {
+    this._selectionLoading = event.detail;
+  }
   /**
    * Handle changes to the selection sets
    */
@@ -179,8 +187,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * Renders the component.
    */
   render() {
-    const hasSelections = this._selectionSets.length > 0;
-    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))));
+    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", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : undefined, this._getActionGroup("file-pdf", EPageType.PDF, this._translations.downloadPDF), this._getActionGroup("file-csv", EPageType.CSV, this._translations.downloadCSV)), this._getPage(this._pageType))));
   }
   //--------------------------------------------------------------------------
   //
@@ -210,9 +217,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    *
    * @protected
    */
-  _getActionGroup(icon, disabled, pageType, tip) {
+  _getActionGroup(icon, pageType, tip) {
     const groupClass = this.showRefineSelection ? "action-center w-1-4" : "action-center w-1-3";
-    return (h("calcite-action-group", { class: groupClass, layout: "horizontal" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, disabled: disabled, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
+    return (h("calcite-action-group", { class: groupClass, layout: "horizontal" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
   }
   /**
    * Navigate to the defined page type
@@ -326,6 +333,16 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
       this._layerSelectionChangeEvt.detail[0] : "";
     await this._updateAddresseeLayer(id);
   }
+  /**
+   * Check if any selection sets exist.
+   *
+   * @returns true if selection sets exist
+   *
+   * @protected
+   */
+  _hasSelections() {
+    return this._selectionSets.length > 0;
+  }
   /**
    * Create the Select page that shows the selection workflows
    *
@@ -342,8 +359,13 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     const noticeText = this._selectionWorkflowType === EWorkflowType.SELECT ? selectTip :
       this._selectionWorkflowType === EWorkflowType.SKETCH ? sketchTip : searchTip;
     const nameLabelClass = this.customLabelEnabled ? "" : "display-none";
-    return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull.replace("{{layer}}", (_a = this.addresseeLayer) === null || _a === void 0 ? void 0 : _a.layer.title)), this._getNotice(noticeText), h("div", { class: "padding-top-sides-1" }, h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enabledLayerIds: this.selectionLayerIds, isUpdate: !!this._activeSelection, mapView: this.mapView, onSelectionSetChange: (evt) => this._updateForSelection(evt), onWorkflowTypeChange: (evt) => this._updateForWorkflowType(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this.searchConfiguration, selectLayerView: this.addresseeLayer, selectionSet: this._activeSelection, showBufferTools: this.showSearchSettings })), h("div", { class: "padding-sides-1 padding-bottom-1", style: { "align-items": "end", "display": "flex" } }, h("calcite-icon", { class: "info-blue padding-end-1-2", icon: "feature-layer", scale: "s" }), h("calcite-input-message", { active: true, class: "info-blue", scale: "m" }, this.noResultText && this._numSelected === 0 ? this.noResultText :
-      this._translations.selectedAddresses.replace("{{n}}", this._numSelected.toString()).replace("{{layer}}", ((_b = this.addresseeLayer) === null || _b === void 0 ? void 0 : _b.layer.title) || ""))), h("div", { class: "padding-sides-1 " + nameLabelClass }, h("calcite-label", { class: "font-bold" }, "List name", h("calcite-input", { onInput: () => {
+    // TODO find out if ... is appropriate for other languages
+    const locale = getComponentClosestLanguage(this.el);
+    const selectionLoading = locale && locale === "en" ?
+      `${this._translations.selectionLoading}...` : this._translations.selectionLoading;
+    return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull.replace("{{layer}}", (_a = this.addresseeLayer) === null || _a === void 0 ? void 0 : _a.layer.title)), this._getNotice(noticeText), h("div", { class: "padding-top-sides-1" }, h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enabledLayerIds: this.selectionLayerIds, isUpdate: !!this._activeSelection, mapView: this.mapView, onSelectionSetChange: (evt) => this._updateForSelection(evt), onWorkflowTypeChange: (evt) => this._updateForWorkflowType(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, selectLayerView: this.addresseeLayer, selectionSet: this._activeSelection, showBufferTools: this.showSearchSettings })), h("div", { class: "padding-sides-1 padding-bottom-1", style: { "align-items": "end", "display": "flex" } }, this._selectionLoading ? (h("div", null, h("calcite-loader", { active: true, class: "info-blue", inline: true, label: selectionLoading, scale: "m", type: "indeterminate" }))) : (h("calcite-icon", { class: "info-blue padding-end-1-2", icon: "feature-layer", scale: "s" })), h("calcite-input-message", { active: true, class: "info-blue", scale: "m" }, this._selectionLoading ? selectionLoading :
+      this.noResultText && this._numSelected === 0 ? this.noResultText :
+        this._translations.selectedAddresses.replace("{{n}}", this._numSelected.toString()).replace("{{layer}}", ((_b = this.addresseeLayer) === null || _b === void 0 ? void 0 : _b.layer.title) || ""))), h("div", { class: "padding-sides-1 " + nameLabelClass }, h("calcite-label", { class: "font-bold" }, "List name", h("calcite-input", { onInput: () => {
         this.labelChange.emit(this._labelName.value);
       }, placeholder: "Insert label here...", ref: (el) => { this._labelName = el; }, value: this._customLabel || "" }))), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
   }
@@ -354,7 +376,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * @protected
    */
   _getRefinePage() {
-    return (h("calcite-panel", null, this._getLabel(this._translations.refineSelection), this._getNotice(this._translations.refineTip, "padding-sides-1"), h("refine-selection", { addresseeLayer: this.addresseeLayer, enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, selectionSets: this._selectionSets })));
+    const hasSelections = this._hasSelections();
+    return (h("calcite-panel", null, this._getLabel(this._translations.refineSelection), hasSelections ? (h("div", null, this._getNotice(this._translations.refineTip, "padding-sides-1"), h("refine-selection", { addresseeLayer: this.addresseeLayer, enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, selectionSets: this._selectionSets }))) :
+      this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")));
   }
   /**
    * Create the PDF download page that shows the download options
@@ -385,7 +409,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    */
   _getDownloadPage(type) {
     const isPdf = type === EExportType.PDF;
-    return (h("calcite-panel", null, h("div", null, h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "font-bold" }, isPdf ? this._translations.downloadPDF : this._translations.downloadCSV), 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)))));
+    const hasSelections = this._hasSelections();
+    return (h("calcite-panel", null, h("div", null, h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "font-bold" }, isPdf ? this._translations.downloadPDF : this._translations.downloadCSV)), hasSelections ? (h("div", null, 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)))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
   }
   /**
    * Create the stacked navigation buttons for a page
@@ -468,7 +493,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    */
   _downloadPDF() {
     const ids = getSelectionIds(this._getDownloadSelectionSets());
-    void this._downloadTools.downloadPDF(ids, this._removeDuplicates.checked);
+    const selectionSetNames = this._selectionSets.map(set => set.label);
+    void this._downloadTools.downloadPDF(selectionSetNames, ids, this._removeDuplicates.checked);
   }
   /**
    * Download all selection sets as CSV
@@ -477,7 +503,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    */
   _downloadCSV() {
     const ids = getSelectionIds(this._getDownloadSelectionSets());
-    void this._downloadTools.downloadCSV(ids, this._removeDuplicates.checked);
+    const selectionSetNames = this._selectionSets.map(set => set.label);
+    void this._downloadTools.downloadCSV(selectionSetNames, ids, this._removeDuplicates.checked);
   }
   /**
    * Get all enabled selection sets
@@ -757,12 +784,13 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     "_numSelected": [32],
     "_pageType": [32],
     "_saveEnabled": [32],
+    "_selectionLoading": [32],
     "_selectionSets": [32],
     "_sketchType": [32],
     "_selectionWorkflowType": [32],
     "_showLayerSelectionChangeModal": [32],
     "_translations": [32]
-  }, [[8, "distanceChanged", "distanceChanged"], [8, "selectionSetsChanged", "selectionSetsChanged"], [8, "sketchTypeChange", "sketchTypeChange"], [8, "unitChanged", "unitChanged"]]]);
+  }, [[8, "distanceChanged", "distanceChanged"], [8, "selectionLoadingChange", "selectionLoadingChange"], [8, "selectionSetsChanged", "selectionSetsChanged"], [8, "sketchTypeChange", "sketchTypeChange"], [8, "unitChanged", "unitChanged"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

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

@@ -26,6 +26,7 @@ const RefineSelectionTools = /*@__PURE__*/ proxyCustomElement(class extends HTML
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.selectionLoadingChange = createEvent(this, "selectionLoadingChange", 7);
     this.refineSelectionGraphicsChange = createEvent(this, "refineSelectionGraphicsChange", 7);
     this.refineSelectionIdsChange = createEvent(this, "refineSelectionIdsChange", 7);
     /**
@@ -301,11 +302,13 @@ const RefineSelectionTools = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * @protected
    */
   async _selectFeatures(geom) {
+    this.selectionLoadingChange.emit(true);
     const queryFeaturePromises = this.layerViews.map(layerView => {
       this._featuresCollection[layerView.layer.id] = [];
       return queryFeaturesByGeometry(0, layerView.layer, geom, this._featuresCollection);
     });
     return Promise.all(queryFeaturePromises).then(async (response) => {
+      this.selectionLoadingChange.emit(false);
       let graphics = [];
       response.forEach(r => {
         Object.keys(r).forEach(k => {

package/dist/esm/add-record-modal.entry.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-c246d90e.js';
-import { g as getLocaleComponentStrings } from './locale-4a87aff1.js';
+import { g as getLocaleComponentStrings } from './locale-7bf10e0a.js';
 import './_commonjsHelpers-d5f9d613.js';
 
 const addRecordModalCss = ":host{display:block;--calcite-label-margin-bottom:0px}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:bold}.font-500{font-weight:500}.display-none{display:none}";

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

@@ -4,8 +4,8 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c246d90e.js';
-import { l as loadModules } from './loadModules-649aedac.js';
-import { g as getLocaleComponentStrings } from './locale-4a87aff1.js';
+import { l as loadModules } from './loadModules-b299cd43.js';
+import { g as getLocaleComponentStrings } from './locale-7bf10e0a.js';
 import { b as getElementDir, g as getElementProp, t as toAriaBoolean, i as isPrimaryPointerButton, h as intersects } from './dom-3bdc69ee.js';
 import { c as connectLabel, d as disconnectLabel } from './label-aa562647.js';
 import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-62bc7b1f.js';
@@ -1526,6 +1526,7 @@ const refineSelectionToolsCss = ":host{display:block}.div-visible{display:inheri
 const RefineSelectionTools = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.selectionLoadingChange = createEvent(this, "selectionLoadingChange", 7);
     this.refineSelectionGraphicsChange = createEvent(this, "refineSelectionGraphicsChange", 7);
     this.refineSelectionIdsChange = createEvent(this, "refineSelectionIdsChange", 7);
     /**
@@ -1801,11 +1802,13 @@ const RefineSelectionTools = class {
    * @protected
    */
   async _selectFeatures(geom) {
+    this.selectionLoadingChange.emit(true);
     const queryFeaturePromises = this.layerViews.map(layerView => {
       this._featuresCollection[layerView.layer.id] = [];
       return queryFeaturesByGeometry(0, layerView.layer, geom, this._featuresCollection);
     });
     return Promise.all(queryFeaturePromises).then(async (response) => {
+      this.selectionLoadingChange.emit(false);
       let graphics = [];
       response.forEach(r => {
         Object.keys(r).forEach(k => {

package/dist/esm/calcite-dropdown-group_4.entry.js

@@ -6,7 +6,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c246d90e.js';
 import { g as getElementProp, t as toAriaBoolean } from './dom-3bdc69ee.js';
 import { u as updateHostInteraction } from './interactive-822ffed6.js';
-import { g as getLocaleComponentStrings } from './locale-4a87aff1.js';
+import { g as getLocaleComponentStrings } from './locale-7bf10e0a.js';
 import './resources-436ae282.js';
 import './guid-15fce7c0.js';
 import './_commonjsHelpers-d5f9d613.js';

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

@@ -7,12 +7,12 @@ import { r as registerInstance, h, H as Host, g as getElement, c as createEvent
 import { s as setRequestedIcon, g as getElementProp, a as getSlotted } from './dom-3bdc69ee.js';
 import { S as StatusIcons } from './interfaces-4ae145eb.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d09506c4.js';
-import { l as loadModules } from './loadModules-649aedac.js';
+import { l as loadModules } from './loadModules-b299cd43.js';
 import { g as goToSelection, h as highlightFeatures, d as queryObjectIds, e as getQueryGeoms } from './mapViewUtils-02696ab6.js';
 import { E as EWorkflowType, f as ESelectionMode, g as ERefineMode, c as ESketchType } from './interfaces-d0d83efa.js';
 import { s as state } from './publicNotificationStore-b9daaee4.js';
-import { g as getLocaleComponentStrings } from './locale-4a87aff1.js';
-import { d as downloadCSV, a as downloadPDF } from './downloadUtils-76e38a94.js';
+import { g as getLocaleComponentStrings } from './locale-7bf10e0a.js';
+import { d as downloadCSV, a as downloadPDF } from './downloadUtils-8d64719e.js';
 import { a as getSelectionIds, g as getTotal } from './publicNotificationUtils-5cb5a607.js';
 import './resources-436ae282.js';
 import './guid-15fce7c0.js';
@@ -237,6 +237,7 @@ const mapSelectToolsCss = ":host{display:block}.div-visible{display:inherit}.div
 const MapSelectTools = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.selectionLoadingChange = createEvent(this, "selectionLoadingChange", 7);
     this.selectionSetChange = createEvent(this, "selectionSetChange", 7);
     this.sketchTypeChange = createEvent(this, "sketchTypeChange", 7);
     this.workflowTypeChange = createEvent(this, "workflowTypeChange", 7);
@@ -512,16 +513,15 @@ const MapSelectTools = class {
         void this._clearResults(false);
       });
       this._searchWidget.on("select-result", (searchResults) => {
-        var _a, _b;
+        var _a, _b, _c;
         void this._clearResults(false);
         if (searchResults.result) {
           this._searchResult = searchResults.result;
-          const useOIDs = ((_a = searchResults.source) === null || _a === void 0 ? void 0 : _a.layer.id) === this.selectLayerView.layer.id;
+          const useOIDs = ((_b = (_a = searchResults.source) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id) && searchResults.source.layer.id === this.selectLayerView.layer.id;
           const oids = useOIDs ? [searchResults.result.feature.getObjectId()] : undefined;
-          this._updateSelection(EWorkflowType.SEARCH, [searchResults.result.feature], (_b = searchResults === null || searchResults === void 0 ? void 0 : searchResults.result) === null || _b === void 0 ? void 0 : _b.name, useOIDs, oids);
+          this._updateSelection(EWorkflowType.SEARCH, [searchResults.result.feature], (_c = searchResults === null || searchResults === void 0 ? void 0 : searchResults.result) === null || _c === void 0 ? void 0 : _c.name, useOIDs, oids);
         }
       });
-      console.log("END search widget init");
     }
   }
   /**
@@ -641,7 +641,9 @@ const MapSelectTools = class {
    * @returns Promise when the selection is complete and the graphics have been highlighted
    */
   async _selectFeatures(geometries) {
+    this.selectionLoadingChange.emit(true);
     this._selectedIds = await queryObjectIds(geometries, this.selectLayerView.layer);
+    this.selectionLoadingChange.emit(false);
     // Add geometries used for selecting features as graphics
     this._drawTools.graphics = this.geometries.map(geom => {
       var _a, _b, _c;
@@ -739,7 +741,7 @@ const MapSelectTools = class {
    * @param graphics graphics to be used for selection
    * @param label selection label
    * @param useOIDs indicates if the OIDs should override the geometry for selection
-   * @param oids list of IDs to select when useGeoms is false
+   * @param oids list of IDs to select when useOIDs is true
    *
    * @protected
    */
@@ -988,24 +990,26 @@ const PdfDownload = class {
   /**
    * Downloads csv of mailing labels for the provided list of ids
    *
+   * @param selectionSetNames Names of the selection sets used to provide ids
    * @param ids List of ids to download
    * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
    * @param addColumnTitle Indicates if column headings should be included in output
    * @returns Promise resolving when function is done
    */
-  async downloadCSV(ids, removeDuplicates, addColumnTitle = true) {
-    return downloadCSV(this.layerView.layer, ids, true, // formatUsingLayerPopup
+  async downloadCSV(selectionSetNames, ids, removeDuplicates, addColumnTitle = true) {
+    return downloadCSV(selectionSetNames, this.layerView.layer, ids, true, // formatUsingLayerPopup
     removeDuplicates, addColumnTitle);
   }
   /**
    * Downloads pdf of mailing labels for the provided list of ids
    *
+   * @param selectionSetNames Names of the selection sets used to provide ids
    * @param ids List of ids to download
    * @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 downloadPDF(ids, removeDuplicates) {
-    return downloadPDF(this.layerView.layer, ids, removeDuplicates, this._labelInfoElement.selectedOption.value);
+  async downloadPDF(selectionSetNames, ids, removeDuplicates) {
+    return downloadPDF(selectionSetNames, this.layerView.layer, ids, removeDuplicates, this._labelInfoElement.selectedOption.value);
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-shell-panel_14.entry.js

@@ -14,7 +14,7 @@ import { S as Sortable } from './sortable.esm-3b2eaa5c.js';
 import { o as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, g as getItemData, k as keyDownHandler, p as moveItemIndex, i as initialize, b as initializeObserver, c as cleanUpObserver, j as calciteListFocusOutHandler, r as removeItem, e as calciteListItemChangeHandler, f as calciteInternalListItemValueChangeHandler, l as setUpItems, n as setFocus, L as List } from './shared-list-render-13a77297.js';
 import { I as ICON_TYPES$1 } from './resources-2235e4ff.js';
 import { C as CSS$2, S as SLOTS$3 } from './resources-e3a5cf27.js';
-import { g as getLocaleComponentStrings } from './locale-4a87aff1.js';
+import { g as getLocaleComponentStrings } from './locale-7bf10e0a.js';
 import { s as state, E as EFileType } from './solution-store-477288ac.js';
 import { e as EUpdateType } from './interfaces-d0d83efa.js';
 import './resources-436ae282.js';

package/dist/esm/card-manager.entry.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-c246d90e.js';
-import { g as getLocaleComponentStrings } from './locale-4a87aff1.js';
+import { g as getLocaleComponentStrings } from './locale-7bf10e0a.js';
 import './_commonjsHelpers-d5f9d613.js';
 
 const cardManagerCss = ":host{display:block}.display-inline-table{display:inline-table}.display-flex{display:flex}.display-none{display:none}.w-100{width:100%}.w-1-2{width:50%}.padding-bottom-1{padding-bottom:1rem}";