@esri/solutions-components 0.10.25 → 0.10.26

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

@@ -95,7 +95,7 @@ export class MapFullscreen {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '9fc5dfeffc8601763b27e001311ec317934ebcae' }, h("div", { key: '65f2ab96d7283a9a10a113be0cdef6a95de1ee1b', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '8d5feed87c1795cb487ff3eda1da7573a65d3c89' }, h("div", { key: '4a74da3dc79280fdff87c7c723bb9c729897b1ab', 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

@@ -20,7 +20,7 @@
  */
 import { Host, h } from "@stencil/core";
 import { getLocaleComponentStrings } from "../../utils/locale";
-import { getMapLayerHash, getMapTableHash } from "../../utils/mapViewUtils";
+import { getLayerOrTable, getMapLayerHash, getMapTableHash } from "../../utils/mapViewUtils";
 import state from "../../utils/publicNotificationStore";
 export class MapLayerPicker {
     constructor() {
@@ -37,6 +37,7 @@ export class MapLayerPicker {
         this.selectedIds = [];
         this.scale = "m";
         this.showTables = undefined;
+        this.showTablesDisabled = undefined;
         this.showSingleLayerAsLabel = false;
         this.type = "select";
         this._hasMultipleLayers = true;
@@ -98,13 +99,19 @@ export class MapLayerPicker {
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * updates the layers
+     */
+    async updateLayer() {
+        this._setSelectedLayer(this.ids[0]);
+    }
     //--------------------------------------------------------------------------
     //
     //  Events (public)
     //
     //--------------------------------------------------------------------------
     /**
-     * Emitted on demand when no valid layers are found
+     * Emitted on demand when valid layers are found
      *
      */
     idsFound;
@@ -139,6 +146,11 @@ export class MapLayerPicker {
             if (id !== this.selectedIds[0]) {
                 this._setSelectedLayer(id);
             }
+            // update the layer name when changing the layout (for crowdsource manager)
+            else {
+                const layer = await getLayerOrTable(this.mapView, this.selectedIds[0]);
+                this.selectedName = layer?.title;
+            }
         }
     }
     /**
@@ -148,7 +160,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: '786588e505e991901c68091bfa7db533f269c06e' }, h("div", { key: '7dd54ee014577d33616464ff77eb8694380637d0', class: "map-layer-picker-container", style: style }, h("div", { key: 'a64ee10033e7ffc33b808a7bb984abd2781629a3', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: '00823a2fd3ef03454c2cde7259aa7b42e5f5820f' }, h("div", { key: '471029b527081a502bc7c34536697e27fd30952e', class: "map-layer-picker-container", style: style }, h("div", { key: '7845d44f32181b3d02ad3e7760d7f4be6b7529be', 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)))));
@@ -283,7 +295,7 @@ export class MapLayerPicker {
         const name = item.name;
         const selected = this.selectedIds.indexOf(id) > -1;
         return this.type === "combobox" ? (h("calcite-combobox-item", { disabled: disabled, selected: selected, textLabel: name, value: id })) :
-            this.type === "select" ? (h("calcite-option", { disabled: disabled, label: name, selected: selected, value: id })) : (h("calcite-dropdown-group", { class: disabled ? "disabled" : "", selectionMode: disabled ? "none" : "single" }, h("calcite-dropdown-item", { "icon-start": itemType, onClick: disabled ? undefined : () => void this._setSelectedLayer(id), selected: selected }, name)));
+            this.type === "select" ? (h("calcite-option", { disabled: disabled, label: name, selected: selected, value: id })) : (h("calcite-dropdown-group", { class: disabled ? "disabled" : "", selectionMode: disabled ? "none" : "single" }, h("calcite-dropdown-item", { disabled: itemType === 'table' && this.showTablesDisabled, "icon-start": itemType, onClick: disabled ? undefined : () => void this._setSelectedLayer(id), selected: selected }, name)));
     }
     /**
      * Store the layer name based on the user selection
@@ -637,6 +649,23 @@ export class MapLayerPicker {
                 "attribute": "show-tables",
                 "reflect": false
             },
+            "showTablesDisabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true table will shown as disabled"
+                },
+                "attribute": "show-tables-disabled",
+                "reflect": false
+            },
             "showSingleLayerAsLabel": {
                 "type": "boolean",
                 "mutable": false,
@@ -694,7 +723,7 @@ export class MapLayerPicker {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Emitted on demand when no valid layers are found"
+                    "text": "Emitted on demand when valid layers are found"
                 },
                 "complexType": {
                     "original": "ILayerAndTableIds",
@@ -739,6 +768,27 @@ export class MapLayerPicker {
                 }
             }];
     }
+    static get methods() {
+        return {
+            "updateLayer": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "updates the layers",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{

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: 'f520dd3737b8b883d8e27eb9a63da25f6d5b9375' }, h("div", { key: '6775e1c58ecd4fe63d50358fe2cd4f050cb1d709', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '3720974e2a6d1a9e569750e4c3ea5bf18e49a9c7' }, h("div", { key: '1bc154d7366aeabe2b983b110629e2f1257e0af6', 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.css

@@ -23,8 +23,8 @@
   width: 100%;
 }
 
-.width-25 {
-  width: 25% !important;
+.width-26 {
+  width: 26% !important;
 }
 
 .height-full {
@@ -55,7 +55,6 @@
   position: absolute;
   display: flex;
   flex-direction: column;
-  overflow: hidden;
   animation: calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;
   background-color: var(--calcite-color-background);
   z-index: 1000;
@@ -70,4 +69,9 @@
 
 .align-center {
   align-items: center;
+}
+
+.adjusted-height {
+  height: calc(100% - 52px);
+  overflow-y: auto;
 }

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

@@ -120,7 +120,7 @@ export class MapPicker {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '178a4e3fcd08972b0465885c4891a732ea970428' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'e3d565698c09b0c622d1c93d181f1bf4b343f353' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded
@@ -169,8 +169,8 @@ export class MapPicker {
      * @protected
      */
     _getMapNameList(show) {
-        const width = this.isMapLayout ? "width-25" : "width-full";
-        const listClass = show ? `map-list border-bottom-1 ${width}` : "display-none";
+        const width = this.isMapLayout ? "width-26" : "width-full";
+        const listClass = show ? `map-list border-bottom-1 adjusted-height ${width}` : "display-none";
         return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border", selectionMode: "single" }, this.mapInfos.map(mapInfo => {
             return (h("calcite-list-item", { label: mapInfo.name, onClick: () => this._webMapSelected(mapInfo), selected: mapInfo.id === this._loadedId, value: mapInfo.id }));
         }))));

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

@@ -109,7 +109,7 @@ export class MapSearch {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '7c990343af0d1077a7315fd131379bc891310e30' }, h("div", { key: '97cd41cf7f749f31701de3526cf2ef633eda48dd', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '13fa47ea3d71e8a58c6001fc6b43e68a1a112d76' }, h("div", { key: '0ab0e540eba87e62cc3c6cf1a6c8eb45349fb216', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -302,7 +302,7 @@ export class MapSelectTools {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '6753158d00a33dd5dfbb1f22cc27388baf4c0b5e' }, this._getMapLayerPicker(), h("div", { key: '082c6be48d3dfbe2e39be2c462959c7772a91d40', class: "border-bottom" }), h("div", { key: '0e8133a809b05bef34c2f19adeff43c1e57cc002', class: "padding-top-sides-1" }, h("div", { key: '4434b5b4d073f3ba9a7e44b82078b9b81733025b', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '6f01e27e06ea365de6ff98df3f9edd973d87117c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '24ffe562d080955f2aacfd080c0baa1997f8eaab', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, 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: '4c7cf401b5bcc7e4adef34e140d22676fce8ebbc', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '584547eb58f893968b41755b6789b68ad916ac01' }, this._getMapLayerPicker(), h("div", { key: '77788508e268292ed831fa100b333bafe934af3a', class: "border-bottom" }), h("div", { key: '4da06fe2c171e2c0cf84a628bce7f1ccf9f09fdc', class: "padding-top-sides-1" }, h("div", { key: '853ae3b6f19bfb1401b54f0b138ae56cadd71c65', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'aa296155429affd445ba2634a98ed90f137a7d8b', class: mapToolsContainerClass }, h("map-draw-tools", { key: '89d25f5c7b9b0d57ac0d5955411a6190552859a0', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, 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: '807011117da4e554c85408a804c30c7bd22edcaa', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

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

@@ -213,7 +213,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: '087d0879847a1a48e3e586d4e851a55f0640dfea' }, h("div", { key: 'cd76a75845afb17c42722125f30fb5c59d305671', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: 'f2522aa2d41243bcaf9ae75372c50454d354de1b', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '38762b76d6e5300800a1214a579cc7c76d4f00d7', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '929003ecf89addceb07b6337a90f7d0558c67c18', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '46177bd0963cefc5b5b36e4b4c08e323193d14c9', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'dfb346c088e665f137143655a47539148a3d2580', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '0c1bd8979355d6f5d2c7299bbca23f6762d94cc5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '891dd57541d4b63b7097ac8f165883ba3a65d9ca' }, h("div", { key: '79c5d899f42a1f079370520c1e136a69dd1984b8', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: 'f2f5aea46dcd64cd0338d8d9935a92f7369cc5e4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '5dabad54ad69b2d69c369364dbe53cdbfe31efb7', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'aa72d13ed8ed0c465feaf1ff89d0bbbf2d28b717', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '0ede61191230164bc8090b5bbf6c3a88d1454310', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '2db79144d5aeb6787ac4cf4a32d17ef821ca8cce', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: 'a43bf746faf681eca8e20d9022a1d14dace08e64', 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: 'ed87d1027005d190e25bf5e1d7290e84d9d17ba0' }, h("div", { key: 'd9396264216f810a3bdcf5fce4872580b3abebe2', class: pciClass }, h("div", { key: 'a4235f8123959cf0d27faa2146de5aec798e5179', class: "label-display" }, h("calcite-label", { key: '6393ded2cce33388aed760d1a3ceefe395718020', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'e172c646a39a69e7a69d3646389907ce561fb4ff' }, this._getCalculateButton())), h("div", { key: 'c9659b510e86cebd0170dc73a1ba5afc3173dc8a', class: deductClass }, h("div", { key: '45a9b444a79863644a330e72598ce7c33565db77', class: "position-right" }, h("calcite-action", { key: '250c4da105f5d33f058d7770e83e4c6d89741f90', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'b51cb55ab07b8e5556e6eb6e04d23d7e1b767850', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: '2c3ae9b46d4efee38023bccf8e3066de49285841' }, h("div", { key: 'ee3395e8e439eacff32796797ba00adcd4937d02', class: pciClass }, h("div", { key: '3aeb3bacdc0b5ac84bdd1456280ade3b24e50c0b', class: "label-display" }, h("calcite-label", { key: 'e2ac4d880fe7ba5a032f009be2f2b06883eca37f', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'f6eb94b1736ab4d4ca7b1bfc3db22a980245c611' }, this._getCalculateButton())), h("div", { key: 'ef64cde093175d04c85c0f5efb706892a9c0e2ec', class: deductClass }, h("div", { key: '492a4d4889112feb3cec6ddae56cfe7d701464b6', class: "position-right" }, h("calcite-action", { key: '311a3b065c600fdb040243fd17afbf8bae9c0045', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '538566a403bcc4b599d0fc56b4d6a1b87a012ce9', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -106,7 +106,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'ff0ad2a97a113ccfaa10d5219d93f5b07319fb33' }, h("calcite-select", { key: '4675536d2732329715198c54b5c03c8748d7732a', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: 'b1ec5293d9fb50a0cc21f0036e3ba58e2d7f8463' }, h("calcite-select", { key: '69c6dce061f45fcc7dfbedc613a47697965905ca', 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

@@ -265,7 +265,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '019074cdfaddd8121a6ed255f42dea427aac9440' }, h("calcite-shell", { key: 'ece21e206f6519627bc8f139c35f68838eb701a2' }, h("calcite-action-bar", { key: '92883d5df9fcf43584f3934bf7f61640afed2bdb', 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: '820b1a77bfcc5ef2a06036a833f054b58febfe5c' }, h("calcite-shell", { key: '7989860fc98aa5d816ca66be5e57f04aa75520a5' }, h("calcite-action-bar", { key: '9b298be45c1562cd2df2197c688c5b2aff63c6ec', 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.

package/dist/collection/components/refine-results-flow-item/refine-results-flow-item.js

@@ -62,7 +62,7 @@ export class RefineResultsFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '556490bcef9d17e1677da73100cbb13bb564d32c' }, h("slot", { key: '04a54cdc534d8bc12b3321ae6a5ed89131cc5c71' })));
+        return (h(Host, { key: '03978cfbd570a69734070a7c5382d8b61d88ef1e' }, h("slot", { key: '7caaf540a95f5767fe3069d51e86f45ecbf68567' })));
     }
     static get is() { return "refine-results-flow-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -119,7 +119,7 @@ export class RefineSelection {
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: 'b3693694a5d007dd6add79848d1254a1ee52b8e3' }, h("div", { key: 'c464770d28fb981e9fba4d5cb3709684e41cbdc3', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '2972637e3194c86d097a491678eb8b508bbf2fd2', class: "display-flex" }, h("calcite-label", { key: '242295f4d8f2f17554b99748795a5bc1e1f05dcb', class: "font-bold width-full label-margin-0" }, h("div", { key: 'f2643bf44301aaa0a1d67595dac537c6bad21928', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '1d068bd809b36b4aba7e3836d2fc8b33d6de5d3e', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: 'e97947859dfa0a718595bfb54c843b6358ece94e', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'e78a114a50aec427b6f6f0e4f8096447e464ba7e', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: 'b7abd37b2907c0ef98059fd280dd30cfa4eea2d2', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '3d5869d473e7c8068969e07619fc891268422f2b', class: "padding-1" }, h("div", { key: 'b89ed77287dc4ae5a6f7a7589faccbbc4da3b524', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '1f0d85ab4ed9af445ff8b9bc5c7d4be80733f573', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '229473e79f8ddc6c95ad0a09fdd3fef08c176b1e', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '27f7e1f70da8ae44cab4d2643d58b0bfe8e3ad6c', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'b6c4199b48d7cedec36510572de7f63ee105b605', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'c3047bd7b4564b171ed8cb7c7842b64e7a4677f8', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '14408ec1abdbb64e4c4ccc473b3615d7036399f7' }, h("map-draw-tools", { key: 'fe946dc9ae433dabe45f5da695cde3daaa9e057d', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: 'a532f7b86708d6839449397841a68f2258645410' }), (h("calcite-list", { key: 'ef51c27c396c52c8fcb1c512957b3b2e276306e4', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: 'c15a94d88b6c6f37d3b954abec29263731d346c6' }, h("div", { key: '2c05eec571d8086d444fbc8caa3ed1f88ebba741', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '53fabeccc3a5340e4c6a1d2ae788276586ab4f22', class: "display-flex" }, h("calcite-label", { key: 'e7631b2fe92ad20dc889c610bebb22cde4746a04', class: "font-bold width-full label-margin-0" }, h("div", { key: '5c08cc3687f6249ac729e342fecbf065b4afff98', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '257ce613eeab2783db77727b02207d1c7acfeb0a', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '4d5bf2dd7e9d103c9b1ae82310ed95445244908e', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'd800b4ec7cf2b9ec4a6a1f5d4eed54ce9d2d2056', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '9534d79300f88054a3ae38d9c6ad3663c8a49e25', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'd5721c09e4a06f25af5b6c11a045ddc6c7908800', class: "padding-1" }, h("div", { key: 'e1478cf6f32aa403724044844a98f299110b7438', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '5fcee5784bbba1c99693a162aee90220ff8dca79', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'cdab206ed08aced52b709fa92d68814170644eb0', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: 'c1d4f8a0ba5c65371f7b23ed21068d70d3030ff8', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '4cdf63bd76b1766331957375df7e2e107543a800', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '7036ff43d1cf74e51ace7f28a83873d08207a162', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'd6e21702ad38fc5c17f0e5bbf3e130b9cbe5a8b4' }, h("map-draw-tools", { key: '156d236374b4ed47c1791fb0bb0229ea99511c27', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: 'df3db723ad2f9df29c91b3c09dcfbf4fc1156c7c' }), (h("calcite-list", { key: 'a70df76b7df965d7cf39e9b283003d57f59543f3', 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: '7b405bc7f7cb4204406da1aa0c05dc292508e6cf' }, h("slot", { key: 'fcaa34cd163995045268fd539a82ad3b102b1046' })));
+        return (h(Host, { key: 'e90e53e3318d999841fb7876b28eb77f805b1f9d' }, h("slot", { key: '68336d969d6ed36ecb73b212d8e33e567afff2bb' })));
     }
     static get is() { return "share-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -86,11 +86,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: '123945bd615832395c715d069c553338945c3445' }, !this._solutionIsLoaded
+        return (h(Host, { key: '3cd0a819e0e9857e8fbe83dfc6b7eda19bfc2a25' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { key: 'b70e7008ad0f2fde0a284c2e1e7d13fafc4d3184', class: "configuration-container" }, h("div", { key: '566193f4c5df2ad19206b3d458d0c298adca7e3b', class: "configuration" }, h("calcite-tabs", { key: '34e2642b46dba26d67730feb2b5382ea02556b42', class: "config-tabs" }, h("calcite-tab-nav", { key: '144f120e92e3f45e35ddc53a5bef7aef786eca5c', slot: "tab-nav" }, h("calcite-tab-title", { key: '32c5c21f04e68b83fb8add008f9aa409c2c18fc6' }, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: '95af40b9cc0dd1e34d4511767d6d14c2f64951fb', class: "configuration-container" }, h("div", { key: '34c498b31759d90dafe8408b203de9a2e27f786e', class: "configuration" }, h("calcite-tabs", { key: '2cc1e9b5e7091cd648dad834a212c739189cc42b', class: "config-tabs" }, h("calcite-tab-nav", { key: 'fec327dbda929ad4bda7b1af7331284729500d58', slot: "tab-nav" }, h("calcite-tab-title", { key: '77baa00b1da96cf9742f041ed2e69cddfe315edc' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { key: '44392d41f2a367c3ab3b605ecc952d2873cdbade', class: "config-tab", selected: true }, h("div", { key: '50a37338ee55b0d04e0cfcf18e02180bdfb2a2da', class: "config-solution" }, h("div", { key: '30a6e2d0cc31f7fbe0d1521e906e8f6ec5274f2e', 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: 'a5e869d60079a9f68b024628ea7148886e79108e', 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: '23eea28391e9fa3e382b67554fa842c828f504f2', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
+            null), h("calcite-tab", { key: '9dc437eca3891c4dd538578a9ef66800b68c8c24', class: "config-tab", selected: true }, h("div", { key: 'a1ae99605854b3b03a3abfead510763696b97709', class: "config-solution" }, h("div", { key: '01c7e8cc20c2f033b9ff1fa51730e43caa357046', 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: '249525fcdd1d06bba4ae069dea6a1b1c7488bea3', 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: '6d8d9766015e80a5961bd1f169ea49eec6bab57a', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "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` })))
             : 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: '57abf81bd42447fabf9df9f134a486f8d7101910' }, h("calcite-tree", { key: '5b2faefbd53a2666634a1cc05ea8027e1228f354' }, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: '4d54202857a91624ad35b9e1c3f75f63d8c5a8da' }, h("calcite-tree", { key: '4c9401d3d8791c5f082e05942d0f9e70ccb8f20e' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {

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

@@ -56,7 +56,7 @@ export class SolutionItem {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'da363c927e5c577660ad3c67fd1f234dd6529175' }, h("div", { key: '4f9df338aaebb6a333927d50dbee68e9fb9eaceb', class: "configuration-container" }, h("div", { key: '5156b06e31218c3ec059230ba1f4079607aa168e', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: '859f90c3755a9fca4752d9ef49118e5dd537da89' }, h("div", { key: '9cf45be1e7cdebc8445ecd086c3392458fef7653', class: "configuration-container" }, h("div", { key: '64753e8039ef3378ca9b41bb2e6208ac374a2cf2', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-accordion/solution-item-accordion.js

@@ -119,7 +119,7 @@ export class SolutionItemAccordion {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c9fea75fb3cd0558366bb086eccb28c4e2b7b07d' }, this._getAccordion()));
+        return (h(Host, { key: '6fcdd61177775d0757ad91c57f579638f35ed01a' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-details/solution-item-details.js

@@ -67,7 +67,7 @@ export class SolutionItemDetails {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, h("input", { key: '11dc51158e385025d139372682b33d2093956a50', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '0bab7e61e1261db38a1a62dd085f63de5993a640', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, h("calcite-input", { key: '8f3b14471019c703944e531abca80b01751b04e1', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (h(Host, { key: '658d13bff98393b9c3f36d7ebce990551d80d9c7' }, h("div", { key: '285e6ac2a525212ca5dc381812995cce1561d51c', class: "parent-container" }, h("div", { key: '9209a77477f51f45a83aff4feeb409932b6c36cf', class: "inputBottomSeparation" }, h("calcite-input", { key: 'ca8669910c7b718c6c5e1e0cfa2f96c8760ad22e', id: "item-title", value: this.itemDetails.title })), h("div", { key: '0816438c6db5c93b81890f5a2a7816f676bb096f', class: "inputBottomSeparation" }, h("input", { key: '149c8b1f9b34dfe2a0723a86b9ca4653f98d3d4f', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: 'c8b8d3d08a72d563349d5e6eebf1cacc6329834e', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '9d699466d0e963c3c60be848792351dc9817e400', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '8c74ec6c185dc730f1283a5899c378ae552831e1', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '4426295925509550d83c5974a8b691d4696b4b63', class: "flex" }, h("div", { key: 'abc4a93cb9d7f3d7e0e9a8e4f0e573a2761ba263', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'ff37875b0f7234038b45d4dc110d1db8610f76d8', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '377149593a7b4e4d9914fefa85627de993d965df', class: "snippet-count-container" }, h("calcite-input", { key: 'b23923938627db11be6bb9c63e1710ab54f65539', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '66d01cc032dc370c11be61e1a852c5df63b97f2a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: 'c462d3a178e90da7da9ed649fc1e2e1d6e18ca28' }, this._translations.description, h("label", { key: 'ffdef106ec07bbac32e3ee81b3174611db8c4e07', id: "item-description-label" }, h("calcite-input", { key: '72b4ac51c4f98ace79de4d1521debdc55ed796e9', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'aac5e579f54edb668fa445702282b754dcf2ed6c' }, this._translations.tags, h("label", { key: 'ed4581c14f2d3f1c8a2e1845550fcdeb26204a23', id: "item-tags-label" }, h("calcite-input", { key: 'd9c846a82898fa15db4c775e28eb5080ef7ed4d0', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();

package/dist/collection/components/solution-item-icon/solution-item-icon.js

@@ -40,7 +40,7 @@ export class SolutionItemIcon {
      * Renders the component.
      */
     render() {
-        return h("div", { key: '79a661148dd8e3bd73229b642b8253c525e3d747', title: this.type }, h("img", { key: 'e0b21dbd11b8edc4abfdb9af39b40c774b830753', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: '6c6d17d183b0c044f1de98eb6cbe4e3df3926da7', title: this.type }, h("img", { key: 'a38786da6f7e8bc4935ada9f9ae534c0633b7969', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-sharing/solution-item-sharing.js

@@ -52,7 +52,7 @@ export class SolutionItemSharing {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: 'b79c768f4ba29331fd70ffc8dd55ae0fa77b0aa8' }, h("div", { key: '9b0a681fc53110cebda0246eb19157631dc8bac8', class: "container-border" }, h("calcite-label", { key: '68f56772d51805babdec5b51a9845ec4d54a6bb8' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-organization-variables/solution-organization-variables.js

@@ -50,7 +50,7 @@ export class SolutionOrganizationVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: 'f576bc6c4e1ef9c2c0879896f3b364584c9f4597' }, h("div", { key: '22d459e61c3ead17b9ef3ce5a2c6baeddc79c80e' }, h("h4", { key: '8e65f908893fbeda320f3910de3e48776a13816a', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '02c6a5f124a4b729dca668afe1693e0d510b11c5', class: "container-border" }, h("calcite-tree", { key: '8b3fc867daa01b80908f9099923099211f807953', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-resource-item/solution-resource-item.js

@@ -61,7 +61,7 @@ export class SolutionResourceItem {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: '5047514bc715a5a67ecacf629d303d81482c0b5e' }, h("div", { key: '22a903832d45858fbec839fce90527671a457257', class: "resource-item" }, h("div", { key: 'fea759db7edf7ca84d353060ee6b59aa101bc61b', class: "margin-bottom-1" }, h("calcite-button", { key: 'c76c2d60a856896255554324ba0239ecde2d49eb', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '4feb64a2b7cc3490c1e0f90ee6dd36a842a8ae0d', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '76c64955841cdc671e1df9b3552fe62e67bfc7f5', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------

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

@@ -61,7 +61,7 @@ export class SolutionSpatialRef {
     }
     render() {
         this._updateUIFromStore();
-        return (h(Host, { key: 'ca1dd62000a2fdbd82a00830fc3ac94b47db73f7' }, h("label", { key: 'fa1ca79af87525ce25a6acf0a5b6a093429f5b77', class: "switch-label" }, h("calcite-switch", { key: '8dbcdbc8f417dfe1a05578fc9bbf3417ae93abfb', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'd3c2296bf3568e7b5b167fe0516184ae0c2d26f1' }), h("div", { key: 'fee9eac900cae65363658fa769347c3db0783007', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '317e1422cdcb2147a961f2edfbcedb30c4246f6d', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '6f0b7eb7216d0a663e5f2d436b7523b2d2301841', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
+        return (h(Host, { key: '6fe5caeb551c70db11066a785e5fdfc9c7054367' }, h("label", { key: '243b8365253ffe65e78041a7baf72ba56311a7a6', class: "switch-label" }, h("calcite-switch", { key: '63e7b111bb0373b1cca852573a25184acc1bdd98', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '5cafc5b9c37946be7ac0453a9815f55e3dbfbfbb' }), h("div", { key: '353597031dcef6f1ab9b4aeb1593167be6ea69e2', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '0bce6624d4658301d4e1d7b3e7b85da4deb0b328', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '9376c1fe7b563f155ee3006b3663ce0a526c2715', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-template-data/solution-template-data.js

@@ -77,7 +77,7 @@ export class SolutionTemplateData {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'ddd017fee5c66d79cd2c6239b847aacef9e04070', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '0f8453b6c096fbac6e90f3e8f7efff3041201ca0' }, h("div", { key: 'e0638b863e6d445c3baf608bd3e52904a78bf670', class: "solution-data-container" }, h("calcite-shell", { key: 'fa3b1e80f768e489133c700f4e729ad2ebde88ef', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '6fe1596637fce085f18d3a98362088320a72d248', class: "json-editor" }, h("div", { key: 'edcb77ca9a7dcc6c6c4018fd4571c690cd82f7b1', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'ea3a8b5d1b7ad20a60456daf107af678a68027a1', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '34b4c47647738d5a07eac01b4162d7a599c2cc16', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'e1609bd8e25b2af8989e4018ac4facaffe830897', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '87576dba22c378c609710215954d6ea8e016c06c', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '279c775502f8cdbb5c01971b7c763cf5bd88de28', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'cd357642cb12ec25fe90ca011c90b80f37889d80', value: this.organizationVariables })), h("div", { key: '1adf2eb87308f4b85bc1fec11c80682b5e9dc131', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: 'a836a844cbcf6e9bbbae9e9d2eadead6570ce8f2', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------

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

@@ -50,7 +50,7 @@ export class SolutionVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: 'bb418465a19b2fa0a8f5e216ba853d7427a78fdf' }, h("div", { key: 'f628616eb2ef38cd657052666e53dfe72cb3f221' }, h("h4", { key: '97348278cfa8ecd968deb135c1fc9fe44971e7d2', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '91d5822a5358f95d37654d8a9eda66c3fe8f3318', class: "container-border" }, h("calcite-tree", { key: '7982f1e945f1d939ae52867764a438d67ed6a154', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -70,7 +70,7 @@ export class SpatialRef {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'f723d08854c429ea7eb3e9c5588089a5dd614440' }, h("div", { key: '5f91149d48e5df3f01479bec291d97c569ffd5d7' }, h("calcite-input", { key: 'fa6cd1622e62b9c830999afc0940adddabbcc2c2', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '02e651be4895c57ddb0fbf319c5a41b5dc39472c', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: '03d381d5ad6c69f6c2d38d297580e3b1d651f733' }, h("div", { key: 'd36702bce1953d05f5954ab1522242033ae9baed' }, h("calcite-input", { key: '584b54ef1114d6792b2817ee23dda5e2cdc7687e', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: 'a151d8dbe443302ac6e6bad414642c6eb504ce4b', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     _lastHighlightedSref;
     //--------------------------------------------------------------------------

package/dist/components/card-manager2.js

@@ -45,6 +45,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
         this.zoomAndScrollToSelected = undefined;
         this.selectedFeaturesIds = undefined;
         this.enableCreateFeatures = true;
+        this.selectingFeatureFromMap = undefined;
         this._cardLoading = false;
         this._graphics = undefined;
         this._showCreateFeatureComponent = false;
@@ -137,8 +138,9 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
         const messageClass = this._graphics?.length > 0 || this._showCreateFeatureComponent ? "display-none" : "";
         const isTable = this.layer?.isTable;
         const heading = isTable ? this._translations.createRecord : this._translations.createFeature;
+        const guideMsg = this.customInfoText || this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart;
         const showCreateFeatureOrRecordBtn = this.enableCreateFeatures && this.layer?.capabilities?.operations?.supportsAdd;
-        return (h(Host, { key: '6089a5003e4ee08df4da7ecbcf8e6a3c8628f8bf' }, h("div", { key: '60dc1c21c650cce5165f56a0e040feba3652ae10', class: "overflow-auto height-full" }, h("calcite-shell", { key: '530a3173010e32fe062dc313ed3805833228f0fd', class: "position-relative " + featuresClass }, h("div", { key: 'af2350dac50f8ecc576cdeb528b350557057ff8d', class: "position-static z-index-500" }, h("info-card", { key: '626b34ec1ed2fc7e52f0ee2f9ae4520d1bcceb08', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: '642531296a90d92068592eef75bc4632438a4cbc', class: "position-relative " + messageClass }, h("calcite-flow-item", { key: 'b15e856439afdf9f08df9ff22f4e7dd7fee74273' }, h("calcite-panel", { key: '9305e17349e3b653565d1c183e118bdc3b791e23' }, h("div", { key: '25cf89836b8d20c6728842c5372e2c17dda967e6', class: "padding-1" }, h("calcite-notice", { key: '8df4a9c3e037f1b9f6131371d36a23e845db7ee2', icon: "table", open: true }, h("div", { key: '5c613ab8e9b9c25fc9f824e1007c3c4fa48b15b5', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart))), showCreateFeatureOrRecordBtn && h("calcite-button", { key: 'ba88fcd64b3cf2ae1fc36da58581974473d4e0b3', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature)))), h("calcite-shell", { key: '5e64963bf756e397c819a4c60112191031d9113f', class: "position-relative " + createFeatureClass }, h("calcite-flow-item", { key: '7d93240bffd381e2ed1e6dc10126b30cb1a143f9' }, h("calcite-panel", { key: '6ae7f4917394521b3226e38e07ac8eaf8c29b58e', heading: heading }, h("calcite-action", { key: '60cfdea79ad19ba0b62a9fb2ef3a6495c41b1f53', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "back" }), this.getEditorComponent(), this._showSubmitBtn && h("calcite-button", { key: 'ab10ab259363cee6b872f7e6619518125141759e', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
+        return (h(Host, { key: '7bcc2cfc05bfb95ef444b2036c0fd709f816bfe8' }, h("div", { key: '088e91d3084a43cab7da6e2985784a9675f30bfb', class: "overflow-auto height-full" }, h("calcite-shell", { key: '4ce541bdadc42cc2625756af104e144e61ca0593', class: "position-relative " + featuresClass }, h("div", { key: 'f3fd57ce5a0122df70d36a72e7d8c7ace4ffed0c', class: "position-static z-index-500" }, h("info-card", { key: 'ed1f8e88937d905928e97f1149acdc42fc557d7c', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: '21cd22e9d40954324ab68ae0f44305541a78faa4', class: "position-relative " + messageClass }, h("calcite-flow-item", { key: '2206f7bf57133e6249e84eed06363485dc540e89' }, h("calcite-panel", { key: 'a6a43c3eefcc1b03006dc14f39c9ba692620cf51' }, h("div", { key: 'f58c54e68a59e09ce8d51b010876e6f0261d920a', class: "padding-1" }, h("calcite-notice", { key: '5e57dcae6e804c3954a693d972a47171e07419a5', icon: this.selectingFeatureFromMap ? "map" : "table", iconFlipRtl: true, open: true }, h("div", { key: '9391598f800576d7f8dd2ca5778d8a9d493df5cc', slot: "message" }, guideMsg))), !this.isMobile && showCreateFeatureOrRecordBtn && h("calcite-button", { key: 'f30040df430858472437acef88f216040e4f3a4f', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature)))), h("calcite-shell", { key: '6d14a7483427aa478f53e4ee54664ef2aae999fb', class: "position-relative " + createFeatureClass }, h("calcite-flow-item", { key: 'cace557395071006fcf0fc723f1808cad19f1099' }, h("calcite-panel", { key: '3eaa505ebf1d552775970c4f5b7dfc8f321c3f93', heading: heading }, h("calcite-action", { key: '68a09bb37ea2b6d827de48b13e1a41c74f5c34c6', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "" }), this.getEditorComponent(), this._showSubmitBtn && h("calcite-button", { key: '3e326f1e523fe3245365a4dad69372b52a969ae3', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
     }
     /**
    * Returns the editor component for adding feature
@@ -149,7 +151,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
                 setTimeout(() => {
                     this._isFeatureCreated = false;
                 }, 2000);
-            }, onSuccess: this._featureCreated.bind(this), ref: el => this._createFeature = el, selectedLayerId: this.layer?.id })));
+            }, onSuccess: this._featureCreated.bind(this), ref: el => this._createFeature = el, selectedLayerId: this.layer?.id, showGuidingMsgWhileDrawing: false })));
     }
     //--------------------------------------------------------------------------
     //
@@ -158,7 +160,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
     //--------------------------------------------------------------------------
     /**
      * Gets the Feature using its ids
-     *
+     * @param ids list of ids that are currently selected
      * @returns Promise when complete
      * @protected
      */
@@ -222,6 +224,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
         "zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
         "selectedFeaturesIds": [16],
         "enableCreateFeatures": [4, "enable-create-features"],
+        "selectingFeatureFromMap": [4, "selecting-feature-from-map"],
         "_cardLoading": [32],
         "_graphics": [32],
         "_showCreateFeatureComponent": [32],