@esri/solutions-components 1.0.0-next.20250623 → 1.0.1

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-23T18:06:54",
+  "timestamp": "2025-06-25T16:10:56",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.151",
+    "version": "4.33.3",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -93,7 +93,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisSolutionsAssistant = document.createElement(\"arcgis-solutions-assistant\");\ndocument.body.append(arcgisSolutionsAssistant);\narcgisSolutionsAssistant.componentOnReady().then(() => {\n  console.log(\"arcgis-solutions-assistant is ready to go!\");\n});"
+              "text": "```js\nconst arcgisSolutionsAssistant = document.querySelector(\"arcgis-solutions-assistant\");\ndocument.body.append(arcgisSolutionsAssistant);\nawait arcgisSolutionsAssistant.componentOnReady();\nconsole.log(\"arcgis-solutions-assistant is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -233,7 +233,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const basemapGallery = document.createElement(\"basemap-gallery\");\ndocument.body.append(basemapGallery);\nbasemapGallery.componentOnReady().then(() => {\n  console.log(\"basemap-gallery is ready to go!\");\n});"
+              "text": "```js\nconst basemapGallery = document.querySelector(\"basemap-gallery\");\ndocument.body.append(basemapGallery);\nawait basemapGallery.componentOnReady();\nconsole.log(\"basemap-gallery is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -513,7 +513,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const bufferTools = document.createElement(\"buffer-tools\");\ndocument.body.append(bufferTools);\nbufferTools.componentOnReady().then(() => {\n  console.log(\"buffer-tools is ready to go!\");\n});"
+              "text": "```js\nconst bufferTools = document.querySelector(\"buffer-tools\");\ndocument.body.append(bufferTools);\nawait bufferTools.componentOnReady();\nconsole.log(\"buffer-tools is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -920,7 +920,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const cardManager = document.createElement(\"card-manager\");\ndocument.body.append(cardManager);\ncardManager.componentOnReady().then(() => {\n  console.log(\"card-manager is ready to go!\");\n});"
+              "text": "```js\nconst cardManager = document.querySelector(\"card-manager\");\ndocument.body.append(cardManager);\nawait cardManager.componentOnReady();\nconsole.log(\"card-manager is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -1180,7 +1180,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const consentManager = document.createElement(\"consent-manager\");\ndocument.body.append(consentManager);\nconsentManager.componentOnReady().then(() => {\n  console.log(\"consent-manager is ready to go!\");\n});"
+              "text": "```js\nconst consentManager = document.querySelector(\"consent-manager\");\ndocument.body.append(consentManager);\nawait consentManager.componentOnReady();\nconsole.log(\"consent-manager is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -1683,7 +1683,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const createFeature = document.createElement(\"create-feature\");\ndocument.body.append(createFeature);\ncreateFeature.componentOnReady().then(() => {\n  console.log(\"create-feature is ready to go!\");\n});"
+              "text": "```js\nconst createFeature = document.querySelector(\"create-feature\");\ndocument.body.append(createFeature);\nawait createFeature.componentOnReady();\nconsole.log(\"create-feature is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -2074,7 +2074,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const createRelatedFeature = document.createElement(\"create-related-feature\");\ndocument.body.append(createRelatedFeature);\ncreateRelatedFeature.componentOnReady().then(() => {\n  console.log(\"create-related-feature is ready to go!\");\n});"
+              "text": "```js\nconst createRelatedFeature = document.querySelector(\"create-related-feature\");\ndocument.body.append(createRelatedFeature);\nawait createRelatedFeature.componentOnReady();\nconsole.log(\"create-related-feature is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -3145,7 +3145,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const crowdsourceManager = document.createElement(\"crowdsource-manager\");\ndocument.body.append(crowdsourceManager);\ncrowdsourceManager.componentOnReady().then(() => {\n  console.log(\"crowdsource-manager is ready to go!\");\n});"
+              "text": "```js\nconst crowdsourceManager = document.querySelector(\"crowdsource-manager\");\ndocument.body.append(crowdsourceManager);\nawait crowdsourceManager.componentOnReady();\nconsole.log(\"crowdsource-manager is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -4149,7 +4149,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const crowdsourceReporter = document.createElement(\"crowdsource-reporter\");\ndocument.body.append(crowdsourceReporter);\ncrowdsourceReporter.componentOnReady().then(() => {\n  console.log(\"crowdsource-reporter is ready to go!\");\n});"
+              "text": "```js\nconst crowdsourceReporter = document.querySelector(\"crowdsource-reporter\");\ndocument.body.append(crowdsourceReporter);\nawait crowdsourceReporter.componentOnReady();\nconsole.log(\"crowdsource-reporter is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -4267,7 +4267,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const deductCalculator = document.createElement(\"deduct-calculator\");\ndocument.body.append(deductCalculator);\ndeductCalculator.componentOnReady().then(() => {\n  console.log(\"deduct-calculator is ready to go!\");\n});"
+              "text": "```js\nconst deductCalculator = document.querySelector(\"deduct-calculator\");\ndocument.body.append(deductCalculator);\nawait deductCalculator.componentOnReady();\nconsole.log(\"deduct-calculator is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -4499,7 +4499,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const deleteButton = document.createElement(\"delete-button\");\ndocument.body.append(deleteButton);\ndeleteButton.componentOnReady().then(() => {\n  console.log(\"delete-button is ready to go!\");\n});"
+              "text": "```js\nconst deleteButton = document.querySelector(\"delete-button\");\ndocument.body.append(deleteButton);\nawait deleteButton.componentOnReady();\nconsole.log(\"delete-button is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -4653,7 +4653,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const deleteDialog = document.createElement(\"delete-dialog\");\ndocument.body.append(deleteDialog);\ndeleteDialog.componentOnReady().then(() => {\n  console.log(\"delete-dialog is ready to go!\");\n});"
+              "text": "```js\nconst deleteDialog = document.querySelector(\"delete-dialog\");\ndocument.body.append(deleteDialog);\nawait deleteDialog.componentOnReady();\nconsole.log(\"delete-dialog is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -4900,7 +4900,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const editCard = document.createElement(\"edit-card\");\ndocument.body.append(editCard);\neditCard.componentOnReady().then(() => {\n  console.log(\"edit-card is ready to go!\");\n});"
+              "text": "```js\nconst editCard = document.querySelector(\"edit-card\");\ndocument.body.append(editCard);\nawait editCard.componentOnReady();\nconsole.log(\"edit-card is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -5215,7 +5215,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const featureDetails = document.createElement(\"feature-details\");\ndocument.body.append(featureDetails);\nfeatureDetails.componentOnReady().then(() => {\n  console.log(\"feature-details is ready to go!\");\n});"
+              "text": "```js\nconst featureDetails = document.querySelector(\"feature-details\");\ndocument.body.append(featureDetails);\nawait featureDetails.componentOnReady();\nconsole.log(\"feature-details is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -5834,7 +5834,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const featureList = document.createElement(\"feature-list\");\ndocument.body.append(featureList);\nfeatureList.componentOnReady().then(() => {\n  console.log(\"feature-list is ready to go!\");\n});"
+              "text": "```js\nconst featureList = document.querySelector(\"feature-list\");\ndocument.body.append(featureList);\nawait featureList.componentOnReady();\nconsole.log(\"feature-list is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -6038,7 +6038,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const fieldSelection = document.createElement(\"field-selection\");\ndocument.body.append(fieldSelection);\nfieldSelection.componentOnReady().then(() => {\n  console.log(\"field-selection is ready to go!\");\n});"
+              "text": "```js\nconst fieldSelection = document.querySelector(\"field-selection\");\ndocument.body.append(fieldSelection);\nawait fieldSelection.componentOnReady();\nconsole.log(\"field-selection is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -6163,7 +6163,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const floorFilter = document.createElement(\"floor-filter\");\ndocument.body.append(floorFilter);\nfloorFilter.componentOnReady().then(() => {\n  console.log(\"floor-filter is ready to go!\");\n});"
+              "text": "```js\nconst floorFilter = document.querySelector(\"floor-filter\");\ndocument.body.append(floorFilter);\nawait floorFilter.componentOnReady();\nconsole.log(\"floor-filter is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -6535,7 +6535,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const infoCard = document.createElement(\"info-card\");\ndocument.body.append(infoCard);\ninfoCard.componentOnReady().then(() => {\n  console.log(\"info-card is ready to go!\");\n});"
+              "text": "```js\nconst infoCard = document.querySelector(\"info-card\");\ndocument.body.append(infoCard);\nawait infoCard.componentOnReady();\nconsole.log(\"info-card is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -6867,7 +6867,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const jsonEditor = document.createElement(\"json-editor\");\ndocument.body.append(jsonEditor);\njsonEditor.componentOnReady().then(() => {\n  console.log(\"json-editor is ready to go!\");\n});"
+              "text": "```js\nconst jsonEditor = document.querySelector(\"json-editor\");\ndocument.body.append(jsonEditor);\nawait jsonEditor.componentOnReady();\nconsole.log(\"json-editor is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -7181,7 +7181,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const layerList = document.createElement(\"layer-list\");\ndocument.body.append(layerList);\nlayerList.componentOnReady().then(() => {\n  console.log(\"layer-list is ready to go!\");\n});"
+              "text": "```js\nconst layerList = document.querySelector(\"layer-list\");\ndocument.body.append(layerList);\nawait layerList.componentOnReady();\nconsole.log(\"layer-list is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -7839,7 +7839,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const layerTable = document.createElement(\"layer-table\");\ndocument.body.append(layerTable);\nlayerTable.componentOnReady().then(() => {\n  console.log(\"layer-table is ready to go!\");\n});"
+              "text": "```js\nconst layerTable = document.querySelector(\"layer-table\");\ndocument.body.append(layerTable);\nawait layerTable.componentOnReady();\nconsole.log(\"layer-table is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -9077,7 +9077,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapCard = document.createElement(\"map-card\");\ndocument.body.append(mapCard);\nmapCard.componentOnReady().then(() => {\n  console.log(\"map-card is ready to go!\");\n});"
+              "text": "```js\nconst mapCard = document.querySelector(\"map-card\");\ndocument.body.append(mapCard);\nawait mapCard.componentOnReady();\nconsole.log(\"map-card is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -9554,7 +9554,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapDrawTools = document.createElement(\"map-draw-tools\");\ndocument.body.append(mapDrawTools);\nmapDrawTools.componentOnReady().then(() => {\n  console.log(\"map-draw-tools is ready to go!\");\n});"
+              "text": "```js\nconst mapDrawTools = document.querySelector(\"map-draw-tools\");\ndocument.body.append(mapDrawTools);\nawait mapDrawTools.componentOnReady();\nconsole.log(\"map-draw-tools is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -9748,7 +9748,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapFullscreen = document.createElement(\"map-fullscreen\");\ndocument.body.append(mapFullscreen);\nmapFullscreen.componentOnReady().then(() => {\n  console.log(\"map-fullscreen is ready to go!\");\n});"
+              "text": "```js\nconst mapFullscreen = document.querySelector(\"map-fullscreen\");\ndocument.body.append(mapFullscreen);\nawait mapFullscreen.componentOnReady();\nconsole.log(\"map-fullscreen is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -10223,7 +10223,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapLayerPicker = document.createElement(\"map-layer-picker\");\ndocument.body.append(mapLayerPicker);\nmapLayerPicker.componentOnReady().then(() => {\n  console.log(\"map-layer-picker is ready to go!\");\n});"
+              "text": "```js\nconst mapLayerPicker = document.querySelector(\"map-layer-picker\");\ndocument.body.append(mapLayerPicker);\nawait mapLayerPicker.componentOnReady();\nconsole.log(\"map-layer-picker is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -10519,7 +10519,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapLegend = document.createElement(\"map-legend\");\ndocument.body.append(mapLegend);\nmapLegend.componentOnReady().then(() => {\n  console.log(\"map-legend is ready to go!\");\n});"
+              "text": "```js\nconst mapLegend = document.querySelector(\"map-legend\");\ndocument.body.append(mapLegend);\nawait mapLegend.componentOnReady();\nconsole.log(\"map-legend is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -10737,7 +10737,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapPicker = document.createElement(\"map-picker\");\ndocument.body.append(mapPicker);\nmapPicker.componentOnReady().then(() => {\n  console.log(\"map-picker is ready to go!\");\n});"
+              "text": "```js\nconst mapPicker = document.querySelector(\"map-picker\");\ndocument.body.append(mapPicker);\nawait mapPicker.componentOnReady();\nconsole.log(\"map-picker is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -11049,7 +11049,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapSearch = document.createElement(\"map-search\");\ndocument.body.append(mapSearch);\nmapSearch.componentOnReady().then(() => {\n  console.log(\"map-search is ready to go!\");\n});"
+              "text": "```js\nconst mapSearch = document.querySelector(\"map-search\");\ndocument.body.append(mapSearch);\nawait mapSearch.componentOnReady();\nconsole.log(\"map-search is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -11705,7 +11705,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapSelectTools = document.createElement(\"map-select-tools\");\ndocument.body.append(mapSelectTools);\nmapSelectTools.componentOnReady().then(() => {\n  console.log(\"map-select-tools is ready to go!\");\n});"
+              "text": "```js\nconst mapSelectTools = document.querySelector(\"map-select-tools\");\ndocument.body.append(mapSelectTools);\nawait mapSelectTools.componentOnReady();\nconsole.log(\"map-select-tools is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -12487,7 +12487,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const mapTools = document.createElement(\"map-tools\");\ndocument.body.append(mapTools);\nmapTools.componentOnReady().then(() => {\n  console.log(\"map-tools is ready to go!\");\n});"
+              "text": "```js\nconst mapTools = document.querySelector(\"map-tools\");\ndocument.body.append(mapTools);\nawait mapTools.componentOnReady();\nconsole.log(\"map-tools is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -12545,7 +12545,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const pciCalculator = document.createElement(\"pci-calculator\");\ndocument.body.append(pciCalculator);\npciCalculator.componentOnReady().then(() => {\n  console.log(\"pci-calculator is ready to go!\");\n});"
+              "text": "```js\nconst pciCalculator = document.querySelector(\"pci-calculator\");\ndocument.body.append(pciCalculator);\nawait pciCalculator.componentOnReady();\nconsole.log(\"pci-calculator is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -12647,7 +12647,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const pdfDownload = document.createElement(\"pdf-download\");\ndocument.body.append(pdfDownload);\npdfDownload.componentOnReady().then(() => {\n  console.log(\"pdf-download is ready to go!\");\n});"
+              "text": "```js\nconst pdfDownload = document.querySelector(\"pdf-download\");\ndocument.body.append(pdfDownload);\nawait pdfDownload.componentOnReady();\nconsole.log(\"pdf-download is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -13473,7 +13473,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const publicNotification = document.createElement(\"public-notification\");\ndocument.body.append(publicNotification);\npublicNotification.componentOnReady().then(() => {\n  console.log(\"public-notification is ready to go!\");\n});"
+              "text": "```js\nconst publicNotification = document.querySelector(\"public-notification\");\ndocument.body.append(publicNotification);\nawait publicNotification.componentOnReady();\nconsole.log(\"public-notification is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -13712,7 +13712,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const refineSelection = document.createElement(\"refine-selection\");\ndocument.body.append(refineSelection);\nrefineSelection.componentOnReady().then(() => {\n  console.log(\"refine-selection is ready to go!\");\n});"
+              "text": "```js\nconst refineSelection = document.querySelector(\"refine-selection\");\ndocument.body.append(refineSelection);\nawait refineSelection.componentOnReady();\nconsole.log(\"refine-selection is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -13886,7 +13886,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const selectionTool = document.createElement(\"selection-tool\");\ndocument.body.append(selectionTool);\nselectionTool.componentOnReady().then(() => {\n  console.log(\"selection-tool is ready to go!\");\n});"
+              "text": "```js\nconst selectionTool = document.querySelector(\"selection-tool\");\ndocument.body.append(selectionTool);\nawait selectionTool.componentOnReady();\nconsole.log(\"selection-tool is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -14002,7 +14002,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionArticleCard = document.createElement(\"solution-article-card\");\ndocument.body.append(solutionArticleCard);\nsolutionArticleCard.componentOnReady().then(() => {\n  console.log(\"solution-article-card is ready to go!\");\n});"
+              "text": "```js\nconst solutionArticleCard = document.querySelector(\"solution-article-card\");\ndocument.body.append(solutionArticleCard);\nawait solutionArticleCard.componentOnReady();\nconsole.log(\"solution-article-card is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -14149,7 +14149,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionConfiguration = document.createElement(\"solution-configuration\");\ndocument.body.append(solutionConfiguration);\nsolutionConfiguration.componentOnReady().then(() => {\n  console.log(\"solution-configuration is ready to go!\");\n});"
+              "text": "```js\nconst solutionConfiguration = document.querySelector(\"solution-configuration\");\ndocument.body.append(solutionConfiguration);\nawait solutionConfiguration.componentOnReady();\nconsole.log(\"solution-configuration is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -14331,7 +14331,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionConfigureDialog = document.createElement(\"solution-configure-dialog\");\ndocument.body.append(solutionConfigureDialog);\nsolutionConfigureDialog.componentOnReady().then(() => {\n  console.log(\"solution-configure-dialog is ready to go!\");\n});"
+              "text": "```js\nconst solutionConfigureDialog = document.querySelector(\"solution-configure-dialog\");\ndocument.body.append(solutionConfigureDialog);\nawait solutionConfigureDialog.componentOnReady();\nconsole.log(\"solution-configure-dialog is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -14439,7 +14439,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionConfigureTitles = document.createElement(\"solution-configure-titles\");\ndocument.body.append(solutionConfigureTitles);\nsolutionConfigureTitles.componentOnReady().then(() => {\n  console.log(\"solution-configure-titles is ready to go!\");\n});"
+              "text": "```js\nconst solutionConfigureTitles = document.querySelector(\"solution-configure-titles\");\ndocument.body.append(solutionConfigureTitles);\nawait solutionConfigureTitles.componentOnReady();\nconsole.log(\"solution-configure-titles is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -14547,7 +14547,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionContents = document.createElement(\"solution-contents\");\ndocument.body.append(solutionContents);\nsolutionContents.componentOnReady().then(() => {\n  console.log(\"solution-contents is ready to go!\");\n});"
+              "text": "```js\nconst solutionContents = document.querySelector(\"solution-contents\");\ndocument.body.append(solutionContents);\nawait solutionContents.componentOnReady();\nconsole.log(\"solution-contents is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -14755,7 +14755,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionDeleteDialog = document.createElement(\"solution-delete-dialog\");\ndocument.body.append(solutionDeleteDialog);\nsolutionDeleteDialog.componentOnReady().then(() => {\n  console.log(\"solution-delete-dialog is ready to go!\");\n});"
+              "text": "```js\nconst solutionDeleteDialog = document.querySelector(\"solution-delete-dialog\");\ndocument.body.append(solutionDeleteDialog);\nawait solutionDeleteDialog.componentOnReady();\nconsole.log(\"solution-delete-dialog is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -14807,7 +14807,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Emitted after delete process to refresh solutions list",
           "docsTags": []
         }
       ],
