@esri/solutions-components 0.11.9 → 0.11.11

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

@@ -604,8 +604,8 @@ export class LayerTable {
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '68d6d57fbc9122b15340e0be3426ad00d398c7b2' }, h("div", { key: 'c4839ef8df0c5d3937b68c444264ce3bbb5c808d' }, h("calcite-scrim", { key: 'd4fa1a66ddcc5d0e83ee4ee43b2a3230e7f0298f', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '2ae1aee8a242902f3fbc9a1a19b62a8b721e5de7' }, this._getTableControlRow("header"), h("div", { key: '73d424f4bb07f56245c2c0858544d6cb7d9fcc74', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'a2404478e2daf5ebac1ff3ac10378a98c868bcb2', class: "height-full width-full" }, showSearch &&
-            h("div", { key: 'e18c71ccab7853438c51fe7168b7a98087d215e2', class: "search-container" }, h("calcite-input", { key: '39ecb52bacd4560a94310a56faf084941aa44a2a', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'ce2aeb5e108b1d76da8694a071dcd46098e6bb28', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '78e596cb45427bb9d21a11368361f67e1ed306a5', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'f51377beacfa93e7f6faccb054748c33f0fe41e2' }, h("div", { key: '1c4745468d68c3394d2479ddc0128cee2f8f8119' }, h("calcite-scrim", { key: '107f64b58b12fd258cdd6cac17ab671f3bf761b9', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '770b53edf5626c49f941f46cf120fe97cb5161a2' }, this._getTableControlRow("header"), h("div", { key: '452b1d740d7e1e3a27fcdc0366fbe4f3cfb6d2e3', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '63b8dd565344f7a04f42bd6ec63596a0599095bc', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'c2fc7178a79e00527ed1d383bd54788e476dc7a5', class: "search-container" }, h("calcite-input", { key: 'b8e81f96528ebf2cdb3650b6ef0492c9f492c5c7', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'bce4751b3d1d568f916d40e50893b88cb84b4b70', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '9fdcdfec8f715b68e01ec75a328d4b91ad4975ea', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal())));
     }
@@ -837,8 +837,8 @@ export class LayerTable {
             const selected = this._columnsInfo[k];
             return (h("calcite-dropdown-item", { id: `layer-table-${k.toLowerCase().replaceAll(" ", "")}`, label: k, onClick: (e) => {
                     const target = e.target;
-                    this._columnsInfo[target.label] = target.selected;
-                    if (!target.selected) {
+                    this._columnsInfo[target.label] = !target.selected;
+                    if (target.selected) {
                         this._table.hideColumn(target.label);
                     }
                     else {

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

@@ -344,7 +344,7 @@ export class MapCard {
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
         const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (h(Host, { key: 'a47f4ac21db985fb91ff3f5378594f60405f312c' }, h("div", { key: 'fdf76fd829a8e88725b43f8174a0d95fbf7a3dd1', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: 'b5b672726b4a4c812c386faad2077135a1e1231c', class: progressClass, value: 0 }), h("div", { key: 'f815ef4dba45b53c0ec4a49fe12e741b3331ce51', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '8e2ed31f49d349786caa4827a473a8e70e6ae611', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, { key: 'c75f46c3c93b03c8ffbd63b281623a63ea790ca7' }, h("div", { key: '786c752edecfc230c0c80ef221160c8f91ca2013', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '73fc88be2657f9f2483c624b2251192b318705e6', class: progressClass, value: 0 }), h("div", { key: '196fdeb21377ff9cd67327c8172ef96371e4397f', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: 'edf7abde0350d0627fc84ae05c829885e37a4624', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     /**
      * Called each time after the component is loaded

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

@@ -192,7 +192,7 @@ export class MapDrawTools {
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (h(Host, { key: 'da7ef0973544c8b88ced49ef8c5a89b5d5cf48ea' }, h("div", { key: '6cf3a4276a2a319c6f1a74d2824b0bb3003c9f9b', class: containerClass }, h("div", { key: 'dade38f4d01fa7c28915a4fce879f9383d5892b9', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '6e2fbb2dcfb2e4e51f35aa615c0003a65fa3bd66', class: undoRedoClass }, h("calcite-action", { key: '8156802d2740aaa483e4f312cadadc5744f13486', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'cd05845f66e187a317215e18d6a18696328960bf', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: '55983c5e2102a1bc5c1936946a6c343d8b5e6ce4' }, h("div", { key: 'd0cd16b9f3d1386ce39236aacd7cd1ef9e585a55', class: containerClass }, h("div", { key: 'cbeea2fc130e72a2b1739702cf49e35b798975ed', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '50a103c4b4daf46f8da6607d6820545b44128aeb', class: undoRedoClass }, h("calcite-action", { key: '35f3767f23b1e86545df36b765571f90a2f2fa32', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '28961fa0141eda4848257fe7dd40e4c5a22ed65b', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -95,7 +95,7 @@ export class MapFullscreen {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '50488298d31b85071bb8ec898781b8af52a800ae' }, h("div", { key: '24b4c28cd69ce487c851412a839f6762ceaf02b1', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '657b81420a155322e56e3cb20b8656605233c0d4' }, h("div", { key: '5ebf1f1b368f1d32bbcc4d8b1380d4aa7b985ab1', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

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

@@ -193,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: 'a4d7a923fcf0b6ec488fafa3af8b3c3a9599d61a' }, h("div", { key: '54d5cde231707391537fbd649647a5b9e86a1ab3', class: "map-layer-picker-container", style: style }, h("div", { key: '1d1329f393778e561bfed22a1c1542cd75d4b55b', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: '61600c26f6e6f66b2b8fdfc4694059015cc83235' }, h("div", { key: '211b48bb10b86e2b48729a02c21b2cb2d320b581', class: "map-layer-picker-container", style: style }, h("div", { key: 'b2f00e60282715337af2d0db3a1d4552b77aefae', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));

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

@@ -86,7 +86,7 @@ export class MapLegend {
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: '60b355f71d25b3c683f6218941e342899006d839' }, h("div", { key: '7686d302e16fd42cd26777d14c682dc0e951c058', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: 'dd7414c2dccf150f1d47d8f9491d89905feb64af' }, h("div", { key: '16951986e7602ea0b66a3f55ee1a678cc0af84ce', 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

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

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

@@ -109,7 +109,7 @@ export class MapSearch {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'fec180c41817a6388f5fdb3f14b72355cbbb1467' }, h("div", { key: '72b3931995d7157572d54069e73fb6bd95eb6f44', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '9c344160df28da3a895a9b7c3c7e32b8a43fa6b8' }, h("div", { key: 'd98417c82b0fae1c7abc5ef54886579182d5464a', 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: '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()));
+        return (h(Host, { key: '5aa96f3189490b1f544bc6802772e99ce24e30ca' }, this._getMapLayerPicker(), h("div", { key: '677afdaf1c84e5c7cf0217abe331afe47682b61f', class: "border-bottom" }), h("div", { key: '45d85c333df0e1f081a85b11e94e2a29fe5b8782', class: "padding-top-sides-1" }, h("div", { key: 'f26f760210ee8307eea537e0df28a4856876fccc', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'd9d703d05bc2990f2345036a227fe1e57c9d79ce', class: mapToolsContainerClass }, h("map-draw-tools", { key: '8f0eff15a801d654dfaf855f16fe165fad013c49', 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: '89a597f46094f93d80b87c4c86a5b7f3fb6a1889', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

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: '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; } })));
+        return (h(Host, { key: '2fc2ec5b50545b65962e3942512a935e4017908d' }, h("div", { key: 'aa7824c19b2dbdaf7e21d1bc59dd066f2b3623b5', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '7cd0c1f2f69cf961c11c7b8b3c1989342a300f77', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: 'f6c9fc50b1e8360d4d60df85bd0c2341a0504fcf', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '3e231e74bff5d0b373e6105b738a27aeef880094', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'ce1388b4892e6870ac3a38399e5ad619ab843be1', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '414ea8be82bbc1a9fd7f9ab63f5c1ee7e3dc25b1', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '9dcada2a4f2cd48a1db01d26b74b75aa09f37f8b', 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: '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) }))));
+        return (h(Host, { key: '9ebd821665a19fc6708e09b2e44260214990dcdd' }, h("div", { key: '02f0a5c314fe16375507a74703aea0f9e2328eae', class: pciClass }, h("div", { key: '051c8b68051cb9f2942d7314c9362551f9da5fc5', class: "label-display" }, h("calcite-label", { key: 'd4cc480632b676835357bb6b6bc49faa64d88a67', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'd31ae7e152dc81a64f23fa3afe417cc2819dda18' }, this._getCalculateButton())), h("div", { key: 'e1b9defe18ae895870bae941833d58680cad6f32', class: deductClass }, h("div", { key: '832a4e9cf3f6b216bb5c8141fac98262c1b7fac2', class: "position-right" }, h("calcite-action", { key: '892c1c30895c1e6d076a1a38d7f1c3f5db3ab5ca', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'f2690de17acd803348f25743a3b9f1db482afd0a', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -114,7 +114,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '2fd2ec44e8962468e3698b81e98746ddf6b7a3ca' }, h("calcite-select", { key: 'd24fca5c39aa358116ee8557249f7a4b09727b3f', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: 'afa6cf667c52c3923d99db3f53854f5acb12ecb3' }, h("calcite-select", { key: '97eed0501514f4b1466d02dfc8f58ddce55cc2ec', 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

@@ -46,6 +46,7 @@ export class PublicNotification {
         this.locale = undefined;
         this.mapView = undefined;
         this.noResultText = undefined;
+        this.initialNotice = "";
         this.searchConfiguration = undefined;
         this.selectionLayerIds = [];
         this.showRefineSelection = false;
@@ -273,7 +274,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: 'c583d7c42767a6656103b2ba3166e927894d6e44' }, h("calcite-shell", { key: '8e8b9d641d5b607cbd22259e3583a43db8ec9c0c' }, h("calcite-action-bar", { key: '6c1af2fc58d82e387f37d8f801d0629f63a13a02', 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: 'f181d473e00426938204de5a5c178aefb4bb407a' }, h("calcite-shell", { key: '8ad537ed97ff0df163367f2bb5fb5abe543acc07' }, h("calcite-action-bar", { key: 'b2189df6eb2bbee518a7f312ca8c2644d6d812b6', 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.
@@ -472,7 +473,9 @@ export class PublicNotification {
      */
     _getListPage() {
         const hasSets = this._hasSelections();
-        return (h("calcite-panel", null, this._getLabel(this._translations.myLists), this._getNotice(hasSets ? this._translations.listHasSetsTip : this._translations.selectLayerAndAdd, "padding-sides-1 padding-bottom-1", "word-wrap-anywhere"), hasSets ? this._getSelectionSetList() : (this._getOnboardingImage()), h("div", { class: "display-flex padding-1" }, h("calcite-button", { onClick: () => { this._setPageType(EPageType.SELECT); }, width: "full" }, h("span", { class: "font-weight-500" }, this._translations.add)))));
+        const noticeMessage = hasSets ? this._translations.listHasSetsTip :
+            this.initialNotice !== "" ? this.initialNotice : this._translations.selectLayerAndAdd;
+        return (h("calcite-panel", null, this._getLabel(this._translations.myLists), this._getNotice(noticeMessage, "padding-sides-1 padding-bottom-1", "word-wrap-anywhere"), hasSets ? this._getSelectionSetList() : (this._getOnboardingImage()), h("div", { class: "display-flex padding-1" }, h("calcite-button", { onClick: () => { this._setPageType(EPageType.SELECT); }, width: "full" }, h("span", { class: "font-weight-500" }, this._translations.add)))));
     }
     /**
      * Display an image to help illustrate the basic workflow of the widget
@@ -1445,6 +1448,26 @@ export class PublicNotification {
                 "attribute": "no-result-text",
                 "reflect": false
             },
+            "initialNotice": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: The value to show in the initial notice to help with on boarding the user.\r\nWhen left empty the selectLayerAndAdd text from the nls will be used."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "initial-notice",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
             "searchConfiguration": {
                 "type": "unknown",
                 "mutable": true,

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: '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: '948c7f0aa24d827d29cbc1c2c702deb52134e771', class: "list-border", label: "" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: '01d9d6eb8f212f458bd6651d8e874bb108a6e773' }, h("div", { key: 'eb9fb249f89a671e9c67fb83db2203713814d72b', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'a5991f6da0f888e85e1cf88967c8c8aa12790575', class: "display-flex" }, h("calcite-label", { key: 'e8f31c546ceae8a02ed1d49ec8ae9f1f6fb78022', class: "font-bold width-full label-margin-0" }, h("div", { key: 'd4be658063d140f56356ce7b694841e9bc89a1b3', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '6d3ff8cbb1bcc62aca444eb4d030a236466adfac', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '1e9dad9f2c8ff2ce130f79c37d804d4bd8162a96', 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: 'b4f838f56f88cff5973d8f5fd3c54b7f0d7c72b3', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: 'fcbdf68353eabcf090e60d8a239f07230f4bb37c', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '33891e7ff61cdd224a8652bae3e9d55256eb44a0', class: "padding-1" }, h("div", { key: 'a291edada53ed10197bec5fcc53d999f79042203', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '0c84665a705a12d1e51fb470e604bc52d8ac7543', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'e50d78508164a4ddf2a5da9def80a19a4562cb8c', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: 'b48811b1a2e56942965c944ff1eb35e10edd1db8', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'dff6a191781fc4c6c3bde6fb3290da0ce96dea84', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '6dd86784de32c25ffbe8c5e61847cb506a122b5e', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'd39ce91248e4eb7867049bfe9d5537a74f96a0d2' }, h("map-draw-tools", { key: '24a30d188807bf40749def362c21048ee92bb81b', 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: '7d28ea63ea92de45bd457f0aef93d99deea62553' }), (h("calcite-list", { key: '9b3c34304632ccf9253eec71e955502a0be48a13', class: "list-border", label: "" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -99,11 +99,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: 'dd68b412fe4fbf053491eb1a7ec6a3c1703ceb17' }, !this._solutionIsLoaded
+        return (h(Host, { key: 'f35438d2bb88a8d3bc41d33af02e2fe36e2471de' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { key: 'b36eee569f4ca90453f0c3eca215576f8e98b95a', class: "configuration-container" }, h("div", { key: '653f75751fc960cce09cbb653504600dbe6f01c7', class: "configuration" }, h("calcite-tabs", { key: 'de3dd520000f03cada90e7bb7964583e62adf229', class: "config-tabs" }, h("calcite-tab-nav", { key: '846d714f94a2476314f7843682483e4cda407a7c', slot: "tab-nav" }, h("calcite-tab-title", { key: '7146aced1bd7dd4928e2bd6c49d52ef3003aabc1' }, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: 'cb9773d8ab59089cde1de594960e0d978ec6b1fb', class: "configuration-container" }, h("div", { key: 'b72462547e2930c170552816ea6bd1640326e67e', class: "configuration" }, h("calcite-tabs", { key: '4d2f673c9463a6ad40a64e9dd4ea7771be1658cf', class: "config-tabs" }, h("calcite-tab-nav", { key: '850511fd6a627da0117e8b93451fe5da0ef7ad8c', slot: "tab-nav" }, h("calcite-tab-title", { key: '8b3db2665846b1529c4fcd4829516b854705028b' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { key: '5b8672dd8089a21a49139c2bedc4a9ab91d2b2e2', class: "config-tab", selected: true }, h("div", { key: '1bf9bf03f6418212807afc5657e807faa45557d6', class: "config-solution" }, h("div", { key: '718a6a90a39844562d547e4e08abc4b133945a68', 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: '25039c4b3c3e97d587fd3d3aec4791f53875d9bf', 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: '5970c8ed59c6cb9fa02c574c3c1a3949940dfec6', 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: '6298bbcc14066f2ffce75076718a5b802bc7dcb1', class: "config-tab", selected: true }, h("div", { key: '6876e11323dce264ead965243d476abff1e0d3f4', class: "config-solution" }, h("div", { key: '011f8114fa18676728410ef45eccdec512c81f93', 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: 'e38b67164540f2a0bd8aa7ceb19b1944e6c30a49', 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: '26e352cfd8e3f701bac219afc10e8f33f22042c0', 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

@@ -47,7 +47,7 @@ export class SolutionContents {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'cf80f637e998eda76162eb1cf3fe94dfb2aeae3e' }, h("calcite-tree", { key: '3bb27819fff1f63b28ed70c360fe8f7a63619d3c' }, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: '37e448ea1e2f90ba78d409253ac92443309fcb10' }, h("calcite-tree", { key: '57eba99bbbabaf2b46817d1faab158b915ecd9a7' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {

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

@@ -69,7 +69,7 @@ export class SolutionItem {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '8213c164dbfc2f9d897bcd2dbb732d1029e7bc9a' }, h("div", { key: '252091fa803626400a22295d6a9d148d207c84e6', class: "configuration-container" }, h("div", { key: 'b30bcfd2bec082f8248584749e6d98a2c9331bdf', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: '3985a0dbb1f383a629cb5dcbc7be3a3e58ee2c7f' }, h("div", { key: 'd75f55817d693dea817bfa2c5bdf17179aef115c', class: "configuration-container" }, h("div", { key: '3a5ba206e78d1c7db76dd4329296a4c155573de0', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -23,6 +23,7 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 export class SolutionItemAccordion {
     constructor() {
         this.locale = undefined;
+        this.listSelectionMode = "none";
         this.templateInfos = [];
         this._sortedTemplateInfos = [];
         this._translations = undefined;
@@ -101,6 +102,9 @@ export class SolutionItemAccordion {
     //  Events (public)
     //
     //--------------------------------------------------------------------------
+    solutionItemHover;
+    solutionItemSelect;
+    solutionTypeHover;
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)
@@ -117,13 +121,31 @@ export class SolutionItemAccordion {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '39f5d67abadaf4dd32cebdf5ceb9fdf8fc97f22d' }, this._getAccordion()));
+        return (h(Host, { key: '705d8a65c8b27eb2724ca73c7d092432ff680149' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //
     //  Functions (protected)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Deselect all items in the accordion except the one with the provided id.
+     * Only applies when selectionMode is "single" or "single-persist".
+     *
+     * @param id the id of the item to keep selected
+     *
+     * @protected
+     */
+    _deselectOthers(id) {
+        if (this.listSelectionMode === "single" || this.listSelectionMode === "single-persist") {
+            const items = this.el.shadowRoot.querySelectorAll("calcite-list-item");
+            items.forEach(item => {
+                if (item.id !== id) {
+                    item.selected = false;
+                }
+            });
+        }
+    }
     /**
      * Get the Accordion component
      *
@@ -159,7 +181,7 @@ export class SolutionItemAccordion {
             const tType = this._getTypeForDisplay(t.type, t.typeKeywords);
             return tType === _type;
         });
-        return (h("calcite-accordion-item", { description: `${_type} (${templateInfos.length})` }, h("solution-item-icon", { class: "padding-start-1 display-flex align-center", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
+        return (h("calcite-accordion-item", { description: `${_type} (${templateInfos.length})`, onMouseEnter: () => this.solutionTypeHover.emit({ itemType: _type, entering: true }), onMouseLeave: () => this.solutionTypeHover.emit({ itemType: _type, entering: false }) }, h("solution-item-icon", { class: "padding-start-1 display-flex align-center", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
     }
     /**
      * Get the list of template infos for the current type
@@ -172,7 +194,7 @@ export class SolutionItemAccordion {
      */
     _getList(templateInfos) {
         const sortedTemplateInfos = this._sortTemplatesByTitle(templateInfos);
-        return (h("calcite-list", { label: "" }, sortedTemplateInfos.map(t => this._getListItem(t))));
+        return (h("calcite-list", { label: "", selectionAppearance: "border", selectionMode: this.listSelectionMode }, sortedTemplateInfos.map(t => this._getListItem(t))));
     }
     /**
      * Get list item for the current type
@@ -184,7 +206,9 @@ export class SolutionItemAccordion {
      * @protected
      */
     _getListItem(templateInfo) {
-        return (h("calcite-list-item", { class: "font-size-override", description: templateInfo.snippet, label: templateInfo.title, value: templateInfo.id }));
+        return (h("calcite-list-item", { class: "font-size-override", description: templateInfo.snippet, id: templateInfo.id, label: templateInfo.title, onCalciteListItemSelect: () => { this._deselectOthers(templateInfo.id); this.solutionItemSelect.emit({ itemId: templateInfo.id, selected: true }); }, onMouseEnter: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: true }), onMouseLeave: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: false }), value: templateInfo.id }, templateInfo.url
+            ? h("calcite-action", { icon: "launch", onClick: () => window.open(templateInfo.url, "_blank"), slot: "actions-end", text: this._translations?.openDetails?.replace("{{solutionTitle}}", templateInfo.title) })
+            : null));
     }
     /**
      * Sort the templates based on the title
@@ -310,6 +334,26 @@ export class SolutionItemAccordion {
                 "attribute": "locale",
                 "reflect": false
             },
+            "listSelectionMode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"multiple\" | \"single\" | \"single-persist\" | \"none\"",
+                    "resolved": "\"multiple\" | \"none\" | \"single\" | \"single-persist\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the selection mode of the item-type lists used in the component, where:\r\n  \"multiple\" allows any number of selections,\r\n  \"single\" allows only one selection,\r\n  \"single-persist\" allows one selection and prevents de-selection, and\r\n  \"none\" does not allow any selections (default)"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "list-selection-mode",
+                "reflect": false,
+                "defaultValue": "\"none\""
+            },
             "templateInfos": {
                 "type": "unknown",
                 "mutable": false,
@@ -342,6 +386,72 @@ export class SolutionItemAccordion {
             "_translations": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "solutionItemHover",
+                "name": "solutionItemHover",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ISolutionItemHover",
+                    "resolved": "ISolutionItemHover",
+                    "references": {
+                        "ISolutionItemHover": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::ISolutionItemHover"
+                        }
+                    }
+                }
+            }, {
+                "method": "solutionItemSelect",
+                "name": "solutionItemSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ISolutionItemSelected",
+                    "resolved": "ISolutionItemSelected",
+                    "references": {
+                        "ISolutionItemSelected": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::ISolutionItemSelected"
+                        }
+                    }
+                }
+            }, {
+                "method": "solutionTypeHover",
+                "name": "solutionTypeHover",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ISolutionTypeHover",
+                    "resolved": "ISolutionTypeHover",
+                    "references": {
+                        "ISolutionTypeHover": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::ISolutionTypeHover"
+                        }
+                    }
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{

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

@@ -80,7 +80,7 @@ export class SolutionItemDetails {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '8ad2bab229a9ee6cd80efde17d269a484288f5ae' }, h("div", { key: 'a066afedf3e5ea056579e07cac6c38496fe00d79', class: "parent-container" }, h("div", { key: 'fe7d207e2d28f0e70507ef048d993bc3ddc62297', class: "inputBottomSeparation" }, h("calcite-input", { key: 'f0714ef845c9b4aa791e3fc6f5ac28fe6572127d', id: "item-title", value: this.itemDetails.title })), h("div", { key: '40b6f0d4d34ff62134f25fdd42887f395407aa45', class: "inputBottomSeparation" }, h("input", { key: '216060434e37ff499a47b4cc24d7682ac6e55ba7', 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: 'a6b71fac06b9231a91b32a0416cb3a723b6ac6dd', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '395adfcd43d737fe049f765b3700d7358c06e8a0', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '5e541a3fcb79fe3a306b720a08e745f0dd69d557', 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: 'e6dc45b53a0deac24d29a7be29569c55857a7801', class: "flex" }, h("div", { key: '8c81b6db29e4b03a5188e729eb8e27b8dcf22e5f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'cfbfad50a4eb55166cb49be45a20f680b7d482d3', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '0cf010a87106c0434ff7d54f7889bc2eb08fd733', class: "snippet-count-container" }, h("calcite-input", { key: '85eedc1b801db3afdc2dfb606aa93de489bac491', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '783be9f5082085add36a16f1a8bc55ecc11dc7e8', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '63bdfb42b95d1e8086e792efd757919676230354' }, this._translations.description, h("label", { key: 'aa9056a2807d9fd14c7dcd81775d902a30a2df63', id: "item-description-label" }, h("calcite-input", { key: '61d584f29afd305913039e0cf4d6be7d54f1aa2f', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '4daf0f44b2b14274fe8992bad5607c8ba82d6fa4' }, this._translations.tags, h("label", { key: '142f41ae1667c916e2ef32e7b7eb9aacad80e17d', id: "item-tags-label" }, h("calcite-input", { key: '2f576b51a68370ce1112b999c35eef0714595e9f', 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: '032ff1aeb8c703b36ff4746508e0b6b35ad29516' }, h("div", { key: 'a6ef24150d812c790a9762c7e6dcaefcfacc2c36', class: "parent-container" }, h("div", { key: 'e03091a4557a0e15af35782350aec472c94a0151', class: "inputBottomSeparation" }, h("calcite-input", { key: 'e45e06e9e140cc1bcd070faef6efeccd773ce7cc', id: "item-title", value: this.itemDetails.title })), h("div", { key: '9f62241ee3f46730aa48f40c5c9e55ea823c2e6f', class: "inputBottomSeparation" }, h("input", { key: '1c90efe7904fffbccb189032069396cf21e21228', 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: 'fbc1a6f8c40ac4ba7840bf80d16b4039d2bbb5a7', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '1d4eacbc6445262ffa9bd9fe3d407a8a4560dd36', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '58eaaf7e259d7ef37ae352874488fce873a416b9', 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: 'a1d50881d34eddd023e0a9b677575a7573df583a', class: "flex" }, h("div", { key: 'e31f5d4cdaaee8765cc982ba9adda88df977e803', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'c2d9b5e31e25b1bc139e1c119042044fdd8b31dd', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: 'eaa96a675562d8969124ba3169e46d4fe9d180cb', class: "snippet-count-container" }, h("calcite-input", { key: '47d6b25a65fbe60f38668710b1eb14129c4aa6f2', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '8267140b46c94425eda185020c76307e70c33684', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '70ffbe01451016a0016d044e2f3e4d1e41722cb0' }, this._translations.description, h("label", { key: 'f7c014575c2a6964a45fad059646d79ebadf5e18', id: "item-description-label" }, h("calcite-input", { key: '34d78b42697be944d413102975aff3d31498abba', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '2d51c7a3b709b41e5adb0f73756a9528f86c20a5' }, this._translations.tags, h("label", { key: 'ea9ddfa6662d7ab8eb92301c59b6fd5876d7d59b', id: "item-tags-label" }, h("calcite-input", { key: 'aec1f0ee4408d4cb687bb31b313cb47b58979733', 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: '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" }));
+        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" }));
     }
     //--------------------------------------------------------------------------
     //

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: '1c7dbee68fbf0eabf736fb783f173ade2f408122' }, h("div", { key: '3c3d88ab122d4a8bc69363224a2754c4a4b092ba', class: "container-border" }, h("calcite-label", { key: '137bb704b258a3cd1e5e5b7a18c53aca331d7f91' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: 'eca66b743e748d9f915c6d356ea84075ab21709a' }, h("div", { key: 'b0765e14cc9de5a81afa5d20bc41e7f78913a37e', class: "container-border" }, h("calcite-label", { key: '36cbf3b48a2641bcb2107e61609c2ec6c9f18991' }, 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: '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)))));
+        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)))));
     }
     //--------------------------------------------------------------------------
     //

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: '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()))));
+        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()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------

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

@@ -74,7 +74,7 @@ export class SolutionSpatialRef {
     }
     render() {
         this._updateUIFromStore();
-        return (h(Host, { key: '7f273e4ac344e1ee0caf40e7d1b7f939ecabda20' }, h("label", { key: '06de012379cbfc355a9ace954b1dffffa9ce8c83', class: "switch-label" }, h("calcite-switch", { key: '81660a69b2ac46824e2b929e13362f5ab9260c54', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '361d2d822ddad721842b806e4ee1e04ff313a19b' }), h("div", { key: 'a211f2f6f55191a9ae9b4e94eae7a998b7bc8e35', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '9fc52be401af098888688636168b6742e92ce939', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '138644a57bd5c159e9f7f219f8956f0ed1af5bf1', 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: 'b137587cf67e4f3bd498166c2c482894dd94e66d' }, h("label", { key: '728399a596edc07757ec9c34cfe149c8ae65da3f', class: "switch-label" }, h("calcite-switch", { key: 'bd3310bae9296b86bb0f77474d200c430b974196', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '7f247a248515aff35d96125e1813ca40d1935c07' }), h("div", { key: 'a2415c6cbb9cca553544106b24bb7268c4ff5bd2', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '46fccf4ef6cb409d1a74f62832d7fabd9f88cf44', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '74e3afca88b1770421be663ec0075ade8faf7a64', 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: '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 }))))))));
+        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 }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------

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

@@ -64,7 +64,7 @@ export class SolutionVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'a90cdfc9a32279cb07938fc57f9dd7e38d822f6d' }, h("div", { key: '6826e3dd84034368f419ff759962a721a275dc9c' }, h("h4", { key: '5ebdf456e8c4dc006b036dc182fa75218aac0e01', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '06fc04c1e61dc1897989e3cc11df7b173f1fdb2a', class: "container-border" }, h("calcite-tree", { key: '15500194129af7440ec05dc495b060fc18f22324', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: 'a9354a1d3b3d91b9b9522bec945726e106487b78' }, h("div", { key: 'd38d0151ba9f8421e3ec863ce90b234964cb7f21' }, h("h4", { key: '3d10129c3327e803e38b4fc21976764f9ac91693', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '8b79cef63c5b8f5f66b0e11a4b94021f6a025fc3', class: "container-border" }, h("calcite-tree", { key: '7f69edec6e35a65e45b461d69e92d0e163563bee', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //