@arcgis/map-components 5.0.0-next.46 → 5.0.0-next.47

package/dist/docs/vscode.html-custom-data.json

@@ -9122,6 +9122,217 @@
         }
       ]
     },
+    {
+      "name": "arcgis-volume-measurement",
+      "description": "The Volume Measurement component can be used to measure the volume of content in the scene.\n--\n\n### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n\n### Methods\n- `clear(): Promise<void>` - Clears the current measurement.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.\n- `start(): Promise<void>` - Starts a new measurement.",
+      "attributes": [
+        {
+          "name": "auto-destroy-disabled",
+          "description": "If true, the component will not be destroyed automatically when it is\ndisconnected from the document. This is useful when you want to move the\ncomponent to a different place on the page, or temporarily hide it. If this\nis set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-volume-measurement/#destroy) method when you are done to\nprevent memory leaks.",
+          "values": []
+        },
+        {
+          "name": "elevation-unit",
+          "description": "Unit system (imperial, metric) or specific unit used for displaying the elevation values. Possible values are listed in\n[elevationUnitOptions](#elevationUnitOptions).",
+          "values": [
+            {
+              "name": "centimeters"
+            },
+            {
+              "name": "decimeters"
+            },
+            {
+              "name": "feet"
+            },
+            {
+              "name": "imperial"
+            },
+            {
+              "name": "inches"
+            },
+            {
+              "name": "kilometers"
+            },
+            {
+              "name": "meters"
+            },
+            {
+              "name": "metric"
+            },
+            {
+              "name": "miles"
+            },
+            {
+              "name": "millimeters"
+            },
+            {
+              "name": "nautical-miles"
+            },
+            {
+              "name": "us-feet"
+            },
+            {
+              "name": "yards"
+            }
+          ]
+        },
+        {
+          "name": "heading-level",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            },
+            {
+              "name": "4"
+            },
+            {
+              "name": "5"
+            },
+            {
+              "name": "6"
+            }
+          ]
+        },
+        {
+          "name": "hide-header",
+          "values": []
+        },
+        {
+          "name": "hide-mode-select",
+          "description": "Hides the mode selection dropdown.",
+          "values": []
+        },
+        {
+          "name": "hide-units",
+          "description": "Hides the units dropdown selectors.",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The component's default label.",
+          "values": []
+        },
+        {
+          "name": "position",
+          "description": "**Deprecated**: since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead.. ",
+          "values": [
+            {
+              "name": "bottom-leading"
+            },
+            {
+              "name": "bottom-left"
+            },
+            {
+              "name": "bottom-right"
+            },
+            {
+              "name": "bottom-trailing"
+            },
+            {
+              "name": "manual"
+            },
+            {
+              "name": "top-leading"
+            },
+            {
+              "name": "top-left"
+            },
+            {
+              "name": "top-right"
+            },
+            {
+              "name": "top-trailing"
+            }
+          ]
+        },
+        {
+          "name": "reference-element",
+          "description": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+          "values": []
+        },
+        {
+          "name": "state",
+          "description": "The component's state. The values mean the following:\n\n* `disabled` -  not ready yet\n* `ready` - ready for measuring\n* `measuring` - currently measuring\n* `measured` - measuring has finished",
+          "values": [
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "measured"
+            },
+            {
+              "name": "measuring"
+            },
+            {
+              "name": "ready"
+            }
+          ]
+        },
+        {
+          "name": "volume-unit",
+          "description": "Unit system (imperial, metric) or specific unit used for displaying the volume values. Possible values are listed in\n[volumeUnitOptions](#volumeUnitOptions).",
+          "values": [
+            {
+              "name": "cubic-centimeters"
+            },
+            {
+              "name": "cubic-decimeters"
+            },
+            {
+              "name": "cubic-feet"
+            },
+            {
+              "name": "cubic-inches"
+            },
+            {
+              "name": "cubic-kilometers"
+            },
+            {
+              "name": "cubic-meters"
+            },
+            {
+              "name": "cubic-miles"
+            },
+            {
+              "name": "cubic-millimeters"
+            },
+            {
+              "name": "cubic-yards"
+            },
+            {
+              "name": "imperial"
+            },
+            {
+              "name": "liters"
+            },
+            {
+              "name": "metric"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-volume-measurement/"
+        },
+        {
+          "name": "Volume Measurement",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/map-components/?path=/story/arcgis-volume-measurement--demo&singleStory=true"
+        }
+      ]
+    },
     {
       "name": "arcgis-weather",
       "description": "The Weather component allows easy selection and configuration of weather effects in a\n[Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\nThe available weather types are:\n[sunny](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SunnyWeather.html),\n[cloudy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-CloudyWeather.html),\n[rainy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-RainyWeather.html),\n[snowy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SnowyWeather.html), and\n[foggy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-FoggyWeather.html).\n\nTo set the weather programmatically, apply the desired weather type to the\n[environment](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment) property of the Scene component.\n\n```js\n// Access the Scene component.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\n// Specify the weather settings.\nviewElement.environment.weather = {\n   type: \"rainy\", // autocasts as new RainyWeather({ cloudCover: 0.7, precipitation: 0.3 })\n   cloudCover: 0.7,\n   precipitation: 0.3\n};\n```\n\nTo determine if the weather visualization is available, check the boolean value of `viewElement.environment.weatherAvailable`. The weather is only available:\n   * in `global` [viewing mode](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#viewingMode),\n   * when `atmosphereEnabled` property on [environment](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment) is `true`,\n   * at lower altitudes, near the ground.\n\n**Known limitations**\n\nWeather is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\n\n**See also**\n\n- [SunnyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SunnyWeather.html)\n- [CloudyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-CloudyWeather.html)\n- [RainyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-RainyWeather.html)\n- [SnowyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SnowyWeather.html)\n- [FoggyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-FoggyWeather.html)\n- [Sample - Weather component](https://developers.arcgis.com/javascript/latest/sample-code/weather/)\n--\n\n### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/map-components",
-  "version": "5.0.0-next.46",
+  "version": "5.0.0-next.47",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -18794,6 +18794,255 @@
             ]
           }
         },
