@esri/solutions-components 0.7.19 → 0.7.21

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

@@ -41,7 +41,7 @@ export class MapCard {
         this.enableLegend = undefined;
         this.enableFloorFilter = undefined;
         this.enableFullscreen = undefined;
-        this.enableMapToolsExpand = true;
+        this.enableSingleExpand = true;
         this.enableSearch = undefined;
         this.enableBasemap = undefined;
         this.basemapConfig = undefined;
@@ -97,7 +97,7 @@ export class MapCard {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
         const mapPickerClass = ((_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.length) > 1 ? "" : "display-none";
         const mapHeightClass = ((_b = this.mapInfos) === null || _b === void 0 ? void 0 : _b.length) > 1 ? "map-height" : "height-full";
-        return (h(Host, null, h("map-picker", { class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableMapToolsExpand: this.enableMapToolsExpand, enableSearch: this.enableSearch, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, null, h("map-picker", { class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     //--------------------------------------------------------------------------
     //
@@ -290,7 +290,7 @@ export class MapCard {
                 "attribute": "enable-fullscreen",
                 "reflect": false
             },
-            "enableMapToolsExpand": {
+            "enableSingleExpand": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -302,9 +302,9 @@ export class MapCard {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true map tools will be displayed within a expand/collapse widget"
+                    "text": "boolean: when true map tools will be displayed within a single expand/collapse widget\r\nwhen false widgets will be loaded individually into expand widgets"
                 },
-                "attribute": "enable-map-tools-expand",
+                "attribute": "enable-single-expand",
                 "reflect": false,
                 "defaultValue": "true"
             },

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

@@ -20,19 +20,27 @@
  */
 import { Host, h } from "@stencil/core";
 import { getLocaleComponentStrings } from "../../utils/locale";
+import { loadModules } from "../../utils/loadModules";
 export class MapTools {
     constructor() {
+        /**
+         * string[]: List of widget names that have been added to the UI
+         * This prop is only used when enableSingleExpand is false
+         */
+        this._widgets = [];
         this.basemapConfig = undefined;
         this.enableLegend = undefined;
         this.enableFloorFilter = undefined;
         this.enableFullscreen = undefined;
         this.enableSearch = undefined;
         this.enableBasemap = undefined;
-        this.enableMapToolsExpand = undefined;
+        this.enableHome = undefined;
+        this.enableSingleExpand = undefined;
         this.homeZoomToolsSize = "m";
         this.layout = "vertical";
         this.mapView = undefined;
         this.mapWidgetsSize = "m";
+        this.position = "top-right";
         this.searchConfiguration = undefined;
         this.stackTools = true;
         this.toolOrder = undefined;
@@ -65,7 +73,7 @@ export class MapTools {
     async _showBasemapWidgetWatchHandler(v) {
         if (v) {
             this.mapView.ui.add(this._basemapElement.basemapWidget, {
-                position: "top-right",
+                position: this.position,
                 index: 1
             });
         }
@@ -80,7 +88,7 @@ export class MapTools {
         const widget = this._floorFilterElement.floorFilterWidget;
         if (v) {
             this.mapView.ui.add(widget, {
-                position: "top-right",
+                position: this.position,
                 index: 1
             });
         }
@@ -110,7 +118,7 @@ export class MapTools {
     async _showLegendWidgetWatchHandler(v) {
         if (v) {
             this.mapView.ui.add(this._legendElement.legendWidget, {
-                position: "top-right",
+                position: this.position,
                 index: 1
             });
         }
@@ -124,7 +132,7 @@ export class MapTools {
     async _showSearchWidgetWatchHandler(v) {
         if (v) {
             this.mapView.ui.add(this._searchElement.searchWidget, {
-                position: "top-right",
+                position: this.position,
                 index: 1
             });
         }
@@ -152,6 +160,7 @@ export class MapTools {
      */
     async componentWillLoad() {
         await this._getTranslations();
+        await this._initModules();
     }
     /**
      * StencilJS: Renders the component.
@@ -167,10 +176,28 @@ export class MapTools {
         const fullscreenClass = this._showFullscreen ? "" : "display-none";
         const expandTip = this._showTools ? this._translations.collapse : this._translations.expand;
         const containerClass = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch ? "display-none" : "";
-        const toolMarginClass = this.enableMapToolsExpand ? "margin-top-1-2" : "";
+        const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (h(Host, null, h("div", { class: containerClass }, this.enableMapToolsExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), 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, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, null, h("div", { class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), 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, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [Expand] = await loadModules([
+            "esri/widgets/Expand"
+        ]);
+        this.Expand = Expand;
     }
     /**
      * Set the size of the zoom tools based on the user defined homeZoomToolsSize variable.
@@ -198,27 +225,28 @@ export class MapTools {
         const fullscreenIcon = this._showFullscreen ? "full-screen-exit" : "full-screen";
         const fullscreenTip = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen;
         return toolOrder.map(t => {
+            var _a, _b, _c, _d, _e;
             switch (t) {
                 case "legend":
-                    return this.enableLegend ?
+                    return this.enableLegend && this.enableSingleExpand ?
                         this._getActionGroup("legend", false, this._translations.legend, () => this._showLegend()) :
-                        undefined;
+                        this.enableLegend ? this._getWidget(t, (_a = this._legendElement) === null || _a === void 0 ? void 0 : _a.legendWidget, true) : undefined;
                 case "search":
-                    return this.enableSearch ?
+                    return this.enableSearch && this.enableSingleExpand ?
                         this._getActionGroup("magnifying-glass", false, this._translations.search, () => this._search()) :
-                        undefined;
+                        this.enableSearch ? this._getWidget(t, (_b = this._searchElement) === null || _b === void 0 ? void 0 : _b.searchWidget, true) : undefined;
                 case "fullscreen":
-                    return this.enableFullscreen ?
+                    return this.enableFullscreen && this.enableSingleExpand ?
                         this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()) :
-                        undefined;
+                        this.enableFullscreen ? this._getWidget(t, (_c = this._fullscreenElement) === null || _c === void 0 ? void 0 : _c.fullscreenWidget, false) : undefined;
                 case "basemap":
-                    return this.enableBasemap ?
+                    return this.enableBasemap && this.enableSingleExpand ?
                         this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
-                        undefined;
+                        this.enableBasemap ? this._getWidget(t, (_d = this._basemapElement) === null || _d === void 0 ? void 0 : _d.basemapWidget, true) : undefined;
                 case "floorfilter":
-                    return this.enableFloorFilter && this._hasFloorInfo ?
+                    return this.enableFloorFilter && this._hasFloorInfo && this.enableSingleExpand ?
                         this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
-                        undefined;
+                        this.enableFloorFilter && this._hasFloorInfo ? this._getWidget(t, (_e = this._floorFilterElement) === null || _e === void 0 ? void 0 : _e.floorFilterWidget, true) : undefined;
                 default:
                     break;
             }
@@ -239,11 +267,6 @@ export class MapTools {
             this._showFullscreen = true;
         }
     }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
     /**
      * Get a calcite action group for the current action
      *
@@ -262,12 +285,40 @@ export class MapTools {
         const shadowClass = this.stackTools ? "" : "box-shadow";
         return (h("div", null, h("calcite-action", { alignment: "center", class: `${sizeClass} ${stackClass} border-bottom ${shadowClass}`, compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, h("span", null, tip))));
     }
-    // need to discuss this with the team
+    /**
+     * Add the widget to the UI and optionally to an Expand widget
+     *
+     * @param name the icon to display for the current action
+     * @param content the widget to display
+     * @param internalExpand when true the widget will be added to an Expand widget
+     *
+     * @protected
+     */
+    _getWidget(name, content, internalExpand) {
+        if (this._widgets.indexOf(name) < 0 && this.mapView && content) {
+            const i = this.toolOrder.indexOf(name);
+            const exp = new this.Expand({
+                view: this.mapView,
+                content
+            });
+            const v = this.enableHome ? 2 : 1;
+            this.mapView.ui.add(internalExpand ? exp : content, {
+                position: this.position,
+                index: i > -1 ? i + v : 1
+            });
+            this._widgets.push(name);
+        }
+    }
+    /**
+     * Show/Hide the legend widget
+     */
     _showLegend() {
         this._showLegendWidget = !this._showLegendWidget;
         this._showTools = false;
     }
-    // Need to discuss this with the team
+    /**
+     * Show/Hide the search widget
+     */
     _search() {
         this._showSearchWidget = !this._showSearchWidget;
         this._showTools = false;
@@ -434,7 +485,24 @@ export class MapTools {
                 "attribute": "enable-basemap",
                 "reflect": false
             },
-            "enableMapToolsExpand": {
+            "enableHome": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true the home widget will be available"
+                },
+                "attribute": "enable-home",
+                "reflect": false
+            },
+            "enableSingleExpand": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -446,9 +514,9 @@ export class MapTools {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true map tools will be displayed within a expand/collapse widget"
+                    "text": "boolean: when true map tools will be displayed within a single expand/collapse widget\r\nwhen false widgets will be loaded individually into expand widgets"
                 },
-                "attribute": "enable-map-tools-expand",
+                "attribute": "enable-single-expand",
                 "reflect": false
             },
             "homeZoomToolsSize": {
@@ -525,6 +593,29 @@ export class MapTools {
                 "reflect": false,
                 "defaultValue": "\"m\""
             },
+            "position": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "__esri.UIPosition",
+                    "resolved": "\"bottom-leading\" | \"bottom-left\" | \"bottom-right\" | \"bottom-trailing\" | \"manual\" | \"top-leading\" | \"top-left\" | \"top-right\" | \"top-trailing\"",
+                    "references": {
+                        "___esri": {
+                            "location": "global",
+                            "id": "global::___esri"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "__esri.UIPosition: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#UIPosition\r\nThe position details for the tools"
+                },
+                "attribute": "position",
+                "reflect": false,
+                "defaultValue": "\"top-right\""
+            },
             "searchConfiguration": {
                 "type": "unknown",
                 "mutable": false,

package/dist/collection/components/public-notification/public-notification.js

@@ -60,6 +60,7 @@ export class PublicNotification {
         this.sketchPointSymbol = undefined;
         this.sketchPolygonSymbol = undefined;
         this._addMap = false;
+        this._addResults = true;
         this._addTitle = false;
         this._downloadActive = true;
         this._exportType = EExportType.PDF;
@@ -498,7 +499,7 @@ export class PublicNotification {
     _getExportPage() {
         const hasSelections = this._hasSelections(this.showRefineSelection);
         const displayDuplicatesClass = this._numDuplicates > 0 ? "display-block" : "display-none";
-        return (h("calcite-panel", null, h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, h("div", { class: "display-flex" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), h("div", { class: "display-flex" }, this._translations.removeDuplicate, h("div", { class: "info-message padding-start-1-2" }, h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "remove-duplicates-icon", scale: "s" })), h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt) }, h("calcite-segmented-control-item", { checked: this._exportType === EExportType.PDF, class: "w-50 end-border", value: EExportType.PDF }, h("span", { class: "font-weight-500" }, this._translations.pdf)), h("calcite-segmented-control-item", { checked: this._exportType === EExportType.CSV, class: "w-50", value: EExportType.CSV }, h("span", { class: "font-weight-500" }, this._translations.csv)))), h("div", { class: "padding-bottom-1" }, this._getExportOptions()), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: !this._downloadActive || this._fetchingData, loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
+        return (h("calcite-panel", null, h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, h("div", { class: "display-flex" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), h("div", { class: "display-flex" }, this._translations.removeDuplicate, h("div", { class: "info-message padding-start-1-2" }, h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "remove-duplicates-icon", scale: "s" })), h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt) }, h("calcite-segmented-control-item", { checked: this._exportType === EExportType.PDF, class: "w-50 end-border", value: EExportType.PDF }, h("span", { class: "font-weight-500" }, this._translations.pdf)), h("calcite-segmented-control-item", { checked: this._exportType === EExportType.CSV, class: "w-50", value: EExportType.CSV }, h("span", { class: "font-weight-500" }, this._translations.csv)))), h("div", { class: "padding-bottom-1" }, this._getExportOptions()), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
     }
     /**
      * Store the user selected export type CSV || PDF
@@ -517,7 +518,8 @@ export class PublicNotification {
         const displayClass = this._exportType === EExportType.PDF ? "display-block" : "display-none";
         const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
         const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
-        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: "padding-sides-1" }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
+        const formatOptionsClass = this._addResults ? "" : "display-none";
+        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
     }
     /**
      * Render the refine page
@@ -623,7 +625,8 @@ export class PublicNotification {
      * @protected
      */
     async _export() {
-        const exportInfos = this._getSelectionIdsAndViews(this._selectionSets, true);
+        const exportInfos = this._addResults ?
+            this._getSelectionIdsAndViews(this._selectionSets, true) : {};
         if (this._exportType === EExportType.PDF) {
             // Generate a map screenshot
             let initialImageDataUrl = "";
@@ -1226,6 +1229,7 @@ export class PublicNotification {
     static get states() {
         return {
             "_addMap": {},
+            "_addResults": {},
             "_addTitle": {},
             "_downloadActive": {},
             "_exportType": {},

package/dist/collection/components/solution-spatial-ref/test/solution-spatial-ref.e2e.js

@@ -39,9 +39,6 @@ describe('solution-spatial-ref', () => {
         await page.waitForChanges();
         await spatial_ref.setProperty('value', newSpatialRef);
         await page.waitForChanges();
-        /*
-        expect(await spatial_ref.getProperty('value')).toBe(newSpatialRef);
-        */
         const solution_spatial_ref = await page.find('solution-spatial-ref');
         expect(await solution_spatial_ref.getProperty('value')).toBe(newSpatialRef);
     });

package/dist/collection/components/spatial-ref/spatial-ref.js

@@ -25,16 +25,19 @@ import { nodeListToArray } from "../../utils/common";
 import { wkids } from "./spatialreferences";
 export class SpatialRef {
     valueChanged(newValue) {
-        this.spatialReferenceChange.emit({
-            oldValue: this.value,
-            newValue: newValue
-        });
         this._spatialRef = this._createSpatialRefDisplay(newValue);
         const searchBox = document.getElementById("calcite-sr-search");
         if (searchBox) {
             searchBox.value = this._srSearchText = "";
         }
         this._clearSelection();
+        if (this._cachedValue !== this.value) {
+            this.spatialReferenceChange.emit({
+                oldValue: this._cachedValue,
+                newValue: this.value
+            });
+            this._cachedValue = this.value;
+        }
     }
     //--------------------------------------------------------------------------
     //
@@ -45,6 +48,7 @@ export class SpatialRef {
         this.defaultWkid = 102100;
         this.disabled = false;
         this.value = this.defaultWkid.toString();
+        this._cachedValue = this.defaultWkid.toString();
         this._spatialRef = undefined;
         this._srSearchText = undefined;
         this._translations = undefined;
@@ -317,6 +321,7 @@ export class SpatialRef {
     }
     static get states() {
         return {
+            "_cachedValue": {},
             "_spatialRef": {},
             "_srSearchText": {},
             "_translations": {}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources.json

@@ -1,12 +1,12 @@
-{
-  "export": "Export",
-  "exportBtn": "Print or Export as a PDF",
-  "exportPopover": "Export popover",
-  "includeExtraContent": "Include results",
-  "includeHeaderTheme": "Include header theme",
-  "includeLegend": "Include legend",
-  "includeMap": "Include map",
-  "includePopup": "Include popup",
-  "title": "Title",
-  "toggleExport": "Toggle Export"
-}
+{
+  "export": "Export",
+  "exportBtn": "Print or Export as a PDF",
+  "exportPopover": "Export popover",
+  "includeExtraContent": "Include results",
+  "includeHeaderTheme": "Include header theme",
+  "includeLegend": "Include legend",
+  "includeMap": "Include map",
+  "includePopup": "Include popup",
+  "title": "Title",
+  "toggleExport": "Toggle Export"
+}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources_ar.json

@@ -1,11 +1,11 @@
-{
-  "export": "تصدير",
-  "exportPopover": "قائمة التصدير المنبثقة",
-  "includeExtraContent": "تضمين النتائج",
-  "includeHeaderTheme": "تضمين موضوع العنوان",
-  "includeLegend": "تضمين مفتاح الخريطة",
-  "includeMap": "تضمين خريطة",
-  "includePopup": "تضمين نافذة منبثقة",
-  "title": "اللقب",
-  "toggleExport": "تبديل التصدير"
-}
+{
+  "export": "تصدير",
+  "exportPopover": "قائمة التصدير المنبثقة",
+  "includeExtraContent": "تضمين النتائج",
+  "includeHeaderTheme": "تضمين موضوع العنوان",
+  "includeLegend": "تضمين مفتاح الخريطة",
+  "includeMap": "تضمين خريطة",
+  "includePopup": "تضمين نافذة منبثقة",
+  "title": "اللقب",
+  "toggleExport": "تبديل التصدير"
+}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources_bg.json

@@ -1,11 +1,11 @@
-{
-  "export": "Експорт",
-  "exportPopover": "Експорт на изскачащи прозорци",
-  "includeExtraContent": "Включване на резултати",
-  "includeHeaderTheme": "Включване на тема на заглавка",
-  "includeLegend": "Включване на легенда",
-  "includeMap": "Включване на карта",
-  "includePopup": "Включване на изскачащ прозорец",
-  "title": "Заглавие",
-  "toggleExport": "Превключване на експорт"
-}
+{
+  "export": "Експорт",
+  "exportPopover": "Експорт на изскачащи прозорци",
+  "includeExtraContent": "Включване на резултати",
+  "includeHeaderTheme": "Включване на тема на заглавка",
+  "includeLegend": "Включване на легенда",
+  "includeMap": "Включване на карта",
+  "includePopup": "Включване на изскачащ прозорец",
+  "title": "Заглавие",
+  "toggleExport": "Превключване на експорт"
+}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources_bs.json

@@ -1,11 +1,11 @@
-{
-  "export": "Izvezi",
-  "exportPopover": "Izvezi popover",
-  "includeExtraContent": "Uključi rezultate",
-  "includeHeaderTheme": "Uključi temu zaglavlja",
-  "includeLegend": "Uključi legendu",
-  "includeMap": "Uključi kartu",
-  "includePopup": "Uključi skočni prozor",
-  "title": "Naziv",
-  "toggleExport": "Uključi/isključi izvoz"
-}
+{
+  "export": "Izvezi",
+  "exportPopover": "Izvezi popover",
+  "includeExtraContent": "Uključi rezultate",
+  "includeHeaderTheme": "Uključi temu zaglavlja",
+  "includeLegend": "Uključi legendu",
+  "includeMap": "Uključi kartu",
+  "includePopup": "Uključi skočni prozor",
+  "title": "Naziv",
+  "toggleExport": "Uključi/isključi izvoz"
+}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources_ca.json

@@ -1,11 +1,11 @@
-{
-  "export": "Exporta",
-  "exportPopover": "Element emergent d'exportació",
-  "includeExtraContent": "Inclou els resultats",
-  "includeHeaderTheme": "Inclou un tema de capçalera",
-  "includeLegend": "Inclou la llegenda",
-  "includeMap": "Inclou un mapa",
-  "includePopup": "Inclou un element emergent",
-  "title": "Títol",
-  "toggleExport": "Activa o desactiva l'exportació"
-}
+{
+  "export": "Exporta",
+  "exportPopover": "Element emergent d'exportació",
+  "includeExtraContent": "Inclou els resultats",
+  "includeHeaderTheme": "Inclou un tema de capçalera",
+  "includeLegend": "Inclou la llegenda",
+  "includeMap": "Inclou un mapa",
+  "includePopup": "Inclou un element emergent",
+  "title": "Títol",
+  "toggleExport": "Activa o desactiva l'exportació"
+}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources_cs.json

@@ -1,11 +1,11 @@
-{
-  "export": "Exportovat",
-  "exportPopover": "Vyskakovací okno exportu",
-  "includeExtraContent": "Zahrnout výsledky",
-  "includeHeaderTheme": "Zahrnout motiv záhlaví",
-  "includeLegend": "Zahrnout legendu",
-  "includeMap": "Zahrnout mapu",
-  "includePopup": "Zahrnout vyskakovací okno",
-  "title": "Nadpis",
-  "toggleExport": "Přepnout export"
-}
+{
+  "export": "Exportovat",
+  "exportPopover": "Vyskakovací okno exportu",
+  "includeExtraContent": "Zahrnout výsledky",
+  "includeHeaderTheme": "Zahrnout motiv záhlaví",
+  "includeLegend": "Zahrnout legendu",
+  "includeMap": "Zahrnout mapu",
+  "includePopup": "Zahrnout vyskakovací okno",
+  "title": "Nadpis",
+  "toggleExport": "Přepnout export"
+}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources_da.json

@@ -1,11 +1,11 @@
-{
-  "export": "Eksportér",
-  "exportPopover": "Eksport-popover",
-  "includeExtraContent": "Medtag resultater",
-  "includeHeaderTheme": "Medtag overskriftstema",
-  "includeLegend": "Medtag signaturforklaring",
-  "includeMap": "Medtag kort",
-  "includePopup": "Medtag popup",
-  "title": "Titel",
-  "toggleExport": "Slå eksport til/fra"
-}
+{
+  "export": "Eksportér",
+  "exportPopover": "Eksport-popover",
+  "includeExtraContent": "Medtag resultater",
+  "includeHeaderTheme": "Medtag overskriftstema",
+  "includeLegend": "Medtag signaturforklaring",
+  "includeMap": "Medtag kort",
+  "includePopup": "Medtag popup",
+  "title": "Titel",
+  "toggleExport": "Slå eksport til/fra"
+}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources_de.json

@@ -1,11 +1,11 @@
-{
-  "export": "Exportieren",
-  "exportPopover": "Popover exportieren",
-  "includeExtraContent": "Ergebnisse einbeziehen",
-  "includeHeaderTheme": "Kopfzeilendesign einbeziehen",
-  "includeLegend": "Legende einbeziehen",
-  "includeMap": "Karte einbeziehen",
-  "includePopup": "Pop-up einbeziehen",
-  "title": "Titel",
-  "toggleExport": "Export ein/aus"
-}
+{
+  "export": "Exportieren",
+  "exportPopover": "Popover exportieren",
+  "includeExtraContent": "Ergebnisse einbeziehen",
+  "includeHeaderTheme": "Kopfzeilendesign einbeziehen",
+  "includeLegend": "Legende einbeziehen",
+  "includeMap": "Karte einbeziehen",
+  "includePopup": "Pop-up einbeziehen",
+  "title": "Titel",
+  "toggleExport": "Export ein/aus"
+}

package/dist/collection/demos/assets/t9n/instant-apps-export/resources_el.json

@@ -1,11 +1,11 @@
-{
-  "export": "Εξαγωγή",
-  "exportPopover": "Εξαγωγή αναδυόμενου εργαλείου",
-  "includeExtraContent": "Συμπερίληψη αποτελεσμάτων",
-  "includeHeaderTheme": "Συμπερίληψη θέματος κεφαλίδας",
-  "includeLegend": "Συμπερίληψη υπομνήματος",
-  "includeMap": "Συμπερίληψη χάρτη",
-  "includePopup": "Συμπερίληψη αναδυόμενου παράθυρου",
-  "title": "Τίτλος",
-  "toggleExport": "Εναλλαγή εξαγωγής"
-}
+{
+  "export": "Εξαγωγή",
+  "exportPopover": "Εξαγωγή αναδυόμενου εργαλείου",
+  "includeExtraContent": "Συμπερίληψη αποτελεσμάτων",
+  "includeHeaderTheme": "Συμπερίληψη θέματος κεφαλίδας",
+  "includeLegend": "Συμπερίληψη υπομνήματος",
+  "includeMap": "Συμπερίληψη χάρτη",
+  "includePopup": "Συμπερίληψη αναδυόμενου παράθυρου",
+  "title": "Τίτλος",
+  "toggleExport": "Εναλλαγή εξαγωγής"
+}