@esri/solutions-components 0.7.20 → 0.7.22

package/dist/collection/components/crowdsource-manager/crowdsource-manager.js

@@ -29,6 +29,7 @@ export class CrowdsourceManager {
          */
         this._shouldSetMapView = false;
         this.defaultCenter = "";
+        this.defaultFilter = "";
         this.defaultGlobalId = "";
         this.defaultLayer = "";
         this.defaultLevel = "";
@@ -79,6 +80,12 @@ export class CrowdsourceManager {
         this._defaultCenter = !this.defaultCenter ? undefined :
             this.defaultCenter.split(";").map(v => parseFloat(v));
     }
+    /**
+     * Watch for filter url param to be set
+     */
+    defaultFilterWatchHandler() {
+        this._defaultFilter = JSON.parse(this.defaultFilter);
+    }
     /**
      * Watch for globalid url param to be set
      */
@@ -105,13 +112,6 @@ export class CrowdsourceManager {
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
-    /**
-     * Show the map, popup, and table if the user switches out of mobile mode
-     */
-    async _isMobileWatchHandler() {
-        const show = !this._isMobile ? false : this._numSelected > 0;
-        this.showHideMapPopupAndTable(show);
-    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -390,7 +390,7 @@ export class CrowdsourceManager {
         const toggleLayout = layoutMode === ELayoutMode.HORIZONTAL ? "horizontal" : "vertical";
         const toggleSlot = layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
         const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;
-        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? this._defaultGlobalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !this.defaultGlobalId ? this._defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultFilter: hasMapAndLayer ? this._defaultFilter : undefined, defaultGlobalId: hasMapAndLayer ? this._defaultGlobalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !this.defaultGlobalId ? this._defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
     }
     /**
      * Update the component layout when its size changes
@@ -510,6 +510,24 @@ export class CrowdsourceManager {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
+            "defaultFilter": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: default layer expression to apply to the current layer"
+                },
+                "attribute": "default-filter",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
             "defaultGlobalId": {
                 "type": "string",
                 "mutable": false,
@@ -1014,6 +1032,9 @@ export class CrowdsourceManager {
         return [{
                 "propName": "defaultCenter",
                 "methodName": "defaultCenterWatchHandler"
+            }, {
+                "propName": "defaultFilter",
+                "methodName": "defaultFilterWatchHandler"
             }, {
                 "propName": "defaultGlobalId",
                 "methodName": "defaultGlobalIdWatchHandler"
@@ -1026,9 +1047,6 @@ export class CrowdsourceManager {
             }, {
                 "propName": "enableZoom",
                 "methodName": "enableZoomWatchHandler"
-            }, {
-                "propName": "_isMobile",
-                "methodName": "_isMobileWatchHandler"
             }];
     }
     static get listeners() {

package/dist/collection/components/layer-table/layer-table.js

@@ -35,6 +35,10 @@ export class LayerTable {
          * boolean: When true the ctrl key is currently pressed
          */
         this._ctrlIsPressed = false;
+        /**
+         * boolean: When true the default filter provided via url param has been honored and should now be ignored
+         */
+        this._defaultFilterHonored = false;
         /**
          * boolean: When true the default global id provided via url param has been honored and should now be ignored
          */
@@ -68,8 +72,9 @@ export class LayerTable {
         this.onTableNodeCreate = (node) => {
             this._tableNode = node;
         };
-        this.defaultLayerId = undefined;
+        this.defaultFilter = undefined;
         this.defaultGlobalId = undefined;
+        this.defaultLayerId = undefined;
         this.defaultOid = undefined;
         this.enableAutoRefresh = undefined;
         this.enableColumnReorder = true;
@@ -439,93 +444,95 @@ export class LayerTable {
         const featuresSelected = this._featuresSelected();
         const featuresEmpty = this._featuresEmpty();
         const hasFilterExpressions = this._hasFilterExpressions();
-        this._toolInfos = [{
-                active: false,
-                icon: "zoom-to-object",
-                indicator: false,
-                label: this._translations.zoom,
-                func: () => this._zoom(),
-                disabled: !featuresSelected,
-                isOverflow: false
-            },
-            hasFilterExpressions ? {
-                active: false,
-                icon: "filter",
-                indicator: false,
-                label: this._translations.filters,
-                func: () => this._toggleFilter(),
-                disabled: false,
-                isOverflow: false
-            } : undefined,
-            this._deleteEnabled ? {
-                active: false,
-                icon: "trash",
-                indicator: false,
-                label: this._translations.delete,
-                func: () => this._delete(),
-                disabled: !featuresSelected,
-                isDanger: true,
-                isOverflow: false
-            } : undefined, {
-                active: false,
-                icon: "erase",
-                indicator: false,
-                label: this._translations.clearSelection,
-                func: () => this._clearSelection(),
-                disabled: !featuresSelected,
-                isOverflow: false
-            }, {
-                active: false,
-                icon: "selected-items-filter",
-                indicator: false,
-                label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
-                func: () => this._toggleShowSelected(),
-                disabled: !featuresSelected,
-                isOverflow: false
-            }, {
-                active: false,
-                icon: "list-check-all",
-                indicator: false,
-                func: () => this._selectAll(),
-                label: this._translations.selectAll,
-                disabled: featuresEmpty,
-                isOverflow: false
-            }, {
-                active: false,
-                icon: "compare",
-                indicator: false,
-                func: () => this._switchSelected(),
-                label: this._translations.switchSelected,
-                disabled: featuresEmpty,
-                isOverflow: false
-            }, {
-                active: false,
-                icon: "refresh",
-                indicator: false,
-                func: () => this._refresh(),
-                label: this._translations.refresh,
-                disabled: false,
-                isOverflow: false
-            },
-            this.enableCSV ? {
-                active: false,
-                icon: "export",
-                indicator: false,
-                func: () => void this._exportToCSV(),
-                label: this._translations.exportCSV,
-                disabled: featuresEmpty,
-                isOverflow: false
-            } : undefined, {
-                active: false,
-                icon: this._showHideOpen ? "chevron-down" : "chevron-right",
-                indicator: false,
-                func: () => this._toggleShowHide(),
-                label: this._translations.showHideColumns,
-                disabled: false,
-                isOverflow: false,
-                isSublist: true
-            }];
-        this._defaultVisibleToolSizeInfos = undefined;
+        if (this._translations) {
+            this._toolInfos = [{
+                    active: false,
+                    icon: "zoom-to-object",
+                    indicator: false,
+                    label: this._translations.zoom,
+                    func: () => this._zoom(),
+                    disabled: !featuresSelected,
+                    isOverflow: false
+                },
+                hasFilterExpressions ? {
+                    active: false,
+                    icon: "filter",
+                    indicator: false,
+                    label: this._translations.filters,
+                    func: () => this._toggleFilter(),
+                    disabled: false,
+                    isOverflow: false
+                } : undefined,
+                this._deleteEnabled ? {
+                    active: false,
+                    icon: "trash",
+                    indicator: false,
+                    label: this._translations.delete,
+                    func: () => this._delete(),
+                    disabled: !featuresSelected,
+                    isDanger: true,
+                    isOverflow: false
+                } : undefined, {
+                    active: false,
+                    icon: "erase",
+                    indicator: false,
+                    label: this._translations.clearSelection,
+                    func: () => this._clearSelection(),
+                    disabled: !featuresSelected,
+                    isOverflow: false
+                }, {
+                    active: false,
+                    icon: "selected-items-filter",
+                    indicator: false,
+                    label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
+                    func: () => this._toggleShowSelected(),
+                    disabled: !featuresSelected,
+                    isOverflow: false
+                }, {
+                    active: false,
+                    icon: "list-check-all",
+                    indicator: false,
+                    func: () => this._selectAll(),
+                    label: this._translations.selectAll,
+                    disabled: featuresEmpty,
+                    isOverflow: false
+                }, {
+                    active: false,
+                    icon: "compare",
+                    indicator: false,
+                    func: () => this._switchSelected(),
+                    label: this._translations.switchSelected,
+                    disabled: featuresEmpty,
+                    isOverflow: false
+                }, {
+                    active: false,
+                    icon: "refresh",
+                    indicator: false,
+                    func: () => this._refresh(),
+                    label: this._translations.refresh,
+                    disabled: false,
+                    isOverflow: false
+                },
+                this.enableCSV ? {
+                    active: false,
+                    icon: "export",
+                    indicator: false,
+                    func: () => void this._exportToCSV(),
+                    label: this._translations.exportCSV,
+                    disabled: featuresEmpty,
+                    isOverflow: false
+                } : undefined, {
+                    active: false,
+                    icon: this._showHideOpen ? "chevron-down" : "chevron-right",
+                    indicator: false,
+                    func: () => this._toggleShowHide(),
+                    label: this._translations.showHideColumns,
+                    disabled: false,
+                    isOverflow: false,
+                    isSublist: true
+                }];
+            this._defaultVisibleToolSizeInfos = undefined;
+        }
     }
     /**
      * Returns true when one ore more features are selected
@@ -736,13 +743,39 @@ export class LayerTable {
         if ((_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.id) {
             urlObj.searchParams.set("webmap", this.mapInfo.id);
         }
+        else {
+            urlObj.searchParams.delete("webmap");
+        }
         if ((_c = this._layer) === null || _c === void 0 ? void 0 : _c.id) {
             urlObj.searchParams.set("layer", this._layer.id);
         }
+        else {
+            urlObj.searchParams.delete("layer");
+        }
         if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
         }
+        else {
+            urlObj.searchParams.delete("oid");
+        }
+        if (this._filterActive) {
+            const filter = JSON.parse(this._filterList.urlParams.get("filter"));
+            const layerExpressions = this._filterList.layerExpressions.map(layerExp => {
+                layerExp.expressions = layerExp.expressions.map(exp => {
+                    if (exp.id.toString() === filter.expressionId.toString()) {
+                        exp.active = true;
+                    }
+                    return exp;
+                });
+                return layerExp;
+            });
+            urlObj.searchParams.set("filter", JSON.stringify(layerExpressions));
+        }
+        else {
+            urlObj.searchParams.delete("filter");
+        }
         this._shareNode.shareUrl = urlObj.href;
+        history.pushState(history.state, document.title, urlObj.href);
     }
     /**
      * Get a tooltip
@@ -863,7 +896,8 @@ export class LayerTable {
                     const _end = this._table.viewModel.getObjectIdIndex(this._currentId);
                     const startIndex = _start < _end ? _start : _end;
                     const endIndex = _end > _start ? _end : _start;
-                    this._selectedIndexes = oids.reduce((prev, cur) => {
+                    this._skipOnChange = startIndex + 1 !== endIndex;
+                    const selectedIndexes = oids.reduce((prev, cur) => {
                         const id = cur;
                         const index = this._table.viewModel.getObjectIdIndex(id);
                         if ((id === this._currentId || id === this._previousCurrentId)) {
@@ -885,6 +919,7 @@ export class LayerTable {
                         }
                         return prev;
                     }, []);
+                    this._selectedIndexes = _start < _end ? selectedIndexes.reverse() : selectedIndexes;
                     this._table.highlightIds.addMany(this._selectedIndexes.filter(i => ids.indexOf(i) < 0));
                 }
             }
@@ -947,6 +982,11 @@ export class LayerTable {
                 }
                 this._defaultGlobalIdHonored = true;
             }
+            if (!this._defaultFilterHonored && this.defaultFilter && this._filterList) {
+                this._layerExpressions = this.defaultFilter;
+                this._filterActive = true;
+                this._defaultFilterHonored = true;
+            }
         });
         this._showOnlySelected = false;
         this._sortActive = false;
@@ -1055,19 +1095,21 @@ export class LayerTable {
      */
     _filterModal() {
         var _a, _b, _c;
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: true, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Reset the filter active prop
      */
     _handleFilterListReset() {
         this._filterActive = false;
+        this._updateShareUrl();
     }
     /**
      * Check if the layers definitionExpression has been modified
      */
     _handleFilterUpdate() {
         this._filterActive = this._definitionExpression !== this._layer.definitionExpression;
+        this._updateShareUrl();
     }
     /**
      * Close the filter modal
@@ -1359,22 +1401,26 @@ export class LayerTable {
     }
     static get properties() {
         return {
-            "defaultLayerId": {
-                "type": "string",
+            "defaultFilter": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "LayerExpression[]",
+                    "resolved": "LayerExpression[]",
+                    "references": {
+                        "LayerExpression": {
+                            "location": "import",
+                            "path": "@esri/instant-apps-components",
+                            "id": ""
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "string: when provided this layer ID will be used when the app loads"
-                },
-                "attribute": "default-layer-id",
-                "reflect": false
+                    "text": "LayerExpression[]: default layer expression(s) to apply to the current layer"
+                }
             },
             "defaultGlobalId": {
                 "type": "unknown",
@@ -1391,6 +1437,23 @@ export class LayerTable {
                     "text": "string: Global ID of the feature to select"
                 }
             },
+            "defaultLayerId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: when provided this layer ID will be used when the app loads"
+                },
+                "attribute": "default-layer-id",
+                "reflect": false
+            },
             "defaultOid": {
                 "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/utils/pdfUtils.js

@@ -74,8 +74,10 @@ function downloadPDFFile(filename, labels, labelPageDescription, title = "", ini
                 if (title) {
                     labeller.drawSupplementalText(title, 0, -0.1);
                 }
-                pdfLib.addPage();
-                ++startingPageNum;
+                if (labels.length > 0) {
+                    pdfLib.addPage();
+                    ++startingPageNum;
+                }
             }
             // Add the labels to the PDF
             await labeller.addLabelsToDoc(labels, labelSpec, startingPageNum, title // heading

package/dist/collection/utils/pdfUtils.ts

@@ -98,8 +98,10 @@ function downloadPDFFile(
               labeller.drawSupplementalText(title, 0, -0.1);
             }
 
-            pdfLib.addPage();
-            ++startingPageNum;
+            if (labels.length > 0) {
+              pdfLib.addPage();
+              ++startingPageNum;
+            }
           }
 
           // Add the labels to the PDF

package/dist/components/crowdsource-manager.js

@@ -75,6 +75,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
          */
         this._shouldSetMapView = false;
         this.defaultCenter = "";
+        this.defaultFilter = "";
         this.defaultGlobalId = "";
         this.defaultLayer = "";
         this.defaultLevel = "";
@@ -125,6 +126,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this._defaultCenter = !this.defaultCenter ? undefined :
             this.defaultCenter.split(";").map(v => parseFloat(v));
     }
+    /**
+     * Watch for filter url param to be set
+     */
+    defaultFilterWatchHandler() {
+        this._defaultFilter = JSON.parse(this.defaultFilter);
+    }
     /**
      * Watch for globalid url param to be set
      */
@@ -151,13 +158,6 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
-    /**
-     * Show the map, popup, and table if the user switches out of mobile mode
-     */
-    async _isMobileWatchHandler() {
-        const show = !this._isMobile ? false : this._numSelected > 0;
-        this.showHideMapPopupAndTable(show);
-    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -436,7 +436,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         const toggleLayout = layoutMode === ELayoutMode.HORIZONTAL ? "horizontal" : "vertical";
         const toggleSlot = layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
         const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;
-        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? this._defaultGlobalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !this.defaultGlobalId ? this._defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultFilter: hasMapAndLayer ? this._defaultFilter : undefined, defaultGlobalId: hasMapAndLayer ? this._defaultGlobalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !this.defaultGlobalId ? this._defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
     }
     /**
      * Update the component layout when its size changes
@@ -528,15 +528,16 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     get el() { return this; }
     static get watchers() { return {
         "defaultCenter": ["defaultCenterWatchHandler"],
+        "defaultFilter": ["defaultFilterWatchHandler"],
         "defaultGlobalId": ["defaultGlobalIdWatchHandler"],
         "defaultOid": ["defaultOidWatchHandler"],
         "defaultLevel": ["defaultLevelWatchHandler"],
-        "enableZoom": ["enableZoomWatchHandler"],
-        "_isMobile": ["_isMobileWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"]
     }; }
     static get style() { return crowdsourceManagerCss; }
 }, [0, "crowdsource-manager", {
         "defaultCenter": [1, "default-center"],
+        "defaultFilter": [1, "default-filter"],
         "defaultGlobalId": [1, "default-global-id"],
         "defaultLayer": [1, "default-layer"],
         "defaultLevel": [1, "default-level"],
@@ -576,11 +577,11 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "_tableOnly": [32]
     }, [[8, "featureSelectionChange", "featureSelectionChange"], [8, "popupClosed", "popupClosed"], [8, "idsFound", "idsFound"], [8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "beforeMapChanged", "beforeMapChanged"]], {
         "defaultCenter": ["defaultCenterWatchHandler"],
+        "defaultFilter": ["defaultFilterWatchHandler"],
         "defaultGlobalId": ["defaultGlobalIdWatchHandler"],
         "defaultOid": ["defaultOidWatchHandler"],
         "defaultLevel": ["defaultLevelWatchHandler"],
-        "enableZoom": ["enableZoomWatchHandler"],
-        "_isMobile": ["_isMobileWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/downloadUtils.js

@@ -2231,8 +2231,10 @@ function downloadPDFFile(filename, labels, labelPageDescription, title = "", ini
                 if (title) {
                     labeller.drawSupplementalText(title, 0, -0.1);
                 }
-                pdfLib.addPage();
-                ++startingPageNum;
+                if (labels.length > 0) {
+                    pdfLib.addPage();
+                    ++startingPageNum;
+                }
             }
             // Add the labels to the PDF
             await labeller.addLabelsToDoc(labels, labelSpec, startingPageNum, title // heading