@esri/solutions-components 0.11.11 → 0.11.13

package/dist/esm/public-notification.entry.js

@@ -3,15 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, g as getElement, a as getAssetPath, h, H as Host } from './index-df5db8e9.js';
+import { r as registerInstance, c as createEvent, g as getElement, a as getAssetPath, h, H as Host } from './index-b49a8ff6.js';
 import { b as EExportType, c as EPageType, a as EWorkflowType } from './interfaces-659e3836.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-2b4fcfe1.js';
 import { e as goToSelection, h as highlightFeatures } from './mapViewUtils-f54edae3.js';
-import { s as state } from './publicNotificationStore-9ec5e22a.js';
-import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils-1179f077.js';
+import { s as state } from './publicNotificationStore-0af2f0c7.js';
+import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils-05da05a5.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
-import './index-c247b62b.js';
+import './index-29ce74dd.js';
 import './typeof-ef2a007d.js';
 import './index-d88c3eb6.js';
 import './solution-resource-30a29505.js';
@@ -25,49 +25,199 @@ const PublicNotification = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.searchConfigurationChange = createEvent(this, "searchConfigurationChange", 7);
-        this.addresseeLayerIds = [];
-        this.bufferColor = [227, 139, 79, 0.8];
-        this.bufferOutlineColor = [255, 255, 255];
-        this.customLabelEnabled = undefined;
-        this.defaultBufferDistance = undefined;
-        this.defaultBufferUnit = undefined;
-        this.defaultExportTitle = "";
-        this.defaultNumLabelsPerPage = 6;
-        this.enableLayerFeatures = true;
-        this.enableLayerFeaturesOnLoad = false;
-        this.enableSearchDistance = true;
-        this.enableSearchDistanceOnLoad = false;
-        this.enableSketchTools = true;
-        this.featureEffect = undefined;
-        this.featureHighlightEnabled = undefined;
-        this.locale = undefined;
-        this.mapView = undefined;
-        this.noResultText = undefined;
-        this.initialNotice = "";
-        this.searchConfiguration = undefined;
-        this.selectionLayerIds = [];
-        this.showRefineSelection = false;
-        this.showSearchSettings = true;
-        this.sketchLineSymbol = undefined;
-        this.sketchPointSymbol = undefined;
-        this.sketchPolygonSymbol = undefined;
-        this._exportGraphics = false;
-        this._addMap = false;
-        this._addResults = true;
-        this._addTitle = false;
-        this._downloadActive = true;
-        this._exportType = EExportType.PDF;
-        this._fetchingData = false;
-        this._isMobile = undefined;
-        this._numDuplicates = 0;
-        this._pageType = EPageType.LIST;
-        this._saveEnabled = false;
-        this._selectionSets = [];
-        this._translations = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string[]: List of layer ids that should be shown as potential addressee layers
+     */
+    addresseeLayerIds = [];
+    /**
+     * string | number[] |  object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html
+     */
+    bufferColor = [227, 139, 79, 0.8];
+    /**
+     * string | number[] | object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html
+     */
+    bufferOutlineColor = [255, 255, 255];
+    /**
+     * boolean: When true the user can define a name for each notification list
+     */
+    customLabelEnabled;
+    /**
+     * number: The default value to show for the buffer distance
+     */
+    defaultBufferDistance;
+    /**
+     * number: The default value to show for the buffer unit ("feet"|"meters"|"miles"|"kilometers")
+     */
+    defaultBufferUnit;
+    /**
+     * string: The default value to use for the export title
+     */
+    defaultExportTitle = "";
+    /**
+     * number: The default number of labels per page to export
+     */
+    defaultNumLabelsPerPage = 6;
+    /**
+     * boolean: When true users will be allowed to optionally use features from a layer as the selection geometry
+     */
+    enableLayerFeatures = true;
+    /**
+     * boolean: When true the use features from a layer options will be enabled when the component loads
+     */
+    enableLayerFeaturesOnLoad = false;
+    /**
+     * boolean: When true users will be allowed to optionally create a buffer around the selection geometry
+     */
+    enableSearchDistance = true;
+    /**
+     * boolean: When true the serach distance options will be enabled when the component loads
+     */
+    enableSearchDistanceOnLoad = false;
+    /**
+     * boolean: When true sketch tools will be provided to allow users to draw a selection geometry
+     */
+    enableSketchTools = true;
+    /**
+     * The effect that will be applied when featureHighlightEnabled is true
+     *
+     * esri/layers/support/FeatureEffect: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-FeatureEffect.html
+     *
+     */
+    featureEffect;
+    /**
+     * boolean: When enabled features will be highlighted when their notification list item is clicked.
+     */
+    featureHighlightEnabled;
+    /**
+     * string: The current user locale.
+     */
+    locale;
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * string: The value to show for no results
+     * when left empty the default text "0 selected features from {layerTitle}" will be shown
+     */
+    noResultText;
+    /**
+     * string: The value to show in the initial notice to help with on boarding the user.
+     * When left empty the selectLayerAndAdd text from the nls will be used.
+     */
+    initialNotice = "";
+    /**
+     * ISearchConfiguration: Configuration details for the Search widget
+     */
+    searchConfiguration;
+    /**
+     * string[]: List of layer ids that should be shown as potential selection layers
+     * when skectching with "Use layer features" option
+     */
+    selectionLayerIds = [];
+    /**
+     * boolean: When true the refine selection workflow will be included in the UI
+     */
+    showRefineSelection = false;
+    /**
+     * boolean: When false no buffer distance or unit controls will be exposed
+     */
+    showSearchSettings = true;
+    /**
+     * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
+     *
+     * A JSON representation of the instance in the ArcGIS format.
+     * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
+     * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+     */
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    sketchLineSymbol;
+    /**
+     * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
+     *
+     * A JSON representation of the instance in the ArcGIS format.
+     * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
+     * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+     */
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    sketchPointSymbol;
+    /**
+     * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
+     *
+     * A JSON representation of the instance in the ArcGIS format.
+     * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
+     * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+     */
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    sketchPolygonSymbol;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: When true a graphics will be added to the map on export
+     */
+    _exportGraphics = false;
+    /**
+     * boolean: When true a map will be added on export
+     */
+    _addMap = false;
+    /**
+     * boolean: When true the selected results will be added on export
+     */
+    _addResults = true;
+    /**
+     * boolean: When true a title will be added above the map on export
+     */
+    _addTitle = false;
+    /**
+     * boolean: Enabled when we have 1 or more selection sets that is enabled in the download pages.
+     * By default all selection sets are enabled for download when they are first created.
+     */
+    _downloadActive = true;
+    /**
+     * utils/interfaces/EExportType: PDF or CSV
+     */
+    _exportType = EExportType.PDF;
+    /**
+     * boolean: Flag that will control a loading indicator on the export button
+     */
+    _fetchingData = false;
+    /**
+     * boolean: When window size is 600px or less this value will be true
+     */
+    _isMobile;
+    /**
+     * number: The number of duplicate labels from all selection sets
+     */
+    _numDuplicates = 0;
+    /**
+     * utils/interfaces/EPageType: LIST | SELECT | EXPORT | REFINE
+     */
+    _pageType = EPageType.LIST;
+    /**
+     * boolean: Save is enabled when we have 1 or more selected features
+     */
+    _saveEnabled = false;
+    /**
+     * utils/interfaces/ISelectionSet: An array of user defined selection sets
+     */
+    _selectionSets = [];
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/esm/publicNotificationStore-0af2f0c7.js