@@ -15017,7 +15017,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionDeployDialog = document.createElement(\"solution-deploy-dialog\");\ndocument.body.append(solutionDeployDialog);\nsolutionDeployDialog.componentOnReady().then(() => {\n  console.log(\"solution-deploy-dialog is ready to go!\");\n});"
+              "text": "```js\nconst solutionDeployDialog = document.querySelector(\"solution-deploy-dialog\");\ndocument.body.append(solutionDeployDialog);\nawait solutionDeployDialog.componentOnReady();\nconsole.log(\"solution-deploy-dialog is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -15397,7 +15397,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionDeployedCard = document.createElement(\"solution-deployed-card\");\ndocument.body.append(solutionDeployedCard);\nsolutionDeployedCard.componentOnReady().then(() => {\n  console.log(\"solution-deployed-card is ready to go!\");\n});"
+              "text": "```js\nconst solutionDeployedCard = document.querySelector(\"solution-deployed-card\");\ndocument.body.append(solutionDeployedCard);\nawait solutionDeployedCard.componentOnReady();\nconsole.log(\"solution-deployed-card is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -15495,7 +15495,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionDeployingPanel = document.createElement(\"solution-deploying-panel\");\ndocument.body.append(solutionDeployingPanel);\nsolutionDeployingPanel.componentOnReady().then(() => {\n  console.log(\"solution-deploying-panel is ready to go!\");\n});"
+              "text": "```js\nconst solutionDeployingPanel = document.querySelector(\"solution-deploying-panel\");\ndocument.body.append(solutionDeployingPanel);\nawait solutionDeployingPanel.componentOnReady();\nconsole.log(\"solution-deploying-panel is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -15593,7 +15593,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionDetailsCard = document.createElement(\"solution-details-card\");\ndocument.body.append(solutionDetailsCard);\nsolutionDetailsCard.componentOnReady().then(() => {\n  console.log(\"solution-details-card is ready to go!\");\n});"
+              "text": "```js\nconst solutionDetailsCard = document.querySelector(\"solution-details-card\");\ndocument.body.append(solutionDetailsCard);\nawait solutionDetailsCard.componentOnReady();\nconsole.log(\"solution-details-card is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -15717,7 +15717,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionDetailsPanel = document.createElement(\"solution-details-panel\");\ndocument.body.append(solutionDetailsPanel);\nsolutionDetailsPanel.componentOnReady().then(() => {\n  console.log(\"solution-details-panel is ready to go!\");\n});"
+              "text": "```js\nconst solutionDetailsPanel = document.querySelector(\"solution-details-panel\");\ndocument.body.append(solutionDetailsPanel);\nawait solutionDetailsPanel.componentOnReady();\nconsole.log(\"solution-details-panel is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -15910,7 +15910,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionItem = document.createElement(\"solution-item\");\ndocument.body.append(solutionItem);\nsolutionItem.componentOnReady().then(() => {\n  console.log(\"solution-item is ready to go!\");\n});"
+              "text": "```js\nconst solutionItem = document.querySelector(\"solution-item\");\ndocument.body.append(solutionItem);\nawait solutionItem.componentOnReady();\nconsole.log(\"solution-item is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -16103,7 +16103,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionItemAccordion = document.createElement(\"solution-item-accordion\");\ndocument.body.append(solutionItemAccordion);\nsolutionItemAccordion.componentOnReady().then(() => {\n  console.log(\"solution-item-accordion is ready to go!\");\n});"
+              "text": "```js\nconst solutionItemAccordion = document.querySelector(\"solution-item-accordion\");\ndocument.body.append(solutionItemAccordion);\nawait solutionItemAccordion.componentOnReady();\nconsole.log(\"solution-item-accordion is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -16308,7 +16308,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionItemDetails = document.createElement(\"solution-item-details\");\ndocument.body.append(solutionItemDetails);\nsolutionItemDetails.componentOnReady().then(() => {\n  console.log(\"solution-item-details is ready to go!\");\n});"
+              "text": "```js\nconst solutionItemDetails = document.querySelector(\"solution-item-details\");\ndocument.body.append(solutionItemDetails);\nawait solutionItemDetails.componentOnReady();\nconsole.log(\"solution-item-details is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -16394,7 +16394,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionItemDiagram = document.createElement(\"solution-item-diagram\");\ndocument.body.append(solutionItemDiagram);\nsolutionItemDiagram.componentOnReady().then(() => {\n  console.log(\"solution-item-diagram is ready to go!\");\n});"
+              "text": "```js\nconst solutionItemDiagram = document.querySelector(\"solution-item-diagram\");\ndocument.body.append(solutionItemDiagram);\nawait solutionItemDiagram.componentOnReady();\nconsole.log(\"solution-item-diagram is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -16519,7 +16519,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionItemIcon = document.createElement(\"solution-item-icon\");\ndocument.body.append(solutionItemIcon);\nsolutionItemIcon.componentOnReady().then(() => {\n  console.log(\"solution-item-icon is ready to go!\");\n});"
+              "text": "```js\nconst solutionItemIcon = document.querySelector(\"solution-item-icon\");\ndocument.body.append(solutionItemIcon);\nawait solutionItemIcon.componentOnReady();\nconsole.log(\"solution-item-icon is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -16600,7 +16600,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionItemSharing = document.createElement(\"solution-item-sharing\");\ndocument.body.append(solutionItemSharing);\nsolutionItemSharing.componentOnReady().then(() => {\n  console.log(\"solution-item-sharing is ready to go!\");\n});"
+              "text": "```js\nconst solutionItemSharing = document.querySelector(\"solution-item-sharing\");\ndocument.body.append(solutionItemSharing);\nawait solutionItemSharing.componentOnReady();\nconsole.log(\"solution-item-sharing is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -16704,7 +16704,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionOrganizationVariables = document.createElement(\"solution-organization-variables\");\ndocument.body.append(solutionOrganizationVariables);\nsolutionOrganizationVariables.componentOnReady().then(() => {\n  console.log(\"solution-organization-variables is ready to go!\");\n});"
+              "text": "```js\nconst solutionOrganizationVariables = document.querySelector(\"solution-organization-variables\");\ndocument.body.append(solutionOrganizationVariables);\nawait solutionOrganizationVariables.componentOnReady();\nconsole.log(\"solution-organization-variables is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -16822,7 +16822,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionResourceItem = document.createElement(\"solution-resource-item\");\ndocument.body.append(solutionResourceItem);\nsolutionResourceItem.componentOnReady().then(() => {\n  console.log(\"solution-resource-item is ready to go!\");\n});"
+              "text": "```js\nconst solutionResourceItem = document.querySelector(\"solution-resource-item\");\ndocument.body.append(solutionResourceItem);\nawait solutionResourceItem.componentOnReady();\nconsole.log(\"solution-resource-item is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -16850,11 +16850,154 @@
           "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
         }
       ],
