npm - @arcgis/map-components - Versions diffs - 4.33.0-next.149 → 4.33.0-next.150 - Mend

@arcgis/map-components 4.33.0-next.149 → 4.33.0-next.150

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (276) hide show

package/dist/docs/api.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-03T04:37:23",
+  "timestamp": "2025-06-04T17:38:46",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.149",
+    "version": "4.33.0-next.150",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -2207,7 +2207,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -4012,7 +4012,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -7040,7 +7040,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -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",
@@ -9214,7 +9214,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -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",
@@ -23422,7 +23422,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -24106,7 +24106,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -25847,12 +25847,6 @@
                   ]
                 }
               },
-              "docsTags": [
-                {
-                  "name": "since",
-                  "text": "4.9"
-                }
-              ],
               "signature": "(): Promise<void>",
               "async": true
             },
@@ -25975,7 +25969,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -26103,7 +26097,7 @@
             {
               "kind": "field",
               "name": "viewpoint",
-              "description": "The esri/Viewpoint, or point of view, to zoom to when\ngoing home. The initial value is determined a few different ways:\n\nIf no esri/views/View is provided, the value is `null`.\nIf the esri/views/View is ready, but the esri/Viewpoint is not defined, the initial\nvalue of the esri/Viewpoint is determined when the esri/views/View became ready.\nIf the esri/views/View is ready and the esri/Viewpoint is defined by the user, the initial viewpoint value is the user-defined esri/Viewpoint.",
+              "description": "The [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)\nto go to when going \"home\".\nThe initial value is determined in a few different ways:\n\nIf no referenceElement is provided, the value is `null`.\nOnce the referenceElement is ready, the initial viewpoint value is the user-defined [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html).",
               "type": {
                 "text": "Viewpoint",
                 "references": [
@@ -26121,7 +26115,7 @@
               "docsTags": [
                 {
                   "name": "example",
-                  "text": "// Creates a viewpoint centered on the extent of a polygon geometry\nlet vp = new Viewpoint({\n  targetGeometry: geom.extent\n});\n\n// Sets the model's viewpoint to the Viewpoint based on a polygon geometry\nhome.viewpoint = vp;"
+                  "text": " ```js\n// Create viewpoint centered on extent of a polygon geometry\n\nlet vp = new Viewpoint({\n  targetGeometry: geom.extent\n});\n\n// Sets the Home's viewpoint to that Viewpoint\nhome.viewpoint = vp;\n```"
                 }
               ]
             }
@@ -26269,7 +26263,7 @@
               "docsTags": [
                 {
                   "name": "example",
-                  "text": "home.addEventListener(\"go\", (event) => {\n  console.log(\"updating viewpoint\");\n});"
+                  "text": "```js\nhome.addEventListener(\"arcgisGo\", (event) => {\n  console.log(\"updating viewpoint\");\n});\n```"
                 }
               ]
             },
@@ -28378,7 +28372,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -29121,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",
@@ -29183,7 +29195,7 @@
             {
               "kind": "field",
               "name": "graphics",
-              "description": "Allows for adding graphics directly to the default graphics in the View.\nExample:\n```\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n```\nExample:\n```\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```",
+              "description": "Allows for adding graphics directly to the default graphics in the View.",
               "type": {
                 "text": "Collection<Graphic>",
                 "references": [
@@ -29204,7 +29216,17 @@
                     "end": 18
                   }
                 ]
-              }
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n```"
+                },
+                {
+                  "name": "example",
+                  "text": "```js\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```"
+                }
+              ]
             },
             {
               "kind": "field",
@@ -30671,10 +30693,6 @@
                 {
                   "name": "see",
                   "text": "[Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)"
-                },
-                {
-                  "name": "since",
-                  "text": "4.28"
                 }
               ]
             },
@@ -30743,7 +30761,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -31155,7 +31173,7 @@
               "docsTags": [
                 {
                   "name": "example",
-                  "text": "layoutswitcher.addEventListener(\"arcgisSwitchLayout\", (event) => {\n  console.log(\"Layout Switched\");\n});"
+                  "text": "```js\nlayoutswitcher.addEventListener(\"arcgisSwitchLayout\", (event) => {\n  console.log(\"Layout Switched\");\n});\n```"
                 }
               ]
             }
@@ -31405,7 +31423,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**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",
@@ -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",
@@ -32422,7 +32458,7 @@
             {
               "kind": "field",
               "name": "graphics",
-              "description": "Allows for adding graphics directly to the default graphics in the View.\nExample:\n```\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n```\nExample:\n```\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```",
+              "description": "Allows for adding graphics directly to the default graphics in the View.",
               "type": {
                 "text": "Collection<Graphic>",
                 "references": [
@@ -32443,7 +32479,17 @@
                     "end": 18
                   }
                 ]
-              }
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n```"
+                },
+                {
+                  "name": "example",
+                  "text": "```js\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```"
+                }
+              ]
             },
             {
               "kind": "field",
@@ -34940,7 +34986,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -36237,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) which generates a printer-ready version of the map.\n\nThe Print component has two required properties: [view](#view) (reference to the MapView)\nand [printServiceUrl](#printServiceUrl) (URL of the REST endpoint of the Export Web Map Task).\nThe component can preserve map scale or map extent in the printout. By default, the map extent is\npreserved. Use [TemplateOptions.scaleEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-TemplateOptions.html#scaleEnabled) to preserve scale\ninstead.\n\nThe Print 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) which generates a printer-ready version of the map.\n\nThe Print component has two required properties: [view](#view) (reference to the MapView)\nand [printServiceUrl](#printServiceUrl) (URL of the REST endpoint of the Export Web Map Task).\nThe component can preserve map scale or map extent in the printout. By default, the map extent is\npreserved. Use [TemplateOptions.scaleEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-TemplateOptions.html#scaleEnabled) to preserve scale\ninstead.\n\nThe Print 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",
@@ -36568,7 +36614,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -37165,7 +37211,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",
@@ -37309,7 +37355,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -39067,6 +39113,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",
@@ -39148,7 +39212,7 @@
             {
               "kind": "field",
               "name": "graphics",
-              "description": "Allows for adding graphics directly to the default graphics in the view.\nExamples:\n```\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```",
+              "description": "Allows for adding graphics directly to the default graphics in the view.",
               "type": {
                 "text": "Collection<Graphic>",
                 "references": [
@@ -39169,7 +39233,13 @@
                     "end": 18
                   }
                 ]
-              }
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\n// Adds a graphic to the View\ngraphics.add(pointGraphic);\n// Removes a graphic from the View\ngraphics.remove(pointGraphic);\n```"
+                }
+              ]
             },
             {
               "kind": "field",
@@ -39269,7 +39339,7 @@
             {
               "kind": "method",
               "name": "hitTest",
-              "description": "Returns [hit test results](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#HitTestResult)\nfrom each layer that intersects the specified screen coordinates.\n\n```\nviewElement.addEventListener(\"arcgisViewClick\", (event) => {\n  viewElement.hitTest(event.detail).then((response) => {\n     const result = response.results[0];\n     if (result?.type === \"graphic\") {\n        const { longitude, latitude } = result.mapPoint;\n        console.log(\"Hit graphic at (\" + longitude + \", \" + latitude + \")\", result.graphic);\n     } else {\n        console.log(\"Did not hit any graphic\");\n     }\n  });\n});\n```\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#hitTest)",
+              "description": "Returns [hit test results](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#HitTestResult)\nfrom each layer that intersects the specified screen coordinates.\n\n```js\nviewElement.addEventListener(\"arcgisViewClick\", (event) => {\n  viewElement.hitTest(event.detail).then((response) => {\n     const result = response.results[0];\n     if (result?.type === \"graphic\") {\n        const { longitude, latitude } = result.mapPoint;\n        console.log(\"Hit graphic at (\" + longitude + \", \" + latitude + \")\", result.graphic);\n     } else {\n        console.log(\"Did not hit any graphic\");\n     }\n  });\n});\n```\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#hitTest)",
               "parameters": [
                 {
                   "name": "screenPoint",
@@ -40578,7 +40648,7 @@
             },
             {
               "name": "arcgisViewClick",
-              "description": "Fires after a user clicks on the view.\n\n```\nviewElement.addEventListener(\"arcgisViewClick\", (event) => {\n  viewElement.hitTest(event.detail).then((response) => {\n     const result = response.results[0];\n     // ....\n  });\n});\n```\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#event-click)",
+              "description": "Fires after a user clicks on the view.\n\n```js\nviewElement.addEventListener(\"arcgisViewClick\", (event) => {\n  viewElement.hitTest(event.detail).then((response) => {\n     const result = response.results[0];\n     // ....\n  });\n});\n```\n\n[Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#event-click)",
               "type": {
                 "text": "ViewClickEvent",
                 "references": [
@@ -40864,7 +40934,7 @@
             },
             {
               "name": "arcgisViewReadyChange",
-              "description": "This event is for the [ready](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#ready)\nproperty and will be emitted when the view is ready.\nThis event will also emit if the [map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) property is changed.\n\n```\nviewElement.addEventListener(\"arcgisViewReadyChange\", () => {\n   const layer = new GraphicsLayer({ title: \"My layer\"});\n   viewElement.map.add(layer);\n});\n```",
+              "description": "This event is for the [ready](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#ready)\nproperty and will be emitted when the view is ready.\nThis event will also emit if the [map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) property is changed.\n\n```js\nviewElement.addEventListener(\"arcgisViewReadyChange\", () => {\n   const layer = new GraphicsLayer({ title: \"My layer\"});\n   viewElement.map.add(layer);\n});\n```",
               "type": {
                 "text": "void"
               }
@@ -41305,7 +41375,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -45741,7 +45811,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -45841,7 +45911,7 @@
             {
               "kind": "field",
               "name": "shape",
-              "description": "The shape used to slice elements in a 3D scene. Currently the only supported shape is a plane.\nExample:\n```\n// Clone the shape to modify its properties\nconst shape = slice.shape.clone();\n// Set new values for heading and tilt\nshape.heading = 180;\nshape.tilt = 45;\n// Apply the new shape to the slice component's shape\nslice.shape = shape;\n```",
+              "description": "The shape used to slice elements in a 3D scene. Currently the only supported shape is a plane.",
               "type": {
                 "text": "SlicePlane",
                 "references": [
@@ -45854,7 +45924,13 @@
                     "end": 10
                   }
                 ]
-              }
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\n// Clone the shape to modify its properties\nconst shape = slice.shape.clone();\n// Set new values for heading and tilt\nshape.heading = 180;\nshape.tilt = 45;\n// Apply the new shape to the slice component's shape\nslice.shape = shape;\n```"
+                }
+              ]
             },
             {
               "kind": "method",
@@ -47423,7 +47499,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",
@@ -47643,7 +47719,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -50118,7 +50194,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               },
@@ -50425,7 +50501,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",
@@ -50614,7 +50690,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -54743,7 +54819,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": [
@@ -54774,7 +54850,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -54795,7 +54871,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": [
@@ -54940,7 +55016,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": [
@@ -55043,7 +55119,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": [
@@ -55193,13 +55269,19 @@
           "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",
               "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-video/"
             }
           ],
+          "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```"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "@arcgis/lumina"
@@ -55373,13 +55455,19 @@
           "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",
               "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-video-player/"
             }
           ],
+          "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```"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "@arcgis/lumina"
@@ -55571,14 +55659,14 @@
                 },
                 {
                   "name": "example",
-                  "text": "// Create a new Video Player with a VideoLayer\nvideoPlayer.layer = videoLayer;"
+                  "text": "```js\n// Create a new Video Player with a VideoLayer\nvideoPlayer.layer = videoLayer;\n```"
                 }
               ]
             },
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -56140,7 +56228,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }
@@ -56618,7 +56706,7 @@
             {
               "kind": "field",
               "name": "messageOverrides",
-              "description": "Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases.",
+              "description": "Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._",
               "type": {
                 "text": "Record<string, unknown>"
               }