@@ -0,0 +1,45 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { c as createStore } from './index-29ce74dd.js';
+
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const { state, onChange } = createStore({
+    // Key Value pair whose Key is the layer name and the Value is the type of layer ("buffer" | "sketch")
+    managedLayers: {},
+    // List of tables added and managed by the component
+    managedTables: [],
+    // Handle[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle
+    highlightHandles: [],
+    // remove all handles
+    removeHandles: () => {
+        state.highlightHandles.forEach(h => h?.remove());
+        state.highlightHandles = [];
+    }
+});
+const managedLayersChangedEvent = new CustomEvent("managedLayersChanged", {
+    bubbles: true,
+    cancelable: false,
+    composed: true
+});
+onChange("managedLayers", () => {
+    dispatchEvent(managedLayersChangedEvent);
+});
+
+export { state as s };

package/dist/esm/solution-configuration.entry.js

@@ -3,15 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { g as getElement, r as registerInstance, h, H as Host } from './index-df5db8e9.js';
+import { g as getElement, r as registerInstance, h, H as Host } from './index-b49a8ff6.js';
 import { g as getSolutionVariables, a as getOrganizationVariables, b as getInventoryItems } from './templates-60f33938.js';
-import { s as state } from './solution-store-4c39c654.js';
+import { s as state } from './solution-store-8f4fe1d9.js';
 import './solution-resource-30a29505.js';
