@esri/solutions-components 0.7.20 → 0.7.21

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;
@@ -742,6 +747,19 @@ export class LayerTable {
         if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
         }
+        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));
+        }
         this._shareNode.shareUrl = urlObj.href;
     }
     /**
@@ -863,7 +881,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 +904,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 +967,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;
@@ -1062,12 +1087,14 @@ export class LayerTable {
      */
     _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 +1386,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 +1422,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

package/dist/components/layer-table2.js

@@ -63,6 +63,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
          * 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
          */
@@ -96,8 +100,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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;
@@ -770,6 +775,19 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
         }
+        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));
+        }
         this._shareNode.shareUrl = urlObj.href;
     }
     /**
@@ -891,7 +909,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     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)) {
@@ -913,6 +932,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                         }
                         return prev;
                     }, []);
+                    this._selectedIndexes = _start < _end ? selectedIndexes.reverse() : selectedIndexes;
                     this._table.highlightIds.addMany(this._selectedIndexes.filter(i => ids.indexOf(i) < 0));
                 }
             }
@@ -975,6 +995,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 }
                 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;
@@ -1090,12 +1115,14 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _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
@@ -1388,8 +1415,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     }; }
     static get style() { return layerTableCss; }
 }, [0, "layer-table", {
-        "defaultLayerId": [1, "default-layer-id"],
+        "defaultFilter": [16],
         "defaultGlobalId": [16],
+        "defaultLayerId": [1, "default-layer-id"],
         "defaultOid": [16],
         "enableAutoRefresh": [4, "enable-auto-refresh"],
         "enableColumnReorder": [4, "enable-column-reorder"],

package/dist/components/public-notification.js

@@ -93,6 +93,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         this.sketchPointSymbol = undefined;
         this.sketchPolygonSymbol = undefined;
         this._addMap = false;
+        this._addResults = true;
         this._addTitle = false;
         this._downloadActive = true;
         this._exportType = EExportType.PDF;
@@ -531,7 +532,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
     _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
@@ -550,7 +551,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         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
@@ -656,7 +658,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      * @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 = "";
@@ -914,6 +917,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         "sketchPointSymbol": [8, "sketch-point-symbol"],
         "sketchPolygonSymbol": [8, "sketch-polygon-symbol"],
         "_addMap": [32],
+        "_addResults": [32],
         "_addTitle": [32],
         "_downloadActive": [32],
         "_exportType": [32],