-      "encapsulation": "none",
+      "encapsulation": "shadow",
       "dependents": [],
       "dependencies": [],
       "dependencyGraph": {},
-      "props": [],
+      "props": [
+        {
+          "name": "auth",
+          "type": "Auth",
+          "complexType": {
+            "original": "Auth",
+            "resolved": "Auth",
+            "references": {
+              "Auth": {
+                "location": "local",
+                "path": "dist/utils/Auth.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "The authentication\r\nTODO this should not be necessary as we should get this from the authContextConsumer but it's not working in this case for some reason",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "authContextConsumer",
+          "type": "ContextConsumer<{\n    __context__: Auth;\n}, HTMLElement & ReactiveControllerHost>",
+          "complexType": {
+            "original": "ContextConsumer<{\n    __context__: Auth;\n}, HTMLElement & ReactiveControllerHost>",
+            "resolved": "ContextConsumer<{\n    __context__: Auth;\n}, HTMLElement & ReactiveControllerHost>",
+            "references": {
+              "ContextConsumer": {
+                "location": "import",
+                "path": "@lit/context/development/lib/controllers/context-consumer.d.ts",
+                "id": "notImplemented"
+              },
+              "HTMLElement": {
+                "location": "import",
+                "path": "typescript/lib/lib.dom.d.ts",
+                "id": "notImplemented"
+              },
+              "ReactiveControllerHost": {
+                "location": "import",
+                "path": "@lit/reactive-element/development/reactive-controller.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "The authentication from global nav",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "card",
+          "type": "ISolutionInfoCard",
+          "complexType": {
+            "original": "ISolutionInfoCard",
+            "resolved": "ISolutionInfoCard",
+            "references": {
+              "ISolutionInfoCard": {
+                "location": "local",
+                "path": "dist/utils/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Key details about the solution",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "itemProperties",
+          "type": "IItemProperties",
+          "complexType": {
+            "original": "IItemProperties",
+            "resolved": "IItemProperties",
+            "references": {
+              "IItemProperties": {
+                "location": "local",
+                "path": "dist/utils/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Key item properties",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": false,
+          "docs": "boolean: when true the dialog is open",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "screenshot",
+          "type": "IItemPreview",
+          "complexType": {
+            "original": "IItemPreview",
+            "resolved": "IItemPreview",
+            "references": {
+              "IItemPreview": {
+                "location": "local",
+                "path": "dist/utils/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "The current screenshot to display the large image for",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        }
+      ],
       "methods": [
         {
           "name": "componentOnReady",
@@ -16880,7 +17023,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionSnapshotGallery = document.createElement(\"solution-snapshot-gallery\");\ndocument.body.append(solutionSnapshotGallery);\nsolutionSnapshotGallery.componentOnReady().then(() => {\n  console.log(\"solution-snapshot-gallery is ready to go!\");\n});"
+              "text": "```js\nconst solutionSnapshotGallery = document.querySelector(\"solution-snapshot-gallery\");\ndocument.body.append(solutionSnapshotGallery);\nawait solutionSnapshotGallery.componentOnReady();\nconsole.log(\"solution-snapshot-gallery is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -17095,7 +17238,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionSpatialRef = document.createElement(\"solution-spatial-ref\");\ndocument.body.append(solutionSpatialRef);\nsolutionSpatialRef.componentOnReady().then(() => {\n  console.log(\"solution-spatial-ref is ready to go!\");\n});"
+              "text": "```js\nconst solutionSpatialRef = document.querySelector(\"solution-spatial-ref\");\ndocument.body.append(solutionSpatialRef);\nawait solutionSpatialRef.componentOnReady();\nconsole.log(\"solution-spatial-ref is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -17313,7 +17456,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionTemplateData = document.createElement(\"solution-template-data\");\ndocument.body.append(solutionTemplateData);\nsolutionTemplateData.componentOnReady().then(() => {\n  console.log(\"solution-template-data is ready to go!\");\n});"
+              "text": "```js\nconst solutionTemplateData = document.querySelector(\"solution-template-data\");\ndocument.body.append(solutionTemplateData);\nawait solutionTemplateData.componentOnReady();\nconsole.log(\"solution-template-data is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -17394,7 +17537,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionVariables = document.createElement(\"solution-variables\");\ndocument.body.append(solutionVariables);\nsolutionVariables.componentOnReady().then(() => {\n  console.log(\"solution-variables is ready to go!\");\n});"
+              "text": "```js\nconst solutionVariables = document.querySelector(\"solution-variables\");\ndocument.body.append(solutionVariables);\nawait solutionVariables.componentOnReady();\nconsole.log(\"solution-variables is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -17699,7 +17842,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionsAllPanel = document.createElement(\"solutions-all-panel\");\ndocument.body.append(solutionsAllPanel);\nsolutionsAllPanel.componentOnReady().then(() => {\n  console.log(\"solutions-all-panel is ready to go!\");\n});"
+              "text": "```js\nconst solutionsAllPanel = document.querySelector(\"solutions-all-panel\");\ndocument.body.append(solutionsAllPanel);\nawait solutionsAllPanel.componentOnReady();\nconsole.log(\"solutions-all-panel is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -17922,7 +18065,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionsAllShell = document.createElement(\"solutions-all-shell\");\ndocument.body.append(solutionsAllShell);\nsolutionsAllShell.componentOnReady().then(() => {\n  console.log(\"solutions-all-shell is ready to go!\");\n});"
+              "text": "```js\nconst solutionsAllShell = document.querySelector(\"solutions-all-shell\");\ndocument.body.append(solutionsAllShell);\nawait solutionsAllShell.componentOnReady();\nconsole.log(\"solutions-all-shell is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -18015,7 +18158,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionsArticlePanel = document.createElement(\"solutions-article-panel\");\ndocument.body.append(solutionsArticlePanel);\nsolutionsArticlePanel.componentOnReady().then(() => {\n  console.log(\"solutions-article-panel is ready to go!\");\n});"
+              "text": "```js\nconst solutionsArticlePanel = document.querySelector(\"solutions-article-panel\");\ndocument.body.append(solutionsArticlePanel);\nawait solutionsArticlePanel.componentOnReady();\nconsole.log(\"solutions-article-panel is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -18073,7 +18216,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionsArticles = document.createElement(\"solutions-articles\");\ndocument.body.append(solutionsArticles);\nsolutionsArticles.componentOnReady().then(() => {\n  console.log(\"solutions-articles is ready to go!\");\n});"
+              "text": "```js\nconst solutionsArticles = document.querySelector(\"solutions-articles\");\ndocument.body.append(solutionsArticles);\nawait solutionsArticles.componentOnReady();\nconsole.log(\"solutions-articles is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -18131,7 +18274,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionsArticlesShell = document.createElement(\"solutions-articles-shell\");\ndocument.body.append(solutionsArticlesShell);\nsolutionsArticlesShell.componentOnReady().then(() => {\n  console.log(\"solutions-articles-shell is ready to go!\");\n});"
+              "text": "```js\nconst solutionsArticlesShell = document.querySelector(\"solutions-articles-shell\");\ndocument.body.append(solutionsArticlesShell);\nawait solutionsArticlesShell.componentOnReady();\nconsole.log(\"solutions-articles-shell is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -18421,7 +18564,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionsDeployedPanel = document.createElement(\"solutions-deployed-panel\");\ndocument.body.append(solutionsDeployedPanel);\nsolutionsDeployedPanel.componentOnReady().then(() => {\n  console.log(\"solutions-deployed-panel is ready to go!\");\n});"
+              "text": "```js\nconst solutionsDeployedPanel = document.querySelector(\"solutions-deployed-panel\");\ndocument.body.append(solutionsDeployedPanel);\nawait solutionsDeployedPanel.componentOnReady();\nconsole.log(\"solutions-deployed-panel is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -18636,7 +18779,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionsDeployedShell = document.createElement(\"solutions-deployed-shell\");\ndocument.body.append(solutionsDeployedShell);\nsolutionsDeployedShell.componentOnReady().then(() => {\n  console.log(\"solutions-deployed-shell is ready to go!\");\n});"
+              "text": "```js\nconst solutionsDeployedShell = document.querySelector(\"solutions-deployed-shell\");\ndocument.body.append(solutionsDeployedShell);\nawait solutionsDeployedShell.componentOnReady();\nconsole.log(\"solutions-deployed-shell is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -18963,7 +19106,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const solutionsFilterPanel = document.createElement(\"solutions-filter-panel\");\ndocument.body.append(solutionsFilterPanel);\nsolutionsFilterPanel.componentOnReady().then(() => {\n  console.log(\"solutions-filter-panel is ready to go!\");\n});"
+              "text": "```js\nconst solutionsFilterPanel = document.querySelector(\"solutions-filter-panel\");\ndocument.body.append(solutionsFilterPanel);\nawait solutionsFilterPanel.componentOnReady();\nconsole.log(\"solutions-filter-panel is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -19113,7 +19256,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const spatialRef = document.createElement(\"spatial-ref\");\ndocument.body.append(spatialRef);\nspatialRef.componentOnReady().then(() => {\n  console.log(\"spatial-ref is ready to go!\");\n});"
+              "text": "```js\nconst spatialRef = document.querySelector(\"spatial-ref\");\ndocument.body.append(spatialRef);\nawait spatialRef.componentOnReady();\nconsole.log(\"spatial-ref is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -19380,7 +19523,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const storeManager = document.createElement(\"store-manager\");\ndocument.body.append(storeManager);\nstoreManager.componentOnReady().then(() => {\n  console.log(\"store-manager is ready to go!\");\n});"
+              "text": "```js\nconst storeManager = document.querySelector(\"store-manager\");\ndocument.body.append(storeManager);\nawait storeManager.componentOnReady();\nconsole.log(\"store-manager is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",