@arcgis/map-components 4.34.0-next.15 → 4.34.0-next.17

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-05T04:42:36",
+  "timestamp": "2025-06-06T16:16:11",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.15",
+    "version": "4.34.0-next.17",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -98,7 +98,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.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```"
                 }
               ]
             },
@@ -752,7 +752,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.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```"
                 }
               ]
             },
@@ -1364,7 +1364,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.createElement(\"arcgis-attachments\");\ndocument.body.append(arcgisAttachments);\narcgisAttachments.componentOnReady().then(() => {\n  console.log(\"arcgis-attachments is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -2091,7 +2091,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.createElement(\"arcgis-basemap-gallery\");\ndocument.body.append(arcgisBasemapGallery);\narcgisBasemapGallery.componentOnReady().then(() => {\n  console.log(\"arcgis-basemap-gallery is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -2207,7 +2207,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -2807,7 +2807,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.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```"
                 }
               ]
             },
@@ -3949,7 +3949,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.createElement(\"arcgis-basemap-toggle\");\ndocument.body.append(arcgisBasemapToggle);\narcgisBasemapToggle.componentOnReady().then(() => {\n  console.log(\"arcgis-basemap-toggle is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -4012,7 +4012,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -4506,7 +4506,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.createElement(\"arcgis-bookmarks\");\ndocument.body.append(arcgisBookmarks);\narcgisBookmarks.componentOnReady().then(() => {\n  console.log(\"arcgis-bookmarks is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -5364,7 +5364,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.createElement(\"arcgis-building-explorer\");\ndocument.body.append(arcgisBuildingExplorer);\narcgisBuildingExplorer.componentOnReady().then(() => {\n  console.log(\"arcgis-building-explorer is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -6034,7 +6034,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.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```"
                 }
               ]
             },
@@ -6964,7 +6964,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.createElement(\"arcgis-compass\");\ndocument.body.append(arcgisCompass);\narcgisCompass.componentOnReady().then(() => {\n  console.log(\"arcgis-compass is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -7040,7 +7040,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -7429,7 +7429,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.createElement(\"arcgis-coordinate-conversion\");\ndocument.body.append(arcgisCoordinateConversion);\narcgisCoordinateConversion.componentOnReady().then(() => {\n  console.log(\"arcgis-coordinate-conversion is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -7571,7 +7571,7 @@
             },
             {
               "kind": "field",
-              "name": "hideEditButton",
+              "name": "hideExpandButton",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -7581,11 +7581,11 @@
                 ]
               },
               "default": "false",
-              "attribute": "hide-edit-button"
+              "attribute": "hide-expand-button"
             },
             {
               "kind": "field",
-              "name": "hideExpandButton",
+              "name": "hideInputButton",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -7595,7 +7595,7 @@
                 ]
               },
               "default": "false",
-              "attribute": "hide-expand-button"
+              "attribute": "hide-input-button"
             },
             {
               "kind": "field",
@@ -8016,7 +8016,7 @@
               "fieldName": "hideCaptureButton"
             },
             {
-              "name": "hide-edit-button",
+              "name": "hide-expand-button",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -8026,10 +8026,10 @@
                 ]
               },
               "default": "false",
-              "fieldName": "hideEditButton"
+              "fieldName": "hideExpandButton"
             },
             {
-              "name": "hide-expand-button",
+              "name": "hide-input-button",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -8039,7 +8039,7 @@
                 ]
               },
               "default": "false",
-              "fieldName": "hideExpandButton"
+              "fieldName": "hideInputButton"
             },
             {
               "name": "hide-settings-button",
@@ -8351,7 +8351,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.createElement(\"arcgis-daylight\");\ndocument.body.append(arcgisDaylight);\narcgisDaylight.componentOnReady().then(() => {\n  console.log(\"arcgis-daylight is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -9121,7 +9121,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.createElement(\"arcgis-directional-pad\");\ndocument.body.append(arcgisDirectionalPad);\narcgisDirectionalPad.componentOnReady().then(() => {\n  console.log(\"arcgis-directional-pad is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -9214,7 +9214,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -9708,7 +9708,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.createElement(\"arcgis-directions\");\ndocument.body.append(arcgisDirections);\narcgisDirections.componentOnReady().then(() => {\n  console.log(\"arcgis-directions is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -10701,7 +10701,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.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```"
                 }
               ]
             },
