@esri/solutions-components 1.0.0 → 1.0.1

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-23T18:11:31",
+  "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"
   },
   "schemaVersion": "1.0.0",
@@ -64,7 +64,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```"
                 }
               ]
             },
@@ -207,7 +207,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```"
                 }
               ]
             },
@@ -306,7 +306,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```"
                 }
               ]
             },
@@ -756,7 +756,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```"
                 }
               ]
             },
@@ -1187,7 +1187,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```"
                 }
               ]
             },
@@ -1436,7 +1436,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```"
                 }
               ]
             },
@@ -2152,7 +2152,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```"
                 }
               ]
             },
@@ -2475,7 +2475,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```"
                 }
               ]
             },
@@ -3742,7 +3742,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```"
                 }
               ]
             },
@@ -4961,7 +4961,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```"
                 }
               ]
             }
@@ -5056,7 +5056,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```"
                 }
               ]
             },
@@ -5317,7 +5317,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```"
                 }
               ]
             },
@@ -5490,7 +5490,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```"
                 }
               ]
             },
@@ -5805,7 +5805,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```"
                 }
               ]
             },
@@ -6201,7 +6201,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```"
                 }
               ]
             },
@@ -6787,7 +6787,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```"
                 }
               ]
             },
@@ -6902,7 +6902,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```"
                 }
               ]
             },
@@ -7105,7 +7105,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```"
                 }
               ]
             },
@@ -7616,7 +7616,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```"
                 }
               ]
             },
@@ -7934,7 +7934,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```"
                 }
               ]
             },
@@ -8230,7 +8230,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```"
                 }
               ]
             },
@@ -9152,7 +9152,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```"
                 }
               ]
             },
@@ -10535,7 +10535,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```"
                 }
               ]
             },
@@ -10883,7 +10883,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```"
                 }
               ]
             },
@@ -11015,7 +11015,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```"
                 }
               ]
             },
@@ -11742,7 +11742,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```"
                 }
               ]
             },
@@ -11860,7 +11860,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```"
                 }
               ]
             },
@@ -12200,7 +12200,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```"
                 }
               ]
             },
@@ -12458,7 +12458,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```"
                 }
               ]
             },
@@ -13186,7 +13186,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```"
                 }
               ]
             },
@@ -14075,7 +14075,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```"
                 }
               ]
             }
@@ -14136,7 +14136,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```"
                 }
               ]
             },
@@ -14514,7 +14514,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```"
                 }
               ]
             },
@@ -15223,7 +15223,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```"
                 }
               ]
             },
@@ -15433,7 +15433,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```"
                 }
               ]
             },
@@ -15645,7 +15645,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```"
                 }
               ]
             }
@@ -15724,7 +15724,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```"
                 }
               ]
             },
@@ -15940,7 +15940,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```"
                 }
               ]
             },
@@ -16055,7 +16055,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```"
                 }
               ]
             },
@@ -16172,7 +16172,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```"
                 }
               ]
             },
@@ -16373,7 +16373,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```"
                 }
               ]
             },
@@ -16467,6 +16467,7 @@
             },
             {
               "name": "solutionDeleted",
+              "description": "Emitted after delete process to refresh solutions list",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -16594,7 +16595,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```"
                 }
               ]
             },
@@ -16840,7 +16841,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```"
                 }
               ]
             },
@@ -17150,7 +17151,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```"
                 }
               ]
             },
@@ -17253,7 +17254,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```"
                 }
               ]
             }
@@ -17347,7 +17348,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```"
                 }
               ]
             },
@@ -17497,7 +17498,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```"
                 }
               ]
             },
@@ -17671,7 +17672,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```"
                 }
               ]
             },
@@ -17974,7 +17975,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```"
                 }
               ]
             },
@@ -18068,7 +18069,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```"
                 }
               ]
             },
@@ -18154,7 +18155,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```"
                 }
               ]
             },
@@ -18292,7 +18293,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```"
                 }
               ]
             },
@@ -18405,7 +18406,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```"
                 }
               ]
             },
@@ -18523,7 +18524,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```"
                 }
               ]
             },
@@ -18586,10 +18587,73 @@
             "name": "LitElement",
             "package": "@arcgis/lumina"
           },
-          "encapsulation": "none",
           "pascalCaseName": "SolutionSnapshotGallery",
           "importPath": "components/solution-snapshot-gallery",
           "members": [
+            {
+              "kind": "field",
+              "name": "auth",
+              "description": "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",
+              "type": {
+                "text": "Auth",
+                "references": [
+                  {
+                    "name": "Auth",
+                    "module": "dist/utils/Auth.d.ts",
+                    "start": 0,
+                    "end": 4
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "authContextConsumer",
+              "description": "The authentication from global nav",
+              "type": {
+                "text": "ContextConsumer<{\n    __context__: Auth;\n}, HTMLElement & ReactiveControllerHost>",
+                "references": [
+                  {
+                    "name": "ContextConsumer",
+                    "package": "@lit/context",
+                    "module": "development/lib/controllers/context-consumer.d.ts",
+                    "start": 0,
+                    "end": 15
+                  },
+                  {
+                    "name": "HTMLElement",
+                    "package": "typescript",
+                    "module": "lib/lib.dom.d.ts",
+                    "viewUrl": "https://developer.mozilla.org/docs/Web/API/HTMLElement",
+                    "start": 44,
+                    "end": 55
+                  },
+                  {
+                    "name": "ReactiveControllerHost",
+                    "package": "@lit/reactive-element",
+                    "module": "development/reactive-controller.d.ts",
+                    "start": 58,
+                    "end": 80
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "card",
+              "description": "Key details about the solution",
+              "type": {
+                "text": "ISolutionInfoCard",
+                "references": [
+                  {
+                    "name": "ISolutionInfoCard",
+                    "module": "dist/utils/interfaces.d.ts",
+                    "start": 0,
+                    "end": 17
+                  }
+                ]
+              }
+            },
             {
               "kind": "method",
               "name": "componentOnReady",
@@ -18617,9 +18681,72 @@
               "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```"
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "itemProperties",
+              "description": "Key item properties",
+              "type": {
+                "text": "IItemProperties",
+                "references": [
+                  {
+                    "name": "IItemProperties",
+                    "module": "dist/utils/interfaces.d.ts",
+                    "start": 0,
+                    "end": 15
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "description": "boolean: when true the dialog is open",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "open"
+            },
+            {
+              "kind": "field",
+              "name": "screenshot",
+              "description": "The current screenshot to display the large image for",
+              "type": {
+                "text": "IItemPreview",
+                "references": [
+                  {
+                    "name": "IItemPreview",
+                    "module": "dist/utils/interfaces.d.ts",
+                    "start": 0,
+                    "end": 12
+                  }
+                ]
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "description": "boolean: when true the dialog is open",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "open"
             }
           ]
         }
@@ -18770,7 +18897,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```"
                 }
               ]
             },
@@ -18946,7 +19073,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```"
                 }
               ]
             },
@@ -19157,7 +19284,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```"
                 }
               ]
             },
@@ -19306,7 +19433,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```"
                 }
               ]
             },
@@ -19717,7 +19844,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```"
                 }
               ]
             },
@@ -19918,7 +20045,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```"
                 }
               ]
             }
@@ -19980,7 +20107,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```"
                 }
               ]
             }
@@ -20042,7 +20169,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```"
                 }
               ]
             }
@@ -20151,7 +20278,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```"
                 }
               ]
             },
@@ -20551,7 +20678,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```"
                 }
               ]
             },
@@ -20940,7 +21067,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```"
                 }
               ]
             },
@@ -21096,7 +21223,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```"
                 }
               ]
             },
@@ -21402,7 +21529,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```"
                 }
               ]
             },