@esri/solutions-components 0.10.48 → 0.11.0

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

@@ -71,6 +71,10 @@ export class MapLayerPicker {
      * IMapItemHash: id/name lookup
      */
     _layerNameHash;
+    /**
+     * boolean: when true we will not test for any active edits on layer selection change
+     */
+    _skipEditCheck = false;
     /**
      * IMapItemHash: id/name lookup
      */
@@ -108,6 +112,22 @@ export class MapLayerPicker {
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Set the layer by id
+     */
+    async setLayerById(id, skipEditCheck = false) {
+        this._skipEditCheck = skipEditCheck;
+        this._setSelectedLayer(id);
+        this._skipEditCheck = false;
+    }
+    /**
+     * Set the layers by ids
+     */
+    async setLayerByIds(ids, skipEditCheck = false) {
+        this._skipEditCheck = skipEditCheck;
+        this._layerSelectionChange(ids);
+        this._skipEditCheck = false;
+    }
     /**
      * updates the layers
      */
@@ -119,6 +139,10 @@ export class MapLayerPicker {
     //  Events (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Emitted before a new map is loaded
+     */
+    beforeLayerSelectionChange;
     /**
      * Emitted on demand when valid layers are found
      *
@@ -169,7 +193,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: '47d80c20f364f6d4f1a247f7f84d25ca4ff5cd7b' }, h("div", { key: '16ecc0c3dad51b0707304e003861e419796f3fba', class: "map-layer-picker-container", style: style }, h("div", { key: '56a3d93b9f91afd753952a0e86fe9ee426c529f5', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: '74c47ce120f21964a6ea68fed4c75c1026a63511' }, h("div", { key: 'd5bf7c5d83c455f3fa2a399abb5a638d938f8b56', class: "map-layer-picker-container", style: style }, h("div", { key: 'e1ee1d491f087b8213c10ede6181c94db9245126', 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)))));
@@ -318,6 +342,16 @@ export class MapLayerPicker {
             id = this.defaultLayerHonored ? this.defaultLayerId : id;
         }
         item = item ? item : this._getLayerFromHash(id);
+        if (!this._skipEditCheck) {
+            const evt = this.beforeLayerSelectionChange.emit({
+                currentId: this.selectedIds[0],
+                newId: id,
+                ref: this.el
+            });
+            if (evt.defaultPrevented) {
+                return;
+            }
+        }
         this.selectedName = item?.name;
         this.selectedIds = [id];
         this.layerSelectionChange.emit(this.selectedIds);
@@ -402,10 +436,21 @@ export class MapLayerPicker {
      *
      * @returns Promise when the operation has completed
      */
-    _layerSelectionChange() {
-        const ids = Array.isArray(this._layerElement.value) ? this._layerElement.value : [this._layerElement.value];
-        if (JSON.stringify(ids) !== JSON.stringify([""])) {
-            this.selectedIds = ids;
+    _layerSelectionChange(ids) {
+        const _ids = ids ? ids :
+            Array.isArray(this._layerElement.value) ? this._layerElement.value : [this._layerElement.value];
+        if (JSON.stringify(_ids) !== JSON.stringify([""])) {
+            if (!this._skipEditCheck) {
+                const evt = this.beforeLayerSelectionChange.emit({
+                    currentIds: this.selectedIds,
+                    newIds: _ids,
+                    ref: this.el
+                });
+                if (evt.defaultPrevented) {
+                    return;
+                }
+            }
+            this.selectedIds = _ids;
             this.layerSelectionChange.emit(this.selectedIds);
         }
     }
@@ -742,6 +787,27 @@ export class MapLayerPicker {
     }
     static get events() {
         return [{
+                "method": "beforeLayerSelectionChange",
+                "name": "beforeLayerSelectionChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted before a new map is loaded"
+                },
+                "complexType": {
+                    "original": "IBeforeLayerSelectionChange",
+                    "resolved": "IBeforeLayerSelectionChange",
+                    "references": {
+                        "IBeforeLayerSelectionChange": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::IBeforeLayerSelectionChange"
+                        }
+                    }
+                }
+            }, {
                 "method": "idsFound",
                 "name": "idsFound",
                 "bubbles": true,
@@ -796,6 +862,56 @@ export class MapLayerPicker {
     }
     static get methods() {
         return {
+            "setLayerById": {
+                "complexType": {
+                    "signature": "(id: string, skipEditCheck?: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "id",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "skipEditCheck",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Set the layer by id",
+                    "tags": []
+                }
+            },
+            "setLayerByIds": {
+                "complexType": {
+                    "signature": "(ids: string[], skipEditCheck?: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "ids",
+                            "type": "string[]",
+                            "docs": ""
+                        }, {
+                            "name": "skipEditCheck",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Set the layers by ids",
+                    "tags": []
+                }
+            },
             "updateLayer": {
                 "complexType": {
                     "signature": "() => Promise<void>",

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: '768d9d69042516c6d4edc55fcb0af23f90d33e6e' }, h("div", { key: 'e1147cf58240e7a6fcb9a00fce3649a380755e3d', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '60b355f71d25b3c683f6218941e342899006d839' }, h("div", { key: '7686d302e16fd42cd26777d14c682dc0e951c058', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

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

@@ -48,6 +48,10 @@ export class MapPicker {
      * string: the id of map currently displayed
      */
     _loadedId = "";
+    /**
+     * boolean: when true we will not test for any active edits onBeforeMapChange
+     */
+    _skipEditCheck = false;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -83,11 +87,13 @@ export class MapPicker {
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
-    async setMapByID(id) {
+    async setMapByID(id, skipEditCheck = false) {
+        this._skipEditCheck = skipEditCheck;
         const mapInfos = this.mapInfos?.filter(i => i.id === id);
         if (id && mapInfos?.length > 0) {
             this._webMapSelected(mapInfos[0]);
         }
+        this._skipEditCheck = false;
     }
     /**
      * Closes the list
@@ -108,6 +114,10 @@ export class MapPicker {
     //  Events (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Emitted before a new map is loaded
+     */
+    beforeMapInfoChange;
     /**
      * Emitted when a new map is loaded
      */
@@ -129,7 +139,7 @@ export class MapPicker {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'ecfbf2669de4ce8c916e47c7a731f0a3ad33b419' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'a16cef5d3d16de605f51ce77450365e8c7f5ba08' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded
@@ -190,8 +200,22 @@ export class MapPicker {
      * @param webMapInfo the web map id and name selected from the list
      */
     _webMapSelected(webMapInfo) {
+        const currentId = this._loadedId;
+        this._loadedId = webMapInfo.id;
+        if (this._skipEditCheck) {
+            this._webMapInfo = webMapInfo;
+        }
+        else {
+            const evt = this.beforeMapInfoChange.emit({
+                currentId,
+                mapInfo: webMapInfo,
+                ref: this.el
+            });
+            if (!evt.defaultPrevented) {
+                this._webMapInfo = webMapInfo;
+            }
+        }
         this._mapListExpanded = false;
-        this._webMapInfo = webMapInfo;
     }
     /**
      * Toggles the open/close state of the map list
@@ -294,6 +318,27 @@ export class MapPicker {
     }
     static get events() {
         return [{
+                "method": "beforeMapInfoChange",
+                "name": "beforeMapInfoChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted before a new map is loaded"
+                },
+                "complexType": {
+                    "original": "IBeforeMapChange",
+                    "resolved": "IBeforeMapChange",
+                    "references": {
+                        "IBeforeMapChange": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::IBeforeMapChange"
+                        }
+                    }
+                }
+            }, {
                 "method": "mapInfoChange",
                 "name": "mapInfoChange",
                 "bubbles": true,
@@ -320,11 +365,15 @@ export class MapPicker {
         return {
             "setMapByID": {
                 "complexType": {
-                    "signature": "(id: string) => Promise<void>",
+                    "signature": "(id: string, skipEditCheck?: boolean) => Promise<void>",
                     "parameters": [{
                             "name": "id",
                             "type": "string",
                             "docs": ""
+                        }, {
+                            "name": "skipEditCheck",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

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

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

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

@@ -310,7 +310,7 @@ export class MapSelectTools {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '1c312d53b800ca401726c653e12465e92abf0eef' }, this._getMapLayerPicker(), h("div", { key: '2da9eb5316656769ec2f80dfa5fbdc190c62b1cb', class: "border-bottom" }), h("div", { key: 'b21d332e5da0aa8cfb34fdab7a1075bfbd5efb42', class: "padding-top-sides-1" }, h("div", { key: '2dd59511d4f07cc2cd43b5b5c2a8037303d21546', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '1149bcd2f36171b82f6902fbf89bb0400383fdde', class: mapToolsContainerClass }, h("map-draw-tools", { key: '2d3b1b91a108bf2bb2db463e7ffd4574f4a36dac', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: 'd4068bef106e1f4226b1f9c104a626fe0a0f6700', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: 'a5001c196db1464bffa746310638b2853ff5fdf9' }, this._getMapLayerPicker(), h("div", { key: '3e023a81f76bdd371c84d9ecb42e97a9160c6f89', class: "border-bottom" }), h("div", { key: 'c6be571bee2d2c1fe82407aee9a1cf9f1f27280d', class: "padding-top-sides-1" }, h("div", { key: 'aaf5992f616728f6be5be034700ac09b9b5b733f', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'a86b4e147b7baf4b93272bed7f189a47faf65ab8', class: mapToolsContainerClass }, h("map-draw-tools", { key: '9b3c2faaa8f612d055189206e2baeb868d55dceb', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '73b3039f0861046a3f955872180b64c15bd5c5d9', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -487,11 +487,11 @@ export class MapSelectTools {
             const selectLayer = this.selectLayerView.layer;
             const oid = resultFeature?.getObjectId();
             let resultLayerSourceUrl;
-            if (resultLayer.sourceJSON?.isView) {
+            if (resultLayer?.sourceJSON?.isView) {
                 resultLayerSourceUrl = await this._getViewSourceUrl(resultLayer.url);
             }
             let selectLayerSourceUrl;
-            if (selectLayer.sourceJSON?.isView) {
+            if (selectLayer?.sourceJSON?.isView) {
                 selectLayerSourceUrl = await this._getViewSourceUrl(selectLayer.url);
             }
             const rUrl = resultLayer?.url?.toLowerCase();

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

@@ -222,7 +222,7 @@ export class MapTools {
         const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (h(Host, { key: '6a707a10b3cbe094548a863b13d0852969c46f94' }, h("div", { key: 'c1e349ba8577a87f967b31a7a042be30cb933d34', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '7120793f9d707fb0d1914f5aeffb3293532ab891', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '11e280302f6b1f5287aa83c7eb33542f3a9d87ab', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'c3afd22dc8d652877f48a6def87e486546993d61', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'b8fad3cdbc3b96b4f3441316651ad78b4ed3de65', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'e34111225f1ec80fedfd548196e407786d28200b', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '2db5c7e6182d77786b162692169263495b2752f5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '4630a876708781097e02cf1aa94a3f77e30c0fee' }, h("div", { key: '28be602bad246ef82214f3724aaf5f8480473456', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '25694e233efe5b917f0a4b25cc4c707c0584cae4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: 'db1c9cd3e1851957f9be86d43dc94355f6894a26', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '558c28360b5e295a886becff4a07c5ec3d22c570', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '8e9a8c3e0619773b10ed51543717c2c63d7caa7a', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '0fba4904ba25f4122e57dc77f3bc64f2bd59d7c1', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '696d3bc16a3464770e96a45af8224537550c90a2', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -324,7 +324,7 @@ export class MapTools {
         const sizeClass = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48";
         const stackClass = this.stackTools ? "" : "margin-bottom-1-2";
         const shadowClass = this.stackTools ? "" : "box-shadow";
-        return (h("div", null, h("calcite-action", { alignment: "center", class: `${sizeClass} ${stackClass} border-bottom ${shadowClass}`, compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, h("span", null, tip))));
+        return (h("div", null, h("calcite-action", { alignment: "center", class: `${sizeClass} ${stackClass} border-bottom ${shadowClass}`, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, h("span", null, tip))));
     }
     /**
      * Add the widget to the UI and optionally to an Expand widget

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: '4f333fa9aecd33cf2b34d85802c79256073f940c' }, h("div", { key: '6946f22e384fac51a20e2efb7b4ddbf2de7517ed', class: pciClass }, h("div", { key: 'e30e88571eb1b89588798d51ba788e4b6dc7d269', class: "label-display" }, h("calcite-label", { key: '034582e553ac4191939095cec8d836bc567ea77e', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '7fc1ae8d901b0a1ce820e53e225b275f1d779eb6' }, this._getCalculateButton())), h("div", { key: 'b74849f5007f54d3019be5e18a85769186edfffa', class: deductClass }, h("div", { key: 'ae8bf9314b0ead0b3f9d220d81cc410c2a29dc6f', class: "position-right" }, h("calcite-action", { key: 'cac38dc7e539275a0baeb0511fb8a09e8f96fa7a', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '68bcd78e3ef4505e5b1e5f0ea76d15f9e00fc18d', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: '6ee5741fe10030324155d5f05a9e4a0eeb337028' }, h("div", { key: '14e0c3495ad57d8d1ec4da9b6c5df80323ef1735', class: pciClass }, h("div", { key: 'ef2e48f06b194ee7806e2f6b5c60d77e17ac1e5f', class: "label-display" }, h("calcite-label", { key: '60695651cdad1e30570f76f3621740fb8c0b62e9', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '19e2db05e7b45fb012892ffa539cb2037da9f449' }, this._getCalculateButton())), h("div", { key: '4a2cd1a80a86d2ba7e4b24935dbebbaecd316cd0', class: deductClass }, h("div", { key: 'f288ef667dd2532c8f409ef12a033d6b4f13ad7e', class: "position-right" }, h("calcite-action", { key: '0d62669dd9660098f6ac4eb10334c5a9ea3897aa', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'dd0a3cb656e7e2c707b1956e40e8a597d8972cfa', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

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

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

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

@@ -273,7 +273,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '0d4380d143c98ca5a3d2ddf0cf4ab2396eb2fd2a' }, h("calcite-shell", { key: '2768c18a968d0c1ec655dfe59fa6e9d1386e9aa3' }, h("calcite-action-bar", { key: 'a9f5ad4a339e0a6b729c753dfb7841bbedba6624', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '3c66fb8662bf736f26e287b6969d34b9197f7afb' }, h("calcite-shell", { key: '1e8eb432455e5a14b199169ed38dd1e0e6d977bf' }, h("calcite-action-bar", { key: '8288278f39b9db13d546d724d87a759b60b5e76f', 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.
@@ -425,7 +425,7 @@ export class PublicNotification {
      */
     _getActionGroup(icon, pageType, tip) {
         const sizeClass = this.showRefineSelection ? "w-1-3" : "w-1-2";
-        return (h("calcite-action-group", { class: sizeClass, layout: "horizontal" }, h("div", { class: "background-override" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
+        return (h("calcite-action-group", { class: sizeClass, layout: "horizontal" }, h("div", { class: "background-override" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
     }
     /**
      * Navigate to the defined page type

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

@@ -127,7 +127,7 @@ export class RefineSelection {
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: 'efa77aec940afdb80051b36300a492ac5764a413' }, h("div", { key: 'ac59062ad6b3bb15727d1d88ac99ba983c7a2ff9', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '27599ce74e9f7d6133f6cbfa40db4acfa8c00eeb', class: "display-flex" }, h("calcite-label", { key: 'b8acd5160effc68b7ee03a85ba8d6d2a5966c3e8', class: "font-bold width-full label-margin-0" }, h("div", { key: 'b2185de868b979281984019dbea9cf58a8bdef59', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '3bd42d1897e3d4374c9affeb20a4af09866645b4', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '3c7202cb44db02ff2650aa2075af55a51f180018', enabledLayerIds: this._enabledLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'd70f7e4ad2926d05b05a2e74a4f69ae1bffb8cea', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: 'bd70416a30a863e8cf96ac34c0b90cb420955344', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '084b833c369a39179d28d1bbe07710fad7d47933', class: "padding-1" }, h("div", { key: '42056204fd2d97c1d2ab5fa9300b5d8bd903bb8a', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '6baa72a792c4785338ccfb462c019fa945bf1002', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'e31ce029fcd48521aac0d7cb09426fc6afb0d536', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '63fa738b401c7d2e1d55ea63faa5d2fc9496feae', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '77510ca6a043780cf6bd4eb835b0f88a51d4b2f1', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '3ae3c0b4fd72d7f8cb72a8e013528f1f2539bed1', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '41a3bea7ebbc8f2e62d842804d8081aae112d703' }, h("map-draw-tools", { key: '1bd98c62b98e196c9ec907059c6728790aa872fc', active: true, drawMode: EDrawMode.REFINE, locale: this.locale, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: 'ccdeef335f78d4eca3ebacd0fafb468db8c9ee7f' }), (h("calcite-list", { key: 'd2831ba128c37412ee91d51bc73d58ae0d3f0979', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: '8220100e14abd8339947a74df2d8072d06fb2a25' }, h("div", { key: '1d7426778d638f347b563bfd29478fae7598e2dd', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'cfb649989c24c403bde7d358794933f8f7959bb8', class: "display-flex" }, h("calcite-label", { key: 'dce85bbfa526941a0fb46c1aeba57f4b028948ef', class: "font-bold width-full label-margin-0" }, h("div", { key: '86c19198643381fd99681c53bf0b2b5e66ecf7dc', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '392022947cd9f53b4b83895992c5b0b32e56fb06', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: 'd0946a46e7a79fc613b9eb9aa3e6f896c12bef92', enabledLayerIds: this._enabledLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: '3b733fd5e7ceb011446112e65aa1ee1b0c5899c7', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '2076104710f4fbdd1de1f31b552b17749ebf9239', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '040efdfd6a269244790101cc0712a1cb0bac40d8', class: "padding-1" }, h("div", { key: 'be963f2cb157fda55980166359e53139a5713405', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '459fa98e8852ea96afd0c9ab5864787f80ff6559', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '965fa774838ecd3292c19a430cdbdfc7b44c82b2', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: 'e0b6fddbded9c78fa98674709ff03f050fd47300', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '56e453183fc559ddbce5b041095fad5a8d6262ab', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '13593da569557fa57822c98e12a5654cade219a1', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '029fec164d9475274294a1d740a434cab2535cdc' }, h("map-draw-tools", { key: 'a212c5d21b2b1cdf7ba284a95dacaf83cf0180c9', active: true, drawMode: EDrawMode.REFINE, locale: this.locale, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: '352a0523461cfeeae3bae09ae1cc6f8fa759616b' }), (h("calcite-list", { key: '0db8f64b4f6e6a0aa6c6e6062e0cc47a17739092', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

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

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

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

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

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

@@ -70,7 +70,7 @@ export class SolutionItem {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '721f488604e2d9ad7a063d0776e11587baca4d3d' }, h("div", { key: '32b1a71eddf54a139b62cc68b5acdd5e5cc53e7a', class: "configuration-container" }, h("div", { key: '9064802d85a4f77faec0bbc6c17b303c7b9bdf16', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: '3fe864ad8d8bcf7bc276feafc60ce7e9fd7e803b' }, h("div", { key: '90f327cc0736d8c9c13bf8b65d69e3835b4dae7b', class: "configuration-container" }, h("div", { key: '10536f9927ba2b5745f1b5ae3b154a3aac902d47', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -130,7 +130,7 @@ export class SolutionItemAccordion {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '3fd8de4658f18f1719282fabc3ca9299fa1a6952' }, this._getAccordion()));
+        return (h(Host, { key: '22a8a6f89fac420848c1279439e0b02121e694d9' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -81,7 +81,7 @@ export class SolutionItemDetails {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '91b7ce062e477c856e3a512e5247ac9fb3299fc9' }, h("div", { key: 'fa10231c42260d1117b14653359f531e0688a46c', class: "parent-container" }, h("div", { key: 'c6a3c70442de79c97f730c5c9a351f033a75e0f5', class: "inputBottomSeparation" }, h("calcite-input", { key: '8b33b09b05bd3d81bde6e739288ef806083bfe9a', id: "item-title", value: this.itemDetails.title })), h("div", { key: '288c1856a396fd47b6df74d76da153a70832a548', class: "inputBottomSeparation" }, h("input", { key: '16bedd351e0be19f7ef8b0f9e30ac8d54bf19512', 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: 'e0f9adf5152b9b292e859667bacf4d154e563302', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '99611f9c671193b9a833b76a6ed071bc8a61b18f', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: 'c499a06b58b083384ad0ab7b053c266bdc6db252', 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: 'fa7b1a1c072901eb2abed7f9c756320e03b8d7de', class: "flex" }, h("div", { key: 'e5e982728dfcc569987db0f3bbd621fea819fc6c', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'e09073dc5598c3dac5a020830b44e013dc884f2b', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '3023ad5fba278e0a9982d51c63cf052ffb7a4dc4', class: "snippet-count-container" }, h("calcite-input", { key: '2b57abed7b2299b29e011363976290425457f194', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: 'b8af7f4e80bcc1722ba512f63941dc38dc8c3ae4', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: 'd364ae177e5ac0b8356b63cd842f5ef8f4a10bb8' }, this._translations.description, h("label", { key: '88655b88d2f5fbf3a000492c780110fc3a4d0634', id: "item-description-label" }, h("calcite-input", { key: '5034fb4d2ccf7927bb200dadd0d543ca05bb4da2', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '00f30749424b6c07279e11ba171d4335af6b6443' }, this._translations.tags, h("label", { key: '64564edcf7c4a55102d06ffd1c937fd275cc0733', id: "item-tags-label" }, h("calcite-input", { key: 'bc46622ffde1e9064e726594fd70c43c91fe36d7', 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: '9a0ddf363cb5e8abc5cbfd45ec0958befd81415d' }, h("div", { key: '0efb572f551fe4962ea9114bd32dc2004d47e00a', class: "parent-container" }, h("div", { key: '57ba57b956322c3339ea9265640def266717493b', class: "inputBottomSeparation" }, h("calcite-input", { key: 'e359cea6b2e94823970bbf8beb93e117963fa730', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'c7b490a6f1f64ec2b10e8796ad3826d88e25280c', class: "inputBottomSeparation" }, h("input", { key: '776e1efb6ee1e29e75727f984165fa77bc36515d', 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: '12ece37e4d8ae802cb4fc2dbd3e1843496c674cb', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '5301bac0dd37771122384b968aca05eb9a714a12', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: 'a73dbc1d758fa28afe87dfc36efb5085f115b09c', 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: 'c07d1d3b4f38672855b2a4f3cfd66b91d85ad050', class: "flex" }, h("div", { key: '7de852550f467b8bb0bd8fa87c72552747d7397b', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '7111cafeabac088b5ff729eed71746966ea66ae2', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '4b0be864e8c38b9a8185ba301582a742cbf8188a', class: "snippet-count-container" }, h("calcite-input", { key: '9e307dc8a67f77dc61e0deeaf3aa528007921b1b', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '83c0d63adc182afcb83f45bcbcec778552768b65', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '1e17c1ae545adb010e216ac566e9cba5eec1fc1a' }, this._translations.description, h("label", { key: 'c0e125cd881b013af6da14de78635f9922163e39', id: "item-description-label" }, h("calcite-input", { key: '1cf2cb27f67edfee86fc9a36ae296f81ef6c4429', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '1f61dee7f09260a0277af8a8e3d620e229ce4225' }, this._translations.tags, h("label", { key: '73820279fa0134328f24741857e028c89b5caebc', id: "item-tags-label" }, h("calcite-input", { key: '88dc8f7cd156dfa5f52ae8412241c2f0bfca357c', 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: 'e14a2bed4b4c74b5959d7b12f73f9c8a1b374e6d', title: this.type }, h("img", { key: 'd7a7eccc3361946b2641e8499af21b199792a223', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: 'cc13e7bfc0a58ca1727651c3c31b0dc4e50f716a', title: this.type }, h("img", { key: '76808f6a3ced35a15626d4a4d30e7a2b8185d8d6', 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

@@ -66,7 +66,7 @@ export class SolutionItemSharing {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'eca66b743e748d9f915c6d356ea84075ab21709a' }, h("div", { key: 'b0765e14cc9de5a81afa5d20bc41e7f78913a37e', class: "container-border" }, h("calcite-label", { key: '36cbf3b48a2641bcb2107e61609c2ec6c9f18991' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '1c7dbee68fbf0eabf736fb783f173ade2f408122' }, h("div", { key: '3c3d88ab122d4a8bc69363224a2754c4a4b092ba', class: "container-border" }, h("calcite-label", { key: '137bb704b258a3cd1e5e5b7a18c53aca331d7f91' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -64,7 +64,7 @@ export class SolutionOrganizationVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '4d1a39b53287d445a1fc66cd5088a7bc60516ab6' }, h("div", { key: '7a40ad712fe1af01e92701d128f65b0590aa15bc' }, h("h4", { key: '7517fc56b5b0128ee102dc3f57e334501befe14f', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: 'd48cbc3ffb24ba54ded2b24c7c518ecf8114cd55', class: "container-border" }, h("calcite-tree", { key: '383124c0ae3d646dc9ee857109051e7a151dbe62', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: '3f72a5c1b8fb6bcdab858ee061eadb38cb9965d9' }, h("div", { key: '118c7cafc8330c44e72a59a76fd81ca0f39696e1' }, h("h4", { key: '86934bdf3cbf162a732a53579e324c5fff8beead', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: 'ed5c1df397286a7d1c8e61b5ce04623fa13d74cc', class: "container-border" }, h("calcite-tree", { key: '47f4f9bf5a81ded9a37a33a94fac6a230263e917', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -75,7 +75,7 @@ export class SolutionResourceItem {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: '36017a54e5f8fafda593af2b727f1fbda80c7455' }, h("div", { key: 'eb9f53c9b4161c09e0b00d9a4d90a814d944819c', class: "resource-item" }, h("div", { key: '504dfa5fb623ed27a0829f60ebbf5de17b6d467f', class: "margin-bottom-1" }, h("calcite-button", { key: 'e578443e1ef409917c5946c77e660c04d273cb6c', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'e4c11326d7c5d96de1d0983eb0beb3cf726177c8', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '3617bf40ac8b01d70b523642757a624c977ea491', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: '13f2759a882d2eca48bf9dda58e74caade76142b' }, h("div", { key: '498ced2e29b8af9138a8aa9d77ec78e07e3c64de', class: "resource-item" }, h("div", { key: 'd76a967373a990906a67d88ea6466030c41401ff', class: "margin-bottom-1" }, h("calcite-button", { key: '96cd2ee08adadef9e1b29db12c38d4748b0689c0', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '49326139cad065995512d3e3568c7d8e7f5cef4f', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '9c056d9ab7242ea10cbcf57eaabce4bd9777541e', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------

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

@@ -75,7 +75,7 @@ export class SolutionSpatialRef {
     }
     render() {
         this._updateUIFromStore();
-        return (h(Host, { key: '1badb0e90bbc64684ca6954c0d9122933ee894ce' }, h("label", { key: '3977294c964c895b537c709efe7b822d32a50239', class: "switch-label" }, h("calcite-switch", { key: '5e72cb2f635e584046cddcbd772a0fa5e729d6e8', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'c952c9e94b4e1bfd65a2c01b469bfc799bed669b' }), h("div", { key: 'd4c63008954968f5e78e9383b27419b95a18b6be', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: 'f49057d234fbc45d821b4da5971542f32ad845b7', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '91754097e35a9218d6ce4412bc2d10ebc28e8518', 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: 'b8775ad1a6a18c0b32d020c02d6f9fe13f5d578a' }, h("label", { key: 'd10fa03d4d127579eed4fec2c6c907dc46166bdf', class: "switch-label" }, h("calcite-switch", { key: 'ce47d98234008f377d674851ce77c68ebaa4fd71', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '54dc5ccf3fec55650f62d8dbeb09071c8e88805c' }), h("div", { key: '03257e474d254e4d5a0dd10ac7ab6e8b88f85d54', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: 'fac415766affa3b1620ce6a5c3d5ef900b25944f', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '611b69b0895267702a69a70436033274d3d28892', 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

@@ -91,7 +91,7 @@ export class SolutionTemplateData {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'db99cf57229d7d8b9fe6315e180d95de0b20fc8d' }, h("div", { key: '83473f420d1417c85ebb4119be9f359cab878c54', class: "solution-data-container" }, h("calcite-shell", { key: '013754ef962c2e5c112f6a8cc6c5d1b8e768078e', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '11ab2a07fe4af542d8cefc1c131246deef43dd9a', class: "json-editor" }, h("div", { key: 'ba0460977eb0375acaf5b11ce951986a08ece39b', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '53251c1583aa7e8cf2a4e9a1f22e4c72430d3928', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, locale: this.locale, value: this.value }))), h("calcite-shell-panel", { key: '30c47797a35ff7228c4318a5633aec57de05b8cf', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '028b16654835744f0735b880ca85a3d174963414', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'bb5049611e778b970454544851a625ccef47d23a', 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: 'c2a30a7c27db181e0dfe0e201d9d3b2742247080', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '178c4301c8558c4fe7114c8f6cf5bc0df10883a0', locale: this.locale, value: this.organizationVariables })), h("div", { key: 'f85375bac946cff856b6915f340bf926498265ea', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '166d0752746994bc4aebd4e41660f8a2d2c678ea', locale: this.locale, value: this.solutionVariables }))))))));
+        return (h(Host, { key: '3f853006c19509c8cf484d4420b3f687aaad5161' }, h("div", { key: 'f524e1ee3c8dc972779be0909372c11c26092dd0', class: "solution-data-container" }, h("calcite-shell", { key: '56797702bc53b08051360975dc529c884eb7d294', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '6208ac7b63ab8b69bc29ad88abdb9bcdeaaa707a', class: "json-editor" }, h("div", { key: '66e99550359b5665b4dd04f794d8108e4ee34284', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '7a7f5afa5d424fb6099b7167f274ce211e791a56', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, locale: this.locale, value: this.value }))), h("calcite-shell-panel", { key: '7cc8bac91bfc5be96018d005cc87be457278ed6d', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '4ce0c251d30d5735781394f5c213523867205886', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '814c8996b854102b022f7ac482498dd6aac36ec8', 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: '6b872cfc1c60870fb6262808f5d9f61cc35f0f44', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'e8e9ee594b6dcb5ddaabd05c322fb33d568ac7b5', locale: this.locale, value: this.organizationVariables })), h("div", { key: '109d17a77a54a13818af6aa2a9beb92526100ea7', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '46902ed69897ed01334def99817fedafbda2e8d5', locale: this.locale, value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------