+        {
+          "name": "arcgis-volume-measurement",
+          "description": "The Volume Measurement component can be used to measure the volume of content in the scene.\n--\n\n### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n\n### Methods\n- `clear(): Promise<void>` - Clears the current measurement.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.\n- `start(): Promise<void>` - Starts a new measurement.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-volume-measurement/",
+          "attributes": [
+            {
+              "name": "auto-destroy-disabled",
+              "description": "If true, the component will not be destroyed automatically when it is\ndisconnected from the document. This is useful when you want to move the\ncomponent to a different place on the page, or temporarily hide it. If this\nis set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-volume-measurement/#destroy) method when you are done to\nprevent memory leaks.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "elevation-unit",
+              "description": "Unit system (imperial, metric) or specific unit used for displaying the elevation values. Possible values are listed in\n[elevationUnitOptions](#elevationUnitOptions).",
+              "value": {
+                "type": [
+                  "\"centimeters\"",
+                  "\"decimeters\"",
+                  "\"feet\"",
+                  "\"imperial\"",
+                  "\"inches\"",
+                  "\"kilometers\"",
+                  "\"meters\"",
+                  "\"metric\"",
+                  "\"miles\"",
+                  "\"millimeters\"",
+                  "\"nautical-miles\"",
+                  "\"us-feet\"",
+                  "\"yards\""
+                ]
+              }
+            },
+            {
+              "name": "heading-level",
+              "default": "2",
+              "value": {
+                "type": [
+                  "1",
+                  "2",
+                  "3",
+                  "4",
+                  "5",
+                  "6"
+                ]
+              }
+            },
+            {
+              "name": "hide-header",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-mode-select",
+              "description": "Hides the mode selection dropdown.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-units",
+              "description": "Hides the units dropdown selectors.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "icon",
+              "description": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
+              "default": "\"measure-area\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "description": "The component's default label.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "position",
+              "description": "**Deprecated**: since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead.. ",
+              "value": {
+                "type": [
+                  "\"bottom-leading\"",
+                  "\"bottom-left\"",
+                  "\"bottom-right\"",
+                  "\"bottom-trailing\"",
+                  "\"manual\"",
+                  "\"top-leading\"",
+                  "\"top-left\"",
+                  "\"top-right\"",
+                  "\"top-trailing\""
+                ]
+              }
+            },
+            {
+              "name": "reference-element",
+              "description": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "state",
+              "description": "The component's state. The values mean the following:\n\n* `disabled` -  not ready yet\n* `ready` - ready for measuring\n* `measuring` - currently measuring\n* `measured` - measuring has finished",
+              "value": {
+                "type": [
+                  "\"disabled\"",
+                  "\"measured\"",
+                  "\"measuring\"",
+                  "\"ready\""
+                ]
+              }
+            },
+            {
+              "name": "volume-unit",
+              "description": "Unit system (imperial, metric) or specific unit used for displaying the volume values. Possible values are listed in\n[volumeUnitOptions](#volumeUnitOptions).",
+              "value": {
+                "type": [
+                  "\"cubic-centimeters\"",
+                  "\"cubic-decimeters\"",
+                  "\"cubic-feet\"",
+                  "\"cubic-inches\"",
+                  "\"cubic-kilometers\"",
+                  "\"cubic-meters\"",
+                  "\"cubic-miles\"",
+                  "\"cubic-millimeters\"",
+                  "\"cubic-yards\"",
+                  "\"imperial\"",
+                  "\"liters\"",
+                  "\"metric\""
+                ]
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisPropertyChange",
+              "type": "{ name: \"analysis\" | \"state\"; }",
+              "description": "Emitted when the value of a property is changed. Use this to listen to changes to properties."
+            },
+            {
+              "name": "arcgisReady",
+              "type": "void",
+              "description": "Emitted when the component associated with a map or scene view is ready to be interacted with."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "analysis",
+                "description": "Analysis data object.",
+                "type": "VolumeMeasurementAnalysis"
+              },
+              {
+                "name": "autoDestroyDisabled",
+                "description": "If true, the component will not be destroyed automatically when it is\ndisconnected from the document. This is useful when you want to move the\ncomponent to a different place on the page, or temporarily hide it. If this\nis set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-volume-measurement/#destroy) method when you are done to\nprevent memory leaks.",
+                "type": "boolean"
+              },
+              {
+                "name": "elevationUnit",
+                "description": "Unit system (imperial, metric) or specific unit used for displaying the elevation values. Possible values are listed in\n[elevationUnitOptions](#elevationUnitOptions).",
+                "type": "\"centimeters\" | \"decimeters\" | \"feet\" | \"imperial\" | \"inches\" | \"kilometers\" | \"meters\" | \"metric\" | \"miles\" | \"millimeters\" | \"nautical-miles\" | \"us-feet\" | \"yards\""
+              },
+              {
+                "name": "elevationUnitOptions",
+                "description": "List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.\nBy default, the following units are included: `meters`, `imperial`, `metric`, `millimeters`, `centimeters`, `decimeters`, `kilometers`, `inches`, `feet`, `yards`, `miles`, `nautical-miles`, `us-feet`.\nPossible [elevationUnit](#elevationUnit) values can only be a subset of this list.",
+                "type": "Array<\"imperial\" | \"metric\" | \"millimeters\" | \"centimeters\" | \"decimeters\" | \"meters\" | \"kilometers\" | \"inches\" | \"feet\" | \"yards\" | \"miles\" | \"nautical-miles\" | \"us-feet\">"
+              },
+              {
+                "name": "headingLevel",
+                "type": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              {
+                "name": "hideHeader",
+                "type": "boolean"
+              },
+              {
+                "name": "hideModeSelect",
+                "description": "Hides the mode selection dropdown.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideUnits",
+                "description": "Hides the units dropdown selectors.",
+                "type": "boolean"
+              },
+              {
+                "name": "icon",
+                "description": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
+                "type": "string"
+              },
+              {
+                "name": "label",
+                "description": "The component's default label.",
+                "type": "string"
+              },
+              {
+                "name": "position",
+                "type": "\"bottom-leading\" | \"bottom-left\" | \"bottom-right\" | \"bottom-trailing\" | \"manual\" | \"top-leading\" | \"top-left\" | \"top-right\" | \"top-trailing\""
+              },
+              {
+                "name": "referenceElement",
+                "description": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.",
+                "type": "HTMLArcgisLinkChartElement | HTMLArcgisMapElement | HTMLArcgisSceneElement | string"
+              },
+              {
+                "name": "state",
+                "description": "The component's state. The values mean the following:\n\n* `disabled` -  not ready yet\n* `ready` - ready for measuring\n* `measuring` - currently measuring\n* `measured` - measuring has finished",
+                "type": "\"disabled\" | \"measured\" | \"measuring\" | \"ready\""
+              },
+              {
+                "name": "view",
+                "description": "The view associated with the component. \n  > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Volume Measurement component will be associated with a map or scene component rather than using the `view` property.",
+                "type": "SceneView"
+              },
+              {
+                "name": "volumeUnit",
+                "description": "Unit system (imperial, metric) or specific unit used for displaying the volume values. Possible values are listed in\n[volumeUnitOptions](#volumeUnitOptions).",
+                "type": "\"cubic-centimeters\" | \"cubic-decimeters\" | \"cubic-feet\" | \"cubic-inches\" | \"cubic-kilometers\" | \"cubic-meters\" | \"cubic-miles\" | \"cubic-millimeters\" | \"cubic-yards\" | \"imperial\" | \"liters\" | \"metric\""
+              },
+              {
+                "name": "volumeUnitOptions",
+                "description": "List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.\nBy default, the following units are included: `imperial`, `metric`, `liters`, `cubic-millimeters`, `cubic-centimeters`, `cubic-decimeters`, `cubic-meters`, `cubic-kilometers`, `cubic-inches`, `cubic-feet`, `cubic-yards`, `cubic-miles`.\nPossible [volumeUnit](#volumeUnit) values can only be a subset of this list.",
+                "type": "Array<\"imperial\" | \"metric\" | \"liters\" | \"cubic-millimeters\" | \"cubic-centimeters\" | \"cubic-decimeters\" | \"cubic-meters\" | \"cubic-kilometers\" | \"cubic-inches\" | \"cubic-feet\" | \"cubic-yards\" | \"cubic-miles\">"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisPropertyChange",
+                "type": "{ name: \"analysis\" | \"state\"; }",
+                "description": "Emitted when the value of a property is changed. Use this to listen to changes to properties."
+              },
+              {
+                "name": "arcgisReady",
+                "type": "void",
+                "description": "Emitted when the component associated with a map or scene view is ready to be interacted with."
+              }
+            ]
+          }
+        },
         {
           "name": "arcgis-weather",
           "description": "The Weather component allows easy selection and configuration of weather effects in a\n[Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\nThe available weather types are:\n[sunny](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SunnyWeather.html),\n[cloudy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-CloudyWeather.html),\n[rainy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-RainyWeather.html),\n[snowy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SnowyWeather.html), and\n[foggy](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-FoggyWeather.html).\n\nTo set the weather programmatically, apply the desired weather type to the\n[environment](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment) property of the Scene component.\n\n```js\n// Access the Scene component.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\n// Specify the weather settings.\nviewElement.environment.weather = {\n   type: \"rainy\", // autocasts as new RainyWeather({ cloudCover: 0.7, precipitation: 0.3 })\n   cloudCover: 0.7,\n   precipitation: 0.3\n};\n```\n\nTo determine if the weather visualization is available, check the boolean value of `viewElement.environment.weatherAvailable`. The weather is only available:\n   * in `global` [viewing mode](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#viewingMode),\n   * when `atmosphereEnabled` property on [environment](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment) is `true`,\n   * at lower altitudes, near the ground.\n\n**Known limitations**\n\nWeather is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.\n\n**See also**\n\n- [SunnyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SunnyWeather.html)\n- [CloudyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-CloudyWeather.html)\n- [RainyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-RainyWeather.html)\n- [SnowyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-SnowyWeather.html)\n- [FoggyWeather](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-3d-environment-FoggyWeather.html)\n- [Sample - Weather component](https://developers.arcgis.com/javascript/latest/sample-code/weather/)\n--\n\n### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.",

package/dist/index.d.ts

@@ -67,6 +67,7 @@ import type { ArcgisValuePicker } from "./components/arcgis-value-picker";
 import type { ArcgisVersionManagement } from "./components/arcgis-version-management";
 import type { ArcgisVideo } from "./components/arcgis-video";
 import type { ArcgisVideoPlayer } from "./components/arcgis-video-player";
+import type { ArcgisVolumeMeasurement } from "./components/arcgis-volume-measurement";
 import type { ArcgisWeather } from "./components/arcgis-weather";
 import type { ArcgisZoom } from "./components/arcgis-zoom";
 
@@ -416,6 +417,11 @@ export interface ArcgisVideoPlayerCustomEvent<T> extends CustomEvent<T> {
   target: HTMLArcgisVideoPlayerElement;
   currentTarget: HTMLArcgisVideoPlayerElement;
 }
+export interface ArcgisVolumeMeasurementCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLArcgisVolumeMeasurementElement;
+  currentTarget: HTMLArcgisVolumeMeasurementElement;
+}
 export interface ArcgisWeatherCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: HTMLArcgisWeatherElement;
@@ -500,6 +506,7 @@ declare global {
     "arcgis-version-management": HTMLArcgisVersionManagementElement;
     "arcgis-video": HTMLArcgisVideoElement;
     "arcgis-video-player": HTMLArcgisVideoPlayerElement;
+    "arcgis-volume-measurement": HTMLArcgisVolumeMeasurementElement;
     "arcgis-weather": HTMLArcgisWeatherElement;
     "arcgis-zoom": HTMLArcgisZoomElement;
   }
@@ -1501,6 +1508,19 @@ declare global {
     removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
+  interface HTMLArcgisVolumeMeasurementElementEventMap {
+    "arcgisPropertyChange": ArcgisVolumeMeasurement["arcgisPropertyChange"]["detail"];
+    "arcgisReady": ArcgisVolumeMeasurement["arcgisReady"]["detail"];
+  }
+
+  interface HTMLArcgisVolumeMeasurementElement extends ArcgisVolumeMeasurement {
+    addEventListener<K extends keyof HTMLArcgisVolumeMeasurementElementEventMap>(type: K, listener: (this: HTMLArcgisVolumeMeasurementElement, ev: ArcgisVolumeMeasurementCustomEvent<HTMLArcgisVolumeMeasurementElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLArcgisVolumeMeasurementElementEventMap>(type: K, listener: (this: HTMLArcgisVolumeMeasurementElement, ev: ArcgisVolumeMeasurementCustomEvent<HTMLArcgisVolumeMeasurementElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+  }
   interface HTMLArcgisWeatherElementEventMap {
     "arcgisPropertyChange": ArcgisWeather["arcgisPropertyChange"]["detail"];
     "arcgisReady": ArcgisWeather["arcgisReady"]["detail"];

package/dist/index.js

@@ -1,7 +1,7 @@
 import { s, g as t } from "./chunks/runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.46 */
+v5.0.0-next.47 */
 const a = s, A = t;
 export {
   A as getArcgisAssetPath,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.46 */
+v5.0.0-next.47 */
 const o = t(e, {
   "arcgis-area-measurement-2d": [() => import("./components/arcgis-area-measurement-2d/customElement.js"), "analysis:,autoDestroyDisabled,icon,label,position,referenceElement,state,unit,unitOptions:,view:;clear,destroy,start"],
   "arcgis-area-measurement-3d": [() => import("./components/arcgis-area-measurement-3d/customElement.js"), "analysis:,autoDestroyDisabled,icon,label,position,referenceElement,state,unit,unitOptions:,view:;clear,destroy,start"],
@@ -100,7 +100,7 @@ const o = t(e, {
   "arcgis-slice": [() => import("./components/arcgis-slice/customElement.js"), "analysis:,autoDestroyDisabled,excludedLayers:,excludeGroundSurface,headingLevel,icon,label,messageOverrides:,position,referenceElement,shape:,state,tiltEnabled,view:;clear,destroy,start"],
   "arcgis-spinner": [() => import("./components/arcgis-spinner/customElement.js"), "autoDestroyDisabled,label,location:,screenLocation:,trackLocation,view:;destroy"],
   "arcgis-labeled-switch": [() => import("./components/arcgis-labeled-switch/customElement.js"), "checked,disabled,hint,hintIcon,hintKind,label;destroy"],
-  "arcgis-measurement-content": [() => import("./components/arcgis-measurement-content/customElement.js"), "hintLabel,items:,state,unsupportedLabel"],
+  "arcgis-measurement-content": [() => import("./components/arcgis-measurement-content/customElement.js"), "hintLabel,items:,layout,state,unsupportedLabel"],
   "arcgis-utility-network-association-list": [() => import("./components/arcgis-utility-network-association-list/customElement.js"), "associatedFeatureCount:,associationViewModels:,currentFeaturePage,featuresPerPage,maxFeatureCount,messages:,parentFeatureViewModel:,selectedLayer:,showAllEnabled,state,tooltipReferenceMap:"],
   "arcgis-swipe": [() => import("./components/arcgis-swipe/customElement.js"), "autoDestroyDisabled,direction,disabled,hideDivider,hideHandle,icon,label,leadingLayers:,messageOverrides:,position,referenceElement,state,swipePosition,trailingLayers:,view:;destroy"],
   "arcgis-table-list": [() => import("./components/arcgis-table-list/customElement.js"), "autoDestroyDisabled,closed,collapsed,dragEnabled,filterPlaceholder,filterPredicate:,filterText,hideFlow,hideStatusIndicators,icon,label,listItemCreatedFunction:,map:,minDragEnabledItems,minFilterItems,position,referenceElement,selectedItems:,selectionMode,showCloseButton,showCollapseButton,showErrors,showFilter,showHeading,showTemporaryTableIndicators,state,tableItems:,view:;destroy"],
@@ -131,6 +131,7 @@ const o = t(e, {
   "arcgis-video-player-metadata": [() => import("./components/arcgis-video-player-metadata/customElement.js"), "messages:,viewModel:"],
   "arcgis-video-player-settings": [() => import("./components/arcgis-video-player-settings/customElement.js"), "messages:,viewModel:"],
   "arcgis-video-player-slider": [() => import("./components/arcgis-video-player-slider/customElement.js"), "buffered,value,viewModel:"],
+  "arcgis-volume-measurement": [() => import("./components/arcgis-volume-measurement/customElement.js"), "analysis:,autoDestroyDisabled,elevationUnit,elevationUnitOptions:,headingLevel,hideHeader,hideModeSelect,hideUnits,icon,label,position,referenceElement,state,view:,volumeUnit,volumeUnitOptions:;clear,destroy,start"],
   "arcgis-weather": [() => import("./components/arcgis-weather/customElement.js"), "autoDestroyDisabled,headingLevel,hideHeader,icon,label,messageOverrides:,position,referenceElement,state,view:;destroy"],
   "arcgis-zoom": [() => import("./components/arcgis-zoom/customElement.js"), "autoDestroyDisabled,icon,label,layout,messageOverrides:,position,referenceElement,state,view:;destroy,zoomIn,zoomOut"]
 });

package/dist/support/measurementUtils.d.ts

@@ -7,7 +7,10 @@ export type SystemOrLengthUnit = __esri.SystemOrLengthUnit;
 export type Area = __esri.Area;
 export type AreaUnit = __esri.AreaUnit;
 export type SystemOrAreaUnit = __esri.SystemOrAreaUnit;
-export type Quantity = Area | Length;
+export type Volume = __esri.Volume;
+export type VolumeUnit = __esri.VolumeUnit;
+export type SystemOrVolumeUnit = __esri.SystemOrVolumeUnit;
+export type Quantity = Area | Length | Volume;
 export type MeasurementState = "disabled" | "measured" | "measuring" | "ready" | "unsupported";
 export type MeasurementValue<T extends Quantity = Quantity> = {
     state: "available";
@@ -19,8 +22,9 @@ export type MeasurementValue<T extends Quantity = Quantity> = {
     state: "unavailable";
     value?: never;
 };
-export declare const measurementAreaUnits: ("imperial" | "metric" | "square-millimeters" | "square-centimeters" | "square-decimeters" | "square-meters" | "square-kilometers" | "square-inches" | "square-feet" | "square-yards" | "square-miles" | "square-nautical-miles" | "square-us-feet" | "acres" | "ares" | "hectares")[];
 export declare const measurementLengthUnits: ("imperial" | "metric" | "millimeters" | "centimeters" | "decimeters" | "meters" | "kilometers" | "inches" | "feet" | "yards" | "miles" | "nautical-miles" | "us-feet")[];
+export declare const measurementAreaUnits: ("imperial" | "metric" | "square-millimeters" | "square-centimeters" | "square-decimeters" | "square-meters" | "square-kilometers" | "square-inches" | "square-feet" | "square-yards" | "square-miles" | "square-nautical-miles" | "square-us-feet" | "acres" | "ares" | "hectares")[];
+export declare const measurementVolumeUnits: ("imperial" | "metric" | "liters" | "cubic-millimeters" | "cubic-centimeters" | "cubic-decimeters" | "cubic-meters" | "cubic-kilometers" | "cubic-inches" | "cubic-feet" | "cubic-yards" | "cubic-miles")[];
 export declare function getMeasurementValue<T extends Quantity>(value: nullish | T, valid?: boolean): MeasurementValue<T>;
 export declare function formatQuantity(formatter: QuantityFormatter, quantity: Quantity): string;
 export declare function isMeasurementSystem(value: string): value is MeasurementSystem;

package/dist/types/lumina.d.ts

@@ -68,6 +68,7 @@ import type { ArcgisValuePicker } from "../components/arcgis-value-picker";
 import type { ArcgisVersionManagement } from "../components/arcgis-version-management";
 import type { ArcgisVideo } from "../components/arcgis-video";
 import type { ArcgisVideoPlayer } from "../components/arcgis-video-player";
+import type { ArcgisVolumeMeasurement } from "../components/arcgis-volume-measurement";
 import type { ArcgisWeather } from "../components/arcgis-weather";
 import type { ArcgisZoom } from "../components/arcgis-zoom";
 import type { h, EventHandler } from "@arcgis/lumina";
@@ -542,6 +543,11 @@ interface LuminaArcgisVideoPlayer extends Partial<Pick<ArcgisVideoPlayer, 'autoD
   onarcgisVideoReady?: EventHandler<HTMLArcgisVideoPlayerElement["arcgisVideoReady"]>;
 }
 
+interface LuminaArcgisVolumeMeasurement extends Partial<Pick<ArcgisVolumeMeasurement, 'analysis' | 'autoDestroyDisabled' | 'elevationUnit' | 'elevationUnitOptions' | 'headingLevel' | 'hideHeader' | 'hideModeSelect' | 'hideUnits' | 'icon' | 'label' | 'position' | 'referenceElement' | 'view' | 'volumeUnit' | 'volumeUnitOptions'>>, h.JSX.HTMLAttributes<HTMLArcgisVolumeMeasurementElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisVolumeMeasurementElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisVolumeMeasurementElement["arcgisReady"]>;
+}
+
 interface LuminaArcgisWeather extends Partial<Pick<ArcgisWeather, 'autoDestroyDisabled' | 'headingLevel' | 'hideHeader' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement' | 'view'>>, h.JSX.HTMLAttributes<HTMLArcgisWeatherElement> {
   onarcgisPropertyChange?: EventHandler<HTMLArcgisWeatherElement["arcgisPropertyChange"]>;
   onarcgisReady?: EventHandler<HTMLArcgisWeatherElement["arcgisReady"]>;
@@ -624,6 +630,7 @@ declare module "@arcgis/lumina" {
       "arcgis-version-management": LuminaArcgisVersionManagement;
       "arcgis-video": LuminaArcgisVideo;
       "arcgis-video-player": LuminaArcgisVideoPlayer;
+      "arcgis-volume-measurement": LuminaArcgisVolumeMeasurement;
       "arcgis-weather": LuminaArcgisWeather;
       "arcgis-zoom": LuminaArcgisZoom;
     }