-import { g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { g as getLocaleComponentStrings } from './locale-2b4fcfe1.js';
 import { r as request, N as NODEJS_DEFAULT_REFERER_HEADER, c as cleanUrl, e as encodeQueryString, A as ArcGISAuthError } from './update-ad0b88fa.js';
 import './interfaces-659e3836.js';
 import './restHelpersGet-a7fda344.js';
-import './index-c247b62b.js';
+import './index-29ce74dd.js';
 import './_commonjsHelpers-089957fe.js';
 import './esri-loader-c6842c6b.js';
 
@@ -1104,12 +1104,34 @@ const SolutionConfigurationStyle0 = solutionConfigurationCss;
 
 const SolutionConfiguration = class {
     get el() { return getElement(this); }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Credentials for requests, which can be a serialized UserSession
+     */
+    authentication = new UserSession({});
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    serializedAuthentication = "";
     async serializedAuthenticationWatchHandler() {
         this.authentication = this.serializedAuthentication ? UserSession.deserialize(this.serializedAuthentication) : new UserSession({});
     }
+    /**
+     * Contains the current solution item id
+     */
+    solutionItemId = "";
     async valueWatchHandler() {
         await this._loadSolution(this.solutionItemId);
     }
+    /**
+    * Used to show/hide loading indicator
+    */
+    showLoading = false;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -1130,19 +1152,6 @@ const SolutionConfiguration = class {
     //--------------------------------------------------------------------------
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.authentication = new UserSession({});
-        this.locale = undefined;
-        this.serializedAuthentication = "";
-        this.solutionItemId = "";
-        this.showLoading = false;
-        this._currentEditItemId = "";
-        this._organizationVariables = "";
-        this._solutionContentsComponent = undefined;
-        this._solutionIsLoaded = false;
-        this._solutionVariables = "";
-        this._templateHierarchy = [];
-        this._translations = undefined;
-        this._treeOpen = true;
         if (this.serializedAuthentication) {
             this.authentication = UserSession.deserialize(this.serializedAuthentication);
         }
@@ -1182,6 +1191,32 @@ const SolutionConfiguration = class {
             ? 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)))));
     }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the current item we are working with
+     */
+    _currentEditItemId = "";
+    _organizationVariables = "";
+    _solutionContentsComponent;
+    _solutionIsLoaded = false;
+    _solutionVariables = "";
+    /**
+     * Contains the hierarchy of template items for the current solution.
+     */
+    _templateHierarchy = [];
+    /**
+     * Contains the _translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    /**
+     * Used to show/hide the content tree
+     */
+    _treeOpen = true;
     _solutionStoreHasChanges = false;
     _solutionEditorHasChanges = false;
     _solutionEditorHasErrors = false;

package/dist/esm/solution-contents_3.entry.js

@@ -3,12 +3,12 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
-import { s as state } from './solution-store-4c39c654.js';
-import { g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-b49a8ff6.js';
+import { s as state } from './solution-store-8f4fe1d9.js';
+import { g as getLocaleComponentStrings } from './locale-2b4fcfe1.js';
 import { n as nodeListToArray } from './common-c8dc0e85.js';
 import { C as CSpatialRefCustomizingPrefix, g as CSpatialRefCustomizingSuffix } from './interfaces-659e3836.js';
-import './index-c247b62b.js';
+import './index-29ce74dd.js';
 import './solution-resource-30a29505.js';
 import './_commonjsHelpers-089957fe.js';
 import './restHelpersGet-a7fda344.js';
@@ -22,10 +22,21 @@ const SolutionContents = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.solutionItemSelected = createEvent(this, "solutionItemSelected", 7);
-        this.selectedItemId = undefined;
-        this.templateHierarchy = [];
     }
     get el() { return getElement(this); }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the current item that is selected.
