@esri/solutions-components 0.6.21 → 0.6.23

package/dist/collection/components/map-layer-picker/map-layer-picker.js

@@ -32,7 +32,7 @@ export class MapLayerPicker {
     this.placeholderIcon = "";
     this.selectedIds = [];
     this.scale = "m";
-    this.showTables = true;
+    this.showTables = undefined;
     this.type = "select";
     this._hasValidLayers = true;
     this.ids = [];
@@ -435,8 +435,7 @@ export class MapLayerPicker {
           "text": "boolean: when true standalone tables will also be available"
         },
         "attribute": "show-tables",
-        "reflect": false,
-        "defaultValue": "true"
+        "reflect": false
       },
       "type": {
         "type": "string",

package/dist/collection/components/map-select-tools/map-select-tools.js

@@ -205,7 +205,7 @@ export class MapSelectTools {
    */
   _getUseLayerFeaturesOptions() {
     const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
-    return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id) }))));
+    return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
   }
   /**
    * Renders the number of selected features
@@ -234,7 +234,7 @@ export class MapSelectTools {
    * @protected
    */
   _getMapLayerPicker() {
-    return (h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [] }))));
+    return (h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
   }
   //--------------------------------------------------------------------------
   //

package/dist/collection/components/map-tools/map-tools.js

@@ -159,7 +159,7 @@ export class MapTools {
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
       undefined, this.enableFloorFilter ?
       this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
-      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //

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

@@ -77,7 +77,7 @@ export class RefineSelection {
   render() {
     var _a, _b;
     const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-    return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id] })), h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //

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

@@ -68,11 +68,13 @@
     <script type="module" src="../solutions-components.esm.js"></script>
 
     <script>