@@ -11303,7 +11303,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.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```"
                 }
               ]
             },
@@ -11971,7 +11971,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.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```"
                 }
               ]
             },
@@ -12629,7 +12629,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.createElement(\"arcgis-editor\");\ndocument.body.append(arcgisEditor);\narcgisEditor.componentOnReady().then(() => {\n  console.log(\"arcgis-editor is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -13692,7 +13692,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.createElement(\"arcgis-elevation-profile\");\ndocument.body.append(arcgisElevationProfile);\narcgisElevationProfile.componentOnReady().then(() => {\n  console.log(\"arcgis-elevation-profile is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -14802,7 +14802,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.createElement(\"arcgis-expand\");\ndocument.body.append(arcgisExpand);\narcgisExpand.componentOnReady().then(() => {\n  console.log(\"arcgis-expand is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -15649,7 +15649,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.createElement(\"arcgis-feature\");\ndocument.body.append(arcgisFeature);\narcgisFeature.componentOnReady().then(() => {\n  console.log(\"arcgis-feature is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -16565,7 +16565,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.createElement(\"arcgis-feature-form\");\ndocument.body.append(arcgisFeatureForm);\narcgisFeatureForm.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-form is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -17596,7 +17596,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.createElement(\"arcgis-feature-table\");\ndocument.body.append(arcgisFeatureTable);\narcgisFeatureTable.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-table is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -20724,7 +20724,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.createElement(\"arcgis-feature-templates\");\ndocument.body.append(arcgisFeatureTemplates);\narcgisFeatureTemplates.componentOnReady().then(() => {\n  console.log(\"arcgis-feature-templates is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -21526,7 +21526,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.createElement(\"arcgis-features\");\ndocument.body.append(arcgisFeatures);\narcgisFeatures.componentOnReady().then(() => {\n  console.log(\"arcgis-features is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -22873,7 +22873,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.createElement(\"arcgis-floor-filter\");\ndocument.body.append(arcgisFloorFilter);\narcgisFloorFilter.componentOnReady().then(() => {\n  console.log(\"arcgis-floor-filter is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -23338,7 +23338,7 @@
           "customElement": true,
           "name": "ArcgisFullscreen",
           "tagName": "arcgis-fullscreen",
-          "description": "The Fullscreen component allows users to toggle the map or scene to fullscreen mode.",
+          "description": "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.",
           "demos": [
             {
               "description": "Docs",
@@ -23383,7 +23383,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.createElement(\"arcgis-fullscreen\");\ndocument.body.append(arcgisFullscreen);\narcgisFullscreen.componentOnReady().then(() => {\n  console.log(\"arcgis-fullscreen is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -23422,7 +23422,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -23746,7 +23746,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.createElement(\"arcgis-grid-controls\");\ndocument.body.append(arcgisGridControls);\narcgisGridControls.componentOnReady().then(() => {\n  console.log(\"arcgis-grid-controls is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -24106,7 +24106,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -25041,7 +25041,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.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```"
                 }
               ]
             },
@@ -25877,7 +25877,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.createElement(\"arcgis-home\");\ndocument.body.append(arcgisHome);\narcgisHome.componentOnReady().then(() => {\n  console.log(\"arcgis-home is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -25969,7 +25969,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -26115,7 +26115,7 @@
               "docsTags": [
                 {
                   "name": "example",
-                  "text": "// Creates a viewpoint centered on the extent of a polygon geometry\n\n ```js\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;\n```"
+                  "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```"
                 }
               ]
             }
@@ -26439,7 +26439,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.createElement(\"arcgis-layer-list\");\ndocument.body.append(arcgisLayerList);\narcgisLayerList.componentOnReady().then(() => {\n  console.log(\"arcgis-layer-list is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -27658,7 +27658,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.createElement(\"arcgis-legend\");\ndocument.body.append(arcgisLegend);\narcgisLegend.componentOnReady().then(() => {\n  console.log(\"arcgis-legend is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -28287,7 +28287,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.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```"
                 }
               ]
             },
@@ -28372,7 +28372,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -29022,7 +29022,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.createElement(\"arcgis-link-chart\");\ndocument.body.append(arcgisLinkChart);\narcgisLinkChart.componentOnReady().then(() => {\n  console.log(\"arcgis-link-chart is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -29115,6 +29115,24 @@
                 ]
               }
             },
+            {
+              "kind": "field",
+              "name": "focusAreas",
+              "description": "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)",
+              "type": {
+                "text": "FocusAreas",
+                "references": [
+                  {
+                    "name": "FocusAreas",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-effects-FocusAreas.html",
+                    "start": 0,
+                    "end": 10
+                  }
+                ]
+              }
+            },
             {
               "kind": "method",
               "name": "goTo",
@@ -30632,7 +30650,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.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```"
                 }
               ]
             },
@@ -30674,7 +30692,7 @@
               "docsTags": [
                 {
                   "name": "see",
-                  "text": "[Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)"
+                  "text": "[Calcite Icon Search](https://next.gha.afd.arcgis.com/calcite-design-system/icons/)"
                 }
               ]
             },
@@ -30743,7 +30761,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -31264,7 +31282,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.createElement(\"arcgis-locate\");\ndocument.body.append(arcgisLocate);\narcgisLocate.componentOnReady().then(() => {\n  console.log(\"arcgis-locate is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -31405,7 +31423,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -31786,7 +31804,7 @@
           "customElement": true,
           "name": "ArcgisMap",
           "tagName": "arcgis-map",
-          "description": "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/)",
+          "description": "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/)",
           "demos": [
             {
               "description": "Docs",
@@ -32230,7 +32248,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.createElement(\"arcgis-map\");\ndocument.body.append(arcgisMap);\narcgisMap.componentOnReady().then(() => {\n  console.log(\"arcgis-map is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -32341,6 +32359,24 @@
                 ]
               }
             },
+            {
+              "kind": "field",
+              "name": "focusAreas",
+              "description": "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)",
+              "type": {
+                "text": "FocusAreas",
+                "references": [
+                  {
+                    "name": "FocusAreas",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-effects-FocusAreas.html",
+                    "start": 0,
+                    "end": 10
+                  }
+                ]
+              }
+            },
             {
               "kind": "field",
               "name": "gamepad",
@@ -34250,7 +34286,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.createElement(\"arcgis-measurement\");\ndocument.body.append(arcgisMeasurement);\narcgisMeasurement.componentOnReady().then(() => {\n  console.log(\"arcgis-measurement is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -34888,7 +34924,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.createElement(\"arcgis-navigation-toggle\");\ndocument.body.append(arcgisNavigationToggle);\narcgisNavigationToggle.componentOnReady().then(() => {\n  console.log(\"arcgis-navigation-toggle is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -34950,7 +34986,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -35352,7 +35388,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.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```"
                 }
               ]
             },
@@ -36059,7 +36095,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.createElement(\"arcgis-placement\");\ndocument.body.append(arcgisPlacement);\narcgisPlacement.componentOnReady().then(() => {\n  console.log(\"arcgis-placement is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -36247,7 +36283,7 @@
           "customElement": true,
           "name": "ArcgisPrint",
           "tagName": "arcgis-print",
-          "description": "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```",
+          "description": "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```",
           "demos": [
             {
               "description": "Docs",
@@ -36401,7 +36437,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.createElement(\"arcgis-print\");\ndocument.body.append(arcgisPrint);\narcgisPrint.componentOnReady().then(() => {\n  console.log(\"arcgis-print is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -36584,7 +36620,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -37189,7 +37225,7 @@
           "customElement": true,
           "name": "ArcgisScaleBar",
           "tagName": "arcgis-scale-bar",
-          "description": "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.",
+          "description": "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.",
           "demos": [
             {
               "description": "Docs",
@@ -37270,7 +37306,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.createElement(\"arcgis-scale-bar\");\ndocument.body.append(arcgisScaleBar);\narcgisScaleBar.componentOnReady().then(() => {\n  console.log(\"arcgis-scale-bar is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -37333,7 +37369,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -37689,7 +37725,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.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```"
                 }
               ]
             },
@@ -38963,7 +38999,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.createElement(\"arcgis-scene\");\ndocument.body.append(arcgisScene);\narcgisScene.componentOnReady().then(() => {\n  console.log(\"arcgis-scene is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -39091,6 +39127,24 @@
                 ]
               }
             },
+            {
+              "kind": "field",
+              "name": "focusAreas",
+              "description": "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)",
+              "type": {
+                "text": "FocusAreas",
+                "references": [
+                  {
+                    "name": "FocusAreas",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-effects-FocusAreas.html",
+                    "start": 0,
+                    "end": 10
+                  }
+                ]
+              }
+            },
             {
               "kind": "field",
               "name": "gamepad",
@@ -41135,7 +41189,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.createElement(\"arcgis-search\");\ndocument.body.append(arcgisSearch);\narcgisSearch.componentOnReady().then(() => {\n  console.log(\"arcgis-search is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -41335,7 +41389,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -42442,7 +42496,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.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```"
                 }
               ]
             },
@@ -42600,7 +42654,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.createElement(\"arcgis-shadow-cast\");\ndocument.body.append(arcgisShadowCast);\narcgisShadowCast.componentOnReady().then(() => {\n  console.log(\"arcgis-shadow-cast is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -43736,7 +43790,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.createElement(\"arcgis-sketch\");\ndocument.body.append(arcgisSketch);\narcgisSketch.componentOnReady().then(() => {\n  console.log(\"arcgis-sketch is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -45623,7 +45677,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.createElement(\"arcgis-slice\");\ndocument.body.append(arcgisSlice);\narcgisSlice.componentOnReady().then(() => {\n  console.log(\"arcgis-slice is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -45771,7 +45825,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -46253,7 +46307,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.createElement(\"arcgis-slider\");\ndocument.body.append(arcgisSlider);\narcgisSlider.componentOnReady().then(() => {\n  console.log(\"arcgis-slider is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -47459,7 +47513,7 @@
           "customElement": true,
           "name": "ArcgisSwipe",
           "tagName": "arcgis-swipe",
-          "description": "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.",
+          "description": "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.",
           "demos": [
             {
               "description": "Docs",
@@ -47520,7 +47574,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.createElement(\"arcgis-swipe\");\ndocument.body.append(arcgisSwipe);\narcgisSwipe.componentOnReady().then(() => {\n  console.log(\"arcgis-swipe is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -47679,7 +47733,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -48174,7 +48228,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.createElement(\"arcgis-table-list\");\ndocument.body.append(arcgisTableList);\narcgisTableList.componentOnReady().then(() => {\n  console.log(\"arcgis-table-list is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -49174,7 +49228,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.createElement(\"arcgis-time-slider\");\ndocument.body.append(arcgisTimeSlider);\narcgisTimeSlider.componentOnReady().then(() => {\n  console.log(\"arcgis-time-slider is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -50078,7 +50132,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.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```"
                 }
               ]
             },
@@ -50154,7 +50208,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               },
@@ -50461,7 +50515,7 @@
           "customElement": true,
           "name": "ArcgisTrack",
           "tagName": "arcgis-track",
-          "description": "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.",
+          "description": "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.",
           "demos": [
             {
               "description": "Docs",
@@ -50522,7 +50576,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.createElement(\"arcgis-track\");\ndocument.body.append(arcgisTrack);\narcgisTrack.componentOnReady().then(() => {\n  console.log(\"arcgis-track is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -50650,7 +50704,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -51241,7 +51295,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.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```"
                 }
               ]
             },
@@ -52546,7 +52600,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.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```"
                 }
               ]
             },
@@ -53320,7 +53374,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.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```"
                 }
               ]
             },
@@ -53924,7 +53978,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.createElement(\"arcgis-value-picker\");\ndocument.body.append(arcgisValuePicker);\narcgisValuePicker.componentOnReady().then(() => {\n  console.log(\"arcgis-value-picker is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -54738,7 +54792,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.createElement(\"arcgis-version-management\");\ndocument.body.append(arcgisVersionManagement);\narcgisVersionManagement.componentOnReady().then(() => {\n  console.log(\"arcgis-version-management is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -54779,7 +54833,7 @@
             {
               "kind": "field",
               "name": "initialVersionInfos",
-              "description": "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.",
+              "description": "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.",
               "type": {
                 "text": "Array<{\n    url: string;\n    name: string;\n}>",
                 "references": [
@@ -54810,7 +54864,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -54831,7 +54885,7 @@
             {
               "kind": "field",
               "name": "pageSize",
-              "description": "Specifies the number of versions displayed on each page of the Version Management Component.",
+              "description": "Specifies the number of versions displayed on each page of the Version Management component.",
               "type": {
                 "text": "number",
                 "values": [
@@ -54976,7 +55030,7 @@
             {
               "kind": "field",
               "name": "versioningStates",
-              "description": "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.",
+              "description": "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.",
               "type": {
                 "text": "Collection<VersioningState>",
                 "references": [
@@ -55079,7 +55133,7 @@
             },
             {
               "name": "page-size",
-              "description": "Specifies the number of versions displayed on each page of the Version Management Component.",
+              "description": "Specifies the number of versions displayed on each page of the Version Management component.",
               "type": {
                 "text": "number",
                 "values": [
@@ -55229,7 +55283,7 @@
           "customElement": true,
           "name": "ArcgisVideo",
           "tagName": "arcgis-video",
-          "description": "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.\n\n**Example**\n\n```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```",
+          "description": "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.",
           "demos": [
             {
               "description": "Docs",
@@ -55237,6 +55291,10 @@
             }
           ],
           "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"
@@ -55291,7 +55349,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.createElement(\"arcgis-video\");\ndocument.body.append(arcgisVideo);\narcgisVideo.componentOnReady().then(() => {\n  console.log(\"arcgis-video is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -55415,7 +55473,7 @@
           "customElement": true,
           "name": "ArcgisVideoPlayer",
           "tagName": "arcgis-video-player",
-          "description": "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```",
+          "description": "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)",
           "demos": [
             {
               "description": "Docs",
@@ -55423,6 +55481,10 @@
             }
           ],
           "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"
@@ -55478,7 +55540,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.createElement(\"arcgis-video-player\");\ndocument.body.append(arcgisVideoPlayer);\narcgisVideoPlayer.componentOnReady().then(() => {\n  console.log(\"arcgis-video-player is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -55626,7 +55688,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -56060,7 +56122,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.createElement(\"arcgis-weather\");\ndocument.body.append(arcgisWeather);\narcgisWeather.componentOnReady().then(() => {\n  console.log(\"arcgis-weather is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -56188,7 +56250,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -56582,7 +56644,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.createElement(\"arcgis-zoom\");\ndocument.body.append(arcgisZoom);\narcgisZoom.componentOnReady().then(() => {\n  console.log(\"arcgis-zoom is ready to go!\");\n});\n```"
                 }
               ]
             },
@@ -56666,7 +56728,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
+              "description": "Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }