@arcgis/map-components 4.33.0-next.165 → 4.33.0-next.166

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-18T13:14:29",
+  "timestamp": "2025-06-19T15:12:14",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.165",
+    "version": "4.33.0-next.166",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -57,7 +57,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -233,7 +233,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The ViewModel's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement2D-AreaMeasurement2DViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -415,7 +415,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -913,7 +913,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -1308,7 +1308,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -1462,7 +1462,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-Attachments-AttachmentsViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -1539,7 +1539,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisAttachments = document.createElement(\"arcgis-attachments\");\ndocument.body.append(arcgisAttachments);\narcgisAttachments.componentOnReady().then(() => {\n  console.log(\"arcgis-attachments is ready to go!\");\n});\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",
@@ -1957,7 +1957,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-BasemapGallery-BasemapGalleryViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -2012,7 +2012,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisBasemapGallery = document.createElement(\"arcgis-basemap-gallery\");\ndocument.body.append(arcgisBasemapGallery);\narcgisBasemapGallery.componentOnReady().then(() => {\n  console.log(\"arcgis-basemap-gallery is ready to go!\");\n});\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",
@@ -2535,7 +2535,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -2992,7 +2992,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-BasemapLayerList-BasemapLayerListViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -3070,7 +3070,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -3476,7 +3476,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-BasemapToggle-BasemapToggleViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -3531,7 +3531,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisBasemapToggle = document.createElement(\"arcgis-basemap-toggle\");\ndocument.body.append(arcgisBasemapToggle);\narcgisBasemapToggle.componentOnReady().then(() => {\n  console.log(\"arcgis-basemap-toggle is ready to go!\");\n});\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",
@@ -3943,7 +3943,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -4229,7 +4229,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-Bookmarks-BookmarksViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -4276,7 +4276,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisBookmarks = document.createElement(\"arcgis-bookmarks\");\ndocument.body.append(arcgisBookmarks);\narcgisBookmarks.componentOnReady().then(() => {\n  console.log(\"arcgis-bookmarks is ready to go!\");\n});\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",
@@ -4826,7 +4826,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisBuildingExplorer = document.createElement(\"arcgis-building-explorer\");\ndocument.body.append(arcgisBuildingExplorer);\narcgisBuildingExplorer.componentOnReady().then(() => {\n  console.log(\"arcgis-building-explorer is ready to go!\");\n});\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",
@@ -5175,7 +5175,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -5562,7 +5562,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-CatalogLayerList-CatalogLayerListViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -5640,7 +5640,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -6015,7 +6015,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-Compass-CompassViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -6066,7 +6066,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisCompass = document.createElement(\"arcgis-compass\");\ndocument.body.append(arcgisCompass);\narcgisCompass.componentOnReady().then(() => {\n  console.log(\"arcgis-compass is ready to go!\");\n});\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",
@@ -6419,7 +6419,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -6703,7 +6703,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-CoordinateConversion-CoordinateConversionViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -6803,7 +6803,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisCoordinateConversion = document.createElement(\"arcgis-coordinate-conversion\");\ndocument.body.append(arcgisCoordinateConversion);\narcgisCoordinateConversion.componentOnReady().then(() => {\n  console.log(\"arcgis-coordinate-conversion is ready to go!\");\n});\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",
@@ -7452,7 +7452,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisDaylight = document.createElement(\"arcgis-daylight\");\ndocument.body.append(arcgisDaylight);\narcgisDaylight.componentOnReady().then(() => {\n  console.log(\"arcgis-daylight is ready to go!\");\n});\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",
@@ -7833,7 +7833,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The state of the view model.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DirectionalPad-DirectionalPadViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -7914,7 +7914,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisDirectionalPad = document.createElement(\"arcgis-directional-pad\");\ndocument.body.append(arcgisDirectionalPad);\narcgisDirectionalPad.componentOnReady().then(() => {\n  console.log(\"arcgis-directional-pad is ready to go!\");\n});\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",
@@ -8162,7 +8162,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -8432,7 +8432,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state of the view model.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Directions-DirectionsViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -8587,7 +8587,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisDirections = document.createElement(\"arcgis-directions\");\ndocument.body.append(arcgisDirections);\narcgisDirections.componentOnReady().then(() => {\n  console.log(\"arcgis-directions is ready to go!\");\n});\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",
@@ -9179,7 +9179,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -9716,7 +9716,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -9877,7 +9877,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -10053,7 +10053,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-DistanceMeasurement2D-DistanceMeasurement2DViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -10223,7 +10223,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -10609,7 +10609,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -10847,16 +10847,16 @@
         },
         {
           "name": "state",
-          "type": "\"add-association-create-association\" | \"add-association-select-feature\" | \"add-association-select-layer\" | \"adding-attachment\" | \"awaiting-feature-creation-info\" | \"awaiting-feature-to-create\" | \"awaiting-feature-to-update\" | \"awaiting-update-feature-candidate\" | \"creating-features\" | \"disabled\" | \"editing-attachment\" | \"editing-attributes\" | \"editing-existing-feature\" | \"editing-features\" | \"editing-new-feature\" | \"ready\" | \"viewing-selection-list\"",
+          "type": "\"add-association-create-association\" | \"add-association-select-feature\" | \"add-association-select-layer\" | \"adding-attachment\" | \"awaiting-feature-creation-info\" | \"awaiting-feature-to-create\" | \"awaiting-feature-to-update\" | \"awaiting-update-feature-candidate\" | \"creating-features\" | \"disabled\" | \"editing-attachment\" | \"editing-attributes\" | \"editing-existing-feature\" | \"editing-features\" | \"ready\" | \"viewing-selection-list\"",
           "complexType": {
-            "original": "\"add-association-create-association\" | \"add-association-select-feature\" | \"add-association-select-layer\" | \"adding-attachment\" | \"awaiting-feature-creation-info\" | \"awaiting-feature-to-create\" | \"awaiting-feature-to-update\" | \"awaiting-update-feature-candidate\" | \"creating-features\" | \"disabled\" | \"editing-attachment\" | \"editing-attributes\" | \"editing-existing-feature\" | \"editing-features\" | \"editing-new-feature\" | \"ready\" | \"viewing-selection-list\"",
-            "resolved": "\"add-association-create-association\" | \"add-association-select-feature\" | \"add-association-select-layer\" | \"adding-attachment\" | \"awaiting-feature-creation-info\" | \"awaiting-feature-to-create\" | \"awaiting-feature-to-update\" | \"awaiting-update-feature-candidate\" | \"creating-features\" | \"disabled\" | \"editing-attachment\" | \"editing-attributes\" | \"editing-existing-feature\" | \"editing-features\" | \"editing-new-feature\" | \"ready\" | \"viewing-selection-list\"",
+            "original": "\"add-association-create-association\" | \"add-association-select-feature\" | \"add-association-select-layer\" | \"adding-attachment\" | \"awaiting-feature-creation-info\" | \"awaiting-feature-to-create\" | \"awaiting-feature-to-update\" | \"awaiting-update-feature-candidate\" | \"creating-features\" | \"disabled\" | \"editing-attachment\" | \"editing-attributes\" | \"editing-existing-feature\" | \"editing-features\" | \"ready\" | \"viewing-selection-list\"",
+            "resolved": "\"add-association-create-association\" | \"add-association-select-feature\" | \"add-association-select-layer\" | \"adding-attachment\" | \"awaiting-feature-creation-info\" | \"awaiting-feature-to-create\" | \"awaiting-feature-to-update\" | \"awaiting-update-feature-candidate\" | \"creating-features\" | \"disabled\" | \"editing-attachment\" | \"editing-attributes\" | \"editing-existing-feature\" | \"editing-features\" | \"ready\" | \"viewing-selection-list\"",
             "references": {}
           },
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The widget's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor-EditorViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -10920,10 +10920,6 @@
               "value": "editing-features",
               "type": "string"
             },
-            {
-              "value": "editing-new-feature",
-              "type": "string"
-            },
             {
               "value": "ready",
               "type": "string"
@@ -11029,7 +11025,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisEditor = document.createElement(\"arcgis-editor\");\ndocument.body.append(arcgisEditor);\narcgisEditor.componentOnReady().then(() => {\n  console.log(\"arcgis-editor is ready to go!\");\n});\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",
@@ -12003,7 +11999,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisElevationProfile = document.createElement(\"arcgis-elevation-profile\");\ndocument.body.append(arcgisElevationProfile);\narcgisElevationProfile.componentOnReady().then(() => {\n  console.log(\"arcgis-elevation-profile is ready to go!\");\n});\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",
@@ -12721,7 +12717,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisExpand = document.createElement(\"arcgis-expand\");\ndocument.body.append(arcgisExpand);\narcgisExpand.componentOnReady().then(() => {\n  console.log(\"arcgis-expand is ready to go!\");\n});\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",
@@ -13115,7 +13111,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -13338,7 +13334,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-Feature-FeatureViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -13414,7 +13410,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisFeature = document.createElement(\"arcgis-feature\");\ndocument.body.append(arcgisFeature);\narcgisFeature.componentOnReady().then(() => {\n  console.log(\"arcgis-feature is ready to go!\");\n});\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",
@@ -13740,7 +13736,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -13960,7 +13956,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The widget's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -14028,7 +14024,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisFeatureForm = document.createElement(\"arcgis-feature-form\");\ndocument.body.append(arcgisFeatureForm);\narcgisFeatureForm.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-form is ready to go!\");\n});\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",
@@ -15380,7 +15376,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "The string value which indicates the displayed [icon](https://developers.arcgis.com/calcite-design-system/icons/).",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -16348,7 +16344,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The state of the widget.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -16722,7 +16718,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisFeatureTable = document.createElement(\"arcgis-feature-table\");\ndocument.body.append(arcgisFeatureTable);\narcgisFeatureTable.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-table is ready to go!\");\n});\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",
@@ -17625,7 +17621,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -17857,7 +17853,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The widget's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-FeatureTemplatesViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -17908,7 +17904,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisFeatureTemplates = document.createElement(\"arcgis-feature-templates\");\ndocument.body.append(arcgisFeatureTemplates);\narcgisFeatureTemplates.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-templates is ready to go!\");\n});\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",
@@ -18524,7 +18520,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -18870,7 +18866,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-Features-FeaturesViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -18984,7 +18980,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisFeatures = document.createElement(\"arcgis-features\");\ndocument.body.append(arcgisFeatures);\narcgisFeatures.componentOnReady().then(() => {\n  console.log(\"arcgis-features is ready to go!\");\n});\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",
@@ -19375,7 +19371,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -19608,7 +19604,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisFloorFilter = document.createElement(\"arcgis-floor-filter\");\ndocument.body.append(arcgisFloorFilter);\narcgisFloorFilter.componentOnReady().then(() => {\n  console.log(\"arcgis-floor-filter is ready to go!\");\n});\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",
@@ -19949,7 +19945,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisFullscreen = document.createElement(\"arcgis-fullscreen\");\ndocument.body.append(arcgisFullscreen);\narcgisFullscreen.componentOnReady().then(() => {\n  console.log(\"arcgis-fullscreen is ready to go!\");\n});\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",
@@ -20877,7 +20873,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisGridControls = document.createElement(\"arcgis-grid-controls\");\ndocument.body.append(arcgisGridControls);\narcgisGridControls.componentOnReady().then(() => {\n  console.log(\"arcgis-grid-controls is ready to go!\");\n});\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",
@@ -21173,7 +21169,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -21534,7 +21530,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The state of the view model.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider-SliderViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -21602,7 +21598,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -21941,7 +21937,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-Home-HomeViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -22043,7 +22039,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisHome = document.createElement(\"arcgis-home\");\ndocument.body.append(arcgisHome);\narcgisHome.componentOnReady().then(() => {\n  console.log(\"arcgis-home is ready to go!\");\n});\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",
@@ -22479,7 +22475,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -22976,7 +22972,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-LayerList-LayerListViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -23081,7 +23077,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisLayerList = document.createElement(\"arcgis-layer-list\");\ndocument.body.append(arcgisLayerList);\narcgisLayerList.componentOnReady().then(() => {\n  console.log(\"arcgis-layer-list is ready to go!\");\n});\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",
@@ -23391,7 +23387,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -23647,7 +23643,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-Legend-LegendViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -23694,7 +23690,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisLegend = document.createElement(\"arcgis-legend\");\ndocument.body.append(arcgisLegend);\narcgisLegend.componentOnReady().then(() => {\n  console.log(\"arcgis-legend is ready to go!\");\n});\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",
@@ -24081,7 +24077,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -25341,7 +25337,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisLinkChart = document.createElement(\"arcgis-link-chart\");\ndocument.body.append(arcgisLinkChart);\narcgisLinkChart.componentOnReady().then(() => {\n  console.log(\"arcgis-link-chart is ready to go!\");\n});\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",
@@ -26425,7 +26421,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-LinkChartLayoutSwitcher-LinkChartLayoutSwitcherViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -26476,7 +26472,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -27021,7 +27017,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisLocate = document.createElement(\"arcgis-locate\");\ndocument.body.append(arcgisLocate);\narcgisLocate.componentOnReady().then(() => {\n  console.log(\"arcgis-locate is ready to go!\");\n});\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",
@@ -27550,7 +27546,7 @@
           "reflectToAttr": false,
           "docs": "Options for configuring the highlight.",
           "docsTags": [],
-          "deprecation": "since 4.33, use {@link ArcgisMap#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.",
+          "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
@@ -28516,7 +28512,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisMap = document.createElement(\"arcgis-map\");\ndocument.body.append(arcgisMap);\narcgisMap.componentOnReady().then(() => {\n  console.log(\"arcgis-map is ready to go!\");\n});\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",
@@ -29577,7 +29573,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -29801,7 +29797,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The ViewModel's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Measurement-MeasurementViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -29879,7 +29875,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisMeasurement = document.createElement(\"arcgis-measurement\");\ndocument.body.append(arcgisMeasurement);\narcgisMeasurement.componentOnReady().then(() => {\n  console.log(\"arcgis-measurement is ready to go!\");\n});\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",
@@ -30267,7 +30263,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisNavigationToggle = document.createElement(\"arcgis-navigation-toggle\");\ndocument.body.append(arcgisNavigationToggle);\narcgisNavigationToggle.componentOnReady().then(() => {\n  console.log(\"arcgis-navigation-toggle is ready to go!\");\n});\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",
@@ -30473,7 +30469,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -30870,7 +30866,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -31087,7 +31083,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisPlacement = document.createElement(\"arcgis-placement\");\ndocument.body.append(arcgisPlacement);\narcgisPlacement.componentOnReady().then(() => {\n  console.log(\"arcgis-placement is ready to go!\");\n});\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",
@@ -31825,7 +31821,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisPrint = document.createElement(\"arcgis-print\");\ndocument.body.append(arcgisPrint);\narcgisPrint.componentOnReady().then(() => {\n  console.log(\"arcgis-print is ready to go!\");\n});\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",
@@ -32225,7 +32221,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisScaleBar = document.createElement(\"arcgis-scale-bar\");\ndocument.body.append(arcgisScaleBar);\narcgisScaleBar.componentOnReady().then(() => {\n  console.log(\"arcgis-scale-bar is ready to go!\");\n});\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",
@@ -32417,7 +32413,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -32743,7 +32739,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-ScaleRangeSlider-ScaleRangeSliderViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -32790,7 +32786,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -34460,7 +34456,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisScene = document.createElement(\"arcgis-scene\");\ndocument.body.append(arcgisScene);\narcgisScene.componentOnReady().then(() => {\n  console.log(\"arcgis-scene is ready to go!\");\n});\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",
@@ -36317,7 +36313,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-SearchViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -36444,7 +36440,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisSearch = document.createElement(\"arcgis-search\");\ndocument.body.append(arcgisSearch);\narcgisSearch.componentOnReady().then(() => {\n  console.log(\"arcgis-search is ready to go!\");\n});\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",
@@ -36858,7 +36854,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -37595,7 +37591,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisShadowCast = document.createElement(\"arcgis-shadow-cast\");\ndocument.body.append(arcgisShadowCast);\narcgisShadowCast.componentOnReady().then(() => {\n  console.log(\"arcgis-shadow-cast is ready to go!\");\n});\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",
@@ -38447,7 +38443,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -38897,7 +38893,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The Sketch widget's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -39074,7 +39070,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisSketch = document.createElement(\"arcgis-sketch\");\ndocument.body.append(arcgisSketch);\narcgisSketch.componentOnReady().then(() => {\n  console.log(\"arcgis-sketch is ready to go!\");\n});\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",
@@ -39913,7 +39909,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisSlice = document.createElement(\"arcgis-slice\");\ndocument.body.append(arcgisSlice);\narcgisSlice.componentOnReady().then(() => {\n  console.log(\"arcgis-slice is ready to go!\");\n});\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",
@@ -40153,7 +40149,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -40617,7 +40613,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-Slider.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -40886,7 +40882,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisSlider = document.createElement(\"arcgis-slider\");\ndocument.body.append(arcgisSlider);\narcgisSlider.componentOnReady().then(() => {\n  console.log(\"arcgis-slider is ready to go!\");\n});\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",
@@ -41515,7 +41511,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The current state of the Swipe.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Swipe-SwipeViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -41611,7 +41607,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisSwipe = document.createElement(\"arcgis-swipe\");\ndocument.body.append(arcgisSwipe);\narcgisSwipe.componentOnReady().then(() => {\n  console.log(\"arcgis-swipe is ready to go!\");\n});\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",
@@ -41905,7 +41901,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -42313,7 +42309,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-TableList-TableListViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -42396,7 +42392,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisTableList = document.createElement(\"arcgis-table-list\");\ndocument.body.append(arcgisTableList);\narcgisTableList.componentOnReady().then(() => {\n  console.log(\"arcgis-table-list is ready to go!\");\n});\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",
@@ -42657,7 +42653,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -42921,7 +42917,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-TimeSlider-TimeSliderViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -43144,7 +43140,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisTimeSlider = document.createElement(\"arcgis-time-slider\");\ndocument.body.append(arcgisTimeSlider);\narcgisTimeSlider.componentOnReady().then(() => {\n  console.log(\"arcgis-time-slider is ready to go!\");\n});\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",
@@ -43655,7 +43651,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -44186,7 +44182,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisTrack = document.createElement(\"arcgis-track\");\ndocument.body.append(arcgisTrack);\narcgisTrack.componentOnReady().then(() => {\n  console.log(\"arcgis-track is ready to go!\");\n});\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",
@@ -44566,7 +44562,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -45337,7 +45333,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -45539,7 +45535,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"
@@ -45559,7 +45555,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -45853,7 +45849,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-UtilityNetworkTrace-UtilityNetworkTraceViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -45923,7 +45919,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -46191,7 +46187,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon displayed in the widget's button.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -46345,7 +46341,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-UtilityNetworkValidateTopology-UtilityNetworkValidateTopologyViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -46430,7 +46426,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst 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});\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",
@@ -46756,7 +46752,7 @@
           "mutable": true,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon which represents the widget.",
+          "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
           "docsTags": [
             {
               "name": "see",
@@ -47029,7 +47025,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisValuePicker = document.createElement(\"arcgis-value-picker\");\ndocument.body.append(arcgisValuePicker);\narcgisValuePicker.componentOnReady().then(() => {\n  console.log(\"arcgis-value-picker is ready to go!\");\n});\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",
@@ -47612,7 +47608,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The viewModel's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-VersionManagement-VersionManagementViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -47701,7 +47697,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisVersionManagement = document.createElement(\"arcgis-version-management\");\ndocument.body.append(arcgisVersionManagement);\narcgisVersionManagement.componentOnReady().then(() => {\n  console.log(\"arcgis-version-management is ready to go!\");\n});\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",
@@ -47923,7 +47919,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisVideo = document.createElement(\"arcgis-video\");\ndocument.body.append(arcgisVideo);\narcgisVideo.componentOnReady().then(() => {\n  console.log(\"arcgis-video is ready to go!\");\n});\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",
@@ -48305,7 +48301,7 @@
           "mutable": true,
           "attr": "state",
           "reflectToAttr": true,
-          "docs": "The state of the video layer.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-VideoPlayer-VideoPlayerViewModel.html#state)",
+          "docs": "The current state of the component.",
           "docsTags": [
             {
               "name": "readonly",
@@ -48375,7 +48371,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisVideoPlayer = document.createElement(\"arcgis-video-player\");\ndocument.body.append(arcgisVideoPlayer);\narcgisVideoPlayer.componentOnReady().then(() => {\n  console.log(\"arcgis-video-player is ready to go!\");\n});\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",
@@ -48805,7 +48801,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisWeather = document.createElement(\"arcgis-weather\");\ndocument.body.append(arcgisWeather);\narcgisWeather.componentOnReady().then(() => {\n  console.log(\"arcgis-weather is ready to go!\");\n});\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",
@@ -49162,7 +49158,7 @@
           "docsTags": [
             {
               "name": "example",
-              "text": "```js\nconst arcgisZoom = document.createElement(\"arcgis-zoom\");\ndocument.body.append(arcgisZoom);\narcgisZoom.componentOnReady().then(() => {\n  console.log(\"arcgis-zoom is ready to go!\");\n});\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",