-      require(["esri/WebMap", "esri/views/MapView", "esri/widgets/Legend"], (
+      require(["esri/WebMap", "esri/views/MapView", "esri/widgets/Legend", "esri/config"], (
         WebMap,
         MapView,
-        Legend
+        Legend,
+        esriConfig
       ) => {
+        //esriConfig.portalUrl = "https://solutions.mapsdevext.arcgis.com";
         var webMap = new WebMap({
           portalItem: {
             // solutions

package/dist/collection/utils/downloadUtils.js

@@ -27,21 +27,6 @@ import { queryFeaturesByID } from "./queryUtils";
 export { ILabel } from "./pdfUtils";
 const lineSeparatorChar = "|";
 import { queryRelated } from "@esri/arcgis-rest-feature-layer";
-/**
- * Get the related records for a feature service.
- *
- * @param url Feature service's URL, e.g., layer.url
- * @param relationshipId Id of relationship
- * @param objectIds Objects in the feature service whose related records are sought
- */
-export function getFeatureServiceRelatedRecords(url, relationshipId, objectIds) {
-  const options = {
-    url: url + `/${relationshipId}`,
-    relationshipId,
-    objectIds
-  };
-  return queryRelated(options);
-}
 //#endregion
 // ------------------------------------------------------------------------------------------------------------------ //
 //#region Public functions
@@ -120,7 +105,8 @@ export async function downloadPDF(webmap, exportInfos, labelPageDescription, rem
       // Remove empty labels
       .filter(label => label.length > 0);
   labels = removeDuplicates ? removeDuplicateLabels(labels) : labels;
-  exportPDF(_createFilename(selectionSetNames), labels, labelPageDescription, title, initialImageDataUrl);
+  const exportTitle = title ? title : _createFilename(selectionSetNames);
+  exportPDF(exportTitle, labels, labelPageDescription, title, initialImageDataUrl);
   return Promise.resolve();
 }
 /**
@@ -348,6 +334,27 @@ export function _getExpressionsFromLabel(labelFormat) {
   const arcadeExpressionRegExp = /\{expression\/\w+\}/g;
   return (_a = labelFormat.match(arcadeExpressionRegExp)) !== null && _a !== void 0 ? _a : [];
 }
+/**
+ * Get the related records for a feature service.
+ *
+ * @param url Feature service's URL, e.g., layer.url
+ * @param layerId Id of layer within a feature service
+ * @param relationshipId Id of relationship
+ * @param objectIds Objects in the feature service whose related records are sought
+ */
+export function _getFeatureServiceRelatedRecords(url, layerId, relationshipId, objectIds) {
+  // See if the URL points to a service rather than a layer
+  const endOfUrl = url.substring(url.lastIndexOf("/") + 1);
+  if (isNaN(parseInt(endOfUrl))) {
+    url += "/" + layerId.toString();
+  }
+  const options = {
+    url,
+    relationshipId,
+    objectIds
+  };
+  return queryRelated(options);
+}
 /**
  * Extracts field name expressions from the lines of a label format.
  *
@@ -543,7 +550,7 @@ export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup =
   let featureSet = [];
   if (typeof (labelFormatProps.relationshipId) !== "undefined") {
     // Get the related items for each id
-    const relatedRecResponse = await getFeatureServiceRelatedRecords(layer.url, labelFormatProps.relationshipId, ids);
+    const relatedRecResponse = await _getFeatureServiceRelatedRecords(layer.url, layer.layerId, labelFormatProps.relationshipId, ids);
     const objectIdField = layer.objectIdField;
     let relatedFeatureIds = [];
     relatedRecResponse.relatedRecordGroups.forEach((relatedRecGroup) => {

package/dist/collection/utils/downloadUtils.ts

@@ -91,26 +91,6 @@ import {
   IRelatedRecordGroup,
   queryRelated
 } from "@esri/arcgis-rest-feature-layer";
-/**
- * Get the related records for a feature service.
- *
- * @param url Feature service's URL, e.g., layer.url
- * @param relationshipId Id of relationship
- * @param objectIds Objects in the feature service whose related records are sought
- */
-export function getFeatureServiceRelatedRecords(
-  url: string,
-  relationshipId?: number,
-  objectIds?: number[]
-): Promise<IQueryRelatedResponse> {
-  const options: IQueryRelatedOptions = {
-    url: url + `/${relationshipId}`,
-    relationshipId,
-    objectIds
-  }
-
-  return queryRelated(options);
-}
 
 //#endregion
 // ------------------------------------------------------------------------------------------------------------------ //
@@ -221,7 +201,8 @@ export async function downloadPDF(
 
   labels = removeDuplicates ? removeDuplicateLabels(labels) : labels;
 
-  exportPDF(_createFilename(selectionSetNames), labels, labelPageDescription, title, initialImageDataUrl);
+  const exportTitle = title ? title : _createFilename(selectionSetNames);
+  exportPDF(exportTitle, labels, labelPageDescription, title, initialImageDataUrl);
 
   return Promise.resolve();
 }
@@ -486,6 +467,35 @@ export function _getExpressionsFromLabel(
   return labelFormat.match(arcadeExpressionRegExp) ?? [];
 }
 
+/**
+ * Get the related records for a feature service.
+ *
+ * @param url Feature service's URL, e.g., layer.url
+ * @param layerId Id of layer within a feature service
+ * @param relationshipId Id of relationship
+ * @param objectIds Objects in the feature service whose related records are sought
+ */
+export function _getFeatureServiceRelatedRecords(
+  url: string,
+  layerId: number,
+  relationshipId?: number,
+  objectIds?: number[]
+): Promise<IQueryRelatedResponse> {
+  // See if the URL points to a service rather than a layer
+  const endOfUrl = url.substring(url.lastIndexOf("/") + 1);
+  if (isNaN(parseInt(endOfUrl))) {
+    url += "/" + layerId.toString();
+  }
+
+  const options: IQueryRelatedOptions = {
+    url,
+    relationshipId,
+    objectIds
+  }
+
+  return queryRelated(options);
+}
+
 /**
  * Extracts field name expressions from the lines of a label format.
  *
@@ -722,7 +732,7 @@ export async function _prepareLabels(
   let featureSet: __esri.Graphic[] = [];
   if (typeof(labelFormatProps.relationshipId) !== "undefined") {
     // Get the related items for each id
-    const relatedRecResponse = await getFeatureServiceRelatedRecords(layer.url, labelFormatProps.relationshipId, ids);
+    const relatedRecResponse = await _getFeatureServiceRelatedRecords(layer.url, layer.layerId, labelFormatProps.relationshipId, ids);
 
     const objectIdField = layer.objectIdField;
     let relatedFeatureIds: number[] = [];

package/dist/collection/utils/test/downloadUtils.spec.js

@@ -20,6 +20,7 @@
  */
 import * as downloadUtils from "../downloadUtils";
 import * as esriLoader from "esri-loader";
+import * as restFeatureLayer from "@esri/arcgis-rest-feature-layer";
 describe("downloadUtils", () => {
   describe('removeDuplicateLabels', () => {
     it('should remove duplicate labels', () => {
@@ -196,6 +197,48 @@ describe("downloadUtils", () => {
       expect(expressions).toEqual(expectedExpressions);
     });
   });
+  describe("_getFeatureServiceRelatedRecords", () => {
+    it("handles a feature layer", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/0";
+      const layerId = 5;
+      const expectedOptions = {
+        url
+      };
+      const queryResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+    it("handles a feature service", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer";
+      const layerId = 5;
+      const expectedOptions = {
+        url: "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/5"
+      };
+      const queryResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+    it("handles a feature layer with relationship id and object ids supplied", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/0";
+      const layerId = 5;
+      const relationshipId = 3;
+      const objectIds = [7, 8, 9];
+      const expectedOptions = {
+        url,
+        relationshipId,
+        objectIds
+      };
+      const queryResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId, relationshipId, objectIds);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+  });
   describe("_getFieldExpressionsFromLabel", () => {
     it("handles a label with ASCII field names", () => {
       const labelSpec = "{expression/expr0}\n{OWNERNM1}\n{PSTLADDRESS}\n{PSTLCITY}, {PSTLSTATE} {PSTLZIP5}";

package/dist/collection/utils/test/downloadUtils.spec.tsx

@@ -16,6 +16,7 @@
 
 import * as downloadUtils from "../downloadUtils";
 import * as esriLoader from 'esri-loader';
+import * as restFeatureLayer from "@esri/arcgis-rest-feature-layer";
 
 describe("downloadUtils", () => {
 
@@ -261,6 +262,53 @@ describe("downloadUtils", () => {
 
   });
 
+  describe("_getFeatureServiceRelatedRecords", () => {
+
+    it("handles a feature layer", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/0";
+      const layerId = 5;
+      const expectedOptions: restFeatureLayer.IQueryRelatedOptions = {
+        url
+      };
+      const queryResponse: restFeatureLayer.IQueryRelatedResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+
+    it("handles a feature service", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer";
+      const layerId = 5;
+      const expectedOptions: restFeatureLayer.IQueryRelatedOptions = {
+        url: "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/5"
+      };
+      const queryResponse: restFeatureLayer.IQueryRelatedResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+
+    it("handles a feature layer with relationship id and object ids supplied", () => {
+      const url = "https://servicesdev.arcgis.com/D2C14713795/ArcGIS/rest/services/addresses/FeatureServer/0";
+      const layerId = 5;
+      const relationshipId = 3;
+      const objectIds = [7, 8, 9];
+      const expectedOptions: restFeatureLayer.IQueryRelatedOptions = {
+        url,
+        relationshipId,
+        objectIds
+      };
+      const queryResponse: restFeatureLayer.IQueryRelatedResponse = { relatedRecordGroups: [] };
+      const queryRelatedSpy = jest.spyOn(restFeatureLayer, "queryRelated").mockResolvedValue(queryResponse);
+      void downloadUtils._getFeatureServiceRelatedRecords(url, layerId, relationshipId, objectIds);
+      expect(queryRelatedSpy).toHaveBeenCalledWith(expectedOptions);
+      queryRelatedSpy.mockRestore();
+    });
+
+  });
+
   describe("_getFieldExpressionsFromLabel", () => {
 
     it("handles a label with ASCII field names", () => {

package/dist/components/downloadUtils.js

@@ -2345,21 +2345,6 @@ function queryRelated(requestOptions) {
  * limitations under the License.
  */
 const lineSeparatorChar = "|";
-/**
- * Get the related records for a feature service.
- *
- * @param url Feature service's URL, e.g., layer.url
- * @param relationshipId Id of relationship
- * @param objectIds Objects in the feature service whose related records are sought
- */
-function getFeatureServiceRelatedRecords(url, relationshipId, objectIds) {
-  const options = {
-    url: url + `/${relationshipId}`,
-    relationshipId,
-    objectIds
-  };
-  return queryRelated(options);
-}
 //#endregion
 // ------------------------------------------------------------------------------------------------------------------ //
 //#region Public functions
@@ -2438,7 +2423,8 @@ async function downloadPDF(webmap, exportInfos, labelPageDescription, removeDupl
       // Remove empty labels
       .filter(label => label.length > 0);
   labels = removeDuplicates ? removeDuplicateLabels(labels) : labels;
-  exportPDF(_createFilename(selectionSetNames), labels, labelPageDescription, title, initialImageDataUrl);
+  const exportTitle = title ? title : _createFilename(selectionSetNames);
+  exportPDF(exportTitle, labels, labelPageDescription, title, initialImageDataUrl);
   return Promise.resolve();
 }
 /**
@@ -2663,6 +2649,27 @@ function _getExpressionsFromLabel(labelFormat) {
   const arcadeExpressionRegExp = /\{expression\/\w+\}/g;
   return (_a = labelFormat.match(arcadeExpressionRegExp)) !== null && _a !== void 0 ? _a : [];
 }
+/**
+ * Get the related records for a feature service.
+ *
+ * @param url Feature service's URL, e.g., layer.url
+ * @param layerId Id of layer within a feature service
+ * @param relationshipId Id of relationship
+ * @param objectIds Objects in the feature service whose related records are sought
+ */
+function _getFeatureServiceRelatedRecords(url, layerId, relationshipId, objectIds) {
+  // See if the URL points to a service rather than a layer
+  const endOfUrl = url.substring(url.lastIndexOf("/") + 1);
+  if (isNaN(parseInt(endOfUrl))) {
+    url += "/" + layerId.toString();
+  }
+  const options = {
+    url,
+    relationshipId,
+    objectIds
+  };
+  return queryRelated(options);
+}
 /**
  * Extracts field name expressions from the lines of a label format.
  *
@@ -2858,7 +2865,7 @@ async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true,
   let featureSet = [];
   if (typeof (labelFormatProps.relationshipId) !== "undefined") {
     // Get the related items for each id
-    const relatedRecResponse = await getFeatureServiceRelatedRecords(layer.url, labelFormatProps.relationshipId, ids);
+    const relatedRecResponse = await _getFeatureServiceRelatedRecords(layer.url, layer.layerId, labelFormatProps.relationshipId, ids);
     const objectIdField = layer.objectIdField;
     let relatedFeatureIds = [];
     relatedRecResponse.relatedRecordGroups.forEach((relatedRecGroup) => {

package/dist/components/edit-card2.js

@@ -6,7 +6,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$2 } from './icon.js';
+import { d as defineCustomElement$3 } from './icon.js';
+import { d as defineCustomElement$2 } from './loader.js';
 import { d as defineCustomElement$1 } from './notice.js';
 
 const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-ui-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-ui-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-ui-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}";
@@ -25,6 +26,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
     this.mapView = undefined;
     this.open = false;
     this.graphicIndex = 0;
+    this._editorLoading = false;
     this._translations = undefined;
   }
   //--------------------------------------------------------------------------
@@ -44,11 +46,13 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
   async openWatchHandler(v) {
     var _a;
     if (v && ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphicIndex > -1) {
+      this._editorLoading = true;
       this._initEditorWidget();
       if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
         await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
         this._shouldClose = true;
       }
+      this._editorLoading = false;
     }
     if (!v) {
       this._shouldClose = false;
@@ -88,11 +92,13 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
         this._layerEditHandle.remove();
       }
       this._layerEditHandle = this._layer.on("edits", () => {
+        this._editorLoading = true;
         this.editsComplete.emit();
         this._shouldClose = false;
         this._initEditorWidget();
         void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
         this._shouldClose = true;
+        this._editorLoading = false;
       });
     }
   }
@@ -105,7 +111,9 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
     // when you use MULTI edit mode...is fine in SINGLE
     const editDisabled = ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphics[0] ?
       !this.graphics[0].layer.editingEnabled : true;
-    return (h(Host, null, h("div", { class: "position-relative" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { slot: "content" }, h("div", { id: "feature-form", ref: (el) => this._editContainer = el })))));
+    const tableNodeClass = this._editorLoading ? "display-none" : "";
+    const loadingClass = this._editorLoading ? "" : "display-none";
+    return (h(Host, null, h("div", { class: "position-relative" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { slot: "content" }, h("div", { class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { class: loadingClass, scale: "s" })))));
   }
   //--------------------------------------------------------------------------
   //
@@ -194,6 +202,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
     "mapView": [16],
     "open": [1028],
     "graphicIndex": [2, "graphic-index"],
+    "_editorLoading": [32],
     "_translations": [32]
   }, undefined, {
     "graphics": ["graphicsWatchHandler"],
@@ -203,7 +212,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["edit-card", "calcite-icon", "calcite-notice"];
+  const components = ["edit-card", "calcite-icon", "calcite-loader", "calcite-notice"];
   components.forEach(tagName => { switch (tagName) {
     case "edit-card":
       if (!customElements.get(tagName)) {
@@ -211,6 +220,11 @@ function defineCustomElement() {
       }
       break;
     case "calcite-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "calcite-loader":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/info-card2.js

@@ -16,7 +16,7 @@ import { d as defineCustomElement$3 } from './shell.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 import { d as defineCustomElement$1 } from './edit-card2.js';
 
-const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px}tr:nth-child(odd){background:var(--calcite-ui-foreground-2)}.bottom-border{padding-bottom:0.5rem;border-bottom:1px solid var(--calcite-ui-border-1)}.padding-1-2{padding:0.5rem}.padding-top-1-2{padding-top:0.5rem}.font-color-3{color:var(--calcite-ui-text-3)}.display-none{display:none}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-features__footer{display:none !important}.button-container{justify-content:space-between;align-items:center}.top-border{border-top:1px solid var(--calcite-ui-border-1)}.min-width-100{min-width:100px}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-ui-foreground-1) !important;height:100% !important}";
+const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px}tr:nth-child(odd){background:var(--calcite-ui-foreground-2)}.bottom-border{padding-bottom:0.5rem;border-bottom:1px solid var(--calcite-ui-border-1)}.padding-1-2{padding:0.5rem}.padding-top-1-2{padding-top:0.5rem}.font-color-3{color:var(--calcite-ui-text-3)}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-features__footer{display:none !important}.button-container{justify-content:space-between;align-items:center}.top-border{border-top:1px solid var(--calcite-ui-border-1)}.min-width-100{min-width:100px}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-ui-foreground-1) !important;height:100% !important}";
 
 const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLElement {
   constructor() {

package/dist/components/layer-table2.js

@@ -34,7 +34,7 @@ import { d as defineCustomElement$3 } from './shell.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
 
-const layerTableCss = ":host{display:block}.height-full{height:100%}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important}";
+const layerTableCss = ":host{display:block}.height-full{height:100%}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important;font-size:14px !important}";
 
 const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTMLElement {
   constructor() {
@@ -223,7 +223,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
     const id = "more-table-options";
-    return (h("div", { class: "display-flex table-border height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected), this._getAction("selected-items-filter", this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, () => this._toggleShowSelected(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV))), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions))));
+    return (h("div", { class: "display-flex table-border height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", showTables: true, type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected), this._getAction("selected-items-filter", this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, () => this._toggleShowSelected(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV))), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions))));
   }
   /**
    * Get an action and tooltip

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

@@ -38,7 +38,7 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
     this.placeholderIcon = "";
     this.selectedIds = [];
     this.scale = "m";
-    this.showTables = true;
+    this.showTables = undefined;
     this.type = "select";
     this._hasValidLayers = true;
     this.ids = [];

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

@@ -221,7 +221,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
    */
   _getUseLayerFeaturesOptions() {
     const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
-    return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id) }))));
+    return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
   }
   /**
    * Renders the number of selected features
@@ -250,7 +250,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
    * @protected
    */
   _getMapLayerPicker() {
-    return (h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [] }))));
+    return (h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/map-tools2.js

@@ -159,7 +159,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
       undefined, this.enableFloorFilter ?
       this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
-      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/refine-selection2.js

@@ -97,7 +97,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
   render() {
     var _a, _b;
     const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-    return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id] })), h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/basemap-gallery_7.entry.js

@@ -848,7 +848,7 @@ const MapTools = class {
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
       undefined, this.enableFloorFilter ?
       this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
-      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //