@arcgis/map-components 4.34.0-next.3 → 4.34.0-next.31

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-05-25T04:37:51",
+  "timestamp": "2025-06-20T04:44:58",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.3",
+    "version": "4.34.0-next.31",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -176,8 +176,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -410,7 +415,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisAreaMeasurement2d = document.createElement(\"arcgis-area-measurement-2d\");\ndocument.body.append(arcgisAreaMeasurement2d);\narcgisAreaMeasurement2d.componentOnReady().then(() => {\n  console.log(\"arcgis-area-measurement-2d is ready to go!\");\n});"
+              "text": "```js\nconst arcgisAreaMeasurement2d = document.querySelector(\"arcgis-area-measurement-2d\");\ndocument.body.append(arcgisAreaMeasurement2d);\nawait arcgisAreaMeasurement2d.componentOnReady();\nconsole.log(\"arcgis-area-measurement-2d is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -506,7 +511,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Area Measurement 3D component calculates and displays the area and perimeter of a polygon.\nThis component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html)\nto measure the area and perimeter of a polygon.",
+      "docs": "The Area Measurement 3D component can be added to a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent to calculate and display area and perimeter of polygons.\n\n[![measurement-area-3d](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/3D_AreaMeasurement_widget.png)](https://developers.arcgis.com/javascript/latest/sample-code/measurement-3d/)\n\nHow the area and perimeter are computed depends on the scene's spatial reference and the length of the measured perimeter.\n\nIn **geographic coordinate systems** (GCS) and in **Web Mercator**:\n- If the measurement's perimeter is below 100 km, they are computed in a Euclidean manner,\n  in an [ECEF](https://en.wikipedia.org/wiki/ECEF) coordinate system (or equivalent on other planets).\n- If the perimeter is above 100 km, they are computed geodetically, and the visualization takes\n  the curvature of the planet into consideration.\n\nIn **projected coordinate systems** (PCS), apart from Web Mercator, the area and perimeter\nare always calculated in a Euclidean manner (in their respective PCS).\n\nThe area may be visualized and calculated in two ways:\n1. If all the vertices are mostly coplanar (lying on the same plane),\n   the measurement polygon is formed on that plane, and area and perimeter are calculated from its geometry.\n2. If the vertices don't form a planar surface, the measurement polygon\n   is projected to a horizontal plane, and area and perimeter are calculated from its geometry.\n\n![area-measurement-3d-types](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/area-measurement-3d-types.png)\n\nWhen the component is active, a horizontal \"laser\" line is drawn which indicates the height at the current mouse position.\nThis line can help in analyzing the heights of objects relative to each other and the terrain.\n\n**Things to consider**\n\n* Area Measurement 3D is designed to work in the Scene component. For measurements in the [Map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/)\ncomponent, use [Area Measurement 2D](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-area-measurement-2d/).\n* Snapping is enabled by default. Holding the `CTRL` key disables it.\n* Layer types currently supported for snapping are:\n[FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html),\n[GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html) (except Mesh geometries),\n[GeoJSONLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GeoJSONLayer.html),\n[WFSLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-WFSLayer.html),\n[CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html),\n[3D Object SceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html),\nand [BuildingSceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html).\n\n**See also**\n\n- [AreaMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-AreaMeasurementAnalysis.html)\n- [Sample - Measurement in 3D](https://developers.arcgis.com/javascript/latest/sample-code/measurement-3d/)\n- [Sample - Analysis objects](https://developers.arcgis.com/javascript/latest/sample-code/analysis-objects/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -534,13 +539,8 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [
-            {
-              "name": "readonly",
-              "text": ""
-            }
-          ],
+          "docs": "The [AreaMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-AreaMeasurementAnalysis.html)\ncreated or modified by the component.\n\nWhen connecting the Area Measurement 3D component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent, it automatically creates an empty analysis and adds it to the Scene's\n[analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#analyses) collection.\nWhenever the component is destroyed, the analysis is automatically removed from the collection.\n\nAlternatively, a programmatically created analysis can be provided to the component.\nThen, the application itself needs to add it to and later remove it from the Scene's analyses collection.\n\n```js\n// Create the analysis.\nconst areaMeasurementAnalysis = new AreaMeasurementAnalysis({\n   geometry: new Polygon({\n     spatialReference: { latestWkid: 3857, wkid: 102100 },\n     rings: [\n       [\n         [-13624861.22274897, 4550346.5519295, 63.378210234455764],\n         [-13624935.305160372, 4550273.144585712, 63.37829629518092],\n         [-13624995.61798748, 4550334.030096778, 63.37819860037416],\n         [-13624921.53589075, 4550407.42357004, 63.3783810287714],\n         [-13624861.22274897, 4550346.5519295, 63.378210234455764]\n       ]\n     ]\n   })\n});\n// Get the Scene and measurement component and wait until they are ready.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\nconst areaMeasurement3d = document.querySelector(\"arcgis-area-measurement-3d\");\nawait areaMeasurement3d.componentOnReady();\n// Add the analysis to the Scene component.\nviewElement.analyses.add(areaMeasurementAnalysis);\n// Connect the analysis to the measurement component:\nareaMeasurement3d.analysis = areaMeasurementAnalysis;\n```",
+          "docsTags": [],
           "values": [],
           "optional": true,
           "required": false
@@ -697,8 +697,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -727,8 +732,13 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state of the component.",
-          "docsTags": [],
+          "docs": "The component's state. The values mean the following:\n\n* `disabled` -  not ready yet\n* `ready` - ready for measuring\n* `measuring` - currently measuring\n* `measured` - measuring has finished",
+          "docsTags": [
+            {
+              "name": "readonly",
+              "text": ""
+            }
+          ],
           "values": [
             {
               "value": "disabled",
@@ -761,7 +771,7 @@
           "mutable": true,
           "attr": "unit",
           "reflectToAttr": false,
-          "docs": "Unit system (imperial, metric) or specific unit used for displaying the distance values.",
+          "docs": "Unit system (imperial, metric) or specific unit used for displaying the area values. Possible values are listed in\n[unitOptions](#unitOptions).",
           "docsTags": [],
           "values": [
             {
@@ -848,7 +858,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "List of unit systems (imperial, metric) and specific units for displaying the distance values.",
+          "docs": "List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.\nBy default, the following units are included: `metric`, `imperial`, `square-inches`, `square-feet`, `square-us-feet`, `square-yards`, `square-miles`, `square-meters`, `square-kilometers`, `acres`, `ares`, `hectares`.\nPossible [unit](#unit) values can only be a subset of this list.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -876,7 +886,7 @@
           },
           "signature": "clear(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Clears the current measurement.",
           "docsTags": []
         },
         {
@@ -903,7 +913,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisAreaMeasurement3d = document.createElement(\"arcgis-area-measurement-3d\");\ndocument.body.append(arcgisAreaMeasurement3d);\narcgisAreaMeasurement3d.componentOnReady().then(() => {\n  console.log(\"arcgis-area-measurement-3d is ready to go!\");\n});"
+              "text": "```js\nconst arcgisAreaMeasurement3d = document.querySelector(\"arcgis-area-measurement-3d\");\ndocument.body.append(arcgisAreaMeasurement3d);\nawait arcgisAreaMeasurement3d.componentOnReady();\nconsole.log(\"arcgis-area-measurement-3d is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -954,7 +964,7 @@
           },
           "signature": "start(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Starts a new measurement.",
           "docsTags": []
         }
       ],
@@ -1417,8 +1427,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -1524,7 +1539,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisAttachments = document.createElement(\"arcgis-attachments\");\ndocument.body.append(arcgisAttachments);\narcgisAttachments.componentOnReady().then(() => {\n  console.log(\"arcgis-attachments is ready to go!\");\n});"
+              "text": "```js\nconst arcgisAttachments = document.querySelector(\"arcgis-attachments\");\ndocument.body.append(arcgisAttachments);\nawait arcgisAttachments.componentOnReady();\nconsole.log(\"arcgis-attachments is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -1785,7 +1800,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -1873,8 +1888,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -1992,7 +2012,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisBasemapGallery = document.createElement(\"arcgis-basemap-gallery\");\ndocument.body.append(arcgisBasemapGallery);\narcgisBasemapGallery.componentOnReady().then(() => {\n  console.log(\"arcgis-basemap-gallery is ready to go!\");\n});"
+              "text": "```js\nconst arcgisBasemapGallery = document.querySelector(\"arcgis-basemap-gallery\");\ndocument.body.append(arcgisBasemapGallery);\nawait arcgisBasemapGallery.componentOnReady();\nconsole.log(\"arcgis-basemap-gallery is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -2656,8 +2676,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -3045,7 +3070,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisBasemapLayerList = document.createElement(\"arcgis-basemap-layer-list\");\ndocument.body.append(arcgisBasemapLayerList);\narcgisBasemapLayerList.componentOnReady().then(() => {\n  console.log(\"arcgis-basemap-layer-list is ready to go!\");\n});"
+              "text": "```js\nconst arcgisBasemapLayerList = document.querySelector(\"arcgis-basemap-layer-list\");\ndocument.body.append(arcgisBasemapLayerList);\nawait arcgisBasemapLayerList.componentOnReady();\nconsole.log(\"arcgis-basemap-layer-list is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -3276,7 +3301,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -3394,8 +3419,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -3501,7 +3531,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisBasemapToggle = document.createElement(\"arcgis-basemap-toggle\");\ndocument.body.append(arcgisBasemapToggle);\narcgisBasemapToggle.componentOnReady().then(() => {\n  console.log(\"arcgis-basemap-toggle is ready to go!\");\n});"
+              "text": "```js\nconst arcgisBasemapToggle = document.querySelector(\"arcgis-basemap-toggle\");\ndocument.body.append(arcgisBasemapToggle);\nawait arcgisBasemapToggle.componentOnReady();\nconsole.log(\"arcgis-basemap-toggle is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -3559,11 +3589,11 @@
       "events": [
         {
           "event": "arcgisPropertyChange",
-          "detail": "{ name: \"state\" | \"nextBasemap\"; }",
+          "detail": "{ name: \"state\" | \"activeBasemap\" | \"nextBasemap\"; }",
           "bubbles": true,
           "complexType": {
-            "original": "{ name: \"state\" | \"nextBasemap\"; }",
-            "resolved": "{ name: \"state\" | \"nextBasemap\"; }",
+            "original": "{ name: \"state\" | \"activeBasemap\" | \"nextBasemap\"; }",
+            "resolved": "{ name: \"state\" | \"activeBasemap\" | \"nextBasemap\"; }",
             "references": {}
           },
           "cancelable": true,
@@ -4032,8 +4062,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -4241,7 +4276,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisBookmarks = document.createElement(\"arcgis-bookmarks\");\ndocument.body.append(arcgisBookmarks);\narcgisBookmarks.componentOnReady().then(() => {\n  console.log(\"arcgis-bookmarks is ready to go!\");\n});"
+              "text": "```js\nconst arcgisBookmarks = document.querySelector(\"arcgis-bookmarks\");\ndocument.body.append(arcgisBookmarks);\nawait arcgisBookmarks.componentOnReady();\nconsole.log(\"arcgis-bookmarks is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -4373,7 +4408,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Building Explorer component is used to filter and explore the various components of [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html). BuildingSceneLayers are complex digital models of buildings and interiors and can contain thousands of components grouped in sublayers. Using this component, buildings can be filtered by level, construction phase or by disciplines and categories.",
+      "docs": "The Building Explorer component is used to filter and explore the various components of [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html). BuildingSceneLayers are complex digital models of buildings and interiors and can contain thousands of components grouped in sublayers. Using this component, buildings can be filtered by level, construction phase or by disciplines and categories.\n\n**Known limitations**\n\nBuilding Explorer is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.",
       "docsTags": [
         {
           "name": "superclass",
@@ -4418,7 +4453,7 @@
           "mutable": true,
           "attr": "heading-level",
           "reflectToAttr": false,
-          "docs": "Indicates the heading level to use for the headings in the widget.",
+          "docs": "Indicates the heading level to use for the component title.",
           "docsTags": [],
           "default": "3",
           "values": [
@@ -4506,13 +4541,8 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
-          "docsTags": [
-            {
-              "name": "see",
-              "text": "[Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)"
-            }
-          ],
+          "docs": "Icon which represents the component. Typically used when the component is controlled by another component (e.g. by the Expand component).\n\nSee also: [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)",
+          "docsTags": [],
           "default": "\"organization\"",
           "values": [
             {
@@ -4533,7 +4563,7 @@
           "mutable": true,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The widget's default label.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BuildingExplorer.html#label)",
+          "docs": "The component's default label.",
           "docsTags": [],
           "values": [
             {
@@ -4564,7 +4594,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "A [collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of layers of type [BuildingSceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html)\nthat are added to the widget for exploration.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BuildingExplorer.html#layers)",
+          "docs": "A [collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html)\nof layers of type [BuildingSceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html)\nthat are added to the componen for exploration.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BuildingExplorer.html#layers)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -4706,8 +4736,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -4736,7 +4771,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state of the view model that can be used for rendering the UI of the widget.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BuildingExplorer-BuildingExplorerViewModel.html#state)",
+          "docs": "The component's state. The values mean the following:\n\n* `disabled` -  \tcomponent is being created\n* `loading` - layers and statistics are loading\n* `ready` - component is ready\n* `failed` - component failed to load data",
           "docsTags": [
             {
               "name": "readonly",
@@ -4791,7 +4826,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisBuildingExplorer = document.createElement(\"arcgis-building-explorer\");\ndocument.body.append(arcgisBuildingExplorer);\narcgisBuildingExplorer.componentOnReady().then(() => {\n  console.log(\"arcgis-building-explorer is ready to go!\");\n});"
+              "text": "```js\nconst arcgisBuildingExplorer = document.querySelector(\"arcgis-building-explorer\");\ndocument.body.append(arcgisBuildingExplorer);\nawait arcgisBuildingExplorer.componentOnReady();\nconsole.log(\"arcgis-building-explorer is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -5298,8 +5333,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -5600,7 +5640,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisCatalogLayerList = document.createElement(\"arcgis-catalog-layer-list\");\ndocument.body.append(arcgisCatalogLayerList);\narcgisCatalogLayerList.componentOnReady().then(() => {\n  console.log(\"arcgis-catalog-layer-list is ready to go!\");\n});"
+              "text": "```js\nconst arcgisCatalogLayerList = document.querySelector(\"arcgis-catalog-layer-list\");\ndocument.body.append(arcgisCatalogLayerList);\nawait arcgisCatalogLayerList.componentOnReady();\nconsole.log(\"arcgis-catalog-layer-list is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -5824,7 +5864,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -5940,8 +5980,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -6021,7 +6066,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisCompass = document.createElement(\"arcgis-compass\");\ndocument.body.append(arcgisCompass);\narcgisCompass.componentOnReady().then(() => {\n  console.log(\"arcgis-compass is ready to go!\");\n});"
+              "text": "```js\nconst arcgisCompass = document.querySelector(\"arcgis-compass\");\ndocument.body.append(arcgisCompass);\nawait arcgisCompass.componentOnReady();\nconsole.log(\"arcgis-compass is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -6298,7 +6343,7 @@
           "required": false
         },
         {
-          "name": "hideEditButton",
+          "name": "hideExpandButton",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -6306,7 +6351,7 @@
             "references": {}
           },
           "mutable": true,
-          "attr": "hide-edit-button",
+          "attr": "hide-expand-button",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -6320,7 +6365,7 @@
           "required": false
         },
         {
-          "name": "hideExpandButton",
+          "name": "hideInputButton",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -6328,7 +6373,7 @@
             "references": {}
           },
           "mutable": true,
-          "attr": "hide-expand-button",
+          "attr": "hide-input-button",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -6623,8 +6668,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -6753,7 +6803,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisCoordinateConversion = document.createElement(\"arcgis-coordinate-conversion\");\ndocument.body.append(arcgisCoordinateConversion);\narcgisCoordinateConversion.componentOnReady().then(() => {\n  console.log(\"arcgis-coordinate-conversion is ready to go!\");\n});"
+              "text": "```js\nconst arcgisCoordinateConversion = document.querySelector(\"arcgis-coordinate-conversion\");\ndocument.body.append(arcgisCoordinateConversion);\nawait arcgisCoordinateConversion.componentOnReady();\nconsole.log(\"arcgis-coordinate-conversion is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -6881,7 +6931,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Daylight component can be used to manipulate the lighting conditions of a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).",
+      "docs": "The Daylight component can be used to manipulate the lighting conditions of a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).\n\n**Known limitations**\n\nDaylight is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\n\n**See also**\n\n- [Environment](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment)\n- [Sample - Daylight component](https://developers.arcgis.com/javascript/latest/sample-code/daylight/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -6960,7 +7010,7 @@
           "mutable": true,
           "attr": "date-or-season",
           "reflectToAttr": false,
-          "docs": "Controls whether the widget displays a date or a season picker.",
+          "docs": "Controls whether the component displays a date or a season picker.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Daylight.html#dateOrSeason)",
           "docsTags": [],
           "default": "\"date\"",
           "values": [
@@ -7009,7 +7059,7 @@
           "mutable": true,
           "attr": "heading-level",
           "reflectToAttr": false,
-          "docs": "Indicates the heading level to use for the widget title.",
+          "docs": "Indicates the heading level to use for the component title.",
           "docsTags": [],
           "default": "3",
           "values": [
@@ -7163,13 +7213,8 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
-          "docsTags": [
-            {
-              "name": "see",
-              "text": "[Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)"
-            }
-          ],
+          "docs": "Icon which represents the component. Typically used when the component is controlled by another component (e.g. by the Expand component).\n\nSee also: [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)",
+          "docsTags": [],
           "default": "\"brightness\"",
           "values": [
             {
@@ -7190,7 +7235,7 @@
           "mutable": true,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The widget's default label.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Daylight.html#label)",
+          "docs": "The component's default label.",
           "docsTags": [],
           "values": [
             {
@@ -7304,8 +7349,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -7340,7 +7390,7 @@
           "mutable": true,
           "attr": "time-slider-steps",
           "reflectToAttr": false,
-          "docs": "Sets steps, or intervals, on the time slider to restrict the times\nof the day that can be selected when dragging the thumb.",
+          "docs": "Sets steps, or intervals, on the time slider to restrict the times of the day that can be selected when dragging the thumb.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Daylight.html#timeSliderSteps)",
           "docsTags": [],
           "default": "5",
           "values": [
@@ -7402,7 +7452,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisDaylight = document.createElement(\"arcgis-daylight\");\ndocument.body.append(arcgisDaylight);\narcgisDaylight.componentOnReady().then(() => {\n  console.log(\"arcgis-daylight is ready to go!\");\n});"
+              "text": "```js\nconst arcgisDaylight = document.querySelector(\"arcgis-daylight\");\ndocument.body.append(arcgisDaylight);\nawait arcgisDaylight.componentOnReady();\nconsole.log(\"arcgis-daylight is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -7460,7 +7510,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Fires when the user changes the date or time in the widget by interacting with the slider, the date picker, the\nseason selector or the play buttons.",
+          "docs": "Fires when the user changes the date or time in the component by interacting with the slider, the date picker, the\nseason selector or the play buttons.",
           "docsTags": [
             {
               "name": "since",
@@ -7616,7 +7666,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -7704,8 +7754,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -7859,7 +7914,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisDirectionalPad = document.createElement(\"arcgis-directional-pad\");\ndocument.body.append(arcgisDirectionalPad);\narcgisDirectionalPad.componentOnReady().then(() => {\n  console.log(\"arcgis-directional-pad is ready to go!\");\n});"
+              "text": "```js\nconst arcgisDirectionalPad = document.querySelector(\"arcgis-directional-pad\");\ndocument.body.append(arcgisDirectionalPad);\nawait arcgisDirectionalPad.componentOnReady();\nconsole.log(\"arcgis-directional-pad is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -8298,8 +8353,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -8354,7 +8414,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Controls the default properties used when [searching](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html).",
+          "docs": "Controls the default properties used when searching.",
           "docsTags": [],
           "default": "null",
           "values": [],
@@ -8527,7 +8587,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisDirections = document.createElement(\"arcgis-directions\");\ndocument.body.append(arcgisDirections);\narcgisDirections.componentOnReady().then(() => {\n  console.log(\"arcgis-directions is ready to go!\");\n});"
+              "text": "```js\nconst arcgisDirections = document.querySelector(\"arcgis-directions\");\ndocument.body.append(arcgisDirections);\nawait arcgisDirections.componentOnReady();\nconsole.log(\"arcgis-directions is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -8729,7 +8789,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Direct Line Measurement 3D component calculates and displays the 3D distance between two points. This component\ncan be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html)\nto measure the vertical, horizontal, and direct distance between two points.",
+      "docs": "The Direct Line Measurement 3D component can be added to a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent to calculate and display vertical, horizontal, and direct distances between two points.\n\n[![measurement-line-3d](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/3D_DirectLineMeasurement_widget.png)](https://developers.arcgis.com/javascript/latest/sample-code/measurement-3d/)\n\nHow distances are computed depends on the scene's spatial reference.\n\nIn **geographic coordinate systems** (GCS) and in **Web Mercator**:\n- Direct distance is computed in a Euclidean manner, in an [ECEF](https://en.wikipedia.org/wiki/ECEF) coordinate system (or equivalent on other planets);\n- Horizontal distance is computed geodetically, taking into consideration the curvature of the planet;\n- Vertical distance is computed as an elevation difference.\n\nIn **projected coordinate systems** (PCS), apart from Web Mercator, all three distances (direct, horizontal, and vertical)\n are computed in a Euclidean manner (in their respective PCS).\n\nDirect Line Measurement 3D component visualizes and labels the direct, horizontal, and vertical distances and displays the same values\nin the UI panel. When the distance between the points is greater than 100 kilometers,\nthe measurement visualization is simplified, and only the horizontal and vertical distances are calculated.\nThe direct distance option becomes unavailable.\n\n![measurement-line-3d](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/direct-line-measurement-3d.png)\n\nWhen the component is active, a horizontal \"laser\" line is drawn which indicates the height at the current mouse position.\nThis line can help in analyzing the heights of objects relative to each other and the terrain.\nA second laser line shows the intersection of the scene with the vertical plane that passes through the checkered line.\n\n**Things to consider**\n\n* Direct Line Measurement 3D is designed to work in the Scene component. For measurements in the [Map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/)\ncomponent, use [Distance Measurement 2D](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-distance-measurement-2d/).\n* Snapping is enabled by default. This can be temporarily disabled by holding the `CTRL` key.\n* Layer types currently supported for snapping are:\n[FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html),\n[GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html) (except Mesh geometries),\n[GeoJSONLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GeoJSONLayer.html),\n[WFSLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-WFSLayer.html),\n[CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html),\n[3D Object SceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html),\nand [BuildingSceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html).\n\n**See also**\n\n- [DirectLineMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-DirectLineMeasurementAnalysis.html)\n- [Sample - Measurement in 3D](https://developers.arcgis.com/javascript/latest/sample-code/measurement-3d/)\n- [Sample - Analysis objects](https://developers.arcgis.com/javascript/latest/sample-code/analysis-objects/)\n- [Sample - Color theming for interactive tools](https://developers.arcgis.com/javascript/latest/sample-code/view-theme/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -8757,13 +8817,8 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [
-            {
-              "name": "readonly",
-              "text": ""
-            }
-          ],
+          "docs": "The [DirectLineMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-DirectLineMeasurementAnalysis.html)\ncreated or modified by the component.\n\nWhen connecting the Direct Line Measurement 3D component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent, it automatically creates an empty analysis and adds it to the Scene's\n[analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#analyses) collection.\nWhenever the component is destroyed, the analysis is automatically removed from the collection.\n\nAlternatively, a programmatically created analysis can be provided to the component.\nThen, the application itself needs to add it to and later remove it from the Scene's analyses collection.\n\n```js\n// Create the analysis.\nconst directLineAnalysis = new DirectLineMeasurementAnalysis({\n   startPoint: new Point({\n     spatialReference: { latestWkid: 3857, wkid: 102100 },\n     x: -13624995.61798748,\n     y: 4550334.030096778,\n     z: 63.378210234455764\n   }),\n   endPoint: new Point({\n     spatialReference: { latestWkid: 3857, wkid: 102100 },\n     x: -13624921.53589075,\n     y: 4550407.42357004,\n     z: 63.3783810287714\n   }),\n});\n// Get the Scene and measurement component and wait until they are ready.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\nconst directLineMeasurement3d = document.querySelector(\"arcgis-direct-line-measurement-3d\");\nawait directLineMeasurement3d.componentOnReady();\n// Add the analysis to the Scene component.\nviewElement.analyses.add(directLineAnalysis);\n// Connect the analysis to the measurement component:\ndirectLineMeasurement3d.analysis = directLineAnalysis;\n```",
+          "docsTags": [],
           "values": [],
           "optional": true,
           "required": false
@@ -8920,8 +8975,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -8949,9 +9009,14 @@
           },
           "mutable": true,
           "attr": "state",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "reflectToAttr": true,
+          "docs": "The component's state. The values mean the following:\n\n* `disabled` -  not ready yet\n* `ready` - ready for measuring\n* `measuring` - currently measuring\n* `measured` - measuring has finished",
+          "docsTags": [
+            {
+              "name": "readonly",
+              "text": ""
+            }
+          ],
           "values": [
             {
               "value": "disabled",
@@ -8984,7 +9049,7 @@
           "mutable": true,
           "attr": "unit",
           "reflectToAttr": false,
-          "docs": "Unit system (imperial, metric) or specific unit used for displaying the distance values.",
+          "docs": "Unit system (imperial, metric) or specific unit used for displaying the distance values. Possible values are listed in\n[unitOptions](#unitOptions).",
           "docsTags": [],
           "values": [
             {
@@ -9059,7 +9124,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "List of unit systems (imperial, metric) and specific units for displaying the distance values.",
+          "docs": "List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.\nBy default, the following units are included: `metric`, `imperial`, `inches`, `feet`, `us-feet`, `yards`, `miles`, `nautical-miles`, `meters`, `kilometers`.\nPossible [unit](#unit) values can only be a subset of this list.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -9087,7 +9152,7 @@
           },
           "signature": "clear(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Clears the current measurement.",
           "docsTags": []
         },
         {
@@ -9114,7 +9179,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisDirectLineMeasurement3d = document.createElement(\"arcgis-direct-line-measurement-3d\");\ndocument.body.append(arcgisDirectLineMeasurement3d);\narcgisDirectLineMeasurement3d.componentOnReady().then(() => {\n  console.log(\"arcgis-direct-line-measurement-3d is ready to go!\");\n});"
+              "text": "```js\nconst arcgisDirectLineMeasurement3d = document.querySelector(\"arcgis-direct-line-measurement-3d\");\ndocument.body.append(arcgisDirectLineMeasurement3d);\nawait arcgisDirectLineMeasurement3d.componentOnReady();\nconsole.log(\"arcgis-direct-line-measurement-3d is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -9165,7 +9230,7 @@
           },
           "signature": "start(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Starts a new measurement.",
           "docsTags": []
         }
       ],
@@ -9210,7 +9275,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Direct Line Measurement 3D component calculates and displays the 3D distance between two points. This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) to measure the vertical, horizontal, and direct distance between two points.",
+      "docs": "The Directline Measurement 3D component calculates and displays the 3D distance between two points. It can be used in a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component to measure the vertical, horizontal, and direct distance between two points.",
       "docsTags": [
         {
           "name": "internal"
@@ -9242,12 +9307,8 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "The [DirectLineMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-DirectLineMeasurementAnalysis.html)\ncreated or modified by the component.\n\nWhen connecting the Direct Line Measurement 3D component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent, it automatically creates an empty analysis and adds it to the Scene's\n[analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#analyses) collection.\nWhenever the component is destroyed, the analysis is automatically removed from the collection.\n\nAlternatively, a programmatically created analysis can be provided to the component.\nThen, the application itself needs to add it to and later remove it from the Scene's analyses collection.\n\n```js\n// Create the analysis.\nconst directLineAnalysis = new DirectLineMeasurementAnalysis({\n   startPoint: new Point({\n     spatialReference: { latestWkid: 3857, wkid: 102100 },\n     x: -13624995.61798748,\n     y: 4550334.030096778,\n     z: 63.378210234455764\n   }),\n   endPoint: new Point({\n     spatialReference: { latestWkid: 3857, wkid: 102100 },\n     x: -13624921.53589075,\n     y: 4550407.42357004,\n     z: 63.3783810287714\n   }),\n});\n// Get the Scene and measurement component and wait until they are ready.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\nconst directLineMeasurement3d = document.querySelector(\"arcgis-direct-line-measurement-3d\");\nawait directLineMeasurement3d.componentOnReady();\n// Add the analysis to the Scene component.\nviewElement.analyses.add(directLineAnalysis);\n// Connect the analysis to the measurement component:\ndirectLineMeasurement3d.analysis = directLineAnalysis;\n```",
           "docsTags": [
-            {
-              "name": "readonly",
-              "text": ""
-            },
             {
               "name": "inheritedFrom",
               "text": "{\"name\":\"ArcgisDirectLineMeasurement3d\",\"module\":\"components/arcgis-direct-line-measurement-3d\"}"
@@ -9428,8 +9489,12 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
           "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            },
             {
               "name": "inheritedFrom",
               "text": "{\"name\":\"ArcgisDirectLineMeasurement3d\",\"module\":\"components/arcgis-direct-line-measurement-3d\"}"
@@ -9462,9 +9527,13 @@
           },
           "mutable": true,
           "attr": "state",
-          "reflectToAttr": false,
-          "docs": "",
+          "reflectToAttr": true,
+          "docs": "The component's state. The values mean the following:\n\n* `disabled` -  not ready yet\n* `ready` - ready for measuring\n* `measuring` - currently measuring\n* `measured` - measuring has finished",
           "docsTags": [
+            {
+              "name": "readonly",
+              "text": ""
+            },
             {
               "name": "inheritedFrom",
               "text": "{\"name\":\"ArcgisDirectLineMeasurement3d\",\"module\":\"components/arcgis-direct-line-measurement-3d\"}"
@@ -9502,7 +9571,7 @@
           "mutable": true,
           "attr": "unit",
           "reflectToAttr": false,
-          "docs": "Unit system (imperial, metric) or specific unit used for displaying the distance values.",
+          "docs": "Unit system (imperial, metric) or specific unit used for displaying the distance values. Possible values are listed in\n[unitOptions](#unitOptions).",
           "docsTags": [
             {
               "name": "inheritedFrom",
@@ -9582,7 +9651,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "List of unit systems (imperial, metric) and specific units for displaying the distance values.",
+          "docs": "List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.\nBy default, the following units are included: `metric`, `imperial`, `inches`, `feet`, `us-feet`, `yards`, `miles`, `nautical-miles`, `meters`, `kilometers`.\nPossible [unit](#unit) values can only be a subset of this list.",
           "docsTags": [
             {
               "name": "inheritedFrom",
@@ -9615,7 +9684,7 @@
           },
           "signature": "clear(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Clears the current measurement.",
           "docsTags": [
             {
               "name": "inheritedFrom",
@@ -9647,7 +9716,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const deprecatedArcgisDirectLineMeasurement3d = document.createElement(\"arcgis-directline-measurement-3d\");\ndocument.body.append(deprecatedArcgisDirectLineMeasurement3d);\ndeprecatedArcgisDirectLineMeasurement3d.componentOnReady().then(() => {\n  console.log(\"arcgis-directline-measurement-3d is ready to go!\");\n});"
+              "text": "```js\nconst deprecatedArcgisDirectLineMeasurement3d = document.querySelector(\"arcgis-directline-measurement-3d\");\ndocument.body.append(deprecatedArcgisDirectLineMeasurement3d);\nawait deprecatedArcgisDirectLineMeasurement3d.componentOnReady();\nconsole.log(\"arcgis-directline-measurement-3d is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -9703,7 +9772,7 @@
           },
           "signature": "start(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Starts a new measurement.",
           "docsTags": [
             {
               "name": "inheritedFrom",
@@ -9927,8 +9996,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -10149,7 +10223,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisDistanceMeasurement2d = document.createElement(\"arcgis-distance-measurement-2d\");\ndocument.body.append(arcgisDistanceMeasurement2d);\narcgisDistanceMeasurement2d.componentOnReady().then(() => {\n  console.log(\"arcgis-distance-measurement-2d is ready to go!\");\n});"
+              "text": "```js\nconst arcgisDistanceMeasurement2d = document.querySelector(\"arcgis-distance-measurement-2d\");\ndocument.body.append(arcgisDistanceMeasurement2d);\nawait arcgisDistanceMeasurement2d.componentOnReady();\nconsole.log(\"arcgis-distance-measurement-2d is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -10703,8 +10777,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -10950,7 +11029,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisEditor = document.createElement(\"arcgis-editor\");\ndocument.body.append(arcgisEditor);\narcgisEditor.componentOnReady().then(() => {\n  console.log(\"arcgis-editor is ready to go!\");\n});"
+              "text": "```js\nconst arcgisEditor = document.querySelector(\"arcgis-editor\");\ndocument.body.append(arcgisEditor);\nawait arcgisEditor.componentOnReady();\nconsole.log(\"arcgis-editor is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -11217,7 +11296,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Elevation Profile component is used to generate and display an elevation profile from an [input line graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#input).",
+      "docs": "The Elevation Profile component is used to generate and display an elevation profile from an [input line graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#input).\n\n**See also**\n\n- [Sample - Elevation Profile component](https://developers.arcgis.com/javascript/latest/sample-code/elevation-profile/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -11267,7 +11346,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Units which have been selected according to the magnitude of the elevations and distances\nthat are to be displayed in the widget, according to the selected unit or unit system.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile-ElevationProfileViewModel.html#effectiveUnits)",
+          "docs": "Units which have been selected according to the magnitude of the elevations and distances that are to be displayed in the component, according to the selected unit or unit system.",
           "docsTags": [
             {
               "name": "readonly",
@@ -11508,13 +11587,8 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
-          "docsTags": [
-            {
-              "name": "see",
-              "text": "[Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)"
-            }
-          ],
+          "docs": "Icon which represents the component. Typically used when the component is controlled by another component (e.g. by the Expand component).\n\nSee also: [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)",
+          "docsTags": [],
           "default": "\"altitude\"",
           "values": [
             {
@@ -11540,7 +11614,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The input line graphic along which elevation will be queried in order to generate an elevation profile.",
+          "docs": "The input path along which elevation will be queried in order to generate an elevation profile.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#input)",
           "docsTags": [],
           "default": "null",
           "values": [],
@@ -11558,7 +11632,7 @@
           "mutable": true,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The widget's default label.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#label)",
+          "docs": "The component's default label.",
           "docsTags": [],
           "values": [
             {
@@ -11659,7 +11733,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Collection of elevation profile lines which are to be generated and displayed in the widget's\nchart.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#profiles)",
+          "docs": "Collection of elevation profile lines which are to be generated and displayed in the component's chart.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#profiles)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -11717,8 +11791,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -11747,7 +11826,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state of the view model that can be used for rendering the UI\nof the widget.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile-ElevationProfileViewModel.html#state)",
+          "docs": "The component's state. The values mean the following:\n\n* `disabled` -  component is being created\n* `ready` - component is ready; no path configured and no interactive operation ongoing\n* `creating` - user is creating a new input path\n* `created` - input path is configured but no interactive operation is ongoing\n* `selecting` - user is selecting an existing input path\n* `selected` - user selected an existing input path",
           "docsTags": [
             {
               "name": "readonly",
@@ -11924,7 +12003,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisElevationProfile = document.createElement(\"arcgis-elevation-profile\");\ndocument.body.append(arcgisElevationProfile);\narcgisElevationProfile.componentOnReady().then(() => {\n  console.log(\"arcgis-elevation-profile is ready to go!\");\n});"
+              "text": "```js\nconst arcgisElevationProfile = document.querySelector(\"arcgis-elevation-profile\");\ndocument.body.append(arcgisElevationProfile);\nawait arcgisElevationProfile.componentOnReady();\nconsole.log(\"arcgis-elevation-profile is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -11975,7 +12054,7 @@
           },
           "signature": "start(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Switches to the \"creating\" state in which the user can draw a new line.",
           "docsTags": []
         },
         {
@@ -11998,7 +12077,7 @@
           },
           "signature": "stop(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Stops the creation operation.",
           "docsTags": []
         }
       ],
@@ -12043,7 +12122,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Expand component acts as a clickable button for opening content.",
+      "docs": "The Expand component acts as a clickable button for displaying interactive content, most commonly other components.",
       "docsTags": [
         {
           "name": "superclass",
@@ -12252,7 +12331,12 @@
           "attr": "focus-trap-disabled",
           "reflectToAttr": false,
           "docs": "Disables focus trapping within the expand component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "since",
+              "text": "4.33"
+            }
+          ],
           "default": "false",
           "values": [
             {
@@ -12276,7 +12360,7 @@
           "docs": "Disables focus trapping within the expand widget.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#focusTrapDisabled)",
           "docsTags": [],
           "default": "false",
-          "deprecation": "since 4.33. Use [`focusTrapDisabled`](#focusTrapDisabled) instead.",
+          "deprecation": "since 4.33, use [`focusTrapDisabled`](#focusTrapDisabled) instead.",
           "values": [
             {
               "type": "boolean"
@@ -12564,8 +12648,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -12632,7 +12721,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisExpand = document.createElement(\"arcgis-expand\");\ndocument.body.append(arcgisExpand);\narcgisExpand.componentOnReady().then(() => {\n  console.log(\"arcgis-expand is ready to go!\");\n});"
+              "text": "```js\nconst arcgisExpand = document.querySelector(\"arcgis-expand\");\ndocument.body.append(arcgisExpand);\nawait arcgisExpand.componentOnReady();\nconsole.log(\"arcgis-expand is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -12984,7 +13073,7 @@
           "docs": "",
           "docsTags": [],
           "default": "false",
-          "deprecation": "since 4.33. Use [hideLastEditedInfo](#hideLastEditedInfo) instead.",
+          "deprecation": "since 4.33, use [hideLastEditedInfo](#hideLastEditedInfo) instead.",
           "values": [
             {
               "type": "boolean"
@@ -13191,8 +13280,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -13320,7 +13414,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisFeature = document.createElement(\"arcgis-feature\");\ndocument.body.append(arcgisFeature);\narcgisFeature.componentOnReady().then(() => {\n  console.log(\"arcgis-feature is ready to go!\");\n});"
+              "text": "```js\nconst arcgisFeature = document.querySelector(\"arcgis-feature\");\ndocument.body.append(arcgisFeature);\nawait arcgisFeature.componentOnReady();\nconsole.log(\"arcgis-feature is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -13685,10 +13779,10 @@
         },
         {
           "name": "layer",
-          "type": "FeatureLayer | GeoJSONLayer | OrientedImageryLayer | SceneLayer | SubtypeSublayer",
+          "type": "FeatureLayer | GeoJSONLayer | KnowledgeGraphSublayer | OrientedImageryLayer | SceneLayer | SubtypeSublayer",
           "complexType": {
-            "original": "FeatureLayer | GeoJSONLayer | OrientedImageryLayer | SceneLayer | SubtypeSublayer",
-            "resolved": "FeatureLayer | GeoJSONLayer | OrientedImageryLayer | SceneLayer | SubtypeSublayer",
+            "original": "FeatureLayer | GeoJSONLayer | KnowledgeGraphSublayer | OrientedImageryLayer | SceneLayer | SubtypeSublayer",
+            "resolved": "FeatureLayer | GeoJSONLayer | KnowledgeGraphSublayer | OrientedImageryLayer | SceneLayer | SubtypeSublayer",
             "references": {
               "FeatureLayer": {
                 "location": "import",
@@ -13700,6 +13794,11 @@
                 "path": "@arcgis/core/interfaces.d.ts",
                 "id": "notImplemented"
               },
+              "KnowledgeGraphSublayer": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              },
               "OrientedImageryLayer": {
                 "location": "import",
                 "path": "@arcgis/core/interfaces.d.ts",
@@ -13728,6 +13827,9 @@
             {
               "type": "GeoJSONLayer"
             },
+            {
+              "type": "KnowledgeGraphSublayer"
+            },
             {
               "type": "OrientedImageryLayer"
             },
@@ -13823,8 +13925,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -13921,7 +14028,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisFeatureForm = document.createElement(\"arcgis-feature-form\");\ndocument.body.append(arcgisFeatureForm);\narcgisFeatureForm.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-form is ready to go!\");\n});"
+              "text": "```js\nconst arcgisFeatureForm = document.querySelector(\"arcgis-feature-form\");\ndocument.body.append(arcgisFeatureForm);\nawait arcgisFeatureForm.componentOnReady();\nconsole.log(\"arcgis-feature-form is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -15967,8 +16074,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -16357,7 +16469,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Indicates whether the table and associated layer support resizing attachments with the current configuration.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html#supportsResizeAttachments)",
+          "docs": "Defines whether or not the feature supports resizing\nattachments.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html#supportsResizeAttachments)",
           "docsTags": [
             {
               "name": "readonly",
@@ -16610,7 +16722,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisFeatureTable = document.createElement(\"arcgis-feature-table\");\ndocument.body.append(arcgisFeatureTable);\narcgisFeatureTable.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-table is ready to go!\");\n});"
+              "text": "```js\nconst arcgisFeatureTable = document.querySelector(\"arcgis-feature-table\");\ndocument.body.append(arcgisFeatureTable);\nawait arcgisFeatureTable.componentOnReady();\nconsole.log(\"arcgis-feature-table is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -17684,8 +17796,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -17791,7 +17908,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisFeatureTemplates = document.createElement(\"arcgis-feature-templates\");\ndocument.body.append(arcgisFeatureTemplates);\narcgisFeatureTemplates.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-templates is ready to go!\");\n});"
+              "text": "```js\nconst arcgisFeatureTemplates = document.querySelector(\"arcgis-feature-templates\");\ndocument.body.append(arcgisFeatureTemplates);\nawait arcgisFeatureTemplates.componentOnReady();\nconsole.log(\"arcgis-feature-templates is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -18625,8 +18742,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -18862,7 +18984,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisFeatures = document.createElement(\"arcgis-features\");\ndocument.body.append(arcgisFeatures);\narcgisFeatures.componentOnReady().then(() => {\n  console.log(\"arcgis-features is ready to go!\");\n});"
+              "text": "```js\nconst arcgisFeatures = document.querySelector(\"arcgis-features\");\ndocument.body.append(arcgisFeatures);\nawait arcgisFeatures.componentOnReady();\nconsole.log(\"arcgis-features is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -19415,8 +19537,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -19481,7 +19608,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisFloorFilter = document.createElement(\"arcgis-floor-filter\");\ndocument.body.append(arcgisFloorFilter);\narcgisFloorFilter.componentOnReady().then(() => {\n  console.log(\"arcgis-floor-filter is ready to go!\");\n});"
+              "text": "```js\nconst arcgisFloorFilter = document.querySelector(\"arcgis-floor-filter\");\ndocument.body.append(arcgisFloorFilter);\nawait arcgisFloorFilter.componentOnReady();\nconsole.log(\"arcgis-floor-filter is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -19580,7 +19707,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Fullscreen component allows users to toggle the map or scene to fullscreen mode.",
+      "docs": "The Fullscreen component allows users to toggle the map or scene to fullscreen mode.\nUse the escape key (`esc`) to exit fullscreen mode.\n\n**Known limitations**\n\n* The Fullscreen widget only works with browsers that implement the [Fullscreen](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API) API.\n  Thus, iOS Safari is not supported.",
       "docsTags": [
         {
           "name": "superclass",
@@ -19645,7 +19772,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -19733,8 +19860,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -19817,7 +19949,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisFullscreen = document.createElement(\"arcgis-fullscreen\");\ndocument.body.append(arcgisFullscreen);\narcgisFullscreen.componentOnReady().then(() => {\n  console.log(\"arcgis-fullscreen is ready to go!\");\n});"
+              "text": "```js\nconst arcgisFullscreen = document.querySelector(\"arcgis-fullscreen\");\ndocument.body.append(arcgisFullscreen);\nawait arcgisFullscreen.componentOnReady();\nconsole.log(\"arcgis-fullscreen is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -20383,7 +20515,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -20493,8 +20625,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -20740,7 +20877,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisGridControls = document.createElement(\"arcgis-grid-controls\");\ndocument.body.append(arcgisGridControls);\narcgisGridControls.componentOnReady().then(() => {\n  console.log(\"arcgis-grid-controls is ready to go!\");\n});"
+              "text": "```js\nconst arcgisGridControls = document.querySelector(\"arcgis-grid-controls\");\ndocument.body.append(arcgisGridControls);\nawait arcgisGridControls.componentOnReady();\nconsole.log(\"arcgis-grid-controls is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -21319,8 +21456,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -21460,7 +21602,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisHistogramRangeSlider = document.createElement(\"arcgis-histogram-range-slider\");\ndocument.body.append(arcgisHistogramRangeSlider);\narcgisHistogramRangeSlider.componentOnReady().then(() => {\n  console.log(\"arcgis-histogram-range-slider is ready to go!\");\n});"
+              "text": "```js\nconst arcgisHistogramRangeSlider = document.querySelector(\"arcgis-histogram-range-slider\");\ndocument.body.append(arcgisHistogramRangeSlider);\nawait arcgisHistogramRangeSlider.componentOnReady();\nconsole.log(\"arcgis-histogram-range-slider is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -21676,7 +21818,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -21764,8 +21906,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -21835,11 +21982,11 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The esri/Viewpoint, or point of view, to zoom to when\ngoing home. The initial value is determined a few different ways:\n\nIf no esri/views/View is provided, the value is `null`.\nIf the esri/views/View is ready, but the esri/Viewpoint is not defined, the initial\nvalue of the esri/Viewpoint is determined when the esri/views/View became ready.\nIf the esri/views/View is ready and the esri/Viewpoint is defined by the user, the initial viewpoint value is the user-defined esri/Viewpoint.",
+          "docs": "The [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)\nto go to when going \"home\".\nThe initial value is determined in a few different ways:\n\nIf no referenceElement is provided, the value is `null`.\nOnce the referenceElement is ready, the initial viewpoint value is the user-defined [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html).",
           "docsTags": [
             {
               "name": "example",
-              "text": "// Creates a viewpoint centered on the extent of a polygon geometry\nlet vp = new Viewpoint({\n  targetGeometry: geom.extent\n});\n\n// Sets the model's viewpoint to the Viewpoint based on a polygon geometry\nhome.viewpoint = vp;"
+              "text": " ```js\n// Create viewpoint centered on extent of a polygon geometry\n\nlet vp = new Viewpoint({\n  targetGeometry: geom.extent\n});\n\n// Sets the Home's viewpoint to that Viewpoint\nhome.viewpoint = vp;\n```"
             }
           ],
           "default": "null",
@@ -21870,12 +22017,7 @@
           "signature": "cancelGo(): Promise<void>",
           "parameters": [],
           "docs": "This function provides the ability to interrupt and cancel the process\nof navigating the view back to the view's initial extent.",
-          "docsTags": [
-            {
-              "name": "since",
-              "text": "4.9"
-            }
-          ]
+          "docsTags": []
         },
         {
           "name": "componentOnReady",
@@ -21901,7 +22043,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisHome = document.createElement(\"arcgis-home\");\ndocument.body.append(arcgisHome);\narcgisHome.componentOnReady().then(() => {\n  console.log(\"arcgis-home is ready to go!\");\n});"
+              "text": "```js\nconst arcgisHome = document.querySelector(\"arcgis-home\");\ndocument.body.append(arcgisHome);\nawait arcgisHome.componentOnReady();\nconsole.log(\"arcgis-home is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -21978,7 +22120,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "home.addEventListener(\"go\", (event) => {\n  console.log(\"updating viewpoint\");\n});"
+              "text": "```js\nhome.addEventListener(\"arcgisGo\", (event) => {\n  console.log(\"updating viewpoint\");\n});\n```"
             }
           ]
         },
@@ -22605,8 +22747,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -22934,7 +23081,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisLayerList = document.createElement(\"arcgis-layer-list\");\ndocument.body.append(arcgisLayerList);\narcgisLayerList.componentOnReady().then(() => {\n  console.log(\"arcgis-layer-list is ready to go!\");\n});"
+              "text": "```js\nconst arcgisLayerList = document.querySelector(\"arcgis-layer-list\");\ndocument.body.append(arcgisLayerList);\nawait arcgisLayerList.componentOnReady();\nconsole.log(\"arcgis-layer-list is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -23421,8 +23568,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -23542,7 +23694,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisLegend = document.createElement(\"arcgis-legend\");\ndocument.body.append(arcgisLegend);\narcgisLegend.componentOnReady().then(() => {\n  console.log(\"arcgis-legend is ready to go!\");\n});"
+              "text": "```js\nconst arcgisLegend = document.querySelector(\"arcgis-legend\");\ndocument.body.append(arcgisLegend);\nawait arcgisLegend.componentOnReady();\nconsole.log(\"arcgis-legend is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -23615,7 +23767,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Line Of Sight component is a 3D analysis tool that allows you to perform\n[line of sight visibility analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)\nin a 3D view. Visibility between a given observer and multiple target points is calculated against the currently\ndisplayed content in the view, including ground, integrated meshes, and 3D objects such as buildings or trees.\n\nThe results from the analysis are displayed as lines, where the visible part, indicating what the observer can see,\nis colored green. Visible targets are displayed with a green sphere and a fully green line of sight.\nThe spheres marking occluded targets are displayed red, as are the occluded parts of the lines of sight.\nWhen the line of sight cannot be calculated, it will be displayed with a gray color. This may happen if either\nthe target or the observer is not in the view.\n\nWhen creating a new line of sight analysis with the component, the first click in the scene creates the\n[observer](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisObserver.html)\nand any further clicks place the [targets](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisTarget.html).\nBoth, observer and target points, can be moved by dragging them. Additionally, the target points can be removed with a right click.",
+      "docs": "The Line Of Sight component is a 3D analysis tool that allows you to perform\n[line of sight visibility analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)\nin a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/). Visibility between a given observer and multiple target points is calculated against the currently\ndisplayed content in the view, including the ground, integrated meshes, and 3D objects such as buildings or trees.\n\n![line-of-sight](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/line-of-sight.png)\n\nThe analysis results are displayed as colored lines, where areas visible to the observer are\nshown green and occluded parts are marked in red. Also, the color of the target points indicates their visibility.\nWhen the line of sight cannot be calculated, it will be displayed with a gray color. This may happen if either\nthe target or the observer is not in the view.\n\nWhen creating a new line of sight analysis, the first click in the Scene creates the\n[observer](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisObserver.html)\nand subsequent clicks place the [targets](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisTarget.html).\nBoth the observer and target points can be moved by dragging. Additionally, the target points can be removed with a right click.\n\n**Known limitation**\n\nLine Of Sight is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\n\n**See also**\n\n- [LineOfSightAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)\n- [Sample - Line of sight component](https://developers.arcgis.com/javascript/latest/sample-code/line-of-sight/)\n- [Sample - Analysis objects](https://developers.arcgis.com/javascript/latest/sample-code/analysis-objects/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -23643,13 +23795,8 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The [line of sight analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)\nobject being created by the component.",
-          "docsTags": [
-            {
-              "name": "readonly",
-              "text": ""
-            }
-          ],
+          "docs": "The [LineOfSightAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)\ncreated or modified by the component.\n\nWhen connecting the Line Of Sight component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent, it automatically creates an empty analysis and adds it to the Scene's\n[analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#analyses) collection.\nWhenever the component is destroyed, the analysis is automatically removed from the collection.\n\nAlternatively, a programmatically created analysis can be provided to the component.\nThen, the application itself needs to add it to and later remove it from the Scene's analyses collection.\n\n```js\n//Create the analysis.\nconst lineOfSightAnalysis = new LineOfSightAnalysis({\n  observer: new LineOfSightAnalysisObserver({\n        position: new Point({\n        spatialReference: { latestWkid: 3857, wkid: 102100 },\n        x: -13624828.3377593,\n        y: 4550305.319405007,\n        z: 105.55410975124687\n        }),\n  }),\n  targets: [ new LineOfSightAnalysisTarget({\n        position: new Point({\n        spatialReference: { latestWkid: 3857, wkid: 102100 },\n        x: -13624944.17687458,\n        y: 4550420.577689567,\n        z: 0\n        }),\n  })\n]\n});\n// Get the Scene and Line Of Sight component and wait until they are ready.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\nconst lineOfSight = document.querySelector(\"arcgis-line-of-sight\");\nawait lineOfSight.componentOnReady();\n// Add the analysis to the Scene component.\nviewElement.analyses.add(lineOfSightAnalysis);\n// Connect the analysis to the component:\nlineOfSight.analysis = lineOfSightAnalysis;\n```",
+          "docsTags": [],
           "values": [],
           "optional": true,
           "required": false
@@ -23734,7 +23881,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -23822,8 +23969,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -23850,7 +24002,8 @@
             "references": {}
           },
           "mutable": true,
-          "reflectToAttr": false,
+          "attr": "state",
+          "reflectToAttr": true,
           "docs": "The component's state. The values mean the following:\n\n* `disabled` -  not ready yet\n* `ready` - ready for analysis\n* `creating` - observer/target points are being placed\n* `created` - finished analysis",
           "docsTags": [
             {
@@ -23928,7 +24081,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisLineOfSight = document.createElement(\"arcgis-line-of-sight\");\ndocument.body.append(arcgisLineOfSight);\narcgisLineOfSight.componentOnReady().then(() => {\n  console.log(\"arcgis-line-of-sight is ready to go!\");\n});"
+              "text": "```js\nconst arcgisLineOfSight = document.querySelector(\"arcgis-line-of-sight\");\ndocument.body.append(arcgisLineOfSight);\nawait arcgisLineOfSight.componentOnReady();\nconsole.log(\"arcgis-line-of-sight is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -23956,7 +24109,7 @@
           },
           "signature": "continue(): Promise<void>",
           "parameters": [],
-          "docs": "After [stop()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-line-of-sight/#stop)\nwas called, this method allows to continue the line of sight analysis and add more targets.",
+          "docs": "After [stop()](#stop) was called, this method allows to continue the line of sight analysis and add more targets.",
           "docsTags": []
         },
         {
@@ -24025,7 +24178,7 @@
           },
           "signature": "stop(): Promise<void>",
           "parameters": [],
-          "docs": "Stop the current line of sight analysis, keeping the results in the view.\nUsers can still interact with existing targets and the observer but they cannot place new target points.",
+          "docs": "Stop the current placing of line of sight analysis. Any lines added this far are kept  in the view.\nUsers can still interact with existing targets and the observer, but they cannot place new target points.",
           "docsTags": []
         }
       ],
@@ -24358,8 +24511,17 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Allows for adding graphics directly to the default graphics in the View.\nExample:\n```\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n```\nExample:\n```\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```",
-          "docsTags": [],
+          "docs": "Allows for adding graphics directly to the default graphics in the View.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```js\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n```"
+            },
+            {
+              "name": "example",
+              "text": "```js\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```"
+            }
+          ],
           "values": [],
           "optional": true,
           "required": false
@@ -25074,7 +25236,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.add(layer)` instead.\n\nAdds a layer to the map layers collection."
+          "deprecation": "since 4.33, use `element.map.add(layer)` instead.\n\nAdds a layer to the map layers collection."
         },
         {
           "name": "addLayers",
@@ -25130,7 +25292,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.addMany([layer])` instead.\n\nAdds a layer or array of layers to the map layers collection."
+          "deprecation": "since 4.33, use `element.map.addMany([layer])` instead.\n\nAdds a layer or array of layers to the map layers collection."
         },
         {
           "name": "closePopup",
@@ -25179,7 +25341,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisLinkChart = document.createElement(\"arcgis-link-chart\");\ndocument.body.append(arcgisLinkChart);\narcgisLinkChart.componentOnReady().then(() => {\n  console.log(\"arcgis-link-chart is ready to go!\");\n});"
+              "text": "```js\nconst arcgisLinkChart = document.querySelector(\"arcgis-link-chart\");\ndocument.body.append(arcgisLinkChart);\nawait arcgisLinkChart.componentOnReady();\nconsole.log(\"arcgis-link-chart is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -25470,8 +25632,21 @@
               "docs": ""
             }
           ],
-          "docs": "`viewOnReady()` may be leveraged once an instance of the component is created and ready.\nThis method takes two input parameters: a `callback` function and an `errback` function.",
-          "docsTags": []
+          "docs": "`viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/#view) is created and ready.\nThis method takes two input parameters, a `callback` function and an `errback` function, and returns a promise. The `callback` executes when the promise resolves, and the `errback` executes if the promise is rejected.",
+          "docsTags": [
+            {
+              "name": "since",
+              "text": "4.33"
+            },
+            {
+              "name": "see",
+              "text": "[Watch for changes - waiting for components or views to be ready](https://developers.arcgis.com/javascript/latest/watch-for-changes/#waiting-for-components-or-views-to-be-ready)"
+            },
+            {
+              "name": "example",
+              "text": "```js\nconst viewElement = document.querySelector(\"arcgis-link-chart\");\nawait viewElement.viewOnReady();\n// The view is now ready to be used.\n```"
+            }
+          ]
         },
         {
           "name": "whenLayerView",
@@ -26009,10 +26184,6 @@
             {
               "name": "see",
               "text": "[Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)"
-            },
-            {
-              "name": "since",
-              "text": "4.28"
             }
           ],
           "default": "\"nodes-link\"",
@@ -26114,7 +26285,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -26224,7 +26395,7 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.\n\nSee also:\n- [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)",
           "docsTags": [],
           "values": [
             {
@@ -26305,7 +26476,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisLinkChartLayoutSwitcher = document.createElement(\"arcgis-link-chart-layout-switcher\");\ndocument.body.append(arcgisLinkChartLayoutSwitcher);\narcgisLinkChartLayoutSwitcher.componentOnReady().then(() => {\n  console.log(\"arcgis-link-chart-layout-switcher is ready to go!\");\n});"
+              "text": "```js\nconst arcgisLinkChartLayoutSwitcher = document.querySelector(\"arcgis-link-chart-layout-switcher\");\ndocument.body.append(arcgisLinkChartLayoutSwitcher);\nawait arcgisLinkChartLayoutSwitcher.componentOnReady();\nconsole.log(\"arcgis-link-chart-layout-switcher is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -26422,7 +26593,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "layoutswitcher.addEventListener(\"arcgisSwitchLayout\", (event) => {\n  console.log(\"Layout Switched\");\n});"
+              "text": "```js\nlayoutswitcher.addEventListener(\"arcgisSwitchLayout\", (event) => {\n  console.log(\"Layout Switched\");\n});\n```"
             }
           ]
         }
@@ -26438,7 +26609,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Locate component animates the Map or Scene to the user's current location.",
+      "docs": "The Locate component animates the Map or Scene to the user's current location.\n\nThis component uses the browser's [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API) which is only available in [secure contexts](https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts), such as HTTPS.\nNote that localhost is considered \"potentially secure\" and can be used for easy testing in browsers that support\n[Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/isSecureContext#browser_compatibility).",
       "docsTags": [
         {
           "name": "superclass",
@@ -26607,7 +26778,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -26717,8 +26888,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -26845,7 +27021,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisLocate = document.createElement(\"arcgis-locate\");\ndocument.body.append(arcgisLocate);\narcgisLocate.componentOnReady().then(() => {\n  console.log(\"arcgis-locate is ready to go!\");\n});"
+              "text": "```js\nconst arcgisLocate = document.querySelector(\"arcgis-locate\");\ndocument.body.append(arcgisLocate);\nawait arcgisLocate.componentOnReady();\nconsole.log(\"arcgis-locate is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -26974,7 +27150,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The ArcGIS Map Component is used to add 2D maps to web applications. For 3D maps, use the\n[ArcGIS Scene component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).\n\nThe Map component creates a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) and loads a WebMap from either [ArcGIS Online](https://www.arcgis.com/home/index.html) or [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm).\n\n```html\n<arcgis-map item-id=\"05e015c5f0314db9a487a9b46cb37eca\"></arcgis-map>\n```\n\nAlternatively, the Map component can be initialized without a WebMap item.\n\n```html\n<arcgis-map basemap=\"satellite\" center=\"-154.88, 19.46\" zoom=\"15\"></arcgis-map>\n```\n\nOther components can be added and connected to the Map component.\n\n```html\n<arcgis-map item-id=\"05e015c5f0314db9a487a9b46cb37eca\">\n <arcgis-zoom position=\"top-left\"></arcgis-zoom>\n <arcgis-legend position=\"bottom-left\"></arcgis-legend>\n</arcgis-map>\n```\n\nThe Map component can be customized further using any of the [core API functionalities](https://developers.arcgis.com/javascript/latest/api-reference/) of the ArcGIS Maps SDK for JavaScript.\n\n```js\nconst viewElement = document.querySelector(\"arcgis-map\");\nviewElement.addEventListener(\"arcgisViewReadyChange\", () => {\n const layer = new GraphicsLayer({ title: \"My Layer\" });\n viewElement.map.add(layer);\n});\n```\n\nSee also:\n- [SDK sample apps using the Map component](https://developers.arcgis.com/javascript/latest/sample-code/?tagged=arcgis-map)\n- [Getting started](https://developers.arcgis.com/javascript/latest/get-started-overview/)\n- [Programming patterns](https://developers.arcgis.com/javascript/latest/programming-patterns/)",
+      "docs": "The ArcGIS Map component is used to add 2D maps to web applications. For 3D maps, use the\n[ArcGIS Scene component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).\n\nThe Map component creates a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) and loads a WebMap from either [ArcGIS Online](https://www.arcgis.com/home/index.html) or [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm).\n\n```html\n<arcgis-map item-id=\"05e015c5f0314db9a487a9b46cb37eca\"></arcgis-map>\n```\n\nAlternatively, the Map component can be initialized without a WebMap item.\n\n```html\n<arcgis-map basemap=\"satellite\" center=\"-154.88, 19.46\" zoom=\"15\"></arcgis-map>\n```\n\nOther components can be added and connected to the Map component.\n\n```html\n<arcgis-map item-id=\"05e015c5f0314db9a487a9b46cb37eca\">\n <arcgis-zoom position=\"top-left\"></arcgis-zoom>\n <arcgis-legend position=\"bottom-left\"></arcgis-legend>\n</arcgis-map>\n```\n\nThe Map component can be customized further using any of the [core API functionalities](https://developers.arcgis.com/javascript/latest/api-reference/) of the ArcGIS Maps SDK for JavaScript.\n\n```js\nconst viewElement = document.querySelector(\"arcgis-map\");\nviewElement.addEventListener(\"arcgisViewReadyChange\", () => {\n const layer = new GraphicsLayer({ title: \"My Layer\" });\n viewElement.map.add(layer);\n});\n```\n\nSee also:\n- [SDK sample apps using the Map component](https://developers.arcgis.com/javascript/latest/sample-code/?tagged=arcgis-map)\n- [Get started](https://developers.arcgis.com/javascript/latest/get-started/)\n- [Programming patterns](https://developers.arcgis.com/javascript/latest/programming-patterns/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -27311,8 +27487,17 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Allows for adding graphics directly to the default graphics in the View.\nExample:\n```\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n```\nExample:\n```\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```",
-          "docsTags": [],
+          "docs": "Allows for adding graphics directly to the default graphics in the View.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```js\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n```"
+            },
+            {
+              "name": "example",
+              "text": "```js\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```"
+            }
+          ],
           "values": [],
           "optional": true,
           "required": false
@@ -27365,7 +27550,7 @@
           "reflectToAttr": false,
           "docs": "Options for configuring the highlight.",
           "docsTags": [],
-          "deprecation": "Options for configuring the highlight. Use the highlight method on the\nappropriate esri/views/layers/LayerView to highlight a feature.\nThe layerView's `highlightOptions` will take precedence over the MapView's `highlightOptions` if both properties are set.",
+          "deprecation": "since 4.33, use [highlights](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/#highlights) instead.\n\nOptions for configuring the highlight. Use the highlight method on the\nappropriate esri/views/layers/LayerView to highlight a feature.\nThe layerView's `highlightOptions` will take precedence over the MapView's `highlightOptions` if both properties are set.",
           "values": [],
           "optional": true,
           "required": false
@@ -28129,7 +28314,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.add(layer)` instead.\n\nAdds a layer to the map layers collection."
+          "deprecation": "since 4.33, use `element.map.add(layer)` instead.\n\nAdds a layer to the map layers collection."
         },
         {
           "name": "addLayers",
@@ -28185,7 +28370,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.addMany([layer])` instead.\n\nAdds a layer or array of layers to the map layers collection."
+          "deprecation": "since 4.33, use `element.map.addMany([layer])` instead.\n\nAdds a layer or array of layers to the map layers collection."
         },
         {
           "name": "addTable",
@@ -28226,7 +28411,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.tables.add(table)` instead.\n\nAdds a table to the map tables collection."
+          "deprecation": "since 4.33, use `element.map.tables.add(table)` instead.\n\nAdds a table to the map tables collection."
         },
         {
           "name": "addTables",
@@ -28282,7 +28467,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.tables.addMany([table])` instead.\n\nAdds a table or array of tables to the map tables collection."
+          "deprecation": "since 4.33, use `element.map.tables.addMany([table])` instead.\n\nAdds a table or array of tables to the map tables collection."
         },
         {
           "name": "closePopup",
@@ -28331,7 +28516,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisMap = document.createElement(\"arcgis-map\");\ndocument.body.append(arcgisMap);\narcgisMap.componentOnReady().then(() => {\n  console.log(\"arcgis-map is ready to go!\");\n});"
+              "text": "```js\nconst arcgisMap = document.querySelector(\"arcgis-map\");\ndocument.body.append(arcgisMap);\nawait arcgisMap.componentOnReady();\nconsole.log(\"arcgis-map is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -28732,8 +28917,21 @@
               "docs": ""
             }
           ],
-          "docs": "`viewOnReady()` may be leveraged once an instance of the component is created and ready.\nThis method takes two input parameters: a `callback` function and an `errback` function.",
-          "docsTags": []
+          "docs": "`viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/#view) is created and ready.\nThis method takes two input parameters, a `callback` function and an `errback` function, and returns a promise. The `callback` executes when the promise resolves, and the `errback` executes if the promise is rejected.",
+          "docsTags": [
+            {
+              "name": "since",
+              "text": "4.33"
+            },
+            {
+              "name": "see",
+              "text": "[Watch for changes - waiting for components or views to be ready](https://developers.arcgis.com/javascript/latest/watch-for-changes/#waiting-for-components-or-views-to-be-ready)"
+            },
+            {
+              "name": "example",
+              "text": "```js\nconst viewElement = document.querySelector(\"arcgis-map\");\nawait viewElement.viewOnReady();\n// The view is now ready to be used.\nviewElement.map.add(new FeatureLayer({...}));\n```"
+            }
+          ]
         },
         {
           "name": "whenLayerView",
@@ -29568,8 +29766,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -29676,7 +29879,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisMeasurement = document.createElement(\"arcgis-measurement\");\ndocument.body.append(arcgisMeasurement);\narcgisMeasurement.componentOnReady().then(() => {\n  console.log(\"arcgis-measurement is ready to go!\");\n});"
+              "text": "```js\nconst arcgisMeasurement = document.querySelector(\"arcgis-measurement\");\ndocument.body.append(arcgisMeasurement);\nawait arcgisMeasurement.componentOnReady();\nconsole.log(\"arcgis-measurement is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -29772,7 +29975,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Navigation Toggle component can be used to control the navigation mode of a Scene component.\n\nWhen the navigation mode is set to \"pan\" (default), the mouse drag gesture pans the view and right-click + drag allows the user\nto rotate the view. When the navigation mode is set to \"rotate\", the mouse drag gesture rotates the view and\nright-click + drag pans the view.\n\nThe Navigation Toggle component is only supported in 3D.",
+      "docs": "The Navigation Toggle component can be used to control the navigation mode of a Scene component.\n\nWhen the navigation mode is set to \"pan\" (default), the mouse drag gesture pans the view and right-click + drag allows the user\nto rotate the view. When the navigation mode is set to \"rotate\", the mouse drag gesture rotates the view and\nright-click + drag pans the view.\n\n**Known limitations**\n\nNavigation Toggle is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.",
       "docsTags": [
         {
           "name": "superclass",
@@ -29868,7 +30071,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -29885,7 +30088,7 @@
           "mutable": true,
           "attr": "navigation-mode",
           "reflectToAttr": true,
-          "docs": "The navigation mode of the view. See the table below for a list of\npossible values.\n\nPossible Value | Description\n---------------|-------------\npan | The mouse drag gesture pans the view. Right-click + drag allows the user to perform a 3D rotate around the center of the view.\nrotate | The mouse drag gesture performs a 3D rotate around the center of the view and the right-click + drag gesture pans the view.",
+          "docs": "The navigation mode of the view. The possible values:\n\n* `pan` - The mouse drag gesture pans the view. Right-click + drag allows the user to perform a 3D rotate around the center of the view.\n* `rotate` - The mouse drag gesture performs a 3D rotate around the center of the view and the right-click + drag gesture pans the view.",
           "docsTags": [],
           "default": "\"pan\"",
           "values": [
@@ -29983,8 +30186,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -30014,8 +30222,12 @@
           "attr": "state",
           "reflectToAttr": true,
           "docs": "The current state of the component.",
-          "docsTags": [],
-          "default": "\"disabled\"",
+          "docsTags": [
+            {
+              "name": "readonly",
+              "text": ""
+            }
+          ],
           "values": [
             {
               "value": "disabled",
@@ -30055,7 +30267,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisNavigationToggle = document.createElement(\"arcgis-navigation-toggle\");\ndocument.body.append(arcgisNavigationToggle);\narcgisNavigationToggle.componentOnReady().then(() => {\n  console.log(\"arcgis-navigation-toggle is ready to go!\");\n});"
+              "text": "```js\nconst arcgisNavigationToggle = document.querySelector(\"arcgis-navigation-toggle\");\ndocument.body.append(arcgisNavigationToggle);\nawait arcgisNavigationToggle.componentOnReady();\nconsole.log(\"arcgis-navigation-toggle is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -30581,8 +30793,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -30653,7 +30870,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisOrientedImageryViewer = document.createElement(\"arcgis-oriented-imagery-viewer\");\ndocument.body.append(arcgisOrientedImageryViewer);\narcgisOrientedImageryViewer.componentOnReady().then(() => {\n  console.log(\"arcgis-oriented-imagery-viewer is ready to go!\");\n});"
+              "text": "```js\nconst arcgisOrientedImageryViewer = document.querySelector(\"arcgis-oriented-imagery-viewer\");\ndocument.body.append(arcgisOrientedImageryViewer);\nawait arcgisOrientedImageryViewer.componentOnReady();\nconsole.log(\"arcgis-oriented-imagery-viewer is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -30820,8 +31037,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -30865,7 +31087,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisPlacement = document.createElement(\"arcgis-placement\");\ndocument.body.append(arcgisPlacement);\narcgisPlacement.componentOnReady().then(() => {\n  console.log(\"arcgis-placement is ready to go!\");\n});"
+              "text": "```js\nconst arcgisPlacement = document.querySelector(\"arcgis-placement\");\ndocument.body.append(arcgisPlacement);\nawait arcgisPlacement.componentOnReady();\nconsole.log(\"arcgis-placement is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -30901,7 +31123,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Print widget connects your application with a [printing service](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-the-portal-to-print-maps.htm) to allow the map to be printed.\nIt takes advantage of server-side, high-quality, full cartographic print functionality using the ExportWebMap service of ArcGIS,\nwhich can be configured with custom layout templates. One is provided that shows the map only, while another provides a layout with legend, etc.\nThe Print widget works with the [print](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-print.html) which generates a printer-ready version of the map.\n\nThe Print widget has two required properties: [view](#view) (reference to the MapView)\nand [printServiceUrl](#printServiceUrl) (URL of the REST endpoint of the Export Web Map Task).\nThe widget can preserve map scale or map extent in the printout. By default, the map extent is\npreserved. Use [TemplateOptions.scaleEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-TemplateOptions.html#scaleEnabled) to preserve scale\ninstead.\n\nThe Print widget prints a localized date for all [layouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-support-PrintTemplate.html#layout)\nexcept `map-only`. If using a custom print service, then `customTextElements` are supported for each print\ntemplate. Values found there will be populated in the Print widget under `Advanced options`. These values can\nbe overwritten in the Print widget UI, or programmatically using the\n[templateCustomTextElements](#templateCustomTextElements) property.\n\nFor more information about printing with the `MAP_ONLY` layout, please see\n[exportOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-support-PrintTemplate.html#exportOptions).\n\n**Known Limitations**\n\nSee [print](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-print.html) for a detailed list of known limitations.\n\n```html\n<arcgis-map item-id=\"45725ba7d9fb47a0925398919b13d1fa\">\n <arcgis-print position=\"top-right\"></arcgis-print>\n</arcgis-map>\n```\n\n```js\n// get a reference to the component\nconst components = document.querySelectorAll(\"arcgis-print\");\n\nconst portal = new Portal({\n url: \"https://zara.mapsdevext.arcgis.com/sharing\",\n authMode: \"immediate\",\n authorizedCrossOriginDomains: [\"https://zara.mapsdevext.arcgis.com\"],\n});\n\ncomponents.forEach((component) => {\n component.portal = portal;\n});\n```",
+      "docs": "The Print component connects your application with a [printing service](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-the-portal-to-print-maps.htm) to allow the map to be printed.\nIt takes advantage of server-side, high-quality, full cartographic print functionality using the ExportWebMap service of ArcGIS,\nwhich can be configured with custom layout templates. One is provided that shows the map only, while another provides a layout with legend, etc.\nThe Print component works with the [print](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-print.html) module, which generates a printer-ready version of the map.\n\nThe Print component uses the ArcGIS Online print service by default, but it can be configured to use a custom print service with the [printServiceUrl](#printServiceUrl) property.\nThe component can preserve map scale or map extent in the printout. By default, the map extent is preserved. Use\n[TemplateOptions.scaleEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-TemplateOptions.html#scaleEnabled) to preserve scale instead.\n\nThe Print component prints a localized date for all [layouts](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-support-PrintTemplate.html#layout)\nexcept `map-only`. If using a custom print service, then `customTextElements` are supported for each print\ntemplate. Values found there will be populated in the Print component under `Advanced options`. These values can\nbe overwritten in the Print component UI, or programmatically using the\n[templateCustomTextElements](#templateCustomTextElements) property.\n\nFor more information about printing with the `MAP_ONLY` layout, please see\n[exportOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-support-PrintTemplate.html#exportOptions).\n\n**Known limitations**\n\nSee [print](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-print.html) for a detailed list of known limitations.\n\n```html\n<arcgis-map item-id=\"45725ba7d9fb47a0925398919b13d1fa\">\n <arcgis-print position=\"top-right\"></arcgis-print>\n</arcgis-map>\n```\n\n```js\n// get a reference to the component\nconst components = document.querySelectorAll(\"arcgis-print\");\n\nconst portal = new Portal({\n url: \"https://user.maps.arcgis.com/sharing\",\n authMode: \"immediate\",\n authorizedCrossOriginDomains: [\"https://user.maps.arcgis.com\"],\n});\n\ncomponents.forEach((component) => {\n component.portal = portal;\n});\n```",
       "docsTags": [
         {
           "name": "superclass",
@@ -30961,7 +31183,7 @@
           "mutable": true,
           "attr": "allowed-formats-for-saving",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Specifies the print output file format(s) that the user can select when saving the exported map printout.\nThis property can take a string value or an array of string values.",
           "docsTags": [],
           "values": [
             {
@@ -31039,7 +31261,11 @@
           "mutable": true,
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "internal"
+            }
+          ],
           "values": [],
           "optional": true,
           "required": false
@@ -31109,7 +31335,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The collection of links exported from the Print widget.",
+          "docs": "The collection of links exported from the Print component.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -31147,7 +31373,7 @@
           "mutable": true,
           "attr": "heading-level",
           "reflectToAttr": false,
-          "docs": "Indicates the heading level to use for the \"Exported files\" text where users can\naccess the exported map printout. By default, this text is rendered\nas a level 3 heading (e.g. `<h3>Exported files</h3>`). Depending on the widget's placement\nin your app, you may need to adjust this heading for proper semantics. This is\nimportant for meeting accessibility standards.",
+          "docs": "Indicates the heading level to use for the \"Exported files\" text where users can\naccess the exported map printout. By default, this text is rendered\nas a level 3 heading (e.g. `<h3>Exported files</h3>`). Depending on the component's placement\nin your app, you may need to adjust this heading for proper semantics. This is\nimportant for meeting accessibility standards.",
           "docsTags": [],
           "default": "3",
           "values": [
@@ -31190,7 +31416,7 @@
           "mutable": true,
           "attr": "hide-header",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Indicates whether the component's header is hidden.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -31259,7 +31485,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -31281,7 +31507,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The [spatial reference](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html) used to render\nthe printed map on the server.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-PrintViewModel.html#outSpatialReference)",
+          "docs": "The [spatial reference](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html) used to render the printed map on the server.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -31303,7 +31529,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "It is possible to search a specified portal instance's [locator services](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-portal-to-geocode-addresses.htm).\nUse this property to set this [ArcGIS Portal](https://enterprise.arcgis.com/en/portal/) instance to search.\nThis is especially helpful when working with a [custom](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-CustomTemplate.html).\n\nIf this property is set, it is not necessary to set the [printServiceUrl](#printServiceUrl) property.",
+          "docs": "It is possible to search a specified portal instance's [locator services](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-portal-to-geocode-addresses.htm).\nUse this property to set this [ArcGIS Portal](https://enterprise.arcgis.com/en/portal/) instance to search.\nThis is especially helpful when working with a [custom template](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-CustomTemplate.html).\n\nIf this property is set, it is not necessary to set the [printServiceUrl](#printServiceUrl) property.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -31320,7 +31546,7 @@
           "mutable": true,
           "attr": "position",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "The UI position of a component.",
           "docsTags": [],
           "default": "\"top-left\"",
           "values": [
@@ -31375,7 +31601,7 @@
           "mutable": true,
           "attr": "print-service-url",
           "reflectToAttr": false,
-          "docs": "The URL of the REST endpoint of the Export Web Map Task.\nIf the [portal](#portal) property is set, it is not necessary to set this property.",
+          "docs": "The URL of the REST endpoint of the Export Web Map Task.\nDefaults to the ArcGIS Online print service if this property is not specified.\nIf the [portal](#portal) property is set, this property will use the portal's print service URL.",
           "docsTags": [],
           "values": [
             {
@@ -31412,7 +31638,7 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "By passing the `id` of the Map or Scene component into this property, you can position components from the `@arcgis/map-components`\npackage anywhere in the DOM while still maintaining a connection to the Map or Scene.\n\nSee [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component).",
           "docsTags": [],
           "values": [
             {
@@ -31458,7 +31684,11 @@
           "mutable": true,
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "internal"
+            }
+          ],
           "values": [],
           "optional": true,
           "required": false
@@ -31474,7 +31704,7 @@
           "mutable": true,
           "attr": "show-print-area-enabled",
           "reflectToAttr": false,
-          "docs": "The initial state of the print area toggle in the Print widget UI.\nWhen set to `true`, the print area toggle is enabled by default.\nWhen set to `false`, the print area toggle is disabled by default.",
+          "docs": "The initial state of the print area toggle in the Print component UI.\nWhen set to `true`, the print area toggle is enabled by default.\nWhen set to `false`, the print area toggle is disabled by default.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -31496,7 +31726,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The view model's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-PrintViewModel.html#state)",
+          "docs": "The state of the Print component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -31541,7 +31771,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "An object containing an array of `customTextElements` name-value pair objects\nfor each print template in a custom print service. Use this property to update\nthe text for custom text elements on the page layout.\n\nThe Print widget calls the `Get Layout Templates Info` task on the GPServer\nto discover possible `customTextElements` values for each template. The name of\nthe task must match `Get Layout Templates Info`, templates must be published\nwith `customTextElements`, and values must be strings. Values found there will be\npopulated in the Print widget under `Advanced options`. These values can be\noverwritten in the Print widget UI, or programmatically using this property.\nTo list all print templates available on the print service to see\nsee which templates were published with `customTextElements`, use the\n[effectiveTemplateCustomTextElements](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-PrintViewModel.html#effectiveTemplateCustomTextElements)\nproperty.",
+          "docs": "An object containing an array of `customTextElements` name-value pair objects\nfor each print template in a custom print service. Use this property to update\nthe text for custom text elements on the page layout.\n\nThe Print component calls the `Get Layout Templates Info` task on the GPServer\nto discover possible `customTextElements` values for each template. The name of\nthe task must match `Get Layout Templates Info`, templates must be published\nwith `customTextElements`, and values must be strings. Values found there will be\npopulated in the Print component under `Advanced options`. These values can be\noverwritten in the Print component UI, or programmatically using this property.\nTo list all print templates available on the print service to see\nsee which templates were published with `customTextElements`, use the\n[effectiveTemplateCustomTextElements](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-PrintViewModel.html#effectiveTemplateCustomTextElements)\nproperty.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -31563,7 +31793,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Defines the layout template options used by the [Print](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print.html) widget to generate the print page.",
+          "docs": "Defines the layout template options used by the Print component to generate the print page.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -31595,7 +31825,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisPrint = document.createElement(\"arcgis-print\");\ndocument.body.append(arcgisPrint);\narcgisPrint.componentOnReady().then(() => {\n  console.log(\"arcgis-print is ready to go!\");\n});"
+              "text": "```js\nconst arcgisPrint = document.querySelector(\"arcgis-print\");\ndocument.body.append(arcgisPrint);\nawait arcgisPrint.componentOnReady();\nconsole.log(\"arcgis-print is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -31630,16 +31860,22 @@
       "events": [
         {
           "event": "arcgisComplete",
-          "detail": "{ link: FileLink; }",
+          "detail": "PrintCompleteEvent",
           "bubbles": true,
           "complexType": {
-            "original": "{ link: FileLink; }",
-            "resolved": "{ link: FileLink; }",
-            "references": {}
+            "original": "PrintCompleteEvent",
+            "resolved": "PrintCompleteEvent",
+            "references": {
+              "PrintCompleteEvent": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Emitted when the component is complete.",
           "docsTags": []
         },
         {
@@ -31672,16 +31908,22 @@
         },
         {
           "event": "arcgisSubmit",
-          "detail": "{ link: FileLink; }",
+          "detail": "PrintSubmitEvent",
           "bubbles": true,
           "complexType": {
-            "original": "{ link: FileLink; }",
-            "resolved": "{ link: FileLink; }",
-            "references": {}
+            "original": "PrintSubmitEvent",
+            "resolved": "PrintSubmitEvent",
+            "references": {
+              "PrintSubmitEvent": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Emitted when the component is submitted.",
           "docsTags": []
         }
       ],
@@ -31696,7 +31938,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Scale Bar component displays a scale bar representing the scale of the map.\nIt respects various coordinate systems and displays units in metric or imperial values.\nMetric values show either kilometers, meters, centimeters, or millimeters depending on the scale, and likewise, imperial values show miles, feet, or inches depending on the scale.\nWhen working with Web Mercator or geographic coordinate systems the scale bar takes into account projection distortion and dynamically adjusts the scale bar.\n\nWhen the scale bar is inside the map, the actual location of the scale bar is used to calculate the scale.\nOtherwise, the center of the map is used to calculate the scale.\n\n**Known Limitations**\n\n- This component is not currently supported within a Scene component.",
+      "docs": "The Scale Bar component displays a scale bar representing the scale of the map.\nIt respects various coordinate systems and displays units in metric or imperial values.\nMetric values show either kilometers, meters, centimeters, or millimeters depending on the scale, and likewise, imperial values show miles, feet, or inches depending on the scale.\nWhen working with Web Mercator or geographic coordinate systems the scale bar takes into account projection distortion and dynamically adjusts the scale bar.\n\nWhen the scale bar is inside the map, the actual location of the scale bar is used to calculate the scale.\nOtherwise, the center of the map is used to calculate the scale.\n\n**Known limitations**\n\n- This component is not currently supported within a Scene component.",
       "docsTags": [
         {
           "name": "superclass",
@@ -31815,7 +32057,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -31903,8 +32145,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -31978,7 +32225,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisScaleBar = document.createElement(\"arcgis-scale-bar\");\ndocument.body.append(arcgisScaleBar);\narcgisScaleBar.componentOnReady().then(() => {\n  console.log(\"arcgis-scale-bar is ready to go!\");\n});"
+              "text": "```js\nconst arcgisScaleBar = document.querySelector(\"arcgis-scale-bar\");\ndocument.body.append(arcgisScaleBar);\nawait arcgisScaleBar.componentOnReady();\nconsole.log(\"arcgis-scale-bar is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -32438,8 +32685,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -32538,7 +32790,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisScaleRangeSlider = document.createElement(\"arcgis-scale-range-slider\");\ndocument.body.append(arcgisScaleRangeSlider);\narcgisScaleRangeSlider.componentOnReady().then(() => {\n  console.log(\"arcgis-scale-range-slider is ready to go!\");\n});"
+              "text": "```js\nconst arcgisScaleRangeSlider = document.querySelector(\"arcgis-scale-range-slider\");\ndocument.body.append(arcgisScaleRangeSlider);\nawait arcgisScaleRangeSlider.componentOnReady();\nconsole.log(\"arcgis-scale-range-slider is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -32611,7 +32863,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The ArcGIS Scene component is used to add 3D maps to web applications. For 2D maps, use the\n[ArcGIS Map component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/).\n\nThe Scene component creates a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html)\nand loads a [WebScene](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html) item from either\n[ArcGIS Online](https://www.arcgis.com/home/index.html) or [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm).\n\n```html\n<arcgis-scene item-id=\"e2da7564e4f24eaaa918ffd70378056a\"></arcgis-scene>\n```\n\nAlternatively, the Scene component can be initialized without a WebScene item:\n\n```html\n<arcgis-scene\n basemap=\"satellite\"\n ground=\"world-elevation\"\n camera-position=\"12.3808, 46.3959, 4400\"\n camera-tilt=\"75\"\n camera-heading=\"300\">\n</arcgis-scene>\n```\n\nFurther components can be added and connected to the Scene component:\n\n```html\n<arcgis-scene item-id=\"e2da7564e4f24eaaa918ffd70378056a\">\n  <arcgis-layer-list position=\"bottom-right\"></arcgis-layer-list>\n</arcgis-scene>\n```\n\nThe Scene component can be customized further using any of the [core API functionalities](https://developers.arcgis.com/javascript/latest/api-reference/)\nof the ArcGIS Maps SDK for JavaScript.\n\n```js\nconst viewElement = document.querySelector(\"arcgis-scene\");\nviewElement.addEventListener(\"arcgisViewReadyChange\", () => {\n  const layer = new GraphicsLayer({ title: \"My layer\"});\n  viewElement.map.add(layer);\n});\n```\n\nSee also:\n- [SDK sample apps using the Scene component](https://developers.arcgis.com/javascript/latest/sample-code/?tagged=arcgis-scene)\n- [Getting started](https://developers.arcgis.com/javascript/latest/get-started-overview/)\n- [Programming patterns](https://developers.arcgis.com/javascript/latest/programming-patterns/)",
+      "docs": "The ArcGIS Scene component is used to add 3D maps to web applications. For 2D maps, use the\n[ArcGIS Map component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/).\n\nThe Scene component creates a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html)\nand loads a [WebScene](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html) item from either\n[ArcGIS Online](https://www.arcgis.com/home/index.html) or [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm).\n\n```html\n<arcgis-scene item-id=\"e2da7564e4f24eaaa918ffd70378056a\"></arcgis-scene>\n```\n\nAlternatively, the Scene component can be initialized without a WebScene item:\n\n```html\n<arcgis-scene\n basemap=\"satellite\"\n ground=\"world-elevation\"\n camera-position=\"12.3808, 46.3959, 4400\"\n camera-tilt=\"75\"\n camera-heading=\"300\">\n</arcgis-scene>\n```\n\nFurther components can be added and connected to the Scene component:\n\n```html\n<arcgis-scene item-id=\"e2da7564e4f24eaaa918ffd70378056a\">\n  <arcgis-layer-list position=\"bottom-right\"></arcgis-layer-list>\n</arcgis-scene>\n```\n\nThe Scene component can be customized further using any of the [core API functionalities](https://developers.arcgis.com/javascript/latest/api-reference/)\nof the ArcGIS Maps SDK for JavaScript.\n\n```js\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\n// The view is now ready to be used.\nconst layer = new GraphicsLayer({ title: \"My layer\"});\nviewElement.map.add(layer);\n```\n\n**See also**\n\n- [SDK sample apps using the Scene component](https://developers.arcgis.com/javascript/latest/sample-code/?tagged=arcgis-scene)\n- [Get started](https://developers.arcgis.com/javascript/latest/get-started/)\n- [Programming patterns](https://developers.arcgis.com/javascript/latest/programming-patterns/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -32819,7 +33071,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The [camera](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html) allows to set the observation point from which the visible portion (or perspective)\nof the view is determined. When set in the constructor, this property overrides the\n[center](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#center),\n[extent](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#extent),\n[scale](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#scale),\n[viewpoint](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#viewpoint), and\n[zoom](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#zoom) properties.\n\nSetting the camera immediately changes the current view. For animating the view, see this component's\n[goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.",
+          "docs": "The [camera](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html) allows to set the observation point from which the visible portion (or perspective)\nof the view is determined. When set in the constructor, this property overrides the [center](#center), [extent](#extent), [scale](#scale), [viewpoint](#viewpoint), and [zoom](#zoom) properties.\n\nSetting the camera immediately changes the current view. For animating the view, see this component's\n[goTo()](#goTo) method.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -32836,7 +33088,7 @@
           "mutable": true,
           "attr": "camera-fov",
           "reflectToAttr": false,
-          "docs": "The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.\n\nSetting the camera fov immediately changes the current view. For animating the view, see this component's\n[goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#fov)",
+          "docs": "The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.\n\nSetting the camera fov immediately changes the current view. For animating the view, see this component's\n[goTo()](#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#fov)",
           "docsTags": [],
           "values": [
             {
@@ -32857,7 +33109,7 @@
           "mutable": true,
           "attr": "camera-heading",
           "reflectToAttr": false,
-          "docs": "The compass heading of the camera in degrees.\n\nSetting the camera heading immediately changes the current view. For animating the view, see this component's\n[goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading)",
+          "docs": "The compass heading of the camera in degrees.\n\nSetting the camera heading immediately changes the current view. For animating the view, see this component's\n[goTo()](#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading)",
           "docsTags": [],
           "values": [
             {
@@ -32889,7 +33141,7 @@
           "mutable": true,
           "attr": "camera-position",
           "reflectToAttr": false,
-          "docs": "The position of the camera defined by a map point. It can be a string with the format `\"<longitude>, <latitude>, <elevation>\"`\nor a [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) instance.\n\nSetting the camera position immediately changes the current view. For animating the view, see this component's\n[goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#position)",
+          "docs": "The position of the camera defined by a map point. It can either be set with a\n[Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) instance\nor a string in the format: longitude, latitude, elevation. E.g. `\"12.3808, 46.3959, 4400\"`.\n\nSetting the camera position immediately changes the current view. For animating the view, see this component's\n[goTo()](#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#position)",
           "docsTags": [],
           "values": [
             {
@@ -32916,7 +33168,7 @@
           "mutable": true,
           "attr": "camera-tilt",
           "reflectToAttr": false,
-          "docs": "The tilt of the camera in degrees with respect to the surface as projected down from the camera position.\n\nSetting the camera tilt immediately changes the current view. For animating the view, see this component's\n[goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#tilt)",
+          "docs": "The tilt of the camera in degrees with respect to the surface as projected down from the camera position.\n\nSetting the camera tilt immediately changes the current view. For animating the view, see this component's\n[goTo()](#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#tilt)",
           "docsTags": [],
           "values": [
             {
@@ -32948,7 +33200,7 @@
           "mutable": true,
           "attr": "center",
           "reflectToAttr": false,
-          "docs": "Represents the center point of the view. It can be a string with the format `\"<longitude>, <latitude>\"`\nor a [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) instance.\n\nSetting the center immediately changes the current view. For animating the view, see this component's\n[goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#center)",
+          "docs": "Represents the center point of the view. It can be a string with the format `\"<longitude>, <latitude>\"`\nor a [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) instance.\n\nSetting the center immediately changes the current view. For animating the view, see this component's\n[goTo()](#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#center)",
           "docsTags": [],
           "values": [
             {
@@ -32980,7 +33232,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Represents an optional clipping area used to define the visible [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html)\nof a [local scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#viewingMode).\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clippingArea)",
+          "docs": "Represents an optional clipping area used to define the visible [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html)\nof a Scene in `local` [viewingMode](#viewingMode).\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clippingArea)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -33046,7 +33298,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Specifies various properties of the environment's visualization in the view, like the lighting, background, weather, etc.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#environment)",
+          "docs": "Specifies various properties of the environment's visualization within the view, including lighting, background, weather, and more.\nThe Scene will redraw automatically when any property of environment changes.\n\nModifying the lighting:\n\n```js\nviewElement.environment.lighting = {\n  type: \"sun\", // autocasts as new SunLighting()\n  date: new Date(), // sets the lighting to reflect the current time of day\n  directShadowsEnabled: true,\n};\n```\n\nSetting the background:\n\n```js\nviewElement.environment = {\n background: {\n    type: \"color\",\n    color: [255, 252, 244, 1]\n },\n  starsEnabled: false,\n  atmosphereEnabled: false\n};\n```\n\nChanging the weather in the scene:\n\n```js\nviewElement.environment.weather = {\n  type: \"rainy\", // autocasts as new RainyWeather({ cloudCover: 0.7, precipitation: 0.3 })\n  cloudCover: 0.7,\n  precipitation: 0.3\n};\n```\n\n**See also**\n\n- [SunLighting](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SunLighting.html)\n- [VirtualLighting](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-VirtualLighting.html)\n- [SunnyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SunnyWeather.html)\n- [CloudyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-CloudyWeather.html)\n- [RainyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-RainyWeather.html)\n- [SnowyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SnowyWeather.html)\n- [FoggyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-FoggyWeather.html)\n- [Sample - Daylight component](https://developers.arcgis.com/javascript/latest/sample-code/daylight/)\n- [Sample - Weather component](https://developers.arcgis.com/javascript/latest/sample-code/weather/)\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#environment)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -33068,7 +33320,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The extent represents the visible portion of a map within the view as an instance of\n[Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html).\n\nSetting the extent immediately changes the view without animation. To animate\nthe view, see this component's [goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\nWhen the view is rotated, the extent does not update to include the newly visible portions of the map.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#extent)",
+          "docs": "The extent represents the visible portion of a [map](#map) within the view as an instance of\n[Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html).\n\nSetting the extent immediately changes the view without animation. To animate\nthe view, see this component's [goTo()](#goTo) method.\nWhen the view is rotated, the extent does not update to include the newly visible portions of the map.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#extent)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -33118,6 +33370,33 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "focusAreas",
+          "type": "FocusAreas",
+          "complexType": {
+            "original": "FocusAreas",
+            "resolved": "FocusAreas",
+            "references": {
+              "FocusAreas": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "A container of all [focus areas](https://developers.arcgis.com/javascript/latest/api-reference/esri-effects-FocusAreas.html) present in the map.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#focusAreas)",
+          "docsTags": [
+            {
+              "name": "since",
+              "text": "4.33"
+            }
+          ],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "gamepad",
           "type": "GamepadSettings",
@@ -33166,8 +33445,13 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Allows for adding graphics directly to the default graphics in the view.\nExamples:\n```\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```",
-          "docsTags": [],
+          "docs": "Allows for adding graphics directly to the default graphics in the view.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```js\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```"
+            }
+          ],
           "values": [],
           "optional": true,
           "required": false
@@ -33189,7 +33473,7 @@
           "mutable": true,
           "attr": "ground",
           "reflectToAttr": false,
-          "docs": "Specifies the surface properties for the map. It can be either a [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html)\ninstance or a string with one of the following values:\n   * `\"world-elevation\"`\n   * `\"world-topobathymetry\"`\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#ground)",
+          "docs": "Specifies the surface properties for the [map](#map). It can be either a [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html)\ninstance or a string with one of the following values:\n   * `\"world-elevation\"`\n   * `\"world-topobathymetry\"`\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#ground)",
           "docsTags": [],
           "values": [
             {
@@ -33247,7 +33531,7 @@
           "reflectToAttr": false,
           "docs": "Options for configuring the highlight.",
           "docsTags": [],
-          "deprecation": "since 4.32. Use [highlights](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#highlights) property instead.",
+          "deprecation": "since 4.32, use [highlights](https://next.sites.afd.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#highlights) property instead.",
           "values": [],
           "optional": true,
           "required": false
@@ -33347,7 +33631,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "A collection containing a hierarchical list of all the created\n[LayerViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) of the\n[operational layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the map.",
+          "docs": "A collection containing a hierarchical list of all the created\n[LayerViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) of the\n[operational layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the [map](#map).",
           "docsTags": [
             {
               "name": "readonly",
@@ -33521,7 +33805,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "A [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) object that displays general content or attributes from\n[layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#map).\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#popup)",
+          "docs": "A [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html)\nobject that displays general content or attributes from [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers)\nin the [map](#map).\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#popup)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -33560,7 +33844,7 @@
           "mutable": true,
           "attr": "quality-profile",
           "reflectToAttr": false,
-          "docs": "SceneView can draw scenes in three different quality modes: `high`, `medium` and `low`.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#qualityProfile)",
+          "docs": "Scenes can be drawn in three different quality modes: `high`, `medium` and `low`.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#qualityProfile)",
           "docsTags": [],
           "values": [
             {
@@ -33615,7 +33899,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Represents the current value of one pixel in the unit of the view's\n[spatialReference](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#spatialReference).\nThe resolution is calculated by dividing the view's [extent width](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html#width)\nby [its width](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#width).",
+          "docs": "Represents the current value of one pixel in the unit of the view's\n[spatialReference](#spatialReference).\nThe resolution is calculated by dividing the [Scene's extent](#extent) [width](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html#width)\nby [its width](#width).",
           "docsTags": [
             {
               "name": "readonly",
@@ -33641,7 +33925,7 @@
           "mutable": true,
           "attr": "scale",
           "reflectToAttr": false,
-          "docs": "Represents the map scale at the center of the view.\n\nSetting the scale immediately changes the view. For animating\nthe view, see this component's [goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#scale)",
+          "docs": "Represents the map scale at the center of the view.\n\nSetting the scale immediately changes the view. For animating\nthe view, see this component's [goTo()](#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#scale)",
           "docsTags": [],
           "values": [
             {
@@ -33743,7 +34027,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "This property specifies the base colors used by some widgets\nand components to render graphics and labels.\nThis only affects those elements that would otherwise use the default orange pattern.",
+          "docs": "This property specifies the base colors used by some components to render graphics and labels.\nThis only affects those elements that would otherwise use the default orange pattern.",
           "docsTags": [],
           "default": "null",
           "values": [],
@@ -33869,7 +34153,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Represents the current view as a [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)\nor point of observation on the view.\n\nSetting the viewpoint immediately changes the current view. For animating\nthe view, see this component's [goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewpoint)",
+          "docs": "Represents the current view as a [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)\nor point of observation on the view.\n\nSetting the viewpoint immediately changes the current view. For animating\nthe view, see this component's [goTo()](#goTo) method.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#viewpoint)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -33891,7 +34175,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The visibleArea represents the visible portion of a [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html) within the view as\nan instance of a [Polygon](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polygon.html).\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#visibleArea)",
+          "docs": "The visibleArea represents the visible portion of a [map](#map) within the view as an instance of a\n[Polygon](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Polygon.html).\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#visibleArea)",
           "docsTags": [
             {
               "name": "readonly",
@@ -33913,7 +34197,7 @@
           "mutable": true,
           "attr": "zoom",
           "reflectToAttr": false,
-          "docs": "Represents the level of detail (LOD) at the center of the view.\n\nSetting the zoom immediately changes the current view. For animating the view, see this component's [goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#goTo) method.\nSetting this property in conjunction with [center](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#center)\nis a convenient way to set the initial extent of the view.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#zoom)",
+          "docs": "Represents the level of detail (LOD) at the center of the view.\n\nSetting the zoom immediately changes the current view. For animating the view, see this component's [goTo()](#goTo) method.\nSetting this property in conjunction with [center](#center)\nis a convenient way to set the initial extent of the view.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#zoom)",
           "docsTags": [],
           "values": [
             {
@@ -33974,7 +34258,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.add(layer)` instead.\n\nAdds a layer to the [map's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) `layers` collection."
+          "deprecation": "since 4.33, use `element.map.add(layer)` instead.\n\nAdds a layer to the [map's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) `layers` collection."
         },
         {
           "name": "addLayers",
@@ -34030,7 +34314,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.addMany([layer])` instead.\n\nAdds a layer or array of layers to the [map's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) `layers` collection."
+          "deprecation": "since 4.33, use `element.map.addMany([layer])` instead.\n\nAdds a layer or array of layers to the [map's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) `layers` collection."
         },
         {
           "name": "addTable",
@@ -34071,7 +34355,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.tables.add(table)` instead.\n\nAdds a table to the [map's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) `tables` collection."
+          "deprecation": "since 4.33, use `element.map.tables.add(table)` instead.\n\nAdds a table to the [map's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) `tables` collection."
         },
         {
           "name": "addTables",
@@ -34127,7 +34411,7 @@
           ],
           "docs": "",
           "docsTags": [],
-          "deprecation": "since 4.33. Use `element.map.tables.addMany([table])` instead.\n\nAdds a table or array of tables to the [map's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) `tables` collection."
+          "deprecation": "since 4.33, use `element.map.tables.addMany([table])` instead.\n\nAdds a table or array of tables to the [map's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) `tables` collection."
         },
         {
           "name": "closePopup",
@@ -34149,7 +34433,7 @@
           },
           "signature": "closePopup(): Promise<void>",
           "parameters": [],
-          "docs": "Closes the [popup](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#popup).",
+          "docs": "Closes the [popup](#popup).",
           "docsTags": []
         },
         {
@@ -34176,7 +34460,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisScene = document.createElement(\"arcgis-scene\");\ndocument.body.append(arcgisScene);\narcgisScene.componentOnReady().then(() => {\n  console.log(\"arcgis-scene is ready to go!\");\n});"
+              "text": "```js\nconst arcgisScene = document.querySelector(\"arcgis-scene\");\ndocument.body.append(arcgisScene);\nawait arcgisScene.componentOnReady();\nconsole.log(\"arcgis-scene is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -34204,7 +34488,7 @@
           },
           "signature": "destroy(): Promise<void>",
           "parameters": [],
-          "docs": "Destroys the Scene component, and any associated resources, including its\n[map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map),\n[popup](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#popup),\nand removes components or other UI DOM elements added to it.",
+          "docs": "Destroys the Scene component, and any associated resources, including its [map](#map), [popup](#popup),\nand removes components or other UI DOM elements added to it.",
           "docsTags": []
         },
         {
@@ -34319,7 +34603,7 @@
               "docs": ""
             }
           ],
-          "docs": "Returns [hit test results](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#HitTestResult)\nfrom each layer that intersects the specified screen coordinates.\n\n```\nviewElement.addEventListener(\"arcgisViewClick\", (event) => {\n  viewElement.hitTest(event.detail).then((response) => {\n     const result = response.results[0];\n     if (result?.type === \"graphic\") {\n        const { longitude, latitude } = result.mapPoint;\n        console.log(\"Hit graphic at (\" + longitude + \", \" + latitude + \")\", result.graphic);\n     } else {\n        console.log(\"Did not hit any graphic\");\n     }\n  });\n});\n```\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#hitTest)",
+          "docs": "Returns [hit test results](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#HitTestResult)\nfrom each layer that intersects the specified screen coordinates.\n\n```js\nviewElement.addEventListener(\"arcgisViewClick\", (event) => {\n  viewElement.hitTest(event.detail).then((response) => {\n     const result = response.results[0];\n     if (result?.type === \"graphic\") {\n        const { longitude, latitude } = result.mapPoint;\n        console.log(\"Hit graphic at (\" + longitude + \", \" + latitude + \")\", result.graphic);\n     } else {\n        console.log(\"Did not hit any graphic\");\n     }\n  });\n});\n```\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#hitTest)",
           "docsTags": []
         },
         {
@@ -34577,8 +34861,21 @@
               "docs": ""
             }
           ],
-          "docs": "`viewOnReady()` may be leveraged once an instance of the component is created and ready.\nThis method takes two input parameters: a `callback` function and an `errback` function.",
-          "docsTags": []
+          "docs": "`viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#view) is created and ready.\nThis method takes two input parameters, a `callback` function and an `errback` function, and returns a promise. The `callback` executes when the promise resolves, and the `errback` executes if the promise is rejected.",
+          "docsTags": [
+            {
+              "name": "since",
+              "text": "4.33"
+            },
+            {
+              "name": "see",
+              "text": "[Watch for changes - waiting for components or views to be ready](https://developers.arcgis.com/javascript/latest/watch-for-changes/#waiting-for-components-or-views-to-be-ready)"
+            },
+            {
+              "name": "example",
+              "text": "```js\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\n// The view is now ready to be used.\nviewElement.map.add(new FeatureLayer({...}));\n```"
+            }
+          ]
         },
         {
           "name": "whenAnalysisView",
@@ -34722,6 +35019,66 @@
         }
       ],
       "events": [
+        {
+          "event": "arcgisViewAnalysisViewCreate",
+          "detail": "ViewAnalysisViewCreateEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "ViewAnalysisViewCreateEvent",
+            "resolved": "ViewAnalysisViewCreateEvent",
+            "references": {
+              "ViewAnalysisViewCreateEvent": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the view for an analysis is created.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#event-analysis-view-create)",
+          "docsTags": []
+        },
+        {
+          "event": "arcgisViewAnalysisViewCreateError",
+          "detail": "ViewAnalysisViewCreateErrorEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "ViewAnalysisViewCreateErrorEvent",
+            "resolved": "ViewAnalysisViewCreateErrorEvent",
+            "references": {
+              "ViewAnalysisViewCreateErrorEvent": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when an error occurs during the creation of an analysis view after an analysis is added to the view.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#event-analysis-view-create-error)",
+          "docsTags": []
+        },
+        {
+          "event": "arcgisViewAnalysisViewDestroy",
+          "detail": "ViewAnalysisViewDestroyEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "ViewAnalysisViewDestroyEvent",
+            "resolved": "ViewAnalysisViewDestroyEvent",
+            "references": {
+              "ViewAnalysisViewDestroyEvent": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires after an analysis view is destroyed.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#event-analysis-view-destroy)",
+          "docsTags": []
+        },
         {
           "event": "arcgisViewChange",
           "detail": "void",
@@ -34733,7 +35090,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "This event is for view related property changes:\n[zoom](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#zoom),\n[scale](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#scale),\n[center](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#center),\n[rotation](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#rotation),\n[extent](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#extent),\n[camera](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#camera),\n[viewpoint](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#viewpoint).\nThis event will also emit if [stationary](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#stationary)\ntoggles from `true` to `false`.",
+          "docs": "This event is for view related property changes: [zoom](#zoom), [scale](#scale), [center](#center), [rotation](#rotation), [extent](#extent),\n[camera](#camera), [viewpoint](#viewpoint). This event will also emit if [stationary](#stationary) toggles from `true` to `false`.",
           "docsTags": []
         },
         {
@@ -34753,7 +35110,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Fires after a user clicks on the view.\n\n```\nviewElement.addEventListener(\"arcgisViewClick\", (event) => {\n  viewElement.hitTest(event.detail).then((response) => {\n     const result = response.results[0];\n     // ....\n  });\n});\n```\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#event-click)",
+          "docs": "Fires after a user clicks on the view.\n\n```js\nviewElement.addEventListener(\"arcgisViewClick\", (event) => {\n  viewElement.hitTest(event.detail).then((response) => {\n     const result = response.results[0];\n     // ....\n  });\n});\n```\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#event-click)",
           "docsTags": []
         },
         {
@@ -35087,7 +35444,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "This event is for the [ready](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#ready)\nproperty and will be emitted when the view is ready.\nThis event will also emit if the [map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) property is changed.\n\n```\nviewElement.addEventListener(\"arcgisViewReadyChange\", () => {\n   const layer = new GraphicsLayer({ title: \"My layer\"});\n   viewElement.map.add(layer);\n});\n```",
+          "docs": "This event is for the [ready](#ready) property and will be emitted when the view is ready.\nThis event will also emit if the [map](#map) property is changed.",
           "docsTags": []
         }
       ],
@@ -35289,7 +35646,7 @@
           "required": false
         },
         {
-          "name": "autoSelect",
+          "name": "autoSelectDisabled",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -35297,11 +35654,11 @@
             "references": {}
           },
           "mutable": true,
-          "attr": "auto-select",
+          "attr": "auto-select-disabled",
           "reflectToAttr": false,
           "docs": "Indicates whether to automatically select and zoom to the first geocoded result. If `false`, the\n[findAddressCandidates](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-find-address-candidates.htm)\noperation will still geocode the input string, but the top result will not be selected. To work with the\ngeocoded results, you can set up a [search-complete](#event-search-complete) event handler and get the results\nthrough the event object.",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -35418,7 +35775,7 @@
           "required": false
         },
         {
-          "name": "includeDefaultSources",
+          "name": "includeDefaultSourcesDisabled",
           "type": "Function | boolean",
           "complexType": {
             "original": "Function | boolean",
@@ -35432,11 +35789,11 @@
             }
           },
           "mutable": true,
-          "attr": "include-default-sources",
+          "attr": "include-default-sources-disabled",
           "reflectToAttr": false,
           "docs": "Indicates whether or not to include [defaultSources](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#defaultSources) in the Search UI.\nThis can be a boolean value or a function that returns an array of Search [sources](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#sources).",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "Function"
@@ -35470,7 +35827,7 @@
           "required": false
         },
         {
-          "name": "locationEnabled",
+          "name": "locationDisabled",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -35478,11 +35835,11 @@
             "references": {}
           },
           "mutable": true,
-          "attr": "location-enabled",
+          "attr": "location-disabled",
           "reflectToAttr": false,
           "docs": "Enables location services within the component.\n\n![locationEnabled](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-locationEnabled.png)\n\n::: esri-md class=\"warning\"\nThe use of this property is only supported on secure origins.\nTo use it, switch your application to a secure origin, such as HTTPS.\nNote that localhost is considered \"potentially secure\" and can be used for easy testing in browsers that supports\n[Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/isSecureContext#browser_compatibility)\n(currently Chrome and Firefox).\n:::",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -35545,7 +35902,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -35574,7 +35931,7 @@
           "required": false
         },
         {
-          "name": "popupEnabled",
+          "name": "popupDisabled",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -35582,11 +35939,11 @@
             "references": {}
           },
           "mutable": true,
-          "attr": "popup-enabled",
+          "attr": "popup-disabled",
           "reflectToAttr": false,
           "docs": "Indicates whether to display the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) on feature click. The graphic can\nbe clicked to display a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -35726,8 +36083,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -35774,7 +36136,7 @@
           "required": false
         },
         {
-          "name": "resultGraphicEnabled",
+          "name": "resultGraphicDisabled",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -35782,11 +36144,11 @@
             "references": {}
           },
           "mutable": true,
-          "attr": "result-graphic-enabled",
+          "attr": "result-graphic-disabled",
           "reflectToAttr": false,
           "docs": "Indicates if the [resultGraphic](#resultGraphic) will display at the\nlocation of the selected feature.",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -35829,7 +36191,7 @@
           "required": false
         },
         {
-          "name": "searchAllEnabled",
+          "name": "searchAllDisabled",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -35837,11 +36199,11 @@
             "references": {}
           },
           "mutable": true,
-          "attr": "search-all-enabled",
+          "attr": "search-all-disabled",
           "reflectToAttr": false,
           "docs": "Indicates whether to display the option to search all sources. When `true`, the \"All\" option\nis displayed by default:\n\n![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-true.png)\n\nWhen `false`, no option to search all sources at once is available:\n\n![search-searchAllEnabled-false](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-false.png)",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -35955,7 +36317,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state of the widget.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#state)",
+          "docs": "The current state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#state)",
           "docsTags": [
             {
               "name": "readonly",
@@ -36018,7 +36380,7 @@
           "required": false
         },
         {
-          "name": "suggestionsEnabled",
+          "name": "suggestionsDisabled",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -36026,11 +36388,11 @@
             "references": {}
           },
           "mutable": true,
-          "attr": "suggestions-enabled",
+          "attr": "suggestions-disabled",
           "reflectToAttr": false,
           "docs": "Enable suggestions for the component.\n\nThis is only available if working with a 10.3 or greater geocoding service that has [suggest capability\nloaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e. `supportsPagination = true`.",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -36041,6 +36403,23 @@
         }
       ],
       "methods": [
+        {
+          "name": "clear",
+          "returns": {
+            "type": "void",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(): void",
+            "parameters": [],
+            "return": "void",
+            "references": {}
+          },
+          "signature": "clear(): void",
+          "parameters": [],
+          "docs": "Clears the current searchTerm, search results, suggest results, graphic, and graphics layer.\nIt also hides any open menus.",
+          "docsTags": []
+        },
         {
           "name": "componentOnReady",
           "returns": {
@@ -36065,7 +36444,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisSearch = document.createElement(\"arcgis-search\");\ndocument.body.append(arcgisSearch);\narcgisSearch.componentOnReady().then(() => {\n  console.log(\"arcgis-search is ready to go!\");\n});"
+              "text": "```js\nconst arcgisSearch = document.querySelector(\"arcgis-search\");\ndocument.body.append(arcgisSearch);\nawait arcgisSearch.componentOnReady();\nconsole.log(\"arcgis-search is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -36096,6 +36475,66 @@
           "docs": "Permanently destroy the component.",
           "docsTags": []
         },
+        {
+          "name": "search",
+          "returns": {
+            "type": "Promise<SearchResponse | null | undefined>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(searchItem?: __esri.Graphic | __esri.Point | __esri.SuggestResult | Nil | number[] | string): Promise<__esri.SearchResponse | Nil>",
+            "parameters": [
+              {
+                "name": "searchItem",
+                "type": "Array<number> | Graphic | Point | SuggestResult | null | string | undefined",
+                "docs": ""
+              }
+            ],
+            "return": "Promise<SearchResponse | null | undefined>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              },
+              "SearchResponse": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              },
+              "Array": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              },
+              "Graphic": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              },
+              "Point": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              },
+              "SuggestResult": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "search(searchItem?: __esri.Graphic | __esri.Point | __esri.SuggestResult | Nil | number[] | string): Promise<__esri.SearchResponse | Nil>",
+          "parameters": [
+            {
+              "name": "searchItem",
+              "type": "Array<number> | Graphic | Point | SuggestResult | null | string | undefined",
+              "docs": ""
+            }
+          ],
+          "docs": "Depending on the sources specified, search() queries the feature layer(s) and/or performs\naddress matching using any specified [locator(s)](https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-locator.html) and\nreturns any applicable results.",
+          "docsTags": []
+        },
         {
           "name": "setFocus",
           "returns": {
@@ -36118,6 +36557,46 @@
           "parameters": [],
           "docs": "Brings focus to the component's text input.",
           "docsTags": []
+        },
+        {
+          "name": "suggest",
+          "returns": {
+            "type": "Promise<SuggestResponse | null | undefined>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(query?: string): Promise<__esri.SuggestResponse | Nil>",
+            "parameters": [
+              {
+                "name": "query",
+                "type": "string | undefined",
+                "docs": ""
+              }
+            ],
+            "return": "Promise<SuggestResponse | null | undefined>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              },
+              "SuggestResponse": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "suggest(query?: string): Promise<__esri.SuggestResponse | Nil>",
+          "parameters": [
+            {
+              "name": "query",
+              "type": "string | undefined",
+              "docs": ""
+            }
+          ],
+          "docs": "Performs a suggest() request on the active Locator. It also uses the current value of\nthe component or one that is passed in.\n\nSuggestions are available if working with a 10.3 or greater geocoding service that has\n[suggest capability\nloaded](https://developers.arcgis.com/rest/geocode/api-reference/geocoding-suggest.htm) or a 10.3 or greater feature layer that supports pagination, i.e.\n`supportsPagination = true`.",
+          "docsTags": []
         }
       ],
       "events": [
@@ -36317,10 +36796,10 @@
         },
         {
           "name": "messages",
-          "type": "({\n    componentLabel?: string | undefined;\n    searchButtonTitle?: string | undefined;\n    placeholder?: string | undefined;\n    searchIn?: string | undefined;\n    all?: string | undefined;\n    allPlaceholder?: string | undefined;\n    locateError?: string | undefined;\n    untitledResult?: string | undefined;\n    untitledSource?: string | undefined;\n    noResults?: string | undefined;\n    noResultsFound?: string | undefined;\n    noResultsFoundForValue?: string | undefined;\n    showMoreResults?: string | undefined;\n    hideMoreResults?: string | undefined;\n    searchResult?: string | undefined;\n    moreResultsHeader?: string | undefined;\n    useCurrentLocation?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"id\" | \"el\" | \"hr\" | \"th\" | \"tr\" | \"sl\" | \"it\" | \"ca\" | \"de\" | \"fi\" | \"ar\" | \"da\" | \"vi\" | \"pl\" | \"et\" | \"bs\" | \"sk\" | \"es\" | \"en\" | \"ru\" | \"ro\" | \"no\" | \"lt\" | \"cs\" | \"he\" | \"fr\" | \"sv\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        searchButtonTitle?: string | undefined;\n        placeholder?: string | undefined;\n        searchIn?: string | undefined;\n        all?: string | undefined;\n        allPlaceholder?: string | undefined;\n        locateError?: string | undefined;\n        untitledResult?: string | undefined;\n        untitledSource?: string | undefined;\n        noResults?: string | undefined;\n        noResultsFound?: string | undefined;\n        noResultsFoundForValue?: string | undefined;\n        showMoreResults?: string | undefined;\n        hideMoreResults?: string | undefined;\n        searchResult?: string | undefined;\n        moreResultsHeader?: string | undefined;\n        useCurrentLocation?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        searchButtonTitle: string;\n        placeholder: string;\n        searchIn: string;\n        all: string;\n        allPlaceholder: string;\n        locateError: string;\n        untitledResult: string;\n        untitledSource: string;\n        noResults: string;\n        noResultsFound: string;\n        noResultsFoundForValue: string;\n        showMoreResults: string;\n        hideMoreResults: string;\n        searchResult: string;\n        moreResultsHeader: string;\n        useCurrentLocation: string;\n    } | undefined;\n})",
+          "type": "({\n    componentLabel?: string | undefined;\n    searchButtonTitle?: string | undefined;\n    placeholder?: string | undefined;\n    searchIn?: string | undefined;\n    all?: string | undefined;\n    allPlaceholder?: string | undefined;\n    locateError?: string | undefined;\n    untitledResult?: string | undefined;\n    untitledSource?: string | undefined;\n    noResults?: string | undefined;\n    noResultsFound?: string | undefined;\n    noResultsFoundForValue?: string | undefined;\n    showMoreResults?: string | undefined;\n    hideMoreResults?: string | undefined;\n    searchResult?: string | undefined;\n    moreResultsHeader?: string | undefined;\n    useCurrentLocation?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"id\" | \"el\" | \"hr\" | \"th\" | \"tr\" | \"sl\" | \"it\" | \"ca\" | \"de\" | \"fi\" | \"ar\" | \"da\" | \"vi\" | \"pl\" | \"he\" | \"et\" | \"bs\" | \"sk\" | \"es\" | \"en\" | \"ru\" | \"ro\" | \"no\" | \"lt\" | \"cs\" | \"fr\" | \"sv\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        searchButtonTitle?: string | undefined;\n        placeholder?: string | undefined;\n        searchIn?: string | undefined;\n        all?: string | undefined;\n        allPlaceholder?: string | undefined;\n        locateError?: string | undefined;\n        untitledResult?: string | undefined;\n        untitledSource?: string | undefined;\n        noResults?: string | undefined;\n        noResultsFound?: string | undefined;\n        noResultsFoundForValue?: string | undefined;\n        showMoreResults?: string | undefined;\n        hideMoreResults?: string | undefined;\n        searchResult?: string | undefined;\n        moreResultsHeader?: string | undefined;\n        useCurrentLocation?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        searchButtonTitle: string;\n        placeholder: string;\n        searchIn: string;\n        all: string;\n        allPlaceholder: string;\n        locateError: string;\n        untitledResult: string;\n        untitledSource: string;\n        noResults: string;\n        noResultsFound: string;\n        noResultsFoundForValue: string;\n        showMoreResults: string;\n        hideMoreResults: string;\n        searchResult: string;\n        moreResultsHeader: string;\n        useCurrentLocation: string;\n    } | undefined;\n})",
           "complexType": {
-            "original": "({\n    componentLabel?: string | undefined;\n    searchButtonTitle?: string | undefined;\n    placeholder?: string | undefined;\n    searchIn?: string | undefined;\n    all?: string | undefined;\n    allPlaceholder?: string | undefined;\n    locateError?: string | undefined;\n    untitledResult?: string | undefined;\n    untitledSource?: string | undefined;\n    noResults?: string | undefined;\n    noResultsFound?: string | undefined;\n    noResultsFoundForValue?: string | undefined;\n    showMoreResults?: string | undefined;\n    hideMoreResults?: string | undefined;\n    searchResult?: string | undefined;\n    moreResultsHeader?: string | undefined;\n    useCurrentLocation?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"id\" | \"el\" | \"hr\" | \"th\" | \"tr\" | \"sl\" | \"it\" | \"ca\" | \"de\" | \"fi\" | \"ar\" | \"da\" | \"vi\" | \"pl\" | \"et\" | \"bs\" | \"sk\" | \"es\" | \"en\" | \"ru\" | \"ro\" | \"no\" | \"lt\" | \"cs\" | \"he\" | \"fr\" | \"sv\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        searchButtonTitle?: string | undefined;\n        placeholder?: string | undefined;\n        searchIn?: string | undefined;\n        all?: string | undefined;\n        allPlaceholder?: string | undefined;\n        locateError?: string | undefined;\n        untitledResult?: string | undefined;\n        untitledSource?: string | undefined;\n        noResults?: string | undefined;\n        noResultsFound?: string | undefined;\n        noResultsFoundForValue?: string | undefined;\n        showMoreResults?: string | undefined;\n        hideMoreResults?: string | undefined;\n        searchResult?: string | undefined;\n        moreResultsHeader?: string | undefined;\n        useCurrentLocation?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        searchButtonTitle: string;\n        placeholder: string;\n        searchIn: string;\n        all: string;\n        allPlaceholder: string;\n        locateError: string;\n        untitledResult: string;\n        untitledSource: string;\n        noResults: string;\n        noResultsFound: string;\n        noResultsFoundForValue: string;\n        showMoreResults: string;\n        hideMoreResults: string;\n        searchResult: string;\n        moreResultsHeader: string;\n        useCurrentLocation: string;\n    } | undefined;\n})",
-            "resolved": "({\n    componentLabel?: string | undefined;\n    searchButtonTitle?: string | undefined;\n    placeholder?: string | undefined;\n    searchIn?: string | undefined;\n    all?: string | undefined;\n    allPlaceholder?: string | undefined;\n    locateError?: string | undefined;\n    untitledResult?: string | undefined;\n    untitledSource?: string | undefined;\n    noResults?: string | undefined;\n    noResultsFound?: string | undefined;\n    noResultsFoundForValue?: string | undefined;\n    showMoreResults?: string | undefined;\n    hideMoreResults?: string | undefined;\n    searchResult?: string | undefined;\n    moreResultsHeader?: string | undefined;\n    useCurrentLocation?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"id\" | \"el\" | \"hr\" | \"th\" | \"tr\" | \"sl\" | \"it\" | \"ca\" | \"de\" | \"fi\" | \"ar\" | \"da\" | \"vi\" | \"pl\" | \"et\" | \"bs\" | \"sk\" | \"es\" | \"en\" | \"ru\" | \"ro\" | \"no\" | \"lt\" | \"cs\" | \"he\" | \"fr\" | \"sv\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        searchButtonTitle?: string | undefined;\n        placeholder?: string | undefined;\n        searchIn?: string | undefined;\n        all?: string | undefined;\n        allPlaceholder?: string | undefined;\n        locateError?: string | undefined;\n        untitledResult?: string | undefined;\n        untitledSource?: string | undefined;\n        noResults?: string | undefined;\n        noResultsFound?: string | undefined;\n        noResultsFoundForValue?: string | undefined;\n        showMoreResults?: string | undefined;\n        hideMoreResults?: string | undefined;\n        searchResult?: string | undefined;\n        moreResultsHeader?: string | undefined;\n        useCurrentLocation?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        searchButtonTitle: string;\n        placeholder: string;\n        searchIn: string;\n        all: string;\n        allPlaceholder: string;\n        locateError: string;\n        untitledResult: string;\n        untitledSource: string;\n        noResults: string;\n        noResultsFound: string;\n        noResultsFoundForValue: string;\n        showMoreResults: string;\n        hideMoreResults: string;\n        searchResult: string;\n        moreResultsHeader: string;\n        useCurrentLocation: string;\n    } | undefined;\n})",
+            "original": "({\n    componentLabel?: string | undefined;\n    searchButtonTitle?: string | undefined;\n    placeholder?: string | undefined;\n    searchIn?: string | undefined;\n    all?: string | undefined;\n    allPlaceholder?: string | undefined;\n    locateError?: string | undefined;\n    untitledResult?: string | undefined;\n    untitledSource?: string | undefined;\n    noResults?: string | undefined;\n    noResultsFound?: string | undefined;\n    noResultsFoundForValue?: string | undefined;\n    showMoreResults?: string | undefined;\n    hideMoreResults?: string | undefined;\n    searchResult?: string | undefined;\n    moreResultsHeader?: string | undefined;\n    useCurrentLocation?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"id\" | \"el\" | \"hr\" | \"th\" | \"tr\" | \"sl\" | \"it\" | \"ca\" | \"de\" | \"fi\" | \"ar\" | \"da\" | \"vi\" | \"pl\" | \"he\" | \"et\" | \"bs\" | \"sk\" | \"es\" | \"en\" | \"ru\" | \"ro\" | \"no\" | \"lt\" | \"cs\" | \"fr\" | \"sv\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        searchButtonTitle?: string | undefined;\n        placeholder?: string | undefined;\n        searchIn?: string | undefined;\n        all?: string | undefined;\n        allPlaceholder?: string | undefined;\n        locateError?: string | undefined;\n        untitledResult?: string | undefined;\n        untitledSource?: string | undefined;\n        noResults?: string | undefined;\n        noResultsFound?: string | undefined;\n        noResultsFoundForValue?: string | undefined;\n        showMoreResults?: string | undefined;\n        hideMoreResults?: string | undefined;\n        searchResult?: string | undefined;\n        moreResultsHeader?: string | undefined;\n        useCurrentLocation?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        searchButtonTitle: string;\n        placeholder: string;\n        searchIn: string;\n        all: string;\n        allPlaceholder: string;\n        locateError: string;\n        untitledResult: string;\n        untitledSource: string;\n        noResults: string;\n        noResultsFound: string;\n        noResultsFoundForValue: string;\n        showMoreResults: string;\n        hideMoreResults: string;\n        searchResult: string;\n        moreResultsHeader: string;\n        useCurrentLocation: string;\n    } | undefined;\n})",
+            "resolved": "({\n    componentLabel?: string | undefined;\n    searchButtonTitle?: string | undefined;\n    placeholder?: string | undefined;\n    searchIn?: string | undefined;\n    all?: string | undefined;\n    allPlaceholder?: string | undefined;\n    locateError?: string | undefined;\n    untitledResult?: string | undefined;\n    untitledSource?: string | undefined;\n    noResults?: string | undefined;\n    noResultsFound?: string | undefined;\n    noResultsFoundForValue?: string | undefined;\n    showMoreResults?: string | undefined;\n    hideMoreResults?: string | undefined;\n    searchResult?: string | undefined;\n    moreResultsHeader?: string | undefined;\n    useCurrentLocation?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"id\" | \"el\" | \"hr\" | \"th\" | \"tr\" | \"sl\" | \"it\" | \"ca\" | \"de\" | \"fi\" | \"ar\" | \"da\" | \"vi\" | \"pl\" | \"he\" | \"et\" | \"bs\" | \"sk\" | \"es\" | \"en\" | \"ru\" | \"ro\" | \"no\" | \"lt\" | \"cs\" | \"fr\" | \"sv\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        searchButtonTitle?: string | undefined;\n        placeholder?: string | undefined;\n        searchIn?: string | undefined;\n        all?: string | undefined;\n        allPlaceholder?: string | undefined;\n        locateError?: string | undefined;\n        untitledResult?: string | undefined;\n        untitledSource?: string | undefined;\n        noResults?: string | undefined;\n        noResultsFound?: string | undefined;\n        noResultsFoundForValue?: string | undefined;\n        showMoreResults?: string | undefined;\n        hideMoreResults?: string | undefined;\n        searchResult?: string | undefined;\n        moreResultsHeader?: string | undefined;\n        useCurrentLocation?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        searchButtonTitle: string;\n        placeholder: string;\n        searchIn: string;\n        all: string;\n        allPlaceholder: string;\n        locateError: string;\n        untitledResult: string;\n        untitledSource: string;\n        noResults: string;\n        noResultsFound: string;\n        noResultsFoundForValue: string;\n        showMoreResults: string;\n        hideMoreResults: string;\n        searchResult: string;\n        moreResultsHeader: string;\n        useCurrentLocation: string;\n    } | undefined;\n})",
             "references": {}
           },
           "mutable": true,
@@ -36379,7 +36858,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisSearchResultRenderer = document.createElement(\"arcgis-search-result-renderer\");\ndocument.body.append(arcgisSearchResultRenderer);\narcgisSearchResultRenderer.componentOnReady().then(() => {\n  console.log(\"arcgis-search-result-renderer is ready to go!\");\n});"
+              "text": "```js\nconst arcgisSearchResultRenderer = document.querySelector(\"arcgis-search-result-renderer\");\ndocument.body.append(arcgisSearchResultRenderer);\nawait arcgisSearchResultRenderer.componentOnReady();\nconsole.log(\"arcgis-search-result-renderer is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -36438,7 +36917,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Shadow Cast component displays the cumulative shadows of 3D features in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).",
+      "docs": "The Shadow Cast component displays the cumulative shadows of 3D features in a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).\nThis type of analysis is helpful in urban development, where new projects have to satisfy certain shadow duration constraints.\n\nThe component calculates the cumulative shadows for a time range during a single day. The user can\nconfigure the time range and select a calendar date. This time range and calendar date are only used\nfor the shadow analysis and are not connected to the lighting in the scene.\nTo control the lighting in the scene, the [Daylight](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-daylight/) component can be used.\nChanging the timezone in the component updates the visualization by interpreting the time range as being\nin that timezone. This behavior is different from the [Daylight](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-daylight/) component,\nwhere selecting a timezone updates the [environment lighting's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment) date and time according to the camera position.\n\nThe component provides three [visualization modes](#visualizationType): threshold, duration, and discrete mode.\n\nIn the **threshold** mode, only the areas that receive\nshadows for more than a certain amount of time are displayed. In the image below, on May 1, 2021 the red areas receive\nshadow for more than 4 hours within the time interval of 10AM to 4PM.\n\n[![threshold mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-threshold.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)\n\n**Total shadow duration** mode displays the duration of the cumulative shadow using opacity: areas that don't\nreceive any shadow are fully transparent and areas that receive a maximum amount of shadow have a default opacity\nof 0.7. The values in between are interpolated. Hovering over the Scene will display a tooltip showing the\namount of time that location is in shadow, rounded to 15-minute intervals. In this mode, the visualization\ncan display shadow cast in a continuous way or in 1-hour intervals.\n\n[![duration mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-duration.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)\n\n**Discrete shadows** is a third visualization mode which displays individual shadows at a given time interval.\nFor example, setting the time range to 10AM-11AM and the visualization time interval to 30 minutes will display\nshadows for 10AM, 10:30AM and 11:00AM.\n\n[![discrete mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-discrete.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)\n\nThe defaults for the time range and visualization settings can be changed using the [startTimeOfDay](#startTimeOfDay), [endTimeOfDay](#endTimeOfDay), and [visualizationType](#visualizationType) properties.\n\n**Known limitations**\n\n* Shadow Cast is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\n* Terrain does not cast shadows and it is therefore not taken into account in this analysis.\n* The component does not take into account the daylight savings.\nUse the timezone dropdown to adjust the offset from the Coordinated Universal Time (UTC) and account for the daylight saving time.\n* The timezone is automatically detected by the component based on the camera location. In some situations, this might not be accurate.\nIn case of an inaccurate timezone, users can set it manually using the timezone dropdown.\n\n**See also**\n\n- [Sample - Shadow cast component](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -36489,7 +36968,7 @@
           "mutable": true,
           "attr": "date",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "The calendar date used to calculate the shadow cast. This date excludes the time. If a date with a time is set, the time value will be set to midnight (`00:00:00`) of that date in local system time.\nIf no date is set, then it defaults to the current date in local system time.\n\n_See also_\n\n* [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date)",
           "docsTags": [],
           "values": [
             {
@@ -36521,7 +37000,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The configuration used when the widget's [visualizationType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#visualizationType) is set to \"discrete\".\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#discreteOptions)",
+          "docs": "The configuration used when the component's [visualizationType](#visualizationType)\nis set to \"discrete\".\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-DiscreteOptions.html)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -36543,7 +37022,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The configuration used when the widget's [visualizationType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#visualizationType) is set to \"duration\".\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#durationOptions)",
+          "docs": "The configuration used when the component's [visualizationType](#visualizationType)\nis set to \"duration\".\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-DurationOptions.html)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -36560,7 +37039,7 @@
           "mutable": true,
           "attr": "end-time-of-day",
           "reflectToAttr": false,
-          "docs": "Time (in milliseconds from midnight of the [date](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#date)) when the shadow cast computation should stop.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#endTimeOfDay)",
+          "docs": "Time (in milliseconds from midnight of the [date](#date)) when the shadow cast computation should stop.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#endTimeOfDay)",
           "docsTags": [],
           "default": "16 * 3600 * 1000",
           "values": [
@@ -36824,13 +37303,8 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
-          "docsTags": [
-            {
-              "name": "see",
-              "text": "[Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)"
-            }
-          ],
+          "docs": "Icon which represents the component. Typically used when the component is controlled by another component (e.g. by the Expand component).\n\nSee also: [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)",
+          "docsTags": [],
           "default": "\"measure-building-height-shadow\"",
           "values": [
             {
@@ -36851,7 +37325,7 @@
           "mutable": true,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The widget's default label.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast.html#label)",
+          "docs": "The component's default label.",
           "docsTags": [],
           "values": [
             {
@@ -36943,8 +37417,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -36973,7 +37452,7 @@
           "mutable": true,
           "attr": "start-time-of-day",
           "reflectToAttr": false,
-          "docs": "Time (in milliseconds from midnight of the [date](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#date))\nwhen the shadow cast computation should start.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#startTimeOfDay)",
+          "docs": "Time (in milliseconds from midnight of the [date](#date)) when the shadow cast computation should start.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#startTimeOfDay)",
           "docsTags": [],
           "default": "10 * 3600 * 1000",
           "values": [
@@ -36995,7 +37474,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state of the view model that can be used for rendering the UI\nof the widget.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#state)",
+          "docs": "The component's state. The values mean the following:\n\n* `disabled` -  component is being created\n* `ready` - component is ready",
           "docsTags": [
             {
               "name": "readonly",
@@ -37032,7 +37511,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The configuration used when the widget's [visualizationType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#visualizationType) is set to \"threshold\".\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#thresholdOptions)",
+          "docs": "The configuration used when the component's [visualizationType](#visualizationType)\nis set to \"threshold\".\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ThresholdOptions.html)",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -37049,7 +37528,7 @@
           "mutable": true,
           "attr": "utc-offset",
           "reflectToAttr": false,
-          "docs": "The difference in hours between UTC time and the times displayed in the widget.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#utcOffset)",
+          "docs": "The difference in hours between UTC time and the times displayed in the component.",
           "docsTags": [],
           "values": [
             {
@@ -37070,7 +37549,7 @@
           "mutable": true,
           "attr": "visualization-type",
           "reflectToAttr": false,
-          "docs": "Type of visualization to use when showing the shadows.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#visualizationType)",
+          "docs": "Type of visualization to use when showing the shadows. There are 3 types of visualization:\n* `threshold` - only displays areas that receive shadows for a period longer than a given threshold value\n* `duration` - displays all areas that receive shadows either in a continuous mode or in 1 hour time intervals\n* `discrete` - displays individual shadows cast at a given time interval",
           "docsTags": [],
           "default": "\"threshold\"",
           "values": [
@@ -37116,7 +37595,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisShadowCast = document.createElement(\"arcgis-shadow-cast\");\ndocument.body.append(arcgisShadowCast);\narcgisShadowCast.componentOnReady().then(() => {\n  console.log(\"arcgis-shadow-cast is ready to go!\");\n});"
+              "text": "```js\nconst arcgisShadowCast = document.querySelector(\"arcgis-shadow-cast\");\ndocument.body.append(arcgisShadowCast);\nawait arcgisShadowCast.componentOnReady();\nconsole.log(\"arcgis-shadow-cast is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -37184,7 +37663,7 @@
               "docs": ""
             }
           ],
-          "docs": "",
+          "docs": "Returns the time (in milliseconds) spent in shadow for a certain point on the screen.\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#getDuration)",
           "docsTags": []
         },
         {
@@ -37207,7 +37686,7 @@
           },
           "signature": "start(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Starts the component. While running, it will automatically perform shadow accumulation.",
           "docsTags": []
         },
         {
@@ -37230,7 +37709,7 @@
           },
           "signature": "stop(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Stops the component.",
           "docsTags": []
         }
       ],
@@ -38308,8 +38787,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -38590,7 +39074,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisSketch = document.createElement(\"arcgis-sketch\");\ndocument.body.append(arcgisSketch);\narcgisSketch.componentOnReady().then(() => {\n  console.log(\"arcgis-sketch is ready to go!\");\n});"
+              "text": "```js\nconst arcgisSketch = document.querySelector(\"arcgis-sketch\");\ndocument.body.append(arcgisSketch);\nawait arcgisSketch.componentOnReady();\nconsole.log(\"arcgis-sketch is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -38965,7 +39449,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Slice component is a 3D analysis tool that can be used to reveal occluded content in a 3D view. It applies\n[slice analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SliceAnalysis.html)\nto any layer type, making it possible to see inside buildings or to explore geological surfaces.\n\nThe slicing [shape](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/#shape)\nis always a [plane](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SlicePlane.html).\nBy default, the plane is either horizontal or vertical. To allow a tilt angle for the plane, set\n[tiltEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/#tiltEnabled)\nto `true`. The slice hides any content in front of the surface. The handles on the sides of the plane can be used to adjust\nthe size, heading, tilt, and position of the slice plane.\nThe [SlicePlane](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SlicePlane.html)\ncan be set or retrieved using the [shape](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/#shape) property.\n\nOnce the slice plane is applied, layers can be excluded from the slicing. For example, by excluding the sublayers which include\ncolumns and floor slabs, the inner structure of a building can investigated.",
+      "docs": "The Slice component is a 3D analysis tool that can be used to reveal occluded content in a\n[Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/). It applies\n[slice analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SliceAnalysis.html)\nto any layer type, making it possible to see inside buildings or to explore geological surfaces.\n\n[![slice](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/slice.gif)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/index.html)\n\nThe slicing [shape](#shape)\nis always a [plane](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SlicePlane.html).\nBy default, the plane is either horizontal or vertical. To allow a tilt angle for the plane, set\n[tiltEnabled](#tiltEnabled)\nto `true`. The slice hides any content in front of the surface. The handles on the sides of the plane can be used to adjust\nthe size, heading, tilt, and position of the slice plane.\nThe [SlicePlane](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SlicePlane.html)\ncan be set or retrieved using the [shape](#shape) property.\n\nOnce the slice plane is applied, layers can be excluded from the slicing. For example, by excluding the sublayers which include\ncolumns and floor slabs, the inner structure of a building can investigated.\n\n[![slice-exclude](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/slice-exclude.png)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/index.html)\n\nHolding the `Shift` key while creating a new slice applies it vertically.\n\n**Known limitation**\n\nSlice is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\n\n**See also**\n\n- [SliceAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SliceAnalysis.html)\n- [Sample - BuildingSceneLayer with Slice component](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/)\n- [Sample - Analysis objects](https://developers.arcgis.com/javascript/latest/sample-code/analysis-objects/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -38993,7 +39477,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The [slice analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SliceAnalysis.html)\nobject being created by the component.",
+          "docs": "The [SliceAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SliceAnalysis.html)\ncreated or modified by the component.\n\nWhen connecting the Slice component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent, it automatically creates an empty analysis and adds it to the Scene's\n[analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#analyses) collection.\nWhenever the component is destroyed, the analysis is automatically removed from the collection.\n\nAlternatively, a programmatically created analysis can be provided to the component.\nThen, the application itself needs to add it to and later remove it from the Scene's analyses collection.\n\n```js\n// Create the analysis.\nconst sliceAnalysis = new SliceAnalysis({\n   shape: new SlicePlane({\n     position: new Point({\n       spatialReference: { latestWkid: 3857, wkid: 102100 },\n       x: -13624925.727820931,\n       y: 4550341.695170021,\n       z: 56\n     }),\n     tilt: 270,\n     width: 310,\n     height: 190,\n     heading: 45\n   })\n});\n// Get the Scene and Slice component and wait until they are ready.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\nconst slice = document.querySelector(\"arcgis-slice\");\nawait slice.componentOnReady();\n// Add the analysis to the Scene component.\nviewElement.analyses.add(sliceAnalysis);\n// Connect the analysis to the slice component:\nslice.analysis = sliceAnalysis;\n```",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -39176,7 +39660,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -39264,8 +39748,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -39299,8 +39788,13 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The shape used to slice elements in a 3D scene. Currently the only supported shape is a plane.\nExample:\n```\n// Clone the shape to modify its properties\nconst shape = slice.shape.clone();\n// Set new values for heading and tilt\nshape.heading = 180;\nshape.tilt = 45;\n// Apply the new shape to the slice component's shape\nslice.shape = shape;\n```",
-          "docsTags": [],
+          "docs": "The shape used to slice elements in a 3D scene. Currently the only supported shape is a\n[plane](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-SlicePlane.html).",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```js\n// Clone the shape to modify its properties\nconst shape = slice.shape.clone();\n// Set new values for heading and tilt\nshape.heading = 180;\nshape.tilt = 45;\n// Apply the new shape to the slice component's shape\nslice.shape = shape;\n```"
+            }
+          ],
           "values": [],
           "optional": true,
           "required": false
@@ -39317,7 +39811,12 @@
           "attr": "state",
           "reflectToAttr": true,
           "docs": "The component's state. The values mean the following:\n\n* `disabled` -  not ready yet\n* `ready` - ready for slicing\n* `slicing` - currently slicing\n* `sliced` - finished slicing",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "readonly",
+              "text": ""
+            }
+          ],
           "values": [
             {
               "value": "disabled",
@@ -39387,7 +39886,7 @@
           },
           "signature": "clear(): Promise<void>",
           "parameters": [],
-          "docs": "Clear the [shape](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/#shape) of the slice,\neffectively removing it from the view. Other properties like [excludedLayers](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/#excludedLayers)\nand [excludeGroundSurface](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/#excludeGroundSurface) are not modified.",
+          "docs": "Clear the [shape](#shape) of the slice, effectively removing it from the view. Other properties like [excludedLayers](#excludedLayers)\nand [excludeGroundSurface](#excludeGroundSurface) are not modified.",
           "docsTags": []
         },
         {
@@ -39414,7 +39913,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisSlice = document.createElement(\"arcgis-slice\");\ndocument.body.append(arcgisSlice);\narcgisSlice.componentOnReady().then(() => {\n  console.log(\"arcgis-slice is ready to go!\");\n});"
+              "text": "```js\nconst arcgisSlice = document.querySelector(\"arcgis-slice\");\ndocument.body.append(arcgisSlice);\nawait arcgisSlice.componentOnReady();\nconsole.log(\"arcgis-slice is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -39465,7 +39964,7 @@
           },
           "signature": "start(): Promise<void>",
           "parameters": [],
-          "docs": "Start the interactive creation of a new slice, clearing the previous\n[shape](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/#shape).",
+          "docs": "Start the interactive creation of a new slice, clearing the previous [shape](#shape).",
           "docsTags": []
         }
       ],
@@ -40029,8 +40528,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -40382,7 +40886,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisSlider = document.createElement(\"arcgis-slider\");\ndocument.body.append(arcgisSlider);\narcgisSlider.componentOnReady().then(() => {\n  console.log(\"arcgis-slider is ready to go!\");\n});"
+              "text": "```js\nconst arcgisSlider = document.querySelector(\"arcgis-slider\");\ndocument.body.append(arcgisSlider);\nawait arcgisSlider.componentOnReady();\nconsole.log(\"arcgis-slider is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -40675,7 +41179,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Swipe component provides a tool to show a portion of a layer or layers\non top of a map. Layers can be swiped vertically or horizontally to easily\ncompare two layers or see what is underneath a layer.\n\nTo use the Swipe component, set the `leadingLayers` and `trailingLayers`\nproperties to determine what will be compared on either side of the component. If one of these properties\nis not set, then the Swipe component will overlay the existing map.\n\n**Known Limitations**\n\n- This component is not currently supported within a Scene component.",
+      "docs": "The Swipe component provides a tool to show a portion of a layer or layers\non top of a map. Layers can be swiped vertically or horizontally to easily\ncompare two layers or see what is underneath a layer.\n\nTo use the Swipe component, set the `leadingLayers` and `trailingLayers`\nproperties to determine what will be compared on either side of the component. If one of these properties\nis not set, then the Swipe component will overlay the existing map.\n\n**Known limitations**\n\n- This component is not currently supported within a Scene component.",
       "docsTags": [
         {
           "name": "superclass",
@@ -40888,7 +41392,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -40976,8 +41480,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -41102,7 +41611,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisSwipe = document.createElement(\"arcgis-swipe\");\ndocument.body.append(arcgisSwipe);\narcgisSwipe.componentOnReady().then(() => {\n  console.log(\"arcgis-swipe is ready to go!\");\n});"
+              "text": "```js\nconst arcgisSwipe = document.querySelector(\"arcgis-swipe\");\ndocument.body.append(arcgisSwipe);\nawait arcgisSwipe.componentOnReady();\nconsole.log(\"arcgis-swipe is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -41575,8 +42084,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -41882,7 +42396,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisTableList = document.createElement(\"arcgis-table-list\");\ndocument.body.append(arcgisTableList);\narcgisTableList.componentOnReady().then(() => {\n  console.log(\"arcgis-table-list is ready to go!\");\n});"
+              "text": "```js\nconst arcgisTableList = document.querySelector(\"arcgis-table-list\");\ndocument.body.append(arcgisTableList);\nawait arcgisTableList.componentOnReady();\nconsole.log(\"arcgis-table-list is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -42372,8 +42886,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -42625,7 +43144,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisTimeSlider = document.createElement(\"arcgis-time-slider\");\ndocument.body.append(arcgisTimeSlider);\narcgisTimeSlider.componentOnReady().then(() => {\n  console.log(\"arcgis-time-slider is ready to go!\");\n});"
+              "text": "```js\nconst arcgisTimeSlider = document.querySelector(\"arcgis-time-slider\");\ndocument.body.append(arcgisTimeSlider);\nawait arcgisTimeSlider.componentOnReady();\nconsole.log(\"arcgis-time-slider is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -42963,7 +43482,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [
             {
               "name": "property",
@@ -43136,7 +43655,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisTimeZoneLabel = document.createElement(\"arcgis-time-zone-label\");\ndocument.body.append(arcgisTimeZoneLabel);\narcgisTimeZoneLabel.componentOnReady().then(() => {\n  console.log(\"arcgis-time-zone-label is ready to go!\");\n});"
+              "text": "```js\nconst arcgisTimeZoneLabel = document.querySelector(\"arcgis-time-zone-label\");\ndocument.body.append(arcgisTimeZoneLabel);\nawait arcgisTimeZoneLabel.componentOnReady();\nconsole.log(\"arcgis-time-zone-label is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -43186,7 +43705,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Track component is a button that animates the map or scene to the user's location when clicked.\nThe view rotates based on device heading.\nThe default heading symbol will display when speed is greater than zero and the browser provides heading information.\n\n**Known Limitations**\n\n- The heading symbol is not currently supported within a Scene component.",
+      "docs": "The Track component is a button that when activated continuously animates the Map or Scene\nto the user's location as the user moves.\nThe view rotates based on device heading, and the default heading symbol will display\nwhen speed is greater than zero and the browser provides heading information.\n\nThis component uses the browser's [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API) which is only available in [secure contexts](https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts), such as HTTPS.\nNote that localhost is considered \"potentially secure\" and can be used for easy testing in browsers that support\n[Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/isSecureContext#browser_compatibility).\n\n**Known limitations**\n\n- The heading symbol is not currently supported within a [Scene component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).",
       "docsTags": [
         {
           "name": "superclass",
@@ -43377,7 +43896,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -43488,8 +44007,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -43562,8 +44086,19 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state of the widget.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
+            {
+              "name": "name",
+              "text": "state"
+            },
+            {
+              "name": "instance"
+            },
+            {
+              "name": "type",
+              "text": "{\"disabled\" | \"ready\" | \"tracking\" | \"waiting\" | \"feature-unsupported\" | \"error\"}"
+            },
             {
               "name": "readonly",
               "text": ""
@@ -43651,7 +44186,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisTrack = document.createElement(\"arcgis-track\");\ndocument.body.append(arcgisTrack);\narcgisTrack.componentOnReady().then(() => {\n  console.log(\"arcgis-track is ready to go!\");\n});"
+              "text": "```js\nconst arcgisTrack = document.querySelector(\"arcgis-track\");\ndocument.body.append(arcgisTrack);\nawait arcgisTrack.componentOnReady();\nconsole.log(\"arcgis-track is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -43702,7 +44237,7 @@
           },
           "signature": "start(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Start tracking the user's location. Only start the component on a user gesture such as a click event.",
           "docsTags": []
         },
         {
@@ -43725,7 +44260,7 @@
           },
           "signature": "stop(): Promise<void>",
           "parameters": [],
-          "docs": "",
+          "docs": "Stop tracking the user's location.",
           "docsTags": []
         }
       ],
@@ -43810,7 +44345,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Utility Network Associations component offers an intuitive user interface, reducing the complexity of working with utility network associations.\n\n> The Utility Network Associations component does not support proxied feature services or feature services that utilize stored credentials.\n\nNote: Sign in to access the data in this sample, U/P: `viewer01`/`I68VGU^nMurF`",
+      "docs": "The Utility Network Associations component offers an intuitive user interface, reducing the complexity of working with utility network associations.\n\n> The Utility Network Associations component does not support proxied feature services or feature services that utilize stored credentials.",
       "docsTags": [
         {
           "name": "superclass",
@@ -44279,8 +44814,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -44532,7 +45072,7 @@
           "docs": "",
           "docsTags": [],
           "default": "false",
-          "deprecation": "since 4.32. Use hideConnectivityAssociationsSettingsArrowsToggle instead",
+          "deprecation": "since 4.32, use hideConnectivityAssociationsSettingsArrowsToggle instead",
           "values": [
             {
               "type": "boolean"
@@ -44555,7 +45095,7 @@
           "docs": "",
           "docsTags": [],
           "default": "false",
-          "deprecation": "since 4.32. Use hideConnectivityAssociationsSettingsCapSelect instead",
+          "deprecation": "since 4.32, use hideConnectivityAssociationsSettingsCapSelect instead",
           "values": [
             {
               "type": "boolean"
@@ -44578,7 +45118,7 @@
           "docs": "",
           "docsTags": [],
           "default": "true",
-          "deprecation": "since 4.32. Use hideConnectivityAssociationsSettingsColorPicker instead",
+          "deprecation": "since 4.32, use hideConnectivityAssociationsSettingsColorPicker instead",
           "values": [
             {
               "type": "boolean"
@@ -44601,7 +45141,7 @@
           "docs": "",
           "docsTags": [],
           "default": "true",
-          "deprecation": "since 4.32. Use hideConnectivityAssociationsSettingsStylePicker instead",
+          "deprecation": "since 4.32, use hideConnectivityAssociationsSettingsStylePicker instead",
           "values": [
             {
               "type": "boolean"
@@ -44624,7 +45164,7 @@
           "docs": "",
           "docsTags": [],
           "default": "true",
-          "deprecation": "since 4.32. Use hideConnectivityAssociationsSettingsWidthInput instead",
+          "deprecation": "since 4.32, use hideConnectivityAssociationsSettingsWidthInput instead",
           "values": [
             {
               "type": "boolean"
@@ -44647,7 +45187,7 @@
           "docs": "",
           "docsTags": [],
           "default": "false",
-          "deprecation": "since 4.32. Use hideMaxAllowableAssociationsSlider instead",
+          "deprecation": "since 4.32, use hideMaxAllowableAssociationsSlider instead",
           "values": [
             {
               "type": "boolean"
@@ -44670,7 +45210,7 @@
           "docs": "",
           "docsTags": [],
           "default": "false",
-          "deprecation": "since 4.32. Use hideStructuralAttachmentAssociationsSettingsArrowsToggle instead",
+          "deprecation": "since 4.32, use hideStructuralAttachmentAssociationsSettingsArrowsToggle instead",
           "values": [
             {
               "type": "boolean"
@@ -44693,7 +45233,7 @@
           "docs": "",
           "docsTags": [],
           "default": "false",
-          "deprecation": "since 4.32. Use hideStructuralAttachmentAssociationsSettingsCapSelect instead",
+          "deprecation": "since 4.32, use hideStructuralAttachmentAssociationsSettingsCapSelect instead",
           "values": [
             {
               "type": "boolean"
@@ -44716,7 +45256,7 @@
           "docs": "",
           "docsTags": [],
           "default": "true",
-          "deprecation": "since 4.32. Use hideStructuralAttachmentAssociationsSettingsColorPicker instead",
+          "deprecation": "since 4.32, use hideStructuralAttachmentAssociationsSettingsColorPicker instead",
           "values": [
             {
               "type": "boolean"
@@ -44739,7 +45279,7 @@
           "docs": "",
           "docsTags": [],
           "default": "true",
-          "deprecation": "since 4.32. Use hideStructuralAttachmentAssociationsSettingsStylePicker instead",
+          "deprecation": "since 4.32, use hideStructuralAttachmentAssociationsSettingsStylePicker instead",
           "values": [
             {
               "type": "boolean"
@@ -44762,7 +45302,7 @@
           "docs": "",
           "docsTags": [],
           "default": "true",
-          "deprecation": "since 4.32. Use hideStructuralAttachmentAssociationsSettingsWidthInput instead",
+          "deprecation": "since 4.32, use hideStructuralAttachmentAssociationsSettingsWidthInput instead",
           "values": [
             {
               "type": "boolean"
@@ -44797,7 +45337,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisUtilityNetworkAssociations = document.createElement(\"arcgis-utility-network-associations\");\ndocument.body.append(arcgisUtilityNetworkAssociations);\narcgisUtilityNetworkAssociations.componentOnReady().then(() => {\n  console.log(\"arcgis-utility-network-associations is ready to go!\");\n});"
+              "text": "```js\nconst arcgisUtilityNetworkAssociations = document.querySelector(\"arcgis-utility-network-associations\");\ndocument.body.append(arcgisUtilityNetworkAssociations);\nawait arcgisUtilityNetworkAssociations.componentOnReady();\nconsole.log(\"arcgis-utility-network-associations is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -44999,7 +45539,7 @@
           "docs": "The Geodatabase version to pass into the trace.",
           "docsTags": [],
           "default": "\"sde.DEFAULT\"",
-          "deprecation": "since version 4.31, gdbVersion will be removed and the gdbVersion of the {@link module :esri/networks/UtilityNetwork} will be consumed directly.",
+          "deprecation": "`gdbVersion` is deprecated since version 4.31.",
           "values": [
             {
               "type": "string"
@@ -45166,8 +45706,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -45378,7 +45923,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisUtilityNetworkTrace = document.createElement(\"arcgis-utility-network-trace\");\ndocument.body.append(arcgisUtilityNetworkTrace);\narcgisUtilityNetworkTrace.componentOnReady().then(() => {\n  console.log(\"arcgis-utility-network-trace is ready to go!\");\n});"
+              "text": "```js\nconst arcgisUtilityNetworkTrace = document.querySelector(\"arcgis-utility-network-trace\");\ndocument.body.append(arcgisUtilityNetworkTrace);\nawait arcgisUtilityNetworkTrace.componentOnReady();\nconsole.log(\"arcgis-utility-network-trace is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -45765,8 +46310,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -45880,7 +46430,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisUtilityNetworkValidateTopology = document.createElement(\"arcgis-utility-network-validate-topology\");\ndocument.body.append(arcgisUtilityNetworkValidateTopology);\narcgisUtilityNetworkValidateTopology.componentOnReady().then(() => {\n  console.log(\"arcgis-utility-network-validate-topology is ready to go!\");\n});"
+              "text": "```js\nconst arcgisUtilityNetworkValidateTopology = document.querySelector(\"arcgis-utility-network-validate-topology\");\ndocument.body.append(arcgisUtilityNetworkValidateTopology);\nawait arcgisUtilityNetworkValidateTopology.componentOnReady();\nconsole.log(\"arcgis-utility-network-validate-topology is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -46396,8 +46946,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -46474,7 +47029,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisValuePicker = document.createElement(\"arcgis-value-picker\");\ndocument.body.append(arcgisValuePicker);\narcgisValuePicker.componentOnReady().then(() => {\n  console.log(\"arcgis-value-picker is ready to go!\");\n});"
+              "text": "```js\nconst arcgisValuePicker = document.querySelector(\"arcgis-value-picker\");\ndocument.body.append(arcgisValuePicker);\nawait arcgisValuePicker.componentOnReady();\nconsole.log(\"arcgis-value-picker is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -46854,7 +47409,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "The `initialVersionInfos` property enables users to initialize the Version Management Component with a predefined set of versions.\nBy providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.",
+          "docs": "The `initialVersionInfos` property enables users to initialize the Version Management component with a predefined set of versions.\nBy providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -46891,7 +47446,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -46929,7 +47484,7 @@
           "mutable": true,
           "attr": "page-size",
           "reflectToAttr": false,
-          "docs": "Specifies the number of versions displayed on each page of the Version Management Component.",
+          "docs": "Specifies the number of versions displayed on each page of the Version Management component.",
           "docsTags": [],
           "default": "5",
           "values": [
@@ -47022,8 +47577,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -47109,7 +47669,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "This class provides functionality for managing versions in a versioned geodatabase.\nIn the event that the Version Management component is destroyed, the VersioningStates can be utilized to maintain the current state of the Version Management Component.\nThe Version Management Component can be reinitialized using a `Collection<VersioningState>`, or a predefined `Collection<VersioningState>` can be provided during the initial instantiation of the Version Management Component.",
+          "docs": "This class provides functionality for managing versions in a versioned geodatabase.\nIn the event that the Version Management component is destroyed, the VersioningStates can be utilized to maintain the current state of the Version Management component.\nThe Version Management component can be reinitialized using a `Collection<VersioningState>`, or a predefined `Collection<VersioningState>` can be provided during the initial instantiation of the Version Management component.",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -47141,7 +47701,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisVersionManagement = document.createElement(\"arcgis-version-management\");\ndocument.body.append(arcgisVersionManagement);\narcgisVersionManagement.componentOnReady().then(() => {\n  console.log(\"arcgis-version-management is ready to go!\");\n});"
+              "text": "```js\nconst arcgisVersionManagement = document.querySelector(\"arcgis-version-management\");\ndocument.body.append(arcgisVersionManagement);\nawait arcgisVersionManagement.componentOnReady();\nconsole.log(\"arcgis-version-management is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -47220,8 +47780,16 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The ArcGIS Video component provides a view for displaying video feeds from a\n[VideoLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-VideoLayer.html).\nIt is designed to render and interact with video layers.\n\nA Video component must have a valid url or layer.\nIt supports various features such as navigating, zooming, and panning, making it suitable for\napplications that require interactive video overlays.\n\n**Example**\n\n```html\n<arcgis-video layer-url=\"YOUR_VIDEO_LAYER_URL\"></arcgis-video>\n```",
+      "docs": "The ArcGIS Video component provides a view for displaying video feeds from a\n[VideoLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-VideoLayer.html).\nIt is designed to render and interact with video layers.\n\nA Video component must have a valid VideoLayer.\nIt supports various features such as navigating, zooming, and panning, making it suitable for\napplications that require interactive video overlays.",
       "docsTags": [
+        {
+          "name": "example",
+          "text": "```html\n<arcgis-video></arcgis-video>\n```\n\n```js\nconst VideoLayer = await $arcgis.import(\"@arcgis/core/layers/VideoLayer.js\");\nconst videoElement = document.querySelector(\"arcgis-video\");\n\nconst videoLayer = new VideoLayer({\n  url: \"YOUR_VIDEO_LAYER_URL\",\n});\n\nawait videoLayer.load();\nif (videoLayer.loaded) {\n  videoElement.layer = videoLayer;\n}\n```"
+        },
+        {
+          "name": "since",
+          "text": "4.33"
+        },
         {
           "name": "superclass",
           "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
@@ -47276,27 +47844,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "layerUrl",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "layer-url",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "ready",
           "type": "boolean",
@@ -47376,7 +47923,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisVideo = document.createElement(\"arcgis-video\");\ndocument.body.append(arcgisVideo);\narcgisVideo.componentOnReady().then(() => {\n  console.log(\"arcgis-video is ready to go!\");\n});"
+              "text": "```js\nconst arcgisVideo = document.querySelector(\"arcgis-video\");\ndocument.body.append(arcgisVideo);\nawait arcgisVideo.componentOnReady();\nconsole.log(\"arcgis-video is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -47435,8 +47982,16 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Video Player component provides a user interface for interacting with a [VideoLayer](api-reference/esri-layers-VideoLayer.html).\nIt displays the original video content and provides controls for playing, pausing, seeking, and changing the video speed and quality.\n\nThe Video Player component provides the following capabilities:\n - Control operations (play, pause, seek)\n - Time and duration display\n - Customizable graphics colors\n - Following options (sensor, frame, video)\n - Adjustable speed and quality\n - Access to frame metadata\n\nThe [VideoPlayerViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-VideoPlayer-VideoPlayerViewModel.html) class provides the logic for the Video Player.\n\n**Known Limitations**\n\n* Not supported in 3D [Scenes](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).\n* Not supported on macOS and iOS devices.\n\n[![](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/video-player-video-preview.png)](https://mediaspace.esri.com/media/1_ctc3psfr)\n\n**Example**\n\n```html\n<arcgis-map>\n  <arcgis-video-player></arcgis-video-player>\n</arcgis-map>\n```\n\n```js\nconst [Map, VideoLayer] = await $arcgis.import([\n  \"@arcgis/core/Map.js\",\n  \"@arcgis/core/layers/VideoLayer.js\",\n]);\n\nconst viewElement = document.querySelector(\"arcgis-map\");\nconst videoPlayerElement = document.querySelector(\"arcgis-video-player\");\n\nconst videoLayer = new VideoLayer({\n  url: \"YOUR_VIDEO_LAYER_URL\",\n});\n\nviewElement.map = new Map({\n  basemap: \"topo-vector\",\n  layers: [videoLayer],\n});\nawait viewElement.viewOnReady();\n\nawait videoLayer.load();\nif (videoLayer.loaded) {\n  videoPlayerElement.layer = videoLayer;\n}\n\nawait viewElement.whenLayerView(videoLayer);\nviewElement.goTo(videoLayer.fullExtent);\n```",
+      "docs": "The Video Player component provides a user interface for interacting with a [VideoLayer](api-reference/esri-layers-VideoLayer.html).\nIt displays the original video content and provides controls for playing, pausing, seeking, and changing the video speed and quality.\n\nThe Video Player component provides the following capabilities:\n - Control operations (play, pause, seek)\n - Time and duration display\n - Customizable graphics colors\n - Following options (sensor, frame, video)\n - Adjustable speed and quality\n - Access to frame metadata\n\nThe [VideoPlayerViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-VideoPlayer-VideoPlayerViewModel.html) class provides the logic for the Video Player.\n\n**Known limitations**\n\n* Not supported in 3D [Scenes](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).\n* Not supported on macOS and iOS devices.\n\n[![](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/video-player-video-preview.png)](https://mediaspace.esri.com/media/1_ctc3psfr)",
       "docsTags": [
+        {
+          "name": "example",
+          "text": "```html\n<arcgis-map>\n  <arcgis-video-player></arcgis-video-player>\n</arcgis-map>\n```\n\n```js\nconst [Map, VideoLayer] = await $arcgis.import([\n  \"@arcgis/core/Map.js\",\n  \"@arcgis/core/layers/VideoLayer.js\",\n]);\n\nconst viewElement = document.querySelector(\"arcgis-map\");\nconst videoPlayerElement = document.querySelector(\"arcgis-video-player\");\n\nconst videoLayer = new VideoLayer({\n  url: \"YOUR_VIDEO_LAYER_URL\",\n});\n\nviewElement.map = new Map({\n  basemap: \"topo-vector\",\n  layers: [videoLayer],\n});\nawait viewElement.viewOnReady();\n\nawait videoLayer.load();\nif (videoLayer.loaded) {\n  videoPlayerElement.layer = videoLayer;\n}\n\nawait viewElement.whenLayerView(videoLayer);\nviewElement.goTo(videoLayer.fullExtent);\n```"
+        },
+        {
+          "name": "since",
+          "text": "4.33"
+        },
         {
           "name": "superclass",
           "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
@@ -47469,6 +48024,41 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "followingMode",
+          "type": "\"follow-both\" | \"follow-frame\" | \"follow-sensor\" | \"none\"",
+          "complexType": {
+            "original": "\"follow-both\" | \"follow-frame\" | \"follow-sensor\" | \"none\"",
+            "resolved": "\"follow-both\" | \"follow-frame\" | \"follow-sensor\" | \"none\"",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "following-mode",
+          "reflectToAttr": false,
+          "docs": "Determines which telemetry elements to follow when the video layer is playing.",
+          "docsTags": [],
+          "default": "\"follow-both\"",
+          "values": [
+            {
+              "value": "follow-both",
+              "type": "string"
+            },
+            {
+              "value": "follow-frame",
+              "type": "string"
+            },
+            {
+              "value": "follow-sensor",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "hideHeader",
           "type": "boolean",
@@ -47574,7 +48164,7 @@
             },
             {
               "name": "example",
-              "text": "// Create a new Video Player with a VideoLayer\nvideoPlayer.layer = videoLayer;"
+              "text": "```js\n// Create a new Video Player with a VideoLayer\nvideoPlayer.layer = videoLayer;\n```"
             }
           ],
           "default": "null",
@@ -47592,7 +48182,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -47680,8 +48270,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -47780,7 +48375,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisVideoPlayer = document.createElement(\"arcgis-video-player\");\ndocument.body.append(arcgisVideoPlayer);\narcgisVideoPlayer.componentOnReady().then(() => {\n  console.log(\"arcgis-video-player is ready to go!\");\n});"
+              "text": "```js\nconst arcgisVideoPlayer = document.querySelector(\"arcgis-video-player\");\ndocument.body.append(arcgisVideoPlayer);\nawait arcgisVideoPlayer.componentOnReady();\nconsole.log(\"arcgis-video-player is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -47867,7 +48462,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "The Weather component provides an interface for easily selecting and configuring the weather effects in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).",
+      "docs": "The Weather component allows easy selection and configuration of weather effects in a\n[Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\nThe available weather types are:\n[sunny](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SunnyWeather.html),\n[cloudy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-CloudyWeather.html),\n[rainy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-RainyWeather.html),\n[snowy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SnowyWeather.html), and\n[foggy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-FoggyWeather.html).\n\nTo set the weather programmatically, apply the desired weather type to the\n[environment](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment) property of the Scene component.\n\n```js\n// Access the Scene component.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\n// Specify the weather settings.\nviewElement.environment.weather = {\n   type: \"rainy\", // autocasts as new RainyWeather({ cloudCover: 0.7, precipitation: 0.3 })\n   cloudCover: 0.7,\n   precipitation: 0.3\n};\n```\n\nTo determine if the weather visualization is available, check the boolean value of `viewElement.environment.weatherAvailable`. The weather is only available:\n   * in `global` [viewing mode](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#viewingMode),\n   * when `atmosphereEnabled` property on [environment](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment) is `true`,\n   * at lower altitudes, near the ground.\n\n**Known limitations**\n\nWeather is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\n\n**See also**\n\n- [SunnyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SunnyWeather.html)\n- [CloudyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-CloudyWeather.html)\n- [RainyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-RainyWeather.html)\n- [SnowyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SnowyWeather.html)\n- [FoggyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-FoggyWeather.html)\n- [Sample - Weather component](https://developers.arcgis.com/javascript/latest/sample-code/weather/)",
       "docsTags": [
         {
           "name": "superclass",
@@ -48037,7 +48632,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -48125,8 +48720,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -48156,7 +48756,12 @@
           "attr": "state",
           "reflectToAttr": true,
           "docs": "The current state of the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "readonly",
+              "text": ""
+            }
+          ],
           "values": [
             {
               "value": "disabled",
@@ -48200,7 +48805,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisWeather = document.createElement(\"arcgis-weather\");\ndocument.body.append(arcgisWeather);\narcgisWeather.componentOnReady().then(() => {\n  console.log(\"arcgis-weather is ready to go!\");\n});"
+              "text": "```js\nconst arcgisWeather = document.querySelector(\"arcgis-weather\");\ndocument.body.append(arcgisWeather);\nawait arcgisWeather.componentOnReady();\nconsole.log(\"arcgis-weather is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",
@@ -48392,7 +48997,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+          "docs": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
           "docsTags": [],
           "values": [],
           "optional": true,
@@ -48480,8 +49085,13 @@
           "mutable": true,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)"
+            }
+          ],
           "values": [
             {
               "type": "HTMLArcgisLinkChartElement"
@@ -48552,7 +49162,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "const arcgisZoom = document.createElement(\"arcgis-zoom\");\ndocument.body.append(arcgisZoom);\narcgisZoom.componentOnReady().then(() => {\n  console.log(\"arcgis-zoom is ready to go!\");\n});"
+              "text": "```js\nconst arcgisZoom = document.querySelector(\"arcgis-zoom\");\ndocument.body.append(arcgisZoom);\nawait arcgisZoom.componentOnReady();\nconsole.log(\"arcgis-zoom is ready to go!\");\n```"
             },
             {
               "name": "inheritedFrom",