@esri/solutions-components 1.2.0-next.4 → 1.2.0-next.40

package/dist/docs/web-types.json

@@ -1,24 +1,42 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/solutions-components",
-  "version": "1.2.0-next.4",
+  "version": "1.2.0-next.40",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "arcgis-solutions-assistant",
-          "description": "### Events\n- **arcgisCreateSolutionEvent**\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **closeAssistant** - Emitted on demand when cards are fetched\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `handleSendMessage(): Promise<void>` - Submits a query to the AI Assitant based on what is in the input textarea.\r\nIf there is an exisitng conversation, the conversation id is also sent along.\n- `loopRequest(response: ConversationResponse, token: string, requestURL: string): Promise<void>` - Calls the AI (polling) until there is no additional requests.\r\nAlong the way id there is a message or context, process and show.\r\nIf it is solution question, start off a new request to Doc Assistant.\n- `requestAIServer(requestInfo: unknown, token: string, requestURL: string): Promise<ConversationResponse>` - Request sent to the AI server via fetch.\r\nALong the way id there is a message or context, process and show.\n- `resetChat(): void` - Resets the message history and clears the chat window.",
           "attributes": [
             {
-              "name": "ai-server-url",
-              "default": "\"http://localhost:8080/skills/solution_deployment/chat\"",
+              "name": "open",
+              "description": "Flag to open or close panel",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "server-root",
+              "description": "Define the AI server to access",
+              "default": "'https://aiservices-beta.arcgis.com'",
               "value": {
                 "type": "string"
               }
             },
             {
               "name": "token",
+              "description": "Define the authentication for requests",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "user-first-name",
+              "description": "First name of user for personal approach",
+              "default": "''",
               "value": {
                 "type": "string"
               }
@@ -26,62 +44,50 @@
           ],
           "events": [
             {
-              "name": "arcgisCreateSolutionEvent",
-              "type": "void"
+              "name": "closeAssistant",
+              "type": "boolean",
+              "description": "Emitted on demand when cards are fetched"
             }
           ],
           "js": {
             "properties": [
               {
-                "name": "AIServerUrl",
+                "name": "open",
+                "description": "Flag to open or close panel",
+                "type": "boolean"
+              },
+              {
+                "name": "serverRoot",
+                "description": "Define the AI server to access",
                 "type": "string"
               },
               {
                 "name": "token",
+                "description": "Define the authentication for requests",
+                "type": "string"
+              },
+              {
+                "name": "userFirstName",
+                "description": "First name of user for personal approach",
                 "type": "string"
               }
             ],
             "events": [
               {
-                "name": "arcgisCreateSolutionEvent",
-                "type": "void"
+                "name": "closeAssistant",
+                "type": "boolean",
+                "description": "Emitted on demand when cards are fetched"
               }
             ]
           }
         },
-        {
-          "name": "basemap-gallery",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
-          "attributes": [],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "basemapConfig",
-                "description": "IBasemapConfig: List of any basemaps to filter out from the basemap widget",
-                "type": "IBasemapConfig"
-              },
-              {
-                "name": "basemapWidget",
-                "description": "esri/widgets/BasemapGallery: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html\r\n\r\nBasemapGallery instance",
-                "type": "BasemapGallery"
-              },
-              {
-                "name": "mapView",
-                "description": "esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html",
-                "type": "MapView"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "buffer-tools",
           "description": "### Events\n- **bufferComplete** - Emitted on demand when a buffer is generated.\n- **distanceChanged** - Emitted on demand when the distance value changes\n- **unitChanged** - Emitted on demand when the unit changes\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getTranslatedUnit(unit: string): Promise<string>` - Get the translated unit for display",
           "attributes": [
             {
               "name": "appearance",
-              "description": "string: The appearance of display. Can be a \"slider\" or \"text\" inputs for distance/value",
+              "description": "string: The appearance of display. Can be a 'slider' or 'text' inputs for distance/value",
               "default": "'text'",
               "value": {
                 "type": [
@@ -139,7 +145,7 @@
             },
             {
               "name": "unit",
-              "description": "DistanceUnit: \"feet\"|\"meters\"|\"miles\"|\"kilometers\"",
+              "description": "DistanceUnit: 'feet'|'meters'|'miles'|'kilometers'",
               "default": "'meters'",
               "value": {
                 "type": [
@@ -172,7 +178,7 @@
             "properties": [
               {
                 "name": "appearance",
-                "description": "string: The appearance of display. Can be a \"slider\" or \"text\" inputs for distance/value",
+                "description": "string: The appearance of display. Can be a 'slider' or 'text' inputs for distance/value",
                 "type": "\"slider\" | \"text\""
               },
               {
@@ -211,7 +217,7 @@
               },
               {
                 "name": "unit",
-                "description": "DistanceUnit: \"feet\"|\"meters\"|\"miles\"|\"kilometers\"",
+                "description": "DistanceUnit: 'feet'|'meters'|'miles'|'kilometers'",
                 "type": "\"feet\" | \"kilometers\" | \"meters\" | \"miles\""
               }
             ],
@@ -241,7 +247,7 @@
             {
               "name": "custom-info-text",
               "description": "string: custom notice text to display",
-              "default": "\"\"",
+              "default": "''",
               "value": {
                 "type": "string"
               }
@@ -404,7 +410,7 @@
             {
               "name": "amazon-app-id",
               "description": "string: The app id for the amazon tracking instance",
-              "default": "\"\"",
+              "default": "''",
               "value": {
                 "type": "string"
               }
@@ -412,7 +418,7 @@
             {
               "name": "amazon-app-name",
               "description": "string: The app name for the amazon tracking instance",
-              "default": "\"\"",
+              "default": "''",
               "value": {
                 "type": "string"
               }
@@ -420,7 +426,7 @@
             {
               "name": "amazon-user-pool-id",
               "description": "string: The user pool id for the amazon tracking instance",
-              "default": "\"\"",
+              "default": "''",
               "value": {
                 "type": "string"
               }
@@ -428,7 +434,7 @@
             {
               "name": "amazon-version",
               "description": "string: The version for the amazon tracking instance",
-              "default": "\"\"",
+              "default": "''",
               "value": {
                 "type": "string"
               }
@@ -436,7 +442,7 @@
             {
               "name": "first-use-var",
               "description": "string: The name to use for the variable stored in the browsers local storge that\r\nwill keep track of the users choice for consent\r\nTODO: [MIGRATION] This property was marked as required in your Stencil component. If you didn't mean it to be required, feel free to remove `@required` tag.\r\nOtherwise, read the documentation about required properties: https://qawebgis.esri.com/components/lumina/properties#string-properties",
-              "default": "\"\"",
+              "default": "''",
               "value": {
                 "type": "string"
               }
@@ -911,7 +917,7 @@
           "attributes": [
             {
               "name": "app-layout",
-              "description": "AppLayout: The type of layout the application should use.\r\nValid values: \"mapView\" or \"tableView\" or \"splitView\"",
+              "description": "AppLayout: The type of layout the application should use.\r\nValid values: 'mapView' or 'tableView' or 'splitView'",
               "value": {
                 "type": [
                   "\"mapView\"",
@@ -1196,7 +1202,7 @@
             },
             {
               "name": "theme",
-              "description": "theme: \"light\" | \"dark\" theme to be used",
+              "description": "theme: 'light' | 'dark' theme to be used",
               "default": "'light'",
               "value": {
                 "type": [
@@ -1237,7 +1243,7 @@
             "properties": [
               {
                 "name": "appLayout",
-                "description": "AppLayout: The type of layout the application should use.\r\nValid values: \"mapView\" or \"tableView\" or \"splitView\"",
+                "description": "AppLayout: The type of layout the application should use.\r\nValid values: 'mapView' or 'tableView' or 'splitView'",
                 "type": "\"mapView\" | \"splitView\" | \"tableView\""
               },
               {
@@ -1427,7 +1433,7 @@
               },
               {
                 "name": "theme",
-                "description": "theme: \"light\" | \"dark\" theme to be used",
+                "description": "theme: 'light' | 'dark' theme to be used",
                 "type": "\"dark\" | \"light\""
               },
               {
@@ -2029,7 +2035,6 @@
             {
               "name": "icon",
               "description": "string: The icon to display in the component",
-              "default": "''",
               "value": {
                 "type": "string"
               }
@@ -2713,73 +2718,6 @@
             "events": []
           }
         },
-        {
-          "name": "floor-filter",
-          "description": "### Events\n- **facilityChanged** - Emitted on demand when the Facility is changed\n- **levelChanged** - Emitted on demand when the Level is changed\n- **siteChanged** - Emitted on demand when the Site is changed\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
-          "attributes": [
-            {
-              "name": "enabled",
-              "description": "boolean: when true the Floor Filter widget will be available",
-              "default": "false",
-              "value": {
-                "type": "boolean"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "facilityChanged",
-              "type": "string",
-              "description": "Emitted on demand when the Facility is changed"
-            },
-            {
-              "name": "levelChanged",
-              "type": "string",
-              "description": "Emitted on demand when the Level is changed"
-            },
-            {
-              "name": "siteChanged",
-              "type": "string",
-              "description": "Emitted on demand when the Site is changed"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "enabled",
-                "description": "boolean: when true the Floor Filter widget will be available",
-                "type": "boolean"
-              },
-              {
-                "name": "floorFilterWidget",
-                "description": "esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html\r\n\r\nFloorFilter instance",
-                "type": "FloorFilter"
-              },
-              {
-                "name": "mapView",
-                "description": "esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html",
-                "type": "MapView"
-              }
-            ],
-            "events": [
-              {
-                "name": "facilityChanged",
-                "type": "string",
-                "description": "Emitted on demand when the Facility is changed"
-              },
-              {
-                "name": "levelChanged",
-                "type": "string",
-                "description": "Emitted on demand when the Level is changed"
-              },
-              {
-                "name": "siteChanged",
-                "type": "string",
-                "description": "Emitted on demand when the Site is changed"
-              }
-            ]
-          }
-        },
         {
           "name": "info-card",
           "description": "### Events\n- **clearSelection** - Emitted on demand when close button is clicked\n- **popupClosed** - Emitted on demand when the popup is closed\n- **selectionChanged** - Emitted on demand when the selected index changes\n\n### Methods\n- `back(): Promise<void>` - Go to the previous feature in the features widget\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getSelectedFeature(): Promise<any>` - Get the current selected feature from the Features widget\n- `next(): Promise<void>` - Go to the next feature in the features widget\n- `refresh(): Promise<any>` - Refresh the feature info\n- `toggleListView(): Promise<void>` - Toggle the visibility of the features list view\n- `updateCurrentGraphic(selectedGraphic: __esri.Graphic): Promise<void>` - update the current graphics to the features widget",
@@ -3438,6 +3376,32 @@
             ]
           }
         },
+        {
+          "name": "map-basemap-gallery",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "basemapConfig",
+                "description": "IBasemapConfig: List of any basemaps to filter out from the basemap widget",
+                "type": "IBasemapConfig"
+              },
+              {
+                "name": "basemapWidget",
+                "description": "esri/widgets/BasemapGallery: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html\r\n\r\nBasemapGallery instance",
+                "type": "BasemapGallery"
+              },
+              {
+                "name": "mapView",
+                "description": "esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html",
+                "type": "MapView"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "map-card",
           "description": "### Events\n- **beforeMapChanged** - Emitted before a new map is loaded\n- **clearSelection** - Emitted on demand when clear selection button is clicked\n- **editMultipleFeatures** - Emitted on demand when edit multiple action is clicked\n- **mapChanged** - Emitted when a new map is loaded\n- **toggleFilter** - Emitted on demand when filter action is clicked\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `resetFilter(): Promise<void>` - Reset the filter\n- `updateFilterState(active: boolean): Promise<void>` - updates the filter\n- `updateLayer(): Promise<void>` - updates the layer in map layer picker",
@@ -3624,7 +3588,7 @@
             },
             {
               "name": "map-widgets-size",
-              "description": "\"s\" | \"m\" | \"l\": Used for optional map tool widget",
+              "description": "'s' | 'm' | 'l': Used for optional map tool widget",
               "default": "'m'",
               "value": {
                 "type": [
@@ -3686,7 +3650,7 @@
             },
             {
               "name": "theme",
-              "description": "theme: \"light\" | \"dark\" theme to be used",
+              "description": "theme: 'light' | 'dark' theme to be used",
               "value": {
                 "type": [
                   "\"dark\"",
@@ -3703,7 +3667,7 @@
             },
             {
               "name": "zoom-tools-size",
-              "description": "\"s\" | \"m\" | \"l\": Used for Zoom and Home tools",
+              "description": "'s' | 'm' | 'l': Used for Zoom and Home tools",
               "default": "'m'",
               "value": {
                 "type": [
@@ -3855,7 +3819,7 @@
               },
               {
                 "name": "mapToolsOrder",
-                "description": "Valid tools: \"legend\", \"search\", \"fullscreen\", \"basemap\", \"floorfilter\", \"selectiontool\"",
+                "description": "Valid tools: 'legend', 'search', 'fullscreen', 'basemap', 'floorfilter', 'selectiontool'",
                 "type": "Array<string>"
               },
               {
@@ -3875,7 +3839,7 @@
               },
               {
                 "name": "mapWidgetsSize",
-                "description": "\"s\" | \"m\" | \"l\": Used for optional map tool widget",
+                "description": "'s' | 'm' | 'l': Used for optional map tool widget",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
@@ -3885,7 +3849,7 @@
               },
               {
                 "name": "mobileToolsOrder",
-                "description": "Valid tools: \"map-picker\", \"map-layer-picker\"",
+                "description": "Valid tools: 'map-picker', 'map-layer-picker'",
                 "type": "Array<string>"
               },
               {
@@ -3920,12 +3884,12 @@
               },
               {
                 "name": "theme",
-                "description": "theme: \"light\" | \"dark\" theme to be used",
+                "description": "theme: 'light' | 'dark' theme to be used",
                 "type": "\"dark\" | \"light\""
               },
               {
                 "name": "zoomToolsSize",
-                "description": "\"s\" | \"m\" | \"l\": Used for Zoom and Home tools",
+                "description": "'s' | 'm' | 'l': Used for Zoom and Home tools",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
@@ -4099,6 +4063,73 @@
             ]
           }
         },
+        {
+          "name": "map-floor-filter",
+          "description": "### Events\n- **facilityChanged** - Emitted on demand when the Facility is changed\n- **levelChanged** - Emitted on demand when the Level is changed\n- **siteChanged** - Emitted on demand when the Site is changed\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [
+            {
+              "name": "enabled",
+              "description": "boolean: when true the Floor Filter widget will be available",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "facilityChanged",
+              "type": "string",
+              "description": "Emitted on demand when the Facility is changed"
+            },
+            {
+              "name": "levelChanged",
+              "type": "string",
+              "description": "Emitted on demand when the Level is changed"
+            },
+            {
+              "name": "siteChanged",
+              "type": "string",
+              "description": "Emitted on demand when the Site is changed"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "enabled",
+                "description": "boolean: when true the Floor Filter widget will be available",
+                "type": "boolean"
+              },
+              {
+                "name": "floorFilterWidget",
+                "description": "esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html\r\n\r\nFloorFilter instance",
+                "type": "FloorFilter"
+              },
+              {
+                "name": "mapView",
+                "description": "esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html",
+                "type": "MapView"
+              }
+            ],
+            "events": [
+              {
+                "name": "facilityChanged",
+                "type": "string",
+                "description": "Emitted on demand when the Facility is changed"
+              },
+              {
+                "name": "levelChanged",
+                "type": "string",
+                "description": "Emitted on demand when the Level is changed"
+              },
+              {
+                "name": "siteChanged",
+                "type": "string",
+                "description": "Emitted on demand when the Site is changed"
+              }
+            ]
+          }
+        },
         {
           "name": "map-fullscreen",
           "description": "### Events\n- **fullscreenStateChange** - Emitted on demand when the fullscreen widget state has changed\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
@@ -4138,7 +4169,7 @@
           "attributes": [
             {
               "name": "appearance",
-              "description": "\"transparent\" | \"solid\": controls the button appearance when using the \"dropdown\" type",
+              "description": "'transparent' | 'solid': controls the button appearance when using the 'dropdown' type",
               "default": "'transparent'",
               "value": {
                 "type": [
@@ -4147,6 +4178,14 @@
                 ]
               }
             },
+            {
+              "name": "config-layer-order-defined",
+              "description": "boolean: when true the layer order should be defined in the enabledLayerIds, when false we will use the older logic of layers first then tables",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "default-layer-id",
               "description": "string: when provided this layer ID will be used when the app loads",
@@ -4157,7 +4196,7 @@
             },
             {
               "name": "display",
-              "description": "\"inline-flex\" | \"inline-block\": controls the display style of the dropdown",
+              "description": "'inline-flex' | 'inline-block': controls the display style of the dropdown",
               "default": "'inline-block'",
               "value": {
                 "type": [
@@ -4183,8 +4222,7 @@
             },
             {
               "name": "placeholder-icon",
-              "description": "string: optional placeholder icon used with \"combobox\" type",
-              "default": "''",
+              "description": "string: optional placeholder icon used with 'combobox' type",
               "value": {
                 "type": "string"
               }
@@ -4199,7 +4237,7 @@
             },
             {
               "name": "scale",
-              "description": "\"s\" | \"m\" | \"l\": scale to render the component",
+              "description": "'s' | 'm' | 'l': scale to render the component",
               "default": "'m'",
               "value": {
                 "type": [
@@ -4251,7 +4289,7 @@
             },
             {
               "name": "type",
-              "description": "\"select\" | \"combobox\" | \"dropdown\": type of component to leverage",
+              "description": "'select' | 'combobox' | 'dropdown': type of component to leverage",
               "default": "'select'",
               "value": {
                 "type": [
@@ -4288,9 +4326,14 @@
             "properties": [
               {
                 "name": "appearance",
-                "description": "\"transparent\" | \"solid\": controls the button appearance when using the \"dropdown\" type",
+                "description": "'transparent' | 'solid': controls the button appearance when using the 'dropdown' type",
                 "type": "\"solid\" | \"transparent\""
               },
+              {
+                "name": "configLayerOrderDefined",
+                "description": "boolean: when true the layer order should be defined in the enabledLayerIds, when false we will use the older logic of layers first then tables",
+                "type": "boolean"
+              },
               {
                 "name": "defaultLayerId",
                 "description": "string: when provided this layer ID will be used when the app loads",
@@ -4298,7 +4341,7 @@
               },
               {
                 "name": "display",
-                "description": "\"inline-flex\" | \"inline-block\": controls the display style of the dropdown",
+                "description": "'inline-flex' | 'inline-block': controls the display style of the dropdown",
                 "type": "\"inline-block\" | \"inline-flex\""
               },
               {
@@ -4323,7 +4366,7 @@
               },
               {
                 "name": "placeholderIcon",
-                "description": "string: optional placeholder icon used with \"combobox\" type",
+                "description": "string: optional placeholder icon used with 'combobox' type",
                 "type": "string"
               },
               {
@@ -4333,7 +4376,7 @@
               },
               {
                 "name": "scale",
-                "description": "\"s\" | \"m\" | \"l\": scale to render the component",
+                "description": "'s' | 'm' | 'l': scale to render the component",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
@@ -4368,7 +4411,7 @@
               },
               {
                 "name": "type",
-                "description": "\"select\" | \"combobox\" | \"dropdown\": type of component to leverage",
+                "description": "'select' | 'combobox' | 'dropdown': type of component to leverage",
                 "type": "\"combobox\" | \"dropdown\" | \"select\""
               }
             ],
@@ -4580,7 +4623,7 @@
               {
                 "name": "searchWidget",
                 "description": "esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html",
-                "type": "widgetsSearch"
+                "type": "Search"
               }
             ],
             "events": []
@@ -4681,7 +4724,7 @@
             },
             {
               "name": "no-result-text",
-              "description": "string: The value to show for no results\r\nwhen left empty the default text \"0 selected features from {layerTitle}\" will be shown",
+              "description": "string: The value to show for no results\r\nwhen left empty the default text '0 selected features from {layerTitle}' will be shown",
               "default": "''",
               "value": {
                 "type": "string"
@@ -4790,7 +4833,7 @@
               },
               {
                 "name": "noResultText",
-                "description": "string: The value to show for no results\r\nwhen left empty the default text \"0 selected features from {layerTitle}\" will be shown",
+                "description": "string: The value to show for no results\r\nwhen left empty the default text '0 selected features from {layerTitle}' will be shown",
                 "type": "string"
               },
               {
@@ -4805,7 +4848,7 @@
               },
               {
                 "name": "selectionLayerIds",
-                "description": "string[]: List of layer ids that should be shown as potential selection layers\r\nwhen skectching with \"Use layer features\" option",
+                "description": "string[]: List of layer ids that should be shown as potential selection layers\r\nwhen skectching with 'Use layer features' option",
                 "type": "Array<string>"
               },
               {
@@ -4950,7 +4993,7 @@
             },
             {
               "name": "layout",
-              "description": "\"horizontal\" | \"vertical\": used to control the orientation of the tools",
+              "description": "'horizontal' | 'vertical': used to control the orientation of the tools",
               "default": "'vertical'",
               "value": {
                 "type": [
@@ -4961,7 +5004,7 @@
             },
             {
               "name": "map-widgets-size",
-              "description": "\"s\" | \"m\" | \"l\": Used for optional map tool widget",
+              "description": "'s' | 'm' | 'l': Used for optional map tool widget",
               "default": "'m'",
               "value": {
                 "type": [
@@ -5029,7 +5072,7 @@
             },
             {
               "name": "zoom-tools-size",
-              "description": "\"s\" | \"m\" | \"l\": Used for Zoom tools",
+              "description": "'s' | 'm' | 'l': Used for Zoom tools",
               "default": "'m'",
               "value": {
                 "type": [
@@ -5115,7 +5158,7 @@
               },
               {
                 "name": "layout",
-                "description": "\"horizontal\" | \"vertical\": used to control the orientation of the tools",
+                "description": "'horizontal' | 'vertical': used to control the orientation of the tools",
                 "type": "\"horizontal\" | \"vertical\""
               },
               {
@@ -5135,7 +5178,7 @@
               },
               {
                 "name": "mapWidgetsSize",
-                "description": "\"s\" | \"m\" | \"l\": Used for optional map tool widget",
+                "description": "'s' | 'm' | 'l': Used for optional map tool widget",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
@@ -5180,12 +5223,12 @@
               },
               {
                 "name": "toolOrder",
-                "description": "Tools to show and its order\r\nValid tools: \"home\", \"legend\", \"search\", \"fullscreen\", \"basemap\", \"floorfilter\", \"selectiontool\", \"map-picker\", \"map-layer-picker\"",
+                "description": "Tools to show and its order\r\nValid tools: 'home', 'legend', 'search', 'fullscreen', 'basemap', 'floorfilter', 'selectiontool', 'map-picker', 'map-layer-picker'",
                 "type": "Array<string>"
               },
               {
                 "name": "zoomToolsSize",
-                "description": "\"s\" | \"m\" | \"l\": Used for Zoom tools",
+                "description": "'s' | 'm' | 'l': Used for Zoom tools",
                 "type": "\"l\" | \"m\" | \"s\""
               }
             ],
@@ -5275,8 +5318,8 @@
             },
             {
               "name": "default-buffer-unit",
-              "description": "number: The default value to show for the buffer unit (\"feet\"|\"meters\"|\"miles\"|\"kilometers\")",
-              "default": "\"feet\"",
+              "description": "number: The default value to show for the buffer unit ('feet'|'meters'|'miles'|'kilometers')",
+              "default": "'feet'",
               "value": {
                 "type": [
                   "\"feet\"",
@@ -5360,7 +5403,7 @@
             },
             {
               "name": "no-result-text",
-              "description": "string: The value to show for no results\r\nwhen left empty the default text \"0 selected features from {layerTitle}\" will be shown",
+              "description": "string: The value to show for no results\r\nwhen left empty the default text '0 selected features from {layerTitle}' will be shown",
               "default": "''",
               "value": {
                 "type": "string"
@@ -5419,7 +5462,7 @@
               },
               {
                 "name": "defaultBufferUnit",
-                "description": "number: The default value to show for the buffer unit (\"feet\"|\"meters\"|\"miles\"|\"kilometers\")",
+                "description": "number: The default value to show for the buffer unit ('feet'|'meters'|'miles'|'kilometers')",
                 "type": "\"feet\" | \"kilometers\" | \"meters\" | \"miles\""
               },
               {
@@ -5479,7 +5522,7 @@
               },
               {
                 "name": "noResultText",
-                "description": "string: The value to show for no results\r\nwhen left empty the default text \"0 selected features from {layerTitle}\" will be shown",
+                "description": "string: The value to show for no results\r\nwhen left empty the default text '0 selected features from {layerTitle}' will be shown",
                 "type": "string"
               },
               {
@@ -5489,7 +5532,7 @@
               },
               {
                 "name": "selectionLayerIds",
-                "description": "string[]: List of layer ids that should be shown as potential selection layers\r\nwhen skectching with \"Use layer features\" option",
+                "description": "string[]: List of layer ids that should be shown as potential selection layers\r\nwhen skectching with 'Use layer features' option",
                 "type": "Array<string>"
               },
               {
@@ -5628,6 +5671,11 @@
                 "description": "number: The default value to show for the buffer unit",
                 "type": "\"feet\" | \"kilometers\" | \"meters\" | \"miles\""
               },
+              {
+                "name": "drawnGraphicsArr",
+                "description": "Array of drawn graphics for refine selection",
+                "type": "Array<{\n    drawnGraphics: Graphic | undefined;\n    bufferGraphics: Graphic | undefined;\n}>"
+              },
               {
                 "name": "enabledLayerIds",
                 "description": "string[]: Optional list of enabled layer ids\r\n If empty all layers will be available",
@@ -5708,7 +5756,7 @@
             {
               "name": "tool",
               "description": "string: Tool for selecting the features",
-              "default": "\"rectangle\"",
+              "default": "'rectangle'",
               "value": {
                 "type": [
                   "\"circle\"",
@@ -5763,119 +5811,27 @@
           }
         },
         {
-          "name": "solution-article-card",
-          "description": "### Events\n- **articleCardSelected** - Emitted on demand when the card is selected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "name": "solution-configuration",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getSpatialReferenceInfo(): Promise<ISolutionSpatialReferenceInfo>`\n- `saveSolution(): Promise<void>`\n- `unloadSolution(): Promise<void>`",
           "attributes": [
             {
-              "name": "date",
-              "description": "The date the article or blog was published",
-              "default": "''",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "heading",
-              "description": "The heading of the article or blog",
+              "name": "serialized-authentication",
               "default": "''",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "href",
-              "description": "The href for the article or blog content",
-              "default": "''",
+              "name": "show-loading",
+              "description": "Used to show/hide loading indicator",
+              "default": "false",
               "value": {
-                "type": "string"
+                "type": "boolean"
               }
             },
             {
-              "name": "src",
-              "description": "The image url for the article or blog",
-              "default": "''",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "type",
-              "description": "The type...article or blog",
-              "default": "'article'",
-              "value": {
-                "type": [
-                  "\"article\"",
-                  "\"blog\""
-                ]
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "articleCardSelected",
-              "type": "string",
-              "description": "Emitted on demand when the card is selected."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "date",
-                "description": "The date the article or blog was published",
-                "type": "string"
-              },
-              {
-                "name": "heading",
-                "description": "The heading of the article or blog",
-                "type": "string"
-              },
-              {
-                "name": "href",
-                "description": "The href for the article or blog content",
-                "type": "string"
-              },
-              {
-                "name": "src",
-                "description": "The image url for the article or blog",
-                "type": "string"
-              },
-              {
-                "name": "type",
-                "description": "The type...article or blog",
-                "type": "\"article\" | \"blog\""
-              }
-            ],
-            "events": [
-              {
-                "name": "articleCardSelected",
-                "type": "string",
-                "description": "Emitted on demand when the card is selected."
-              }
-            ]
-          }
-        },
-        {
-          "name": "solution-configuration",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getSpatialReferenceInfo(): Promise<ISolutionSpatialReferenceInfo>`\n- `saveSolution(): Promise<void>`\n- `unloadSolution(): Promise<void>`",
-          "attributes": [
-            {
-              "name": "serialized-authentication",
-              "default": "''",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "show-loading",
-              "description": "Used to show/hide loading indicator",
-              "default": "false",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "solution-item-id",
-              "description": "Contains the current solution item id",
+              "name": "solution-item-id",
+              "description": "Contains the current solution item id",
               "default": "''",
               "value": {
                 "type": "string"
@@ -5909,16 +5865,9 @@
           }
         },
         {
-          "name": "solution-configure-dialog",
-          "description": "### Events\n- **solutionConfigureDialogClose** - This event will be emitted when this dialog is closed.\r\nWhen the emitted value is true the solution has been updated and needs to be fetched again\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "name": "solution-configure-titles",
+          "description": "### Events\n- **solutionConfigureTitlesBeforeClose** - This event will be emitted when this dialog is closed\n- **solutionItemsTitlesChanged** - This event will be emitted when the titles have been updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [
-            {
-              "name": "card-ref",
-              "description": "Reference to the card that opened this dialog",
-              "value": {
-                "type": "any"
-              }
-            },
             {
               "name": "open",
               "description": "boolean: when true the dialog is open",
@@ -5928,68 +5877,10 @@
               }
             },
             {
-              "name": "show-success-alert",
-              "description": "boolean: when true the success alert will be shown when first rendered",
-              "default": "false",
+              "name": "solution-data",
+              "description": "The solution items data used here to check for and store any user defined prefix or suffix values",
               "value": {
-                "type": "boolean"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "solutionConfigureDialogClose",
-              "type": "boolean",
-              "description": "This event will be emitted when this dialog is closed.\r\nWhen the emitted value is true the solution has been updated and needs to be fetched again"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "card",
-                "description": "Key details about the solution",
-                "type": "ISolutionInfoCard"
-              },
-              {
-                "name": "cardRef",
-                "description": "Reference to the card that opened this dialog",
                 "type": "any"
-              },
-              {
-                "name": "open",
-                "description": "boolean: when true the dialog is open",
-                "type": "boolean"
-              },
-              {
-                "name": "showSuccessAlert",
-                "description": "boolean: when true the success alert will be shown when first rendered",
-                "type": "boolean"
-              },
-              {
-                "name": "templateInfos",
-                "description": "ITemplateInfo[]: Collection of template infos",
-                "type": "Array<ITemplateInfo>"
-              }
-            ],
-            "events": [
-              {
-                "name": "solutionConfigureDialogClose",
-                "type": "boolean",
-                "description": "This event will be emitted when this dialog is closed.\r\nWhen the emitted value is true the solution has been updated and needs to be fetched again"
-              }
-            ]
-          }
-        },
-        {
-          "name": "solution-configure-titles",
-          "description": "### Events\n- **solutionConfigureTitlesBeforeClose** - This event will be emitted when this dialog is closed\n- **solutionItemsTitlesChanged** - This event will be emitted when the titles have been updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
-          "attributes": [
-            {
-              "name": "open",
-              "description": "boolean: when true the dialog is open",
-              "default": "false",
-              "value": {
-                "type": "boolean"
               }
             }
           ],
@@ -6017,6 +5908,11 @@
                 "description": "boolean: when true the dialog is open",
                 "type": "boolean"
               },
+              {
+                "name": "solutionData",
+                "description": "The solution items data used here to check for and store any user defined prefix or suffix values",
+                "type": "any"
+              },
               {
                 "name": "templateInfos",
                 "description": "ITemplateInfo[]: Collection of template infos",
@@ -6220,7 +6116,7 @@
         },
         {
           "name": "solution-deployed-card",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getTemplates(): Promise<ITemplateInfoGraph[]>` - Get the templates from the current card\n- `renderConfigureDialog(showSuccessAlert: boolean): Promise<void>` - Show the configure dialog\r\nThis allows other components to leverage the logic that is built into this card.\n- `renderDeleteDialog(): Promise<SolutionDeleteDialog | undefined>` - Show the delete dialog\r\nThis allows other components to leverage the logic that is built into this card.\r\nIt will return a reference to the dialog so the other component can respond to its events.\n- `renderDiagramDialog(evt: MouseEvent): Promise<HTMLCalciteDialogElement | undefined>` - Show the diagram dialog\r\nThis allows other components to leverage the logic that is built into this card.\r\nIt will return a reference to the dialog so the other component can respond to its events.",
+          "description": "### Events\n- **deployedCardSelected** - Emitted on demand when the details card is selected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getTemplates(): Promise<ITemplateInfoGraph[]>` - Get the templates from the current card\n- `renderConfigureDialog(): Promise<void>` - Show the configure dialog\r\nThis allows other components to leverage the logic that is built into this card.\n- `renderDeleteDialog(): Promise<SolutionDeleteDialog | undefined>` - Show the delete dialog\r\nThis allows other components to leverage the logic that is built into this card.\r\nIt will return a reference to the dialog so the other component can respond to its events.\n- `renderDiagramDialog(evt: MouseEvent): Promise<HTMLCalciteDialogElement | undefined>` - Show the diagram dialog\r\nThis allows other components to leverage the logic that is built into this card.\r\nIt will return a reference to the dialog so the other component can respond to its events.",
           "attributes": [
             {
               "name": "allow-delete",
@@ -6287,7 +6183,13 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "deployedCardSelected",
+              "type": "IDeployCard",
+              "description": "Emitted on demand when the details card is selected."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -6299,11 +6201,6 @@
                 "description": "Key details about the solution",
                 "type": "ISolutionInfoCard"
               },
-              {
-                "name": "cardRef",
-                "description": "Reference to the card that opened this dialog",
-                "type": "SolutionConfigureDialog"
-              },
               {
                 "name": "deployedDate",
                 "type": "string"
@@ -6343,12 +6240,123 @@
                 "type": "boolean"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "deployedCardSelected",
+                "type": "IDeployCard",
+                "description": "Emitted on demand when the details card is selected."
+              }
+            ]
+          }
+        },
+        {
+          "name": "solution-deployed-card-panel",
+          "description": "### Events\n- **navTabSelected** - Tab selected event\n- **solutionConfigureDialogClose** - This event will be emitted when this dialog is closed.\r\nWhen the emitted value is true the solution has been updated and needs to be fetched again\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [
+            {
+              "name": "card-ref",
+              "description": "Reference to the card that opened this dialog",
+              "value": {
+                "type": "any"
+              }
+            },
+            {
+              "name": "diagram-key",
+              "description": "Digram license key to use view the diagram",
+              "default": "''",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "open",
+              "description": "boolean: when true the dialog is open",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-success-alert",
+              "description": "boolean: when true the success alert will be shown when first rendered",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "navTabSelected",
+              "type": "INavTab",
+              "description": "Tab selected event"
+            },
+            {
+              "name": "solutionConfigureDialogClose",
+              "type": "boolean",
+              "description": "This event will be emitted when this dialog is closed.\r\nWhen the emitted value is true the solution has been updated and needs to be fetched again"
+            },
+            {
+              "name": "sortTypeChanged",
+              "type": "string",
+              "description": "Emitted on demand when the sort type changes"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "card",
+                "description": "Key details about the solution",
+                "type": "ISolutionInfoCard"
+              },
+              {
+                "name": "cardRef",
+                "description": "Reference to the card that opened this dialog",
+                "type": "any"
+              },
+              {
+                "name": "diagramKey",
+                "description": "Digram license key to use view the diagram",
+                "type": "string"
+              },
+              {
+                "name": "open",
+                "description": "boolean: when true the dialog is open",
+                "type": "boolean"
+              },
+              {
+                "name": "showSuccessAlert",
+                "description": "boolean: when true the success alert will be shown when first rendered",
+                "type": "boolean"
+              },
+              {
+                "name": "templateInfos",
+                "description": "ITemplateInfo[]: Collection of template infos",
+                "type": "Array<ITemplateInfo>"
+              }
+            ],
+            "events": [
+              {
+                "name": "navTabSelected",
+                "type": "INavTab",
+                "description": "Tab selected event"
+              },
+              {
+                "name": "solutionConfigureDialogClose",
+                "type": "boolean",
+                "description": "This event will be emitted when this dialog is closed.\r\nWhen the emitted value is true the solution has been updated and needs to be fetched again"
+              },
+              {
+                "name": "sortTypeChanged",
+                "type": "string",
+                "description": "Emitted on demand when the sort type changes"
+              }
+            ]
           }
         },
         {
           "name": "solution-deploying-dialog",
-          "description": "### Methods\n- `cancelDeployment(): void` - Cancel the current deployment\n- `close(): void` - Closes the dialog\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `confirmCancel(): void` - Confirm cancel the deployment",
+          "description": "### Events\n- **deployingDialogOpened** - Emitted when the deploying dialog opens\n\n### Methods\n- `cancelDeployment(): void` - Cancel the current deployment\n- `close(): void` - Closes the dialog\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `confirmCancel(): void` - Confirm cancel the deployment",
           "attributes": [
             {
               "name": "deployment-progress",
@@ -6367,7 +6375,13 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "deployingDialogOpened",
+              "type": "void",
+              "description": "Emitted when the deploying dialog opens"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -6391,7 +6405,13 @@
                 "type": "boolean"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "deployingDialogOpened",
+                "type": "void",
+                "description": "Emitted when the deploying dialog opens"
+              }
+            ]
           }
         },
         {
@@ -6538,7 +6558,7 @@
         },
         {
           "name": "solution-item-accordion",
-          "description": "### Events\n- **solutionItemHover**\n- **solutionItemSelect**\n- **solutionTypeHover**\n\n### Methods\n- `collapseAll(): Promise<void>` - Collapses all items in the accordion.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `deselectAll(): Promise<void>` - Deselects all items in the accordion and closes the accordion item containing it.\r\nOnly applies when selectionMode is 'single' or 'single-persist'.\n- `selectItem(id: string): Promise<void>` - Selects an item in the accordion and expands the accordion item containing it.\r\nOnly applies when selectionMode is 'single' or 'single-persist'.\n- `selectItems(ids: string[]): Promise<void>` - Selects items in the accordion and expands the accordion item containing it.\r\nOnly applies when selectionMode is 'multiple'.",
+          "description": "### Events\n- **solutionItemHover**\n- **solutionItemSelect**\n- **solutionTypeHover**\n\n### Methods\n- `collapseAll(): Promise<void>` - Collapses all items in the accordion.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `deselectAll(): Promise<void>` - Deselects all items in the accordion and closes the accordion item containing it.\r\nOnly applies when selectionMode is 'single' or 'single-persist'.\n- `selectFirstItem(): Promise<void>` - Selects the first item in the accordion and expands the accordion item containing it.\n- `selectItem(id: string): Promise<void>` - Selects an item in the accordion and expands the accordion item containing it.\r\nOnly applies when selectionMode is 'single' or 'single-persist'.\n- `selectItems(ids: string[]): Promise<void>` - Selects items in the accordion and expands the accordion item containing it.\r\nOnly applies when selectionMode is 'multiple'.",
           "attributes": [
             {
               "name": "link-type",
@@ -6773,15 +6793,107 @@
           "js": {
             "properties": [
               {
-                "name": "value",
-                "description": "Contains the public value for this component.",
+                "name": "value",
+                "description": "Contains the public value for this component.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "organizationVariableSelected",
+                "type": "{\n    itemId: string;\n    value: string;\n}"
+              }
+            ]
+          }
+        },
+        {
+          "name": "solution-resource-card",
+          "description": "### Events\n- **resourceCardSelected** - Emitted on demand when the card is selected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [
+            {
+              "name": "date",
+              "description": "The date the resource or blog was published",
+              "default": "''",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "heading",
+              "description": "The heading of the resource or blog",
+              "default": "''",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "href",
+              "description": "The href for the resource or blog content",
+              "default": "''",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "src",
+              "description": "The image url for the resource or blog",
+              "default": "''",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "type",
+              "description": "The type...resource or blog",
+              "default": "'resource'",
+              "value": {
+                "type": [
+                  "\"blog\"",
+                  "\"resource\""
+                ]
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "resourceCardSelected",
+              "type": "string",
+              "description": "Emitted on demand when the card is selected."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "date",
+                "description": "The date the resource or blog was published",
+                "type": "string"
+              },
+              {
+                "name": "heading",
+                "description": "The heading of the resource or blog",
+                "type": "string"
+              },
+              {
+                "name": "href",
+                "description": "The href for the resource or blog content",
+                "type": "string"
+              },
+              {
+                "name": "src",
+                "description": "The image url for the resource or blog",
                 "type": "string"
+              },
+              {
+                "name": "type",
+                "description": "The type...resource or blog",
+                "type": "\"blog\" | \"resource\""
               }
             ],
             "events": [
               {
-                "name": "organizationVariableSelected",
-                "type": "{\n    itemId: string;\n    value: string;\n}"
+                "name": "resourceCardSelected",
+                "type": "string",
+                "description": "Emitted on demand when the card is selected."
               }
             ]
           }
@@ -7353,7 +7465,7 @@
         },
         {
           "name": "solutions-all-panel",
-          "description": "### Events\n- **allCardsFetched** - Emitted on demand when all of the cards are first fetched\n- **cardsFetched** - Emitted on demand when cards are fetched\n- **searchTermSet** - Emitted on demand when the serachTerm is set from url param\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `searchSolutions(searchOptions?: IFilterOption[] | ISearchOption | ISortOption): Promise<void>` - Search solutions based on key criteria\n- `setSearchOptions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>` - Set key properties for solution search\r\nThis is used for handeling multiple options from url params",
+          "description": "### Events\n- **allCardsFetched** - Emitted on demand when all of the cards are first fetched\n- **cardsFetched** - Emitted on demand when cards are fetched\n- **detailsCardSelected** - Emitted on demand when the details card is selected.\n- **searchTermSet** - Emitted on demand when the serachTerm is set from url param\n- **sortTypeSet** - Emitted on demand when the sortType is set from url param\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `searchSolutions(searchOptions?: IFilterOption[] | ISearchOption | ISortOption): Promise<void>` - Search solutions based on key criteria\n- `setSearchOptions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>` - Set key properties for solution search\r\nThis is used for handeling multiple options from url params",
           "attributes": [
             {
               "name": "sort-type",
@@ -7382,10 +7494,20 @@
               "type": "number",
               "description": "Emitted on demand when cards are fetched"
             },
+            {
+              "name": "detailsCardSelected",
+              "type": "ISolutionInfoCard",
+              "description": "Emitted on demand when the details card is selected."
+            },
             {
               "name": "searchTermSet",
-              "type": "string",
+              "type": "ISearchTerm",
               "description": "Emitted on demand when the serachTerm is set from url param"
+            },
+            {
+              "name": "sortTypeSet",
+              "type": "ISortType",
+              "description": "Emitted on demand when the sortType is set from url param"
             }
           ],
           "js": {
@@ -7407,10 +7529,20 @@
                 "type": "number",
                 "description": "Emitted on demand when cards are fetched"
               },
+              {
+                "name": "detailsCardSelected",
+                "type": "ISolutionInfoCard",
+                "description": "Emitted on demand when the details card is selected."
+              },
               {
                 "name": "searchTermSet",
-                "type": "string",
+                "type": "ISearchTerm",
                 "description": "Emitted on demand when the serachTerm is set from url param"
+              },
+              {
+                "name": "sortTypeSet",
+                "type": "ISortType",
+                "description": "Emitted on demand when the sortType is set from url param"
               }
             ]
           }
@@ -7453,97 +7585,35 @@
           }
         },
         {
-          "name": "solutions-article-panel",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "name": "solutions-deploy-app",
+          "description": "### Events\n- **deployAppTabSelected** - Tab selected event\n- **deployedCardSelected** - Emitted on demand when the details card is selected.\n- **detailsCardSelected** - Details card selected event\n- **initDeployedCard**\n- **initDeployedCardSelected**\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `selectTab(tab: IActiveTab, filters: any): Promise<void>` - Closes the dialog",
           "attributes": [
             {
-              "name": "heading",
-              "description": "The heading of the blog or article",
-              "default": "''",
+              "name": "app-config",
+              "description": "App config to use when useLocalAppConfig is false",
               "value": {
-                "type": "string"
+                "type": "any"
               }
             },
             {
-              "name": "href",
-              "description": "The href for the page that will be displayed",
-              "default": "''",
-              "value": {
-                "type": "string"
-              }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "heading",
-                "description": "The heading of the blog or article",
-                "type": "string"
-              },
-              {
-                "name": "href",
-                "description": "The href for the page that will be displayed",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "solutions-articles",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
-          "attributes": [
-            {
-              "name": "show-assistant",
-              "default": "false",
+              "name": "init-tab",
+              "description": "When defined this is the tab that should be loaded by default",
               "value": {
-                "type": "boolean"
-              }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "showAssistant",
-                "type": "boolean"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "solutions-articles-shell",
-          "description": "### Events\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
-          "attributes": [],
-          "events": [
-            {
-              "name": "sortTypeChanged",
-              "type": "string",
-              "description": "Emitted on demand when the sort type changes"
-            }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "sortTypeChanged",
-                "type": "string",
-                "description": "Emitted on demand when the sort type changes"
+                "type": [
+                  "\"all-solutions\"",
+                  "\"deployed-card\"",
+                  "\"deployments\"",
+                  "\"details\"",
+                  "\"resources\""
+                ]
               }
-            ]
-          }
-        },
-        {
-          "name": "solutions-deploy-app",
-          "description": "### Events\n- **deployAppTabSelected** - Tab selected event\n- **detailsCardSelected** - Details card selected event\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `selectTab(tab: IActiveTab, filters: any): Promise<void>` - Closes the dialog",
-          "attributes": [
+            },
             {
-              "name": "app-config",
-              "description": "App config to use when useLocalAppConfig is false",
+              "name": "init-title-or-id",
+              "description": "When defined this will contain the solution name or id that should be loaded by default",
+              "default": "''",
               "value": {
-                "type": "any"
+                "type": "string"
               }
             },
             {
@@ -7573,13 +7643,26 @@
           "events": [
             {
               "name": "deployAppTabSelected",
-              "type": "\"all-solutions\" | \"articles\" | \"details\" | \"my-deployments\"",
+              "type": "\"all-solutions\" | \"deployed-card\" | \"deployments\" | \"details\" | \"resources\"",
               "description": "Tab selected event"
             },
+            {
+              "name": "deployedCardSelected",
+              "type": "IDeployCard",
+              "description": "Emitted on demand when the details card is selected."
+            },
             {
               "name": "detailsCardSelected",
               "type": "ISolutionInfoCard",
               "description": "Details card selected event"
+            },
+            {
+              "name": "initDeployedCard",
+              "type": "any"
+            },
+            {
+              "name": "initDeployedCardSelected",
+              "type": "IDeployCard"
             }
           ],
           "js": {
@@ -7589,6 +7672,16 @@
                 "description": "App config to use when useLocalAppConfig is false",
                 "type": "any"
               },
+              {
+                "name": "initTab",
+                "description": "When defined this is the tab that should be loaded by default",
+                "type": "\"all-solutions\" | \"deployed-card\" | \"deployments\" | \"details\" | \"resources\""
+              },
+              {
+                "name": "initTitleOrId",
+                "description": "When defined this will contain the solution name or id that should be loaded by default",
+                "type": "string"
+              },
               {
                 "name": "sortType",
                 "description": "Define how the cards will be sorted",
@@ -7603,20 +7696,33 @@
             "events": [
               {
                 "name": "deployAppTabSelected",
-                "type": "\"all-solutions\" | \"articles\" | \"details\" | \"my-deployments\"",
+                "type": "\"all-solutions\" | \"deployed-card\" | \"deployments\" | \"details\" | \"resources\"",
                 "description": "Tab selected event"
               },
+              {
+                "name": "deployedCardSelected",
+                "type": "IDeployCard",
+                "description": "Emitted on demand when the details card is selected."
+              },
               {
                 "name": "detailsCardSelected",
                 "type": "ISolutionInfoCard",
                 "description": "Details card selected event"
+              },
+              {
+                "name": "initDeployedCard",
+                "type": "any"
+              },
+              {
+                "name": "initDeployedCardSelected",
+                "type": "IDeployCard"
               }
             ]
           }
         },
         {
           "name": "solutions-deploy-app-nav",
-          "description": "### Events\n- **authInit** - Emitted on demand when the auth is initialized\n- **navTabSelected** - Tab selected event\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `activateMenuItem(tab: DeployAppTab): void` - Use to set the active state for all nav menu items\n- `clearMenuItems(): void` - Use to clear the active state from all nav menu items\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **authInit** - Emitted on demand when the auth is initialized\n- **navTabSelected** - Tab selected event\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `activateMenuItem(tab: DeployAppTab, emit?: boolean): void` - Use to set the active state for all nav menu items\n- `clearMenuItems(): void` - Use to clear the active state from all nav menu items\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [
             {
               "name": "app-config",
@@ -7642,7 +7748,7 @@
             },
             {
               "name": "navTabSelected",
-              "type": "\"all-solutions\" | \"articles\" | \"details\" | \"my-deployments\"",
+              "type": "INavTab",
               "description": "Tab selected event"
             },
             {
@@ -7672,7 +7778,7 @@
               },
               {
                 "name": "navTabSelected",
-                "type": "\"all-solutions\" | \"articles\" | \"details\" | \"my-deployments\"",
+                "type": "INavTab",
                 "description": "Tab selected event"
               },
               {
@@ -7687,14 +7793,6 @@
           "name": "solutions-deployed-filter-panel",
           "description": "### Events\n- **applyFilter** - The event that gets emitted after any filter option has changed.\n\n### Methods\n- `changeOwnerFilter(isMySolutions: boolean, emit?: boolean): void` - Changes the filter to show only solutions that the user owns or the solutions within the organization.\r\nThis function is only available when the application is in the My Solutions view.\n- `changeSearchFilter(searchTerm: string, emit?: boolean): void` - Filters the solutions by a text search phrase.\n- `clearFilters(): void` - Clears all the filters include search, industry and owner.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [
-            {
-              "name": "is-a-isetting-enabled",
-              "description": "Determines if the AI assistant button should be shown.",
-              "default": "false",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "is-all-solutions",
               "description": "Determines if the Owner section should be shown.",
@@ -7729,11 +7827,6 @@
           ],
           "js": {
             "properties": [
-              {
-                "name": "isAIsettingEnabled",
-                "description": "Determines if the AI assistant button should be shown.",
-                "type": "boolean"
-              },
               {
                 "name": "isAllSolutions",
                 "description": "Determines if the Owner section should be shown.",
@@ -7761,7 +7854,7 @@
         },
         {
           "name": "solutions-deployed-panel",
-          "description": "### Events\n- **deployedCardsFetched** - Emitted on demand when cards are fetched\n- **deployedSearchTermSet** - Emitted on demand when the serachTerm is set from url param\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reload(showDeleteMessage?: boolean, useTimeout?: boolean): Promise<void>` - function to refresh the panel after a deletion or solution title/snippet change\n- `searchSolutions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>` - Search solutions based on key criteria\n- `setSearchOptions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>` - Set key properties for solution search\r\nThis is used for handeling multiple options from url params",
+          "description": "### Events\n- **deployedCardsFetched** - Emitted on demand when cards are fetched\n- **searchTermSet** - Emitted on demand when the serachTerm is set from url param\n- **sortTypeSet** - Emitted on demand when the sortType is set from url param\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reload(showDeleteMessage?: boolean, useTimeout?: boolean): Promise<void>` - function to refresh the panel after a deletion or solution title/snippet change\n- `searchSolutions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>` - Search solutions based on key criteria\n- `setSearchOptions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>` - Set key properties for solution search\r\nThis is used for handeling multiple options from url params",
           "attributes": [
             {
               "name": "sort-type",
@@ -7786,9 +7879,14 @@
               "description": "Emitted on demand when cards are fetched"
             },
             {
-              "name": "deployedSearchTermSet",
-              "type": "string",
+              "name": "searchTermSet",
+              "type": "ISearchTerm",
               "description": "Emitted on demand when the serachTerm is set from url param"
+            },
+            {
+              "name": "sortTypeSet",
+              "type": "ISortType",
+              "description": "Emitted on demand when the sortType is set from url param"
             }
           ],
           "js": {
@@ -7806,9 +7904,14 @@
                 "description": "Emitted on demand when cards are fetched"
               },
               {
-                "name": "deployedSearchTermSet",
-                "type": "string",
+                "name": "searchTermSet",
+                "type": "ISearchTerm",
                 "description": "Emitted on demand when the serachTerm is set from url param"
+              },
+              {
+                "name": "sortTypeSet",
+                "type": "ISortType",
+                "description": "Emitted on demand when the sortType is set from url param"
               }
             ]
           }
@@ -7873,8 +7976,16 @@
               }
             },
             {
-              "name": "is-a-isetting-enabled",
-              "description": "Determines if the AI assistant button should be shown.",
+              "name": "is-ai-dialog-open",
+              "description": "Determines if AI Assistant is open.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-reset",
+              "description": "Flag to display reset in the panel",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -7896,8 +8007,13 @@
                 "type": "boolean"
               },
               {
-                "name": "isAIsettingEnabled",
-                "description": "Determines if the AI assistant button should be shown.",
+                "name": "isAIDialogOpen",
+                "description": "Determines if AI Assistant is open.",
+                "type": "boolean"
+              },
+              {
+                "name": "showReset",
+                "description": "Flag to display reset in the panel",
                 "type": "boolean"
               }
             ],
@@ -7910,9 +8026,92 @@
             ]
           }
         },
+        {
+          "name": "solutions-resource-panel",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [
+            {
+              "name": "heading",
+              "description": "The heading of the blog or resource",
+              "default": "''",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "href",
+              "description": "The href for the page that will be displayed",
+              "default": "''",
+              "value": {
+                "type": "string"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "heading",
+                "description": "The heading of the blog or resource",
+                "type": "string"
+              },
+              {
+                "name": "href",
+                "description": "The href for the page that will be displayed",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "solutions-resources",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [
+            {
+              "name": "show-assistant",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "showAssistant",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "solutions-resources-shell",
+          "description": "### Events\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [],
+          "events": [
+            {
+              "name": "sortTypeChanged",
+              "type": "string",
+              "description": "Emitted on demand when the sort type changes"
+            }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "sortTypeChanged",
+                "type": "string",
+                "description": "Emitted on demand when the sort type changes"
+              }
+            ]
+          }
+        },
         {
           "name": "solutions-searchsort-toolbar",
-          "description": "### Events\n- **searchChanged** - The event that gets emitted after any filter option has changed.\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `changeOwnerFilter(isMySolutions: boolean): void` - Changes the filter to show only solutions that the user owns or the solutions within the organization.\r\nThis function is only available when the application is in the Deployments view.\n- `changeSearchFilter(searchTerm: string, emit?: boolean): void` - Filters the solutions by a text search phrase.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **searchChanged** - The event that gets emitted after any filter option has changed.\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n- **toggleFilter** - Emitted on demand when the filter button is clicked in mobile\n\n### Methods\n- `changeOwnerFilter(isMySolutions: boolean): void` - Changes the filter to show only solutions that the user owns or the solutions within the organization.\r\nThis function is only available when the application is in the Deployments view.\n- `changeSearchFilter(searchTerm: string, emit?: boolean): void` - Filters the solutions by a text search phrase.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `sortChanged(sortType: SortType, emit: boolean): void` - Change the user selected sort type",
           "attributes": [
             {
               "name": "default-sort-type",
@@ -7951,7 +8150,7 @@
               "value": {
                 "type": [
                   "\"all-solutions\"",
-                  "\"my-deployments\""
+                  "\"deployments\""
                 ]
               }
             }
@@ -7966,6 +8165,11 @@
               "name": "sortTypeChanged",
               "type": "{\n    sortType: SortType;\n    scope: ScopeType;\n}",
               "description": "Emitted on demand when the sort type changes"
+            },
+            {
+              "name": "toggleFilter",
+              "type": "void",
+              "description": "Emitted on demand when the filter button is clicked in mobile"
             }
           ],
           "js": {
@@ -7988,7 +8192,7 @@
               {
                 "name": "scope",
                 "description": "The enviornment on which to perform search or sort",
-                "type": "\"all-solutions\" | \"my-deployments\""
+                "type": "\"all-solutions\" | \"deployments\""
               }
             ],
             "events": [
@@ -8001,6 +8205,11 @@
                 "name": "sortTypeChanged",
                 "type": "{\n    sortType: SortType;\n    scope: ScopeType;\n}",
                 "description": "Emitted on demand when the sort type changes"
+              },
+              {
+                "name": "toggleFilter",
+                "type": "void",
+                "description": "Emitted on demand when the filter button is clicked in mobile"
               }
             ]
           }