+     */
+    selectedItemId;
+    /**
+     * Contains the public value for this component.
+     */
+    templateHierarchy = [];
     valueWatchHandler(v, oldV) {
         if (v && v !== oldV && Array.isArray(v) && v.length > 0) {
             this._treeItemSelected(v[0].id);
@@ -113,19 +124,37 @@ const SolutionItemStyle0 = solutionItemCss;
 const SolutionItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.authentication = undefined;
-        this.itemId = "";
-        this.locale = undefined;
-        this.solutionVariables = "";
-        this.organizationVariables = "";
-        this.itemType = undefined;
-        this._translations = undefined;
     }
     get el() { return getElement(this); }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Credentials for requests
+     */
+    authentication;
+    /**
+     * A template's itemId.
+     */
+    itemId = "";
     itemIdWatchHandler() {
         const itemEdit = state.getItemInfo(this.itemId);
         this.itemType = itemEdit.type;
     }
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * Contains the solution based variables
+     */
+    solutionVariables = "";
+    /**
+     * Contains the organization based variables
+     */
+    organizationVariables = "";
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -158,6 +187,17 @@ const SolutionItem = class {
     }
     //--------------------------------------------------------------------------
     //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    itemType;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
@@ -221,19 +261,35 @@ const SolutionSpatialRef = class {
         this.featureServiceSpatialReferenceChange = createEvent(this, "featureServiceSpatialReferenceChange", 7);
         this.enableDefaultSpatialReferenceChange = createEvent(this, "enableDefaultSpatialReferenceChange", 7);
         this.enabledSpatialReferenceChange = createEvent(this, "enabledSpatialReferenceChange", 7);
-        this.enabled = false;
-        this.enableDefault = false;
-        this.featureServices = [];
-        this.locale = undefined;
-        this._translations = undefined;
     }
     get el() { return getElement(this); }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+    * When true, all but the main switch are disabled to prevent interaction.
+    */
+    enabled = false;
     enabledChanged() {
         this._handleSpatialRefParamChange();
     }
+    /**
+    * When true, a default value is used for feature services.
+    */
+    enableDefault = false;
     enableDefaultChanged() {
         this._handleDefaultSpatialRefParamChange();
     }
+    /**
+    * List of services the spatial reference should apply to
+    */
+    featureServices = [];
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -265,6 +321,16 @@ const SolutionSpatialRef = class {
     }
     //--------------------------------------------------------------------------
     //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------

package/dist/esm/solution-item-accordion.entry.js

@@ -3,12 +3,12 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
-import { g as getLocaleComponentStrings } from './locale-7874c756.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-b49a8ff6.js';
+import { g as getLocaleComponentStrings } from './locale-2b4fcfe1.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 
-const solutionItemAccordionCss = ":host{display:block}.padding-start-1{padding-inline-start:1rem}.font-size-override{--calcite-font-size--2:var(--calcite-font-size--1)}.border-override{--calcite-accordion-border-color:var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}";
+const solutionItemAccordionCss = ":host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color:var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}";
 const SolutionItemAccordionStyle0 = solutionItemAccordionCss;
 
 const SolutionItemAccordion = class {
@@ -17,15 +17,45 @@ const SolutionItemAccordion = class {
         this.solutionItemHover = createEvent(this, "solutionItemHover", 7);
         this.solutionItemSelect = createEvent(this, "solutionItemSelect", 7);
         this.solutionTypeHover = createEvent(this, "solutionTypeHover", 7);
-        this.locale = undefined;
-        this.listSelectionMode = "none";
-        this.templateInfos = [];
-        this._sortedTemplateInfos = [];
-        this._translations = undefined;
     }
     get el() { return getElement(this); }
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * Specifies the selection mode of the item-type lists used in the component, where:
+     *   "multiple" allows any number of selections,
+     *   "single" allows only one selection,
+     *   "single-persist" allows one selection and prevents de-selection, and
+     *   "none" does not allow any selections (default)
+     */
+    listSelectionMode = "none";
+    /**
+     * ITemplateInfo[]: Collection of template infos
+     */
+    templateInfos = [];
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * ITemplateInfo[]: Collection of sorted template infos
+     */
+    _sortedTemplateInfos = [];
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
@@ -196,7 +226,7 @@ const SolutionItemAccordion = class {
      * @protected
      */
     _getListItem(templateInfo) {
-        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
+        return (h("calcite-list-item", { 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));
     }