@esri/solutions-components 0.10.44 → 0.10.46

package/dist/cjs/spatial-ref.cjs.entry.js

@@ -21119,7 +21119,7 @@ const SpatialRef = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '348d114f0c8c9571b4beff34a946a09b734083f9' }, index.h("div", { key: '2f6bb626834a50690fd523744a4c2adeddfb0f9f' }, index.h("calcite-input", { key: '4b3d9354f1c1983c49360eb9f3a0a921288f50c2', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), index.h("calcite-tree", { key: '883819c424636a79957d375f0d613d32827e5ebe', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (index.h(index.Host, { key: 'eb35e40b48e51b151b8c3d9a0ea818c27f01cfbb' }, index.h("div", { key: '98e5acd4ff7b5abd11479bccb9b250632b10451e' }, index.h("calcite-input", { key: '3573bce155e5c476bdcdd2eb2e855f75b924461f', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), index.h("calcite-tree", { key: '016c8cb7439f8834467c5e960f8df64261ced9cb', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     _lastHighlightedSref;
     //--------------------------------------------------------------------------

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

@@ -220,4 +220,8 @@
 
 .z-index-0 {
   z-index: 0 !important;
+}
+
+.z-index-1 {
+  z-index: 1 !important;
 }

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

@@ -62,6 +62,7 @@ export class CrowdsourceManager {
         this.theme = "light";
         this.zoomAndScrollToSelected = false;
         this.zoomToScale = undefined;
+        this._deleteDialogOpen = false;
         this._enableCreateFeatures = true;
         this._hideFooter = false;
         this._hideTable = false;
@@ -104,6 +105,10 @@ export class CrowdsourceManager {
      * MapView.when is not fired when mapView is not currently visible
      */
     _defaultLevelHonored = false;
+    /**
+     * number[]: the ids to be deleted
+     */
+    _deleteIds;
     /**
      * HTMLLayerTableElement: The layer table element
      */
@@ -235,6 +240,13 @@ export class CrowdsourceManager {
             this._isLoading = false;
         });
     }
+    /**
+     * Get the feature ids and open the delete dialog
+     */
+    async showDelete(evt) {
+        this._deleteIds = evt.detail.ids;
+        this._deleteDialogOpen = true;
+    }
     /**
      * Get the layer ids from the map
      */
@@ -261,7 +273,7 @@ export class CrowdsourceManager {
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (h(Host, { key: '8fd887051b4437477f1413843dfc6d938304364a' }, h("calcite-shell", { key: 'a9989a1698b268db75cdbcadcd3956d944daa25c', class: "position-relative" }, h("calcite-panel", { key: '88c5631e21b5ccb6a958e016c274e3aa746a6af1', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
+        return (h(Host, { key: '8f8d68ca8cd5e170196639cda11b61d64a8e6050' }, h("calcite-shell", { key: '351696228f10d637c4c033d857dc2e169d33bcb5', class: "position-relative" }, h("calcite-panel", { key: 'b77a1b4d4d15f466cf2650d86f084c150b8aaa86', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
     }
     /**
      * Called after each render
@@ -441,7 +453,7 @@ export class CrowdsourceManager {
     _getMapAndCard(layoutMode, panelOpen, hideTable) {
         const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen, hideTable);
         const borderRight = !this._isPortraitMobile && this._isMobile ? "border-right" : "";
-        return (h("div", { class: `${mapSizeClass} overflow-hidden ${borderRight}` }, this._getMapNode(panelOpen), this._getPopupExpandNode()));
+        return (h("div", { class: `${mapSizeClass} overflow-hidden z-index-1 ${borderRight}` }, this._getMapNode(panelOpen), this._getPopupExpandNode()));
     }
     /**
      * Get the map node based for the current layout options
@@ -466,7 +478,7 @@ export class CrowdsourceManager {
      * @protected
      */
     _getPopupExpandNode() {
-        const popupNodeClass = this._isMobile ? "height-full" : "height-full position-relative z-index-0";
+        const popupNodeClass = this._isMobile ? "height-full" : "height-full position-relative";
         const headerClass = this._isPortraitMobile && this._showInformationHeader ? "display-none height-0" : "";
         const headerTheme = this.popupHeaderColor ? "" : !this._isPortraitMobile ? "calcite-mode-dark" : "calcite-mode-light";
         const containerClass = this._isPortraitMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isPortraitMobile ? "display-none height-0" : "";
@@ -533,6 +545,15 @@ export class CrowdsourceManager {
         const id = "toggle-layout";
         return (h(Fragment, null, h("calcite-action", { active: this.appLayout === 'splitView', class: "toggle-node", icon: "browser", id: "browser-action", onClick: () => { this.appLayout = "splitView"; }, text: "" }), h("calcite-tooltip", { placement: "right", "reference-element": "browser-action" }, h("span", null, this._translations.splitView)), h("calcite-action", { active: this.appLayout === 'tableView', class: "toggle-node", icon: "dock-left", id: "dock-left-action", onClick: () => { this.appLayout = "tableView"; }, text: "" }), h("calcite-tooltip", { placement: "right", "reference-element": "dock-left-action" }, h("span", null, this._translations.tableView)), h("calcite-action", { active: this.appLayout === 'mapView', class: "toggle-node", disabled: this._layerIds?.length === 0, icon: "browser-map", id: "browser-map-action", onClick: () => { this.appLayout = "mapView"; }, text: "" }), h("calcite-tooltip", { placement: "right", "reference-element": "browser-map-action" }, h("span", null, this._translations.mapView)), h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), slot: "actions-end", text: "" }), h("calcite-tooltip", { placement: "bottom", "reference-element": id }, h("span", null, tooltip))));
     }
+    /**
+     * Show delete dialog
+     *
+     * @returns node that will support delete or keep of the features
+     * @protected
+     */
+    _deleteModal() {
+        return (h("delete-dialog", { id: "deleteDialogId", ids: this._deleteIds, layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen }));
+    }
     /**
      * Show filter component in modal
      *
@@ -1441,6 +1462,7 @@ export class CrowdsourceManager {
     }
     static get states() {
         return {
+            "_deleteDialogOpen": {},
             "_enableCreateFeatures": {},
             "_hideFooter": {},
             "_hideTable": {},
@@ -1536,6 +1558,12 @@ export class CrowdsourceManager {
                 "target": "window",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "showDelete",
+                "method": "showDelete",
+                "target": "window",
+                "capture": false,
+                "passive": false
             }, {
                 "name": "idsFound",
                 "method": "idsFound",

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

@@ -57,7 +57,6 @@ export class LayerTable {
         this._filterOpen = false;
         this._layer = undefined;
         this._selectAllActive = false;
-        this._deleteDialogOpen = false;
         this._showHideOpen = false;
         this._showOnlySelected = false;
         this._toolInfos = undefined;
@@ -429,6 +428,10 @@ export class LayerTable {
      * Emitted on demand when filter action is clicked
      */
     toggleFilter;
+    /**
+     * Emitted on demand when when the delete dialog should be shown
+     */
+    showDelete;
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -542,10 +545,10 @@ export class LayerTable {
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '0998f68ec5ab3fe8c2e7a21aa832137730faf94f' }, h("calcite-shell", { key: 'a6f00f0280358c318cbed1afc48d54ae0ffae465' }, this._getTableControlRow("header"), h("div", { key: '744786c1915fd86e81c278ecc75c862312c1ec6f', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'b59b7bcf0f6e3f5411ff0ecf5de8e6bd747fbe4a', class: "height-full width-full" }, showSearch &&
-            h("div", { key: '6c62638d97156a2101764bf620b0f48b70f906ad', class: "search-container" }, h("calcite-input", { key: '8ff64d0529b5e3fe281490917ba44a829567cb0c', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '7f673a2fd30a5828dec0400d01c581440a3adf6b', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '39c0801b1992db5f8782d6b3569fa89ba47ce8ce', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'ade26bd309af37b5b9f9bdc355f1cf6c575fa89a' }, h("calcite-shell", { key: '95668ae72cde1a3600e17a0d138ba8b810a4c525' }, this._getTableControlRow("header"), h("div", { key: '488eabfc4666c0d81aacbac523e7ba20288a4701', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '75d01c41afbb872f57472adc76045431163c0cab', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'b6062ca6e5702fc835777a6fe6ecec7a66926bc0', class: "search-container" }, h("calcite-input", { key: 'eade11ccb0d7b6d5aed838dbb6b2eaec4286d8c6', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '889c97b23074f5be4b045199cf48632720d6c598', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4ac0bfdaf07c38ff57008bade29b4b90b11f437d', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal(), h("delete-dialog", { key: '6bf4038662260c566d304a63d8f118265a1bf69e', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
+            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal()));
     }
     _deleteDialog;
     /**
@@ -1141,7 +1144,9 @@ export class LayerTable {
      *
      */
     _showDelete() {
-        this._deleteDialogOpen = true;
+        this.showDelete.emit({
+            ids: this._getIds()
+        });
     }
     /**
      * Get an action and tooltip for share
@@ -1219,7 +1224,7 @@ export class LayerTable {
      */
     _getDangerAction(icon, label, func, disabled) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (h("div", { class: "display-flex", id: this._getId(icon) }, icon === "trash" ? (h("delete-button", { buttonType: "action", class: "display-flex", disabled: _disabled, icon: icon, id: "solutions-delete", ids: this._getIds(), layer: this._layer, locale: this.locale })) : (h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: label }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
+        return (h("div", { class: "display-flex", id: this._getId(icon) }, (h("calcite-action", { appearance: "solid", compact: true, disabled: _disabled, id: icon, onClick: func, text: "" }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Return all currently selected IDs from the table
@@ -2338,7 +2343,6 @@ export class LayerTable {
             "_filterOpen": {},
             "_layer": {},
             "_selectAllActive": {},
-            "_deleteDialogOpen": {},
             "_showHideOpen": {},
             "_showOnlySelected": {},
             "_toolInfos": {},
@@ -2379,6 +2383,27 @@ export class LayerTable {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "showDelete",
+                "name": "showDelete",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on demand when when the delete dialog should be shown"
+                },
+                "complexType": {
+                    "original": "IDeleteIds",
+                    "resolved": "IDeleteIds",
+                    "references": {
+                        "IDeleteIds": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::IDeleteIds"
+                        }
+                    }
+                }
             }];
     }
     static get methods() {

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

@@ -344,7 +344,7 @@ export class MapCard {
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
         const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (h(Host, { key: '525ee5ce855cf5aa4f8c50e7e88be6c6236046ac' }, h("div", { key: '899898ee0b2ba9048ed24716a339c94d3106a52e', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '896569eb6cf65f45cbebb4b36f5b01ada5ed1092', class: progressClass, value: 0 }), h("div", { key: '79cac798541783bdc74e4b13f9df4d7564eb99f4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '730d48c4ce98af3872bfa6c486e8749e18c24477', 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, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, { key: '5861d407b8529c6834d5d05450693d1fff2b71ee' }, h("div", { key: '01e028e8a00fc66d5eaa8eb7f85b58d579c3e7ff', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '6a0b7a2a734f3631b8c8a712acaf60a9e95c6c16', class: progressClass, value: 0 }), h("div", { key: '74cebf9c194bfc5b72be3b397821f586a5923fa4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '6c87207eecaacf61c594f1036af38c0548ea1767', 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, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     /**
      * Called each time after the component is loaded

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

@@ -192,7 +192,7 @@ export class MapDrawTools {
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (h(Host, { key: 'c94ac0dde3ba21569ef86cb3ba5e92a427acd10f' }, h("div", { key: 'c699bf597d5a28d62dbba20fa6ddca38f406294f', class: containerClass }, h("div", { key: '78058d9155a650bb59e59ab9064a0286b7479759', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '8cfc53dda2d1b272841acf40bd70b951111c359e', class: undoRedoClass }, h("calcite-action", { key: '5a8f0d0429f7d3df587957ae77ed935b0f99a5a0', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '163067cba4a163dc32d23c2d96cb2d9d967d287e', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: '253db0399bab5d5fc6f4232bb537ddeec81fec2c' }, h("div", { key: 'bbac53da8b8b1196cc3a7aedf5479cd4e33ab3ea', class: containerClass }, h("div", { key: '8d3dae2c2f82f7e4d7aae92d4a4c6050d2a96478', ref: (el) => { this._sketchElement = el; } }), h("div", { key: 'd635374374ebdff26157a1258ba84932d491e36a', class: undoRedoClass }, h("calcite-action", { key: 'fb437fec19fa7ffc57459e426ba988fd4d50c1e6', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'fd3f4f3e8b722b95c0b7aad1fc6b909a97787b86', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -95,7 +95,7 @@ export class MapFullscreen {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '28d49dabefbb64024028bd6d7b7a104fafd81eae' }, h("div", { key: '443af45e3ce2c83a797ebfaac9e442d57d05c34c', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '7eec3dc5ab76a4ad8fdd24d8d18f8e6cf2820dde' }, h("div", { key: '2093cc2a6a3678209e61eea63ebde2f69ec00011', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

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

@@ -169,7 +169,7 @@ export class MapLayerPicker {
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = { ...style, "display": this.display };
-        return (h(Host, { key: '33b19dbf87019ad071242aaa688e49f35e2c2808' }, h("div", { key: '85e781782fc529acae68b1137f8ec1a317b452a0', class: "map-layer-picker-container", style: style }, h("div", { key: 'c257b179b56939d998650c676e835c9976d9fb21', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: '47d80c20f364f6d4f1a247f7f84d25ca4ff5cd7b' }, h("div", { key: '16ecc0c3dad51b0707304e003861e419796f3fba', class: "map-layer-picker-container", style: style }, h("div", { key: '56a3d93b9f91afd753952a0e86fe9ee426c529f5', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));

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

@@ -86,7 +86,7 @@ export class MapLegend {
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: '6b8c415650cb42727d7f09d3d4d92f8aebc7526b' }, h("div", { key: '36fd4c49d4ab19411fe309822e5b87104736282a', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '768d9d69042516c6d4edc55fcb0af23f90d33e6e' }, h("div", { key: 'e1147cf58240e7a6fcb9a00fce3649a380755e3d', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

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

@@ -129,7 +129,7 @@ export class MapPicker {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c6f59dfac8acfc06775a3a38cefa1fd2c2708722' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'ecfbf2669de4ce8c916e47c7a731f0a3ad33b419' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded

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

@@ -109,7 +109,7 @@ export class MapSearch {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '3464734a35e8cf89f033d508d21831eef665c9b2' }, h("div", { key: 'bf79025ba97e9f26681a6c6200dcdbc2ea227ce8', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '36e0fb49fdedbe9e8789fba37f86a2f2d57b4e45' }, h("div", { key: '796ee258723e9277dc98323ba76def22bd7dca3a', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -51,12 +51,12 @@ export class MapSelectTools {
         this.sketchLineSymbol = undefined;
         this.sketchPointSymbol = undefined;
         this.sketchPolygonSymbol = undefined;
+        this.searchDistanceEnabled = false;
+        this.useLayerFeaturesEnabled = false;
         this._numSelected = 0;
-        this._searchDistanceEnabled = false;
         this._searchTerm = undefined;
         this._selectionLoading = false;
         this._translations = undefined;
-        this._useLayerFeaturesEnabled = false;
     }
     //--------------------------------------------------------------------------
     //
@@ -250,9 +250,9 @@ export class MapSelectTools {
             graphics: this._graphics,
             selectLayers: this.layerViews,
             skipGeomOIDs: this._skipGeomOIDs,
-            searchDistanceEnabled: this._searchDistanceEnabled,
+            searchDistanceEnabled: this.searchDistanceEnabled,
             workflowType: this._workflowType,
-            useLayerFeaturesEnabled: this._useLayerFeaturesEnabled,
+            useLayerFeaturesEnabled: this.useLayerFeaturesEnabled,
             sketchGraphic: this._sketchGraphic
         };
     }
@@ -310,30 +310,30 @@ export class MapSelectTools {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '92c7ef37eb97404a826b7803ff06ce691722a6d1' }, this._getMapLayerPicker(), h("div", { key: '22959b62191b47b716363007be0a356b62af492a', class: "border-bottom" }), h("div", { key: '834c3ddd3ef31a022ed32131a8c21dce325b2c19', class: "padding-top-sides-1" }, h("div", { key: '86b43e7c82a9fc6a2d54be79be3690120a29b78e', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '5107461cb8a706e9540c8765138d7bc57355fc67', class: mapToolsContainerClass }, h("map-draw-tools", { key: 'ee678a630d39b7550805f0c070adb8e07428b104', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '3b88977c13f6a3cde10de6cba927424595fdb13f', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '1c312d53b800ca401726c653e12465e92abf0eef' }, this._getMapLayerPicker(), h("div", { key: '2da9eb5316656769ec2f80dfa5fbdc190c62b1cb', class: "border-bottom" }), h("div", { key: 'b21d332e5da0aa8cfb34fdab7a1075bfbd5efb42', class: "padding-top-sides-1" }, h("div", { key: '2dd59511d4f07cc2cd43b5b5c2a8037303d21546', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '1149bcd2f36171b82f6902fbf89bb0400383fdde', class: mapToolsContainerClass }, h("map-draw-tools", { key: '2d3b1b91a108bf2bb2db463e7ffd4574f4a36dac', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: 'd4068bef106e1f4226b1f9c104a626fe0a0f6700', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
      */
     _getBufferOptions() {
         if (this.enableSearchDistanceOnLoad) {
-            this._searchDistanceEnabled = true;
+            this.searchDistanceEnabled = true;
             this.enableSearchDistanceOnLoad = false;
         }
-        const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
+        const showBufferToolsClass = this.searchDistanceEnabled ? "search-distance" : "div-not-visible";
         const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, locale: this.locale, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this.searchDistanceEnabled, onCalciteSwitchChange: () => this.searchDistanceEnabled = !this.searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this.searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, locale: this.locale, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
     }
     /**
      * Renders the map layer picker component.
      */
     _getUseLayerFeaturesOptions() {
         if (this.enableLayerFeaturesOnLoad) {
-            this._useLayerFeaturesEnabled = true;
+            this.useLayerFeaturesEnabled = true;
             this.enableLayerFeaturesOnLoad = false;
         }
-        const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
+        const useLayerFeaturesClass = this.useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this.useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
     }
     /**
      * Renders the number of selected features
@@ -414,8 +414,8 @@ export class MapSelectTools {
             this._selectLayers = this.selectionSet.selectLayers;
             this._selectedIds = this.selectionSet.selectedIds;
             this._skipGeomOIDs = this.selectionSet.skipGeomOIDs;
-            this._searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;
-            this._useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;
+            this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled;
+            this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled;
             this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0;
             this._unit = this.selectionSet.unit;
             this._workflowType = this.selectionSet.workflowType;
@@ -434,7 +434,7 @@ export class MapSelectTools {
                 });
             });
             this._selectionLabel = this.selectionSet?.label;
-            if (!this._useLayerFeaturesEnabled) {
+            if (!this.useLayerFeaturesEnabled) {
                 await this._drawTools?.updateGraphics();
             }
             await goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
@@ -640,13 +640,13 @@ export class MapSelectTools {
             if (!forceUpdate) {
                 this._sketchGraphic = graphics[0];
             }
-            this._workflowType = this._useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
+            this._workflowType = this.useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
             if (this._workflowType === EWorkflowType.SKETCH) {
                 await this._drawTools.updateGraphics();
             }
             await this._updateLabel();
             this._clearSearchWidget();
-            if (this._useLayerFeaturesEnabled && !forceUpdate) {
+            if (this.useLayerFeaturesEnabled && !forceUpdate) {
                 // Will only ever be a single graphic
                 const geometries = Array.isArray(graphics) ? graphics.map(g => g.geometry) : this.geometries;
                 await this._selectLayerFeatures(geometries[0]);
@@ -960,7 +960,7 @@ export class MapSelectTools {
      * @protected
      */
     _useLayerFeaturesEnabledChanged() {
-        this._useLayerFeaturesEnabled = !this._useLayerFeaturesEnabled;
+        this.useLayerFeaturesEnabled = !this.useLayerFeaturesEnabled;
         if (this._sketchGraphic) {
             void this._sketchGraphicsChanged({
                 detail: {
@@ -1442,17 +1442,51 @@ export class MapSelectTools {
                     "tags": [],
                     "text": "esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html"
                 }
+            },
+            "searchDistanceEnabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true buffer tools controls are enabled"
+                },
+                "attribute": "search-distance-enabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "useLayerFeaturesEnabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true drawn graphics will be used to select features"
+                },
+                "attribute": "use-layer-features-enabled",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }
     static get states() {
         return {
             "_numSelected": {},
-            "_searchDistanceEnabled": {},
             "_searchTerm": {},
             "_selectionLoading": {},
-            "_translations": {},
-            "_useLayerFeaturesEnabled": {}
+            "_translations": {}
         };
     }
     static get events() {

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

@@ -222,7 +222,7 @@ export class MapTools {
         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, { key: '6287cfedcd109c621812cc823ee75487a166f7c0' }, h("div", { key: '6f3f1a8ff1fb9c1d671be044143eec4ca6708062', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '156511461a6b6c4a98b47c62460754405f101574', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '7975fa8c2db0c3fc10534d538bc593f8543b330e', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'd7df2b0010bc62b9d2a9601018a962d3e8df2561', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '1bd19b87e9def0b81251aa422ef0024a938bd93d', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'c5a68a86acc284af7659f467f2fe98c6168b619e', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '8d596ddeb353ac85635aa3ef550708e4ec4d5706', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '6a707a10b3cbe094548a863b13d0852969c46f94' }, h("div", { key: 'c1e349ba8577a87f967b31a7a042be30cb933d34', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '7120793f9d707fb0d1914f5aeffb3293532ab891', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '11e280302f6b1f5287aa83c7eb33542f3a9d87ab', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'c3afd22dc8d652877f48a6def87e486546993d61', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'b8fad3cdbc3b96b4f3441316651ad78b4ed3de65', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'e34111225f1ec80fedfd548196e407786d28200b', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '2db5c7e6182d77786b162692169263495b2752f5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pci-calculator/pci-calculator.js

@@ -70,7 +70,7 @@ export class PciCalculator {
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (h(Host, { key: '0a27b15813b9f82035a8c7b4c080f5ec77379959' }, h("div", { key: '88ce37117354223c9264678a3928485dc8e1d890', class: pciClass }, h("div", { key: 'e0c9f6402c74c7e28749717ab78ac542dc2476f7', class: "label-display" }, h("calcite-label", { key: '5bad9788cbd44419f051e3108d18e530a5819267', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'bca334a6b4dc0920b880210c03e6d57dcdcae4e2' }, this._getCalculateButton())), h("div", { key: 'a401fa9e71ee5ed376445829d83528fd9e02ed2c', class: deductClass }, h("div", { key: 'c5d16b77848e0b024022cad7b10d75ac9acf53b7', class: "position-right" }, h("calcite-action", { key: '479efde007ee63b86c2e4cb2243afd0d1ee5fc4d', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '40c6f7839584f0edcfe77f08d5e895ece6ba7119', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: '4f333fa9aecd33cf2b34d85802c79256073f940c' }, h("div", { key: '6946f22e384fac51a20e2efb7b4ddbf2de7517ed', class: pciClass }, h("div", { key: 'e30e88571eb1b89588798d51ba788e4b6dc7d269', class: "label-display" }, h("calcite-label", { key: '034582e553ac4191939095cec8d836bc567ea77e', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '7fc1ae8d901b0a1ce820e53e225b275f1d779eb6' }, this._getCalculateButton())), h("div", { key: 'b74849f5007f54d3019be5e18a85769186edfffa', class: deductClass }, h("div", { key: 'ae8bf9314b0ead0b3f9d220d81cc410c2a29dc6f', class: "position-right" }, h("calcite-action", { key: 'cac38dc7e539275a0baeb0511fb8a09e8f96fa7a', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '68bcd78e3ef4505e5b1e5f0ea76d15f9e00fc18d', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pdf-download/pdf-download.js

@@ -115,7 +115,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '019e3669b3c0f1c9532b3c3a5d578a8fe3c2eb4c' }, h("calcite-select", { key: 'b23425e171aea621dfdc6b3a97c38edc4b477696', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: 'b3912d0709a26b249bf1dcaf77ff61036392c611' }, h("calcite-select", { key: 'ad6170eb7c52519940e8e93a8e552d660a9203f2', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
     }
     componentDidLoad() {
         // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR

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

@@ -273,7 +273,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '1955aa1e3791004b62c7d6d51fbd7dabacbe6cc6' }, h("calcite-shell", { key: '5d269f036d96fd8364dab1dcf1c820e5516c6236' }, h("calcite-action-bar", { key: '1ab0388a35fccbe9b293279a61384e30065b193d', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '0d4380d143c98ca5a3d2ddf0cf4ab2396eb2fd2a' }, h("calcite-shell", { key: '2768c18a968d0c1ec655dfe59fa6e9d1386e9aa3' }, h("calcite-action-bar", { key: 'a9f5ad4a339e0a6b729c753dfb7841bbedba6624', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.
@@ -610,7 +610,7 @@ export class PublicNotification {
      */
     _getSelectPage() {
         const noticeText = this._translations.selectSearchTip;
-        return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), h("div", null, h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", customLabelEnabled: this.customLabelEnabled, defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enableLayerFeatures: this.enableLayerFeatures, enableLayerFeaturesOnLoad: this.enableLayerFeaturesOnLoad, enableSearchDistance: this.enableSearchDistance, enableSearchDistanceOnLoad: this.enableSearchDistanceOnLoad, enableSketchTools: this.enableSketchTools, enabledLayerIds: this.addresseeLayerIds, isUpdate: !!this._activeSelection, locale: this.locale, mapView: this.mapView, noResultText: this.noResultText, onSelectionSetChange: (evt) => this._updateForSelection(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
+        return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), h("div", null, h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", customLabelEnabled: this.customLabelEnabled, defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enableLayerFeatures: this.enableLayerFeatures, enableLayerFeaturesOnLoad: this.enableLayerFeaturesOnLoad, enableSearchDistance: this.enableSearchDistance, enableSearchDistanceOnLoad: this.enableSearchDistanceOnLoad, enableSketchTools: this.enableSketchTools, enabledLayerIds: this.addresseeLayerIds, isUpdate: !!this._activeSelection, locale: this.locale, mapView: this.mapView, noResultText: this.noResultText, onSelectionSetChange: (evt) => this._updateForSelection(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, searchDistanceEnabled: this.enableSearchDistanceOnLoad, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol, useLayerFeaturesEnabled: this.enableLayerFeaturesOnLoad })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
     }
     /**
      * Create the main download page that has the shared aspects of both PDF and CSV

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

@@ -127,7 +127,7 @@ export class RefineSelection {
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: 'aea4bdb40d20a647b85507b5562066e9fc95643f' }, h("div", { key: 'ad152ef9fa550ad3e83bf0ee2faf228e74a0a593', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '1d2d473ee3e272312d79a6e1e6a846e7f8930089', class: "display-flex" }, h("calcite-label", { key: 'c07ac179cd5a5f9e70ee9a4810a3b12e9db73bab', class: "font-bold width-full label-margin-0" }, h("div", { key: '191e9f753435bffd21d54902de08082e08499e9c', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '01a26439262b491a078616eec53d2e54f0429233', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: 'a24e473d2070cd167cf85b8d3dc1f1f548474b01', enabledLayerIds: this._enabledLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: '2b4612d32edcefe4cf7ab065e95dfac73d1a9f81', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '71623db558c11b7a7396b087f8d1bf9fadf4659d', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'c4e56c481333d8a7b287491409e2c0b25ea15fea', class: "padding-1" }, h("div", { key: '74086721141642031d93a9f4d8302f4fe684c4f8', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '3c241f48f3b382ea604b4077293ea672fb311b4d', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '99f0f4347964b29cb48e73071d7281d8126882a1', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '9317ad71a269261a59e979e138cbfd79d1e45b83', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'fa21de5631e146fe231007bb558d3c42bb32b357', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'd89f90bd419f5587a66fb969db4c8164b6e7d5f8', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'c9571fea587e25180e95cecc365ac6fe5f25e2d0' }, h("map-draw-tools", { key: 'bfe77a85d478119982581c3c6abc72c61ec7bf38', active: true, drawMode: EDrawMode.REFINE, locale: this.locale, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: '6333b619eeac52d5f8589bf006fbaa8baede51ff' }), (h("calcite-list", { key: '3909880545b784c7401f24ead3039b1b7947b699', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: 'efa77aec940afdb80051b36300a492ac5764a413' }, h("div", { key: 'ac59062ad6b3bb15727d1d88ac99ba983c7a2ff9', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '27599ce74e9f7d6133f6cbfa40db4acfa8c00eeb', class: "display-flex" }, h("calcite-label", { key: 'b8acd5160effc68b7ee03a85ba8d6d2a5966c3e8', class: "font-bold width-full label-margin-0" }, h("div", { key: 'b2185de868b979281984019dbea9cf58a8bdef59', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '3bd42d1897e3d4374c9affeb20a4af09866645b4', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '3c7202cb44db02ff2650aa2075af55a51f180018', enabledLayerIds: this._enabledLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'd70f7e4ad2926d05b05a2e74a4f69ae1bffb8cea', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: 'bd70416a30a863e8cf96ac34c0b90cb420955344', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '084b833c369a39179d28d1bbe07710fad7d47933', class: "padding-1" }, h("div", { key: '42056204fd2d97c1d2ab5fa9300b5d8bd903bb8a', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '6baa72a792c4785338ccfb462c019fa945bf1002', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'e31ce029fcd48521aac0d7cb09426fc6afb0d536', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '63fa738b401c7d2e1d55ea63faa5d2fc9496feae', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '77510ca6a043780cf6bd4eb835b0f88a51d4b2f1', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '3ae3c0b4fd72d7f8cb72a8e013528f1f2539bed1', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '41a3bea7ebbc8f2e62d842804d8081aae112d703' }, h("map-draw-tools", { key: '1bd98c62b98e196c9ec907059c6728790aa872fc', active: true, drawMode: EDrawMode.REFINE, locale: this.locale, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: 'ccdeef335f78d4eca3ebacd0fafb468db8c9ee7f' }), (h("calcite-list", { key: 'd2831ba128c37412ee91d51bc73d58ae0d3f0979', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/share-item/share-item.js

@@ -62,7 +62,7 @@ export class ShareItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'a8d200d4f119571b482fa8c9f87d759458157fe3' }, h("slot", { key: 'fcac9d578b04a4330016dfbb09c0a38735d7f2e7' })));
+        return (h(Host, { key: 'fb0d98cfbbb4becfc168d715f6198a3923f58e03' }, h("slot", { key: '60b3c4db7192cc50fb57056c172abf8fb0e048fd' })));
     }
     static get is() { return "share-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/solution-configuration/solution-configuration.js

@@ -100,11 +100,11 @@ export class SolutionConfiguration {
         const solutionData = state.getStoreInfo("solutionData");
         this._solutionVariables = JSON.stringify(utils.getSolutionVariables(solutionData.templates, this._translations));
         this._organizationVariables = JSON.stringify(utils.getOrganizationVariables(this._translations));
-        return (h(Host, { key: 'd80cc0f64b56dd3a8c09d6e024e069d24c12293d' }, !this._solutionIsLoaded
+        return (h(Host, { key: '809b0a719774c3b51ad151982f297b287691d0cc' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { key: 'f24cf4b573829ccd47e7d3a7751724d08e132415', class: "configuration-container" }, h("div", { key: 'd64771a9775435e9eb5ed9aeb52449c363486376', class: "configuration" }, h("calcite-tabs", { key: 'a8aab9934676aee18425a67fbd599887c4d87f36', class: "config-tabs" }, h("calcite-tab-nav", { key: '69cbb95f6a50d9886ab97b8f3c05a00ea51b937a', slot: "tab-nav" }, h("calcite-tab-title", { key: '911bb46f0bb14981347b1d30a30ef3451184f987' }, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: '2544740bc686d7fe363bed2db65cdbe43bf4d5bd', class: "configuration-container" }, h("div", { key: '408a760b71313eb7e9eac8f6a678dc91e4638d6c', class: "configuration" }, h("calcite-tabs", { key: 'dd7305e5a4e9fa71a4ed3b1847fed522db9aab93', class: "config-tabs" }, h("calcite-tab-nav", { key: '86ed45d74d5ec71424c55647c3d2be6b26ecff64', slot: "tab-nav" }, h("calcite-tab-title", { key: '5c994072f82dad7c7a96dad36588590ee878bfe7' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { key: 'db3f2b1102a7e47183904c2c17dededdfba7f863', class: "config-tab", selected: true }, h("div", { key: '7e7651392f73499e9454ccd2b5ed335d63d02db6', class: "config-solution" }, h("div", { key: '36d895fadc1e6509a16537a4628d51dd9f7153eb', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: 'aa965867d04aebd46dbaae4ddd34f655dc77dd40', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'a02de6d666c1017f7d3ad08878ecc381d01e4632', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, locale: this.locale, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
+            null), h("calcite-tab", { key: 'cbbcb55de04b43bd373adac942980c11532af4d5', class: "config-tab", selected: true }, h("div", { key: '23fa5d4811faeeb74af221d1c1ed10a49c9c6ef5', class: "config-solution" }, h("div", { key: 'b633743e464284e99dca1f80c93bf1ff5cb18870', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: 'e415661d2902e809c6ce805e5e0ed26b6f4c29c0', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'a3968cb69c45376a0cbf2127e1c5126b4f34af54', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, locale: this.locale, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
             ? h("calcite-tab", { class: "config-tab" }, h("div", { class: "config-solution" }, h("solution-spatial-ref", { enableDefault: !!spatialReferenceInfo.default, enabled: spatialReferenceInfo?.enabled, featureServices: state.getStoreInfo("featureServices").map(fs => fs.name), id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref`, locale: this.locale })))
             : null)))));
     }

package/dist/collection/components/solution-contents/solution-contents.js

@@ -48,7 +48,7 @@ export class SolutionContents {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '98ca82042eb168779c0c373c9bf5136ae620ff70' }, h("calcite-tree", { key: 'c1c634c98e1a69c88c118a8f61036e04ea1b6b42' }, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: 'd91cfec3e955e635a3196043c935733a7f4c726d' }, h("calcite-tree", { key: '6fcf281c5f61578b8d343893367ab1bd97315387' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {