@esri/solutions-components 0.10.7 → 0.10.8

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

@@ -23,6 +23,7 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 export class MapPicker {
     constructor() {
         this.mapInfos = [];
+        this.isMapLayout = undefined;
         this._mapListExpanded = false;
         this._translations = undefined;
         this._webMapInfo = undefined;
@@ -79,6 +80,20 @@ export class MapPicker {
             this._webMapSelected(mapInfos[0]);
         }
     }
+    /**
+     * Closes the list
+     */
+    async close() {
+        if (this._mapListExpanded) {
+            this._mapListExpanded = false;
+        }
+    }
+    /**
+     * Expands the list
+     */
+    async toggle(mapListExpanded) {
+        this._mapListExpanded = mapListExpanded;
+    }
     //--------------------------------------------------------------------------
     //
     //  Events (public)
@@ -105,7 +120,7 @@ export class MapPicker {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '86994e2c4d87809c1508b073c3af1c0975c2d81d' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'd1d4af3cbc382bb6895b8dece215fbef114238bb' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded
@@ -142,7 +157,7 @@ export class MapPicker {
      * @protected
      */
     _getToolbar() {
-        return (h("div", { class: "display-flex" }, h("calcite-action-bar", { class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: "header" }, this._getMapPicker())));
+        return (h("div", { class: "display-flex border-right" }, h("calcite-action-bar", { class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: "header" }, this._getMapPicker())));
     }
     /**
      * Get a pick list for all maps in mapInfos
@@ -154,7 +169,8 @@ export class MapPicker {
      * @protected
      */
     _getMapNameList(show) {
-        const listClass = show ? "map-list border-bottom-1" : "display-none";
+        const width = this.isMapLayout ? "width-25" : "width-full";
+        const listClass = show ? `map-list border-bottom-1 ${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 }));
         }))));
@@ -223,6 +239,23 @@ export class MapPicker {
                     "text": "IMapInfo[]: array of map infos (name and id)"
                 },
                 "defaultValue": "[]"
+            },
+            "isMapLayout": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true map list will shown in half width."
+                },
+                "attribute": "is-map-layout",
+                "reflect": false
             }
         };
     }
@@ -279,6 +312,44 @@ export class MapPicker {
                     "text": "",
                     "tags": []
                 }
+            },
+            "close": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Closes the list",
+                    "tags": []
+                }
+            },
+            "toggle": {
+                "complexType": {
+                    "signature": "(mapListExpanded: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "mapListExpanded",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Expands the list",
+                    "tags": []
+                }
             }
         };
     }

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

@@ -109,7 +109,7 @@ export class MapSearch {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '5036a89c6a686b2486ff88dffd06f0bed1ea510e' }, h("div", { key: '4c5ede4d9877ff0ca0f16706c99aba354df21fd1', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: 'a94dc7a1257336e387d2c761d8584e7a75bbd316' }, h("div", { key: '0a54b1fce8750084563cbc823222a4679a8e7909', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -296,7 +296,7 @@ export class MapSelectTools {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: 'e6ac512fe773d0257844fcdd41afda5cd227b359' }, this._getMapLayerPicker(), h("div", { key: '3be4ed76db0d6899d984b0a2be85ebac6b7c29ae', class: "border-bottom" }), h("div", { key: 'b2a835c9096718742a54be522e1dc174d6f4da8f', class: "padding-top-sides-1" }, h("div", { key: '6133e6b951cde4504f8d19f747b4d7be5fe1d587', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '71636d8d7f9073315daae47d55746986c54f7596', class: mapToolsContainerClass }, h("map-draw-tools", { key: '4f8d3bc3953c4bd22837536c700eff959550f1e3', 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: '4dbd38b3b88d776e8b30561841e0a288f23fc38b', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '5a04e72d23e06c463d7dc3b453ca91ce046359bd' }, this._getMapLayerPicker(), h("div", { key: 'e821ee7452a1a784b485b487cedeff6425e2b063', class: "border-bottom" }), h("div", { key: '53e9a7d16279c9287af730452492d56ace65cdaf', class: "padding-top-sides-1" }, h("div", { key: 'a56f9637ab82b938e8ee2668fceeec2631f270cf', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'c06517880c5e2fca23e45a7392a9d72c159a482c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '54df55d7f39cf68e6bf07ca8ae1c3ac952f8c2ff', 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: '1d6ec53f2a270407c62972fb6e5775940821ca18', 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: 'a1557491ffd833bed11843dbe1bd040a9d2d6b15' }, h("div", { key: '8866b3bc6e05fa75605b078e1a3deecaf6392024', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '6a4e62ad1afcca39365aa965ffabedf8933051d4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '4edade9536c0912a89f6a9335ae05ae46669e14d', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '046d02c1927def025294645c6e855906fabd30aa', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '54575e31073bdc68b611939eb0e619e4479b26f3', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '9a54a22e12c372dd85717f83cf31b4ace80489eb', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: 'ffadf501a03186ed6f2fec8754cd758faea5b4dd', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: 'f994555df4df11a4eca6b950c482b393d2ad8e94' }, h("div", { key: 'fa0a53926f01beb8009284da27e82d00ab7ad632', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '09384f900f228b3c452eb137510cc44f6a4615aa', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: 'ad7751eb21b9024f775c3539b24e462eb68d3c78', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'd0922fed8b30210fce0edc1f0a56895bf20f0022', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'd3d2aa061acd9837bd2cc7e1d558d89f3b40386d', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '9a95c34971adcbc0edc749a8b4004ceef79a3f3b', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '7261f9b585a9ff2d016eeaced8ee25065c6c1c0b', 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: '233eb3eff2bc15f80185cb307036525e29fe8f5b' }, h("div", { key: 'db45b9f334c57a2b0100b8f4b4ad3c3744410acf', class: pciClass }, h("div", { key: 'eb8750201d287d5558167501aa7ef96eacfa3ae4', class: "label-display" }, h("calcite-label", { key: 'da7df5155e6913225e7e7518fb5e6a4653c9bf52', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'fb09ba5c7f6eab2463d6f170ba123fbfa71bffd2' }, this._getCalculateButton())), h("div", { key: 'f95f8ae0cdb7130af0dad47c55996556ad02ae34', class: deductClass }, h("div", { key: '6ac0a2b8486706dfa8cd00a53cad3e549d87ce52', class: "position-right" }, h("calcite-action", { key: 'c88e53dcfda877905a674a5dee2c4385651db92a', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '58396ab41f9d83629fe504b208eb3168dd86ceb8', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: '9bc609be932ec1285dcdc2dc3b6336a36494c9f9' }, h("div", { key: '9b64b3fdc3bf3e0265eb544e540c8c32eed8ec9e', class: pciClass }, h("div", { key: 'de7e6a9b213cfb28fcea5c609e664635abf8b782', class: "label-display" }, h("calcite-label", { key: 'e9af278421644f6d23b8b07e3e116affaa576c07', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '0703cf731b5497a09cc6bb54c5e18a63ea2ba244' }, this._getCalculateButton())), h("div", { key: 'bd32e040f6d3789987c53a94484e7aeebc6b82b1', class: deductClass }, h("div", { key: '8f977910db0578ebfc8ea79a19b664e109aba266', class: "position-right" }, h("calcite-action", { key: 'a624606534ff220a97a05aa7cb4f22d4c8bb6ddc', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '0b327b89377b88ec2b11065c6f3ecb4b582ef7e4', 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: '7474ef13bc67b7c69b0605239748ec9f1816b3be' }, h("calcite-select", { key: '2a6d379cb08aef1cafd5f568438f9981cef26962', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: 'a33458caa21a1cbe1545b30eeba3d0d9ce868148' }, h("calcite-select", { key: '75623fdf7467da7e45d917a0149b48a9f5c24394', 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

@@ -263,7 +263,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '706cac9f6c3456220ffaa13cbe74a0b6eb60710b' }, h("calcite-shell", { key: '2d7169374eb285efc1b0dc20f005173aa7e33f61' }, h("calcite-action-bar", { key: '66ee03cbf7ad909af37f49ed7d89146235f6a1d6', 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: 'de2d5102a42be0ef268b269402a027f9ea91d9b5' }, h("calcite-shell", { key: '9ce77bf23a9d6479e7e65742e7caac2b83033975' }, h("calcite-action-bar", { key: 'c82214eda0751577ca6c40474d418286f3954ce5', 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: '104457a5adda26509038d324510d96303fc116ec' }, h("slot", { key: 'b20c4a07d8a74354ce7c1dc6aa56dda863b041c9' })));
+        return (h(Host, { key: '301d721cbe276288d621e0cd3a54ee5558dea76a' }, h("slot", { key: 'd8d933a33826d99e7455b6fb4d55e93320f09c96' })));
     }
     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: '5bd1d6b85fc43ca4bfdffefd6a19bbbbd37cc13e' }, h("div", { key: '48312843133e3ece11ac8882aad91a570d809472', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'dea13cbbe64fff8dc6dff1ea4816229ba04c6b51', class: "display-flex" }, h("calcite-label", { key: '8184e95f8777e72e826d773aa212a32383983a51', class: "font-bold width-full label-margin-0" }, h("div", { key: 'b59989cfe2676fa520e7d2e23dd178425802536e', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '0cdbf4745da0953434024c49a8fbc52a686e876a', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '1d62e84b9fa0fa6ac0416ecf22a52a8b72eb7529', 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: 'ed39858d71e1b4f128eed508e1a7fc71c5112b75', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '1c0a8e1b9a9e77b097a9e676c06c8cbc1ce4b235', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'eceb792f9deb9cbe346173337ec254faacd3036d', class: "padding-1" }, h("div", { key: 'd172826cc5e6a206bde83fa0fed5c46fbf0422ec', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '096245916589f8486ed5f78f035a090c43749feb', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'd0e5f7c7256e14421167cc9af90707d6d0457c01', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: 'c5764bbb451659757c9f8fb84263255c50114e9c', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '6d1ffc481926f70176e5db3debb71daf6d782e97', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'aa3a9d97ebcf7553729858628164a5cdbb4ab5a6', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '7d366f2bb9d91696915e6bb5aa7872c8e13c0f4b' }, h("map-draw-tools", { key: '973fc2dfe9a3bb941e1257862ee6bf478dab6963', 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: 'fb6fb3c198ad97e157a3f08df1283e20928f17fd' }), (h("calcite-list", { key: 'fb32a7abec8c89d2d2073fbe741e18daba37eb6f', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: '48fd9fbbe8560ca4d165e5a3e9399ce5c3c7ba8e' }, h("div", { key: '4b314e3941366d8251238a13171d21ce28a7b87e', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'f7007f8333e1a8c160bcbd5659f6410776c54e2a', class: "display-flex" }, h("calcite-label", { key: 'c24380176e9c4791ef1fcda1a3f955265f51b0d7', class: "font-bold width-full label-margin-0" }, h("div", { key: '403542a6105b28368cd364070abfe6d8cf160d7e', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '745e828c6bbb8c7c89259142ca5301561d441128', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '15aa897e1cc858b2bda6a9cefca1d87347592bb0', 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: '334ab4b1918e6905b4ab90a683ffa5129e6b449f', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '2770007f82ff6dc157e5ffae8c9f61c55cb47a48', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'f29a52a9ac924bf4cd81b5311df6a2a8ca28f0ae', class: "padding-1" }, h("div", { key: 'c0c5815ef8e74971e26517a12c95ca19b2294dc8', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: 'b6338cabb01ba8453df5e00a46ab51e4da924c3d', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '61ecda9667fdf6e3acc7931531ee9a49fdd40295', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '3b48631b4b75716680f15ac0e4790043926bf857', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '1e26bced9c292ffdca78a589f3b78961cb5fceb6', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'b7abd723a8f440d03d35256812229bf2e84e87c6', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '368a335da540fb7c747d6f2abffc3e7f98545833' }, h("map-draw-tools", { key: 'a3cc7f67104512ab108157bd3f7ebd57b1a5f202', 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: '038fb2b359eb59730de50778d809841ef33471d9' }), (h("calcite-list", { key: '02fdc3e4096a8f88e727118f9ae27a9b823edb3a', 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: '064acd664456a39d14fd4bd81adb9b217670290f' }, h("slot", { key: 'e2e0fee4f2bff7a48befd54fbc8b724cb5a5f660' })));
+        return (h(Host, { key: 'fb0d98cfbbb4becfc168d715f6198a3923f58e03' }, h("slot", { key: '7d8d7644cd59654a081c22b696790aaf8c493ade' })));
     }
     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: '5e0ae33452d5ac475add33508bcc08a4d98f9822' }, !this._solutionIsLoaded
+        return (h(Host, { key: '5109582ea7788928ced7d43f3fac23e501dfdec5' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { key: '9e3123ebe58ac696096cdcca2fdd13d0ab9f199d', class: "configuration-container" }, h("div", { key: 'a6f023fbf2715beb4272395b69082667971b8096', class: "configuration" }, h("calcite-tabs", { key: '3dfa7e71932caf02a5a3d7cc70aa328e623c7a8b', class: "config-tabs" }, h("calcite-tab-nav", { key: '936d73a49d8f54a65db94c1f5e4b1a885ea7ea70', slot: "tab-nav" }, h("calcite-tab-title", { key: 'f1a41f5a74b481b6bee6156d77bb1a8864bb848c' }, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: '610c2047b1e04b19e48caf0e503273d6fb19a2ee', class: "configuration-container" }, h("div", { key: '1be0cf6c381f2eea9e9a633527ab01d39b9b76fd', class: "configuration" }, h("calcite-tabs", { key: '8e87e8b72ccabe61b48f43035ef054fc88f73cee', class: "config-tabs" }, h("calcite-tab-nav", { key: '6b28f9b08a6d217390e2bb71bd77589a7ddae1a4', slot: "tab-nav" }, h("calcite-tab-title", { key: '00ee03b7d9f462866b27be154e84541eb95e9cbd' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { key: 'fff73877f5baa5654d198c8f8569985121ea3789', class: "config-tab", selected: true }, h("div", { key: '283b2c61479ba991c926023260e9f226f5e45614', class: "config-solution" }, h("div", { key: '4e8302a24778e9686f3b8914aac4b045cb3125f3', 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: '2f1fd1fa69ce0ba3ce45f41d3b4c27c5ed2d941f', 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: 'bae4450ef1770d1712bed4d823a1d0143513494b', 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: '8f7fe3085cbb8eb6ca604cce44570aa0409f286c', class: "config-tab", selected: true }, h("div", { key: 'abe77878ca8872fde8d96f9ff328015851b02707', class: "config-solution" }, h("div", { key: '6949db8cfdb0aa9b97d1f2583eee69fef3d5aa60', 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: '09221fe20f65ee00f80e4a7d9aaa30a84fdec536', 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: '968177e9232d890d70050a7cd275c40bc73cce30', 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: '7546d1fe9d944520db9f8f81600fb7cf0655f1ab' }, h("calcite-tree", { key: '94bea7616cd3bdbb9fbcaddd49bb394e11bcf88b' }, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: 'd91cfec3e955e635a3196043c935733a7f4c726d' }, h("calcite-tree", { key: '6fcf281c5f61578b8d343893367ab1bd97315387' }, 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: '16de446a44799754d7066eb5cc587585fc9e37c8' }, h("div", { key: 'ddb7c1e6c86657502dc4b293d495f3b4dee594cf', class: "configuration-container" }, h("div", { key: '016954a98a5eb229a1f9eb2a4b9260daff3593bf', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: 'a26e9c7bc3973e47fb139f1fe83bd4541d4dcd90' }, h("div", { key: '80a990272623f4fccd7558306ffd78896a9ae546', class: "configuration-container" }, h("div", { key: 'cd6ef183c9d9acac8c23c7f3ffb616eb03852384', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

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: 'd4443b28db9314e9c6976d97af02e7af14d2a5ff' }, h("div", { key: 'bd2969f299df5fab6bab10a6cd6dbe7c7213aba4', class: "parent-container" }, h("div", { key: 'd7226027bddc89eb4ff89899ee45728534331a5d', class: "inputBottomSeparation" }, h("calcite-input", { key: '9fcd5e9c9d5fe7ac652fff4fa06801fec240380f', id: "item-title", value: this.itemDetails.title })), h("div", { key: '9542faf04236ec293eff1f1abf0667ee4d26ab45', class: "inputBottomSeparation" }, h("input", { key: '9a431fef50c9be4f084b33003c6be4cab65a7da0', 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: '9ed82a0e807acd0344bd52bcef653728419d3fc1', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '230d6a270cd61f4785b7f39e951e996a7b37a1ca', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '96a6c77691e152072aa0de03f63d8ec82f1ca051', 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: 'de04396607c0a61eb1e13bb56581aae9e939b286', class: "flex" }, h("div", { key: '3df8a6cde94bc275b85db55375aaa351453c46fb', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'a5084eff2ebee0514c5cac6acf4e1b8dcaaf47d5', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '73199d7582082575282f36ecb6afed3ee6bd900e', class: "snippet-count-container" }, h("calcite-input", { key: '7aa7c61d42be36c237c6bd9b72e4ec24ef6dc07d', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '9ae2f293b2cb64a475a0969b7e00951a1b55e251', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '98cf6dd0f1f53e15c857baeb4f3a580586935762' }, this._translations.description, h("label", { key: '2f54c0fd6d75e4b08e74cf5b30d9794d0375a267', id: "item-description-label" }, h("calcite-input", { key: '91cf40b10f1bed0cd4bc83a988d9a4151ddec2e6', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '4261ff6e21385fb681cb6a52dbaa8e3d75973d8b' }, this._translations.tags, h("label", { key: 'cde48f34fd18fe530dea6be06c8fb5e602048266', id: "item-tags-label" }, h("calcite-input", { key: 'e11931c90df113bd512bab39be092257ffd92e42', 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: 'f93ee5d1152024c4c9d4b7376d8e19e5a0ebaccd' }, h("div", { key: 'd03106d1566be78c478a8ca798cea04161e835a2', class: "parent-container" }, h("div", { key: '78f52543e511e7deecffdc998808fce766863ef3', class: "inputBottomSeparation" }, h("calcite-input", { key: '70783f0059d5e526f56a4ff2cff18e20348c4c16', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'b2cfc981837ee9fd8549dc62057bc98429f3f50a', class: "inputBottomSeparation" }, h("input", { key: '47bdb6fe76a080c297c01ee8624088a501f31f17', 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: '7c2b6882f87d63f97c609c071b60b62474931c93', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: 'b530933142b3aa03de26baa33e4be11ea9f4c806', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '57388aa06be3e6c3bed24673ab63386cc433f6c0', 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: '3906eeaa6bd72d0c53a0e472c3606f0ab879a3d3', class: "flex" }, h("div", { key: 'fa88b2ea055748202ed7c34ce7df2cfc9a1592a0', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '2b5e960405c8f41a66bdf93f47e669d5eae646ad', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '7762aca4498ef2ca8d70beb59cfc5906229c3e5d', class: "snippet-count-container" }, h("calcite-input", { key: '1a6e9e299e551f2c7a3f99395a789fd4e1bf1e88', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: 'a66a1569c45189e013d230f7d2c11fd315ffaa29', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '1befca128558c7b638d86521f162bcbf44e889a1' }, this._translations.description, h("label", { key: '496939ec6171b926b8f7d6610fa153a0ee63243c', id: "item-description-label" }, h("calcite-input", { key: 'a97b85340d620f4fa909b4b697e058e5398df145', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'eecadd422f35b01124dbf9ac8ce030c561f8b76d' }, this._translations.tags, h("label", { key: 'be9ba3c1c3e4d3bff74bcaf586cef39a8a5c76f2', id: "item-tags-label" }, h("calcite-input", { key: '9772f1e364dcb9810ea81bbf2871ee3c81bb0f92', 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: '3b732e3c889dc83eb649af9d66742304e549d229', title: this.type }, h("img", { key: '262f4891209996264e8c0248c926a60f71b9e674', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: '3a30434531363d13bcc0207dbc90f1ee32454113', title: this.type }, h("img", { key: '8ae2eaaeaa00bb86aed97665036fdb1edd14b6be', 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: '7042ab9382712488f9184b305e417dd93379422f' }, h("div", { key: '00baf7fac31f03b249592eb8603a74d6f93f2615', class: "container-border" }, h("calcite-label", { key: '5328280b6ee86819366800e43eda0c44b55ca277' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: 'b2086d83295956bff47fd5951056000043a4db72' }, h("div", { key: '1344ce75b7ae023544d0c177d883ba1c6eaed05b', class: "container-border" }, h("calcite-label", { key: 'abbd7a7f1e9dbf94d54ef61a2182b2659d60026e' }, 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: 'a4456905e1abde8eca22dfb6f3da81959d509b75' }, h("div", { key: '8fc37e2a59237ed0cca05b096f901a82da696151' }, h("h4", { key: '7bdd9e95f37297c51778a866542517048622e5ca', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '10bfcebd83ddc363f04149a03298b0c5247fd265', class: "container-border" }, h("calcite-tree", { key: '1d168ebbceaf566fb8f4ddea85acba39c08bbd53', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: '387c9a17b83de9f4aa2dc60666e4c45268b7d656' }, h("div", { key: '5181a83dbd700220b8ec55828a37d35fd1406ed1' }, h("h4", { key: '88eea182594f50b86ba873289d84ea0e1b7cc3eb', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: 'dcbaf3f135d1a6d660e4f17bce722feb6d2fed3e', class: "container-border" }, h("calcite-tree", { key: '4b85c9bd443deb82e570e58ae59c546d8ea9d36d', 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: 'c36fddfce9c4c97b281281ec11dfa017d496141e' }, h("div", { key: 'e1166173669689e9acee92cc7e53747ebcec0c09', class: "resource-item" }, h("div", { key: '86c8e1d498d7b84e9587cdcf4a3bb971fc1ecaad', class: "margin-bottom-1" }, h("calcite-button", { key: 'f382275e75efeb5beadef582ddd343a283f014e2', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'c487e618472b047f8db71e8989f849c844682080', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '08733ba234cba9b5ea19455256fa961d23ae933b', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: '3209042541d0df8440c8ae7b1564ddad9adb4466' }, h("div", { key: '11d0ad8b5ad181a4db7836e9f3f05fa3e79b924b', class: "resource-item" }, h("div", { key: '1b768c980d3679dd8ce0557cd24c18ab397cac16', class: "margin-bottom-1" }, h("calcite-button", { key: '33a827d3df40e68d985a0f6f8c9fdfb89b78ef25', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '22adce285d7eb9c5fb5a189b0bee43cd25eb89a3', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '20b41623ed7ab10202a5ea929b9ddd63b62d0c0e', 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: 'e9c18af4e96b99fc53fa9e93512209ad038e0462' }, h("label", { key: '35993e89a9fcf0d291be007b4107d6b3513a0da8', class: "switch-label" }, h("calcite-switch", { key: 'cd036d24e5b801fb50997920ccdb74e4814223d9', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'c41f1a994a99a8ac76cb885c32206148b6caa43e' }), h("div", { key: '5449bdba86513ce483d73cfa9c5907c597ae198a', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: 'df6dff1f168596f3b5e29ea44efbb69209442fb5', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '6caf709ea8db649c999b5b5ef388b36b3e1962e6', 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: 'd0ad66cff340a144e93356015f56b68d208a770a' }, h("label", { key: 'ab1e206b4ca0d4a9c8cd0e6ee3c5e145165966f6', class: "switch-label" }, h("calcite-switch", { key: 'ea8bc162371773ef36b709cd2662738dcf60a9dc', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'a085245ff9605523f532fb8483682fa54300d6c2' }), h("div", { key: '52a86a14efb23a1d56a092494760ab1c82bdf93c', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '6b08cf7be83e71b7715cc1e7e7f4ca7193abc3ee', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: 'dd82b90b032c953f7ce18492d038a4090d3ef4b2', 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: '5a417f81d9b0d98ad28f9139406fee4b37204169' }, h("div", { key: '0dd5d77a961473bf45f7654ccb2e0507b492a6c7', class: "solution-data-container" }, h("calcite-shell", { key: '3b839b36a89f1a9db10a6ad8b3f7d088248770bc', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '9f6ce42fdad56cf7a9f6b2f9ccac707eb655f4f1', class: "json-editor" }, h("div", { key: 'a1ba50c8fd13cf6d4934aa72083c0519c317721d', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '8f832aecde35b6b82e16b3d201b738fe202e86a3', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: 'c24f19fcc440884123f59842b392063925b5cbf6', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '8d9c25baada3e2ca03ee192f44121d7bdab85432', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '247b542336578c5404c7246552424c16030d90a7', 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: '963c1802c7828557cec5493602c3a1669e21683c', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '566f672a97401d77ed7180d5fc7b2367027fcc57', value: this.organizationVariables })), h("div", { key: '79508bfcde2ac8507acd40bbc3edceb944c3e717', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '51756082f8d13c73d7ae1349fc5625994a3354bb', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '2ac01aadffbe8719d947d3258721a24e79c5827a' }, h("div", { key: '8576d2c273b557393ae9c959817c3a1803000ca6', class: "solution-data-container" }, h("calcite-shell", { key: '7962b2da3ebce8428119e95dee13a79fb06a71ca', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '49c9e36a219e8f09431f88b7e698bd53bc538e43', class: "json-editor" }, h("div", { key: 'ef96fb9a8d9bced4a36dca4786b7c77f06bd3dc7', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'f8e1662a22f6b36e0be929aec00c539508527a81', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '853f9c2df14fe53cc305b290cd1e5b9a8f694b4d', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '0bc3d510ba7dc9d4ca1339bf6d5fa1a52c249723', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '2c316175ebe7bdbd4911abbdd58c2bcac8c6e39c', 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: 'e436c6dba30492a9eda496c4da41a7632cc03232', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '4956e3bf41676ccf3dd0168f6f4f573f14927110', value: this.organizationVariables })), h("div", { key: '3376d0034d66f01cd78d01adf5653aeeca63b47f', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: 'bb3978deedbe0a439d85d1bb7a8d26380e226dd7', 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: '4367694cf20a2063b57679f1a955ef827eea1c05' }, h("div", { key: '875e6e1532e7406ddf6cca804e421980aa23b7cd' }, h("h4", { key: 'b6798506cf71d3c84e2c33a3d12a0729591a73a7', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '413d3c7ebae5afa05a8cb5c87f766db64f43e106', class: "container-border" }, h("calcite-tree", { key: 'ba5bf27e005ce7536cdfe0c8022c96cd0b4ad920', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: '207eba2b3a7c2ae6958bc253c50a30ba05e4ad53' }, h("div", { key: '258351a67b1ffac4ce9290bdbc7a15fe045e1cf8' }, h("h4", { key: 'e8b6c6ff6b78d2ee885f352069426a79e12a4376', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: 'e68c85b552c5313300250d4e7a29aee50e3d070d', class: "container-border" }, h("calcite-tree", { key: '011383a8abb007bd6d7a59f6a7681f24fc32d3b0', 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: '23f3f6ff3d7eeeaeb8fb916532302a241fdbc078' }, h("div", { key: 'ea7631c0c26d451a72bd68e24ccb3ac757cf73f3' }, h("calcite-input", { key: '32d27336b3bc34ee6cd0d3c7ac3e52de7ee8011e', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '927f03277a45d5cf256306a2246bccffc0d296cb', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: '1f9d7ad0fe2043b7e950a59e6b10e1380c218a11' }, h("div", { key: 'f9e14494a1d2783c2d80bbe94d355e397674951b' }, h("calcite-input", { key: '3c2565f0c1f0bf8d7a4051969ca3bcb68a9107ce', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '7657240c433836340bc0767bb7e9206b75d0691d', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     _lastHighlightedSref;
     //--------------------------------------------------------------------------

package/dist/collection/demos/crowdsource-manager.html

@@ -210,6 +210,7 @@
         }]
       ];
       //demo.hideMapOnLoad = true;
+      demo.appLayout = "splitView";
       //demo.coverPageEnabled = true;
       //demo.introductionWindowEnabled = true;
     }

package/dist/components/card-manager2.js

@@ -37,6 +37,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
         this.layer = undefined;
         this.mapView = undefined;
         this.zoomAndScrollToSelected = undefined;
+        this.selectedFeaturesIds = undefined;
         this._cardLoading = false;
         this._graphics = undefined;
         this._translations = undefined;
@@ -62,12 +63,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
      */
     async featureSelectionChange(evt) {
         const ids = evt.detail;
-        this._cardLoading = true;
-        // only query if we have some ids...query with no ids will result in all features being returned
-        const featureSet = ids.length > 0 ? await queryFeaturesByID(ids, this.layer, [], false, this.mapView.spatialReference) : [];
-        // https://github.com/Esri/solutions-components/issues/365
-        this._graphics = featureSet.sort((a, b) => ids.indexOf(a.getObjectId()) - ids.indexOf(b.getObjectId()));
-        this._cardLoading = false;
+        this._graphics = await this._getFeaturesByIds(ids);
     }
     /**
      * Get the layer view for the provided layer id
@@ -88,6 +84,9 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
      */
     async componentWillLoad() {
         await this._getTranslations();
+        if (this.selectedFeaturesIds?.length > 0) {
+            this._graphics = await this._getFeaturesByIds(this.selectedFeaturesIds);
+        }
     }
     /**
      * Renders the component.
@@ -95,13 +94,25 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
     render() {
         const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
         const messageClass = this._graphics?.length > 0 ? "display-none" : "";
-        return (h(Host, { key: 'ff2b82f23cc912a79d4f2d04a3263215e54ff03d' }, h("div", { key: '64a96d7162508794b955dc4b557fa94d18f8ab53', class: "overflow-auto height-full" }, h("calcite-shell", { key: '77b8ad0b9a459d2fb9399ccfebc6d0211147bb01', class: "position-relative " + featuresClass }, h("div", { key: 'e0725835f5c1c32a9164e04d6321ba5853a3892c' }, h("info-card", { key: '6712a077c4746585e7b2474aedd14e1869b37c34', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: '38c85dbb72df9b9b1225f1488c3bf384f67d7db4', class: "position-relative " + messageClass }, h("div", { key: '66386d1a0d19fb4a023515e5dc4b41ac73a8c257', class: "padding-1" }, h("calcite-notice", { key: '12a843bede7b688651b436bcb9b7ad9e7f6217e0', icon: "table", open: true }, h("div", { key: '28862f4aa25802ca6b2bdc0ef2af3bcb825267f9', slot: "message" }, this._translations.selectFeaturesToStart)))))));
+        return (h(Host, { key: '0309205d485d9c7a5c558b3619a6c5ac03fcb528' }, h("div", { key: 'a5d291f6073b0e0a918573549c6eb29fe1d892dd', class: "overflow-auto height-full" }, h("calcite-shell", { key: '572b9cdf002e0c8c46e6c4bc5e2f1f8494228e93', class: "position-relative " + featuresClass }, h("div", { key: 'f8ba07deb9786d64f3d25011ff66ead43d809bf1' }, h("info-card", { key: '6eda3ab2cfa2e5fb948f5a7ddaeb6b9022aa5543', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'f32d9cfe3a41bbd7d58cdc732c8abe99b232beb7', class: "position-relative " + messageClass }, h("div", { key: 'b97eb023c5d57a4a8dda09467d8599166da40f3c', class: "padding-1" }, h("calcite-notice", { key: '23a204782bd254909e3ab803a944d10004e4954a', icon: "table", open: true }, h("div", { key: 'ea25078647612b8fa40e26b4474a91c853dae126', slot: "message" }, this._translations.selectFeaturesToStart)))))));
     }
     //--------------------------------------------------------------------------
     //
     //  Functions (protected)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Gets the Feature using its ids
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getFeaturesByIds(ids) {
+        // only query if we have some ids...query with no ids will result in all features being returned
+        const featureSet = ids.length > 0 ? await queryFeaturesByID(ids, this.layer, [], false, this.mapView.spatialReference) : [];
+        // https://github.com/Esri/solutions-components/issues/365
+        return featureSet.sort((a, b) => ids.indexOf(a.getObjectId()) - ids.indexOf(b.getObjectId()));
+    }
     /**
      * Fetches the component's translations
      *
@@ -116,9 +127,10 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
 }, [0, "card-manager", {
         "enableEditGeometry": [4, "enable-edit-geometry"],
         "isMobile": [4, "is-mobile"],
-        "layer": [16],
+        "layer": [1040],
         "mapView": [16],
         "zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
+        "selectedFeaturesIds": [16],
         "_cardLoading": [32],
         "_graphics": [32],
         "_translations": [32]