@arcgis/map-components

{ "timestamp": "2025-07-31T23:16:01", "compiler": { "name": "@arcgis/lumina-compiler", "version": "4.33.13", "typescriptVersion": "5.8.3" }, "components": [ { "filePath": "src/components/area-measurement-2d/area-measurement-2d.tsx", "tag": "arcgis-area-measurement-2d", "overview": "", "readme": "", "usage": {}, "docs": "The Area Measurement 2D component calculates and displays the area and perimeter of a polygon only in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).", "docsTags": [ { "name": "superclass", "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}" } ], "encapsulation": "none", "dependents": [], "dependencies": [], "dependencyGraph": {}, "props": [ { "name": "autoDestroyDisabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "auto-destroy-disabled", "reflectToAttr": false, "docs": "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-area-measurement-2d/#destroy) method when you are done to\nprevent memory leaks.", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "icon", "reflectToAttr": false, "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).", "docsTags": [ { "name": "see", "text": "[Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)" } ], "default": "\"measure-area\"", "values": [ { "type": "string" } ], "optional": true, "required": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "label", "reflectToAttr": false, "docs": "The widget's default label.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement2D.html#label)", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false }, { "name": "position", "type": "\"bottom-leading\" | \"bottom-left\" | \"bottom-right\" | \"bottom-trailing\" | \"manual\" | \"top-leading\" | \"top-left\" | \"top-right\" | \"top-trailing\"", "complexType": { "original": "\"bottom-leading\" | \"bottom-left\" | \"bottom-right\" | \"bottom-trailing\" | \"manual\" | \"top-leading\" | \"top-left\" | \"top-right\" | \"top-trailing\"", "resolved": "\"bottom-leading\" | \"bottom-left\" | \"bottom-right\" | \"bottom-trailing\" | \"manual\" | \"top-leading\" | \"top-left\" | \"top-right\" | \"top-trailing\"", "references": {} }, "mutable": true, "attr": "position", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "\"bottom-left\"", "values": [ { "value": "bottom-leading", "type": "string" }, { "value": "bottom-left", "type": "string" }, { "value": "bottom-right", "type": "string" }, { "value": "bottom-trailing", "type": "string" }, { "value": "manual", "type": "string" }, { "value": "top-leading", "type": "string" }, { "value": "top-left", "type": "string" }, { "value": "top-right", "type": "string" }, { "value": "top-trailing", "type": "string" } ], "optional": true, "required": false }, { "name": "referenceElement", "type": "HTMLArcgisLinkChartElement | HTMLArcgisMapElement | HTMLArcgisSceneElement | string", "complexType": { "original": "HTMLArcgisLinkChartElement | HTMLArcgisMapElement | HTMLArcgisSceneElement | string", "resolved": "HTMLArcgisLinkChartElement | HTMLArcgisMapElement | HTMLArcgisSceneElement | string", "references": { "HTMLArcgisLinkChartElement": { "location": "local", "path": "index.js", "id": "notImplemented" }, "HTMLArcgisMapElement": { "location": "local", "path": "index.js", "id": "notImplemented" }, "HTMLArcgisSceneElement": { "location": "local", "path": "index.js", "id": "notImplemented" } } }, "mutable": true, "attr": "reference-element", "reflectToAttr": false, "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.", "docsTags": [ { "name": "see", "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)" } ], "values": [ { "type": "HTMLArcgisLinkChartElement" }, { "type": "HTMLArcgisMapElement" }, { "type": "HTMLArcgisSceneElement" }, { "type": "string" } ], "optional": true, "required": false }, { "name": "snappingOptions", "type": "SnappingOptions", "complexType": { "original": "SnappingOptions", "resolved": "SnappingOptions", "references": { "SnappingOptions": { "location": "import", "path": "@arcgis/core/interfaces.d.ts", "id": "notImplemented" } } }, "mutable": true, "reflectToAttr": false, "docs": "The [SnappingOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-interactive-snapping-SnappingOptions.html) for sketching.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement2D.html#snappingOptions)", "docsTags": [], "values": [], "optional": true, "required": false }, { "name": "state", "type": "\"disabled\" | \"measured\" | \"measuring\" | \"ready\"", "complexType": { "original": "\"disabled\" | \"measured\" | \"measuring\" | \"ready\"", "resolved": "\"disabled\" | \"measured\" | \"measuring\" | \"ready\"", "references": {} }, "mutable": true, "attr": "state", "reflectToAttr": true, "docs": "The current state of the component.", "docsTags": [ { "name": "readonly", "text": "" } ], "default": "\"disabled\"", "values": [ { "value": "disabled", "type": "string" }, { "value": "measured", "type": "string" }, { "value": "measuring", "type": "string" }, { "value": "ready", "type": "string" } ], "optional": true, "required": false }, { "name": "unit", "type": "\"acres\" | \"ares\" | \"hectares\" | \"imperial\" | \"metric\" | \"square-centimeters\" | \"square-decimeters\" | \"square-feet\" | \"square-inches\" | \"square-kilometers\" | \"square-meters\" | \"square-miles\" | \"square-millimeters\" | \"square-nautical-miles\" | \"square-us-feet\" | \"square-yards\"", "complexType": { "original": "\"acres\" | \"ares\" | \"hectares\" | \"imperial\" | \"metric\" | \"square-centimeters\" | \"square-decimeters\" | \"square-feet\" | \"square-inches\" | \"square-kilometers\" | \"square-meters\" | \"square-miles\" | \"square-millimeters\" | \"square-nautical-miles\" | \"square-us-feet\" | \"square-yards\"", "resolved": "\"acres\" | \"ares\" | \"hectares\" | \"imperial\" | \"metric\" | \"square-centimeters\" | \"square-decimeters\" | \"square-feet\" | \"square-inches\" | \"square-kilometers\" | \"square-meters\" | \"square-miles\" | \"square-millimeters\" | \"square-nautical-miles\" | \"square-us-feet\" | \"square-yards\"", "references": {} }, "mutable": true, "attr": "unit", "reflectToAttr": false, "docs": "Unit system (imperial, metric) or specific unit used for displaying the area values.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement2D.html#unit)", "docsTags": [], "values": [ { "value": "acres", "type": "string" }, { "value": "ares", "type": "string" }, { "value": "hectares", "type": "string" }, { "value": "imperial", "type": "string" }, { "value": "metric", "type": "string" }, { "value": "square-centimeters", "type": "string" }, { "value": "square-decimeters", "type": "string" }, { "value": "square-feet", "type": "string" }, { "value": "square-inches", "type": "string" }, { "value": "square-kilometers", "type": "string" }, { "value": "square-meters", "type": "string" }, { "value": "square-miles", "type": "string" }, { "value": "square-millimeters", "type": "string" }, { "value": "square-nautical-miles", "type": "string" }, { "value": "square-us-feet", "type": "string" }, { "value": "square-yards", "type": "string" } ], "optional": true, "required": false }, { "name": "unitOptions", "type": "Array<\"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\" | \"imperial\" | \"metric\">", "complexType": { "original": "Array<\"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\" | \"imperial\" | \"metric\">", "resolved": "Array<\"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\" | \"imperial\" | \"metric\">", "references": { "Array": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "mutable": true, "reflectToAttr": false, "docs": "List of available units and unit systems (imperial, metric) for displaying the area values.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement2D.html#unitOptions)", "docsTags": [], "values": [], "optional": true, "required": false } ], "methods": [ { "name": "clear", "returns": { "type": "Promise<void>", "docs": "" }, "complexType": { "signature": "(): Promise<void>", "parameters": [], "return": "Promise<void>", "references": { "Promise": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "signature": "clear(): Promise<void>", "parameters": [], "docs": "Clear the current measurement.", "docsTags": [] }, { "name": "componentOnReady", "returns": { "type": "Promise<void>", "docs": "" }, "complexType": { "signature": "(): Promise<void>", "parameters": [], "return": "Promise<void>", "references": { "Promise": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "signature": "componentOnReady(): Promise<void>", "parameters": [], "docs": "Create a promise that resolves once component is fully loaded.", "docsTags": [ { "name": "example", "text": "```js\nconst arcgisAreaMeasurement2d = document.querySelector(\"arcgis-area-measurement-2d\");\ndocument.body.append(arcgisAreaMeasurement2d);\nawait arcgisAreaMeasurement2d.componentOnReady();\nconsole.log(\"arcgis-area-measurement-2d is ready to go!\");\n```" }, { "name": "inheritedFrom", "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}" } ] }, { "name": "destroy", "returns": { "type": "Promise<void>", "docs": "" }, "complexType": { "signature": "(): Promise<void>", "parameters": [], "return": "Promise<void>", "references": { "Promise": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "signature": "destroy(): Promise<void>", "parameters": [], "docs": "Permanently destroy the component.", "docsTags": [] }, { "name": "start", "returns": { "type": "Promise<void>", "docs": "" }, "complexType": { "signature": "(): Promise<void>", "parameters": [], "return": "Promise<void>", "references": { "Promise": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "signature": "start(): Promise<void>", "parameters": [], "docs": "Starts a new measurement.", "docsTags": [] } ], "events": [ { "event": "arcgisPropertyChange", "detail": "{ name: \"state\"; }", "bubbles": true, "complexType": { "original": "{ name: \"state\"; }", "resolved": "{ name: \"state\"; }", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the value of a property is changed. Use this to listen to changes to properties.", "docsTags": [] }, { "event": "arcgisReady", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the component associated with a map or scene view is is ready to be interacted with.", "docsTags": [] } ], "styles": [], "slots": [], "parts": [], "listeners": [] }, { "filePath": "src/components/area-measurement-3d/area-measurement-3d.tsx", "tag": "arcgis-area-measurement-3d", "overview": "", "readme": "", "usage": {}, "docs": "The Area Measurement 3D component can be added to a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent to calculate and display area and perimeter of polygons.\n\n[![measurement-area-3d](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/3D_AreaMeasurement_widget.png)](https://developers.arcgis.com/javascript/latest/sample-code/measurement-3d/)\n\nHow the area and perimeter are computed depends on the scene's spatial reference and the length of the measured perimeter.\n\nIn **geographic coordinate systems** (GCS) and in **Web Mercator**:\n- If the measurement's perimeter is below 100 km, they are computed in a Euclidean manner,\n in an [ECEF](https://en.wikipedia.org/wiki/ECEF) coordinate system (or equivalent on other planets).\n- If the perimeter is above 100 km, they are computed geodetically, and the visualization takes\n the curvature of the planet into consideration.\n\nIn **projected coordinate systems** (PCS), apart from Web Mercator, the area and perimeter\nare always calculated in a Euclidean manner (in their respective PCS).\n\nThe area may be visualized and calculated in two ways:\n1. If all the vertices are mostly coplanar (lying on the same plane),\n the measurement polygon is formed on that plane, and area and perimeter are calculated from its geometry.\n2. If the vertices don't form a planar surface, the measurement polygon\n is projected to a horizontal plane, and area and perimeter are calculated from its geometry.\n\n![area-measurement-3d-types](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/area-measurement-3d-types.png)\n\nWhen the component is active, a horizontal \"laser\" line is drawn which indicates the height at the current mouse position.\nThis line can help in analyzing the heights of objects relative to each other and the terrain.\n\n**Things to consider**\n\n* Area Measurement 3D is designed to work in the Scene component. For measurements in the [Map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/)\ncomponent, use [Area Measurement 2D](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-area-measurement-2d/).\n* Snapping is enabled by default. Holding the `CTRL` key disables it.\n* Layer types currently supported for snapping are:\n[FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html),\n[GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html) (except Mesh geometries),\n[GeoJSONLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GeoJSONLayer.html),\n[WFSLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-WFSLayer.html),\n[CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html),\n[3D Object SceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html),\nand [BuildingSceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html).\n\n**See also**\n\n- [AreaMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-AreaMeasurementAnalysis.html)\n- [Sample - Measurement in 3D](https://developers.arcgis.com/javascript/latest/sample-code/measurement-3d/)\n- [Sample - Analysis objects](https://developers.arcgis.com/javascript/latest/sample-code/analysis-objects/)", "docsTags": [ { "name": "superclass", "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}" } ], "encapsulation": "none", "dependents": [], "dependencies": [], "dependencyGraph": {}, "props": [ { "name": "analysis", "type": "AreaMeasurementAnalysis", "complexType": { "original": "AreaMeasurementAnalysis", "resolved": "AreaMeasurementAnalysis", "references": { "AreaMeasurementAnalysis": { "location": "import", "path": "@arcgis/core/interfaces.d.ts", "id": "notImplemented" } } }, "mutable": true, "reflectToAttr": false, "docs": "The [AreaMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-AreaMeasurementAnalysis.html)\ncreated or modified by the component.\n\nWhen connecting the Area Measurement 3D component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)\ncomponent, it automatically creates an empty analysis and adds it to the Scene's\n[analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#analyses) collection.\nWhenever the component is destroyed, the analysis is automatically removed from the collection.\n\nAlternatively, a programmatically created analysis can be provided to the component.\nThen, the application itself needs to add it to and later remove it from the Scene's analyses collection.\n\n```js\n// Create the analysis.\nconst areaMeasurementAnalysis = new AreaMeasurementAnalysis({\n geometry: new Polygon({\n spatialReference: { latestWkid: 3857, wkid: 102100 },\n rings: [\n [\n [-13624861.22274897, 4550346.5519295, 63.378210234455764],\n [-13624935.305160372, 4550273.144585712, 63.37829629518092],\n [-13624995.61798748, 4550334.030096778, 63.37819860037416],\n [-13624921.53589075, 4550407.42357004, 63.3783810287714],\n [-13624861.22274897, 4550346.5519295, 63.378210234455764]\n ]\n ]\n })\n});\n// Get the Scene and measurement component and wait until they are ready.\nconst viewElement = document.querySelector(\"arcgis-scene\");\nawait viewElement.viewOnReady();\nconst areaMeasurement3d = document.querySelector(\"arcgis-area-measurement-3d\");\nawait areaMeasurement3d.componentOnReady();\n// Add the analysis to the Scene component.\nviewElement.analyses.add(areaMeasurementAnalysis);\n// Connect the analysis to the measurement component:\nareaMeasurement3d.analysis = areaMeasurementAnalysis;\n```", "docsTags": [], "values": [], "optional": true, "required": false }, { "name": "autoDestroyDisabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "auto-destroy-disabled", "reflectToAttr": false, "docs": "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-area-measurement-3d/#destroy) method when you are done to\nprevent memory leaks.", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "icon", "reflectToAttr": true, "docs": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).", "docsTags": [ { "name": "see", "text": "[Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)" } ], "default": "\"measure-area\"", "values": [ { "type": "string" } ], "optional": true, "required": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "label", "reflectToAttr": false, "docs": "The component's default label.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false }, { "name": "position", "type": "\"bottom-leading\" | \"bottom-left\" | \"bottom-right\" | \"bottom-trailing\" | \"manual\" | \"top-leading\" | \"top-left\" | \"top-right\" | \"top-trailing\"", "complexType": { "original": "\"bottom-leading\" | \"bottom-left\" | \"bottom-right\" | \"bottom-trailing\" | \"manual\" | \"top-leading\" | \"top-left\" | \"top-right\" | \"top-trailing\"", "resolved": "\"bottom-leading\" | \"bottom-left\" | \"bottom-right\" | \"bottom-trailing\" | \"manual\" | \"top-leading\" | \"top-left\" | \"top-right\" | \"top-trailing\"", "references": {} }, "mutable": true, "attr": "position", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "\"bottom-left\"", "values": [ { "value": "bottom-leading", "type": "string" }, { "value": "bottom-left", "type": "string" }, { "value": "bottom-right", "type": "string" }, { "value": "bottom-trailing", "type": "string" }, { "value": "manual", "type": "string" }, { "value": "top-leading", "type": "string" }, { "value": "top-left", "type": "string" }, { "value": "top-right", "type": "string" }, { "value": "top-trailing", "type": "string" } ], "optional": true, "required": false }, { "name": "referenceElement", "type": "HTMLArcgisLinkChartElement | HTMLArcgisMapElement | HTMLArcgisSceneElement | string", "complexType": { "original": "HTMLArcgisLinkChartElement | HTMLArcgisMapElement | HTMLArcgisSceneElement | string", "resolved": "HTMLArcgisLinkChartElement | HTMLArcgisMapElement | HTMLArcgisSceneElement | string", "references": { "HTMLArcgisLinkChartElement": { "location": "local", "path": "index.js", "id": "notImplemented" }, "HTMLArcgisMapElement": { "location": "local", "path": "index.js", "id": "notImplemented" }, "HTMLArcgisSceneElement": { "location": "local", "path": "index.js", "id": "notImplemented" } } }, "mutable": true, "attr": "reference-element", "reflectToAttr": false, "docs": "By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.", "docsTags": [ { "name": "see", "text": "[Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)" } ], "values": [ { "type": "HTMLArcgisLinkChartElement" }, { "type": "HTMLArcgisMapElement" }, { "type": "HTMLArcgisSceneElement" }, { "type": "string" } ], "optional": true, "required": false }, { "name": "state", "type": "\"disabled\" | \"measured\" | \"measuring\" | \"ready\"", "complexType": { "original": "\"disabled\" | \"measured\" | \"measuring\" | \"ready\"", "resolved": "\"disabled\" | \"measured\" | \"measuring\" | \"ready\"", "references": {} }, "mutable": true, "attr": "state", "reflectToAttr": true, "docs": "The component's state. The values mean the following:\n\n* `disabled` - not ready yet\n* `ready` - ready for measuring\n* `measuring` - currently measuring\n* `measured` - measuring has finished", "docsTags": [ { "name": "readonly", "text": "" } ], "values": [ { "value": "disabled", "type": "string" }, { "value": "measured", "type": "string" }, { "value": "measuring", "type": "string" }, { "value": "ready", "type": "string" } ], "optional": true, "required": false }, { "name": "unit", "type": "\"acres\" | \"ares\" | \"hectares\" | \"imperial\" | \"metric\" | \"square-centimeters\" | \"square-decimeters\" | \"square-feet\" | \"square-inches\" | \"square-kilometers\" | \"square-meters\" | \"square-miles\" | \"square-millimeters\" | \"square-nautical-miles\" | \"square-us-feet\" | \"square-yards\"", "complexType": { "original": "\"acres\" | \"ares\" | \"hectares\" | \"imperial\" | \"metric\" | \"square-centimeters\" | \"square-decimeters\" | \"square-feet\" | \"square-inches\" | \"square-kilometers\" | \"square-meters\" | \"square-miles\" | \"square-millimeters\" | \"square-nautical-miles\" | \"square-us-feet\" | \"square-yards\"", "resolved": "\"acres\" | \"ares\" | \"hectares\" | \"imperial\" | \"metric\" | \"square-centimeters\" | \"square-decimeters\" | \"square-feet\" | \"square-inches\" | \"square-kilometers\" | \"square-meters\" | \"square-miles\" | \"square-millimeters\" | \"square-nautical-miles\" | \"square-us-feet\" | \"square-yards\"", "references": {} }, "mutable": true, "attr": "unit", "reflectToAttr": false, "docs": "Unit system (imperial, metric) or specific unit used for displaying the area values. Possible values are listed in\n[unitOptions](#unitOptions).", "docsTags": [], "values": [ { "value": "acres", "type": "string" }, { "value": "ares", "type": "string" }, { "value": "hectares", "type": "string" }, { "value": "imperial", "type": "string" }, { "value": "metric", "type": "string" }, { "value": "square-centimeters", "type": "string" }, { "value": "square-decimeters", "type": "string" }, { "value": "square-feet", "type": "string" }, { "value": "square-inches", "type": "string" }, { "value": "square-kilometers", "type": "string" }, { "value": "square-meters", "type": "string" }, { "value": "square-miles", "type": "string" }, { "value": "square-millimeters", "type": "string" }, { "value": "square-nautical-miles", "type": "string" }, { "value": "square-us-feet", "type": "string" }, { "value": "square-yards", "type": "string" } ], "optional": true, "required": false }, { "name": "unitOptions", "type": "Array<\"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\" | \"imperial\" | \"metric\">", "complexType": { "original": "Array<\"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\" | \"imperial\" | \"metric\">", "resolved": "Array<\"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\" | \"imperial\" | \"metric\">", "references": { "Array": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "mutable": true, "reflectToAttr": false, "docs": "List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.\nBy default, the following units are included: `metric`, `imperial`, `square-inches`, `square-feet`, `square-us-feet`, `square-yards`, `square-miles`, `square-meters`, `square-kilometers`, `acres`, `ares`, `hectares`.\nPossible [unit](#unit) values can only be a subset of this list.", "docsTags": [], "values": [], "optional": true, "required": false } ], "methods": [ { "name": "clear", "returns": { "type": "Promise<void>", "docs": "" }, "complexType": { "signature": "(): Promise<void>", "parameters": [], "return": "Promise<void>", "references": { "Promise": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "signature": "clear(): Promise<void>", "parameters": [], "docs": "Clears the current measurement.", "docsTags": [] }, { "name": "componentOnReady", "returns": { "type": "Promise<void>", "docs": "" }, "complexType": { "signature": "(): Promise<void>", "parameters": [], "return": "Promise<void>", "references": { "Promise": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "signature": "componentOnReady(): Promise<void>", "parameters": [], "docs": "Create a promise that resolves once component is fully loaded.", "docsTags": [ { "name": "example", "text": "```js\nconst arcgisAreaMeasurement3d = document.querySelector(\"arcgis-area-measurement-3d\");\ndocument.body.append(arcgisAreaMeasurement3d);\nawait arcgisAreaMeasurement3d.componentOnReady();\nconsole.log(\"arcgis-area-measurement-3d is ready to go!\");\n```" }, { "name": "inheritedFrom", "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}" } ] }, { "name": "destroy", "returns": { "type": "Promise<void>", "docs": "" }, "complexType": { "signature": "(): Promise<void>", "parameters": [], "return": "Promise<void>", "references": { "Promise": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "signature": "destroy(): Promise<void>", "parameters": [], "docs": "Permanently destroy the component.", "docsTags": [] }, { "name": "start", "returns": { "type": "Promise<void>", "docs": "" }, "complexType": { "signature": "(): Promise<void>", "parameters": [], "return": "Promise<void>", "references": { "Promise": { "location": "import", "path": "typescript/lib/lib.es5.d.ts", "id": "notImplemented" } } }, "signature": "start(): Promise<void>", "parameters": [], "docs": "Starts a new measurement.", "docsTags": [] } ], "events": [ { "event": "arcgisPropertyChange", "detail": "{ name: \"state\" | \"analysis\"; }", "bubbles": true, "complexType": { "original": "{ name: \"state\" | \"analysis\"; }", "resolved": "{ name: \"state\" | \"analysis\"; }", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the value of a property is changed. Use this to listen to changes to properties.", "docsTags": [] }, { "event": "arcgisReady", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the component associated with a map or scene view is is ready to be interacted with.", "docsTags": [] } ], "styles": [], "slots": [], "parts": [], "listeners": [] }, { "filePath": "src/components/attachments/attachments.tsx", "tag": "arcgis-attachments", "overview": "", "readme": "", "usage": {}, "docs": "", "docsTags": [ { "name": "internal" }, { "name": "superclass", "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}" } ], "encapsulation": "none", "dependents": [], "dependencies": [], "dependencyGraph": {}, "props": [ { "name": "autoDestroyDisabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "auto-destroy-disabled", "reflectToAttr": false, "docs": "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-attachments/#destroy) method when you are done to\nprevent memory leaks.", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "capabilities", "type": "AttachmentsCapabilities", "complexType": { "original": "AttachmentsCapabilities", "resolved": "AttachmentsCapabilities", "references": { "AttachmentsCapabilities": { "location": "import", "path": "@arcgis/core/interfaces.d.ts", "id": "notImplemented" } } }, "mutable": true, "reflectToAttr": false, "docs": "Configures the attachment editing functionality that can be performed by the user.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attachments.html#capabilities)", "docsTags": [], "values": [], "optional": true, "required": false }, { "name": "displayType", "type": "\"auto\" | \"list\" | \"preview\"", "complexType": { "original": "\"auto\" | \"list\" | \"preview\"", "resolved": "\"auto\" | \"list\" | \"preview\"", "references": {} }, "mutable": true, "attr": "display-type", "reflectToAttr": false, "docs": "A string value indicating how to display an attachment.", "docsTags": [], "default": "\"auto\"", "values": [ { "value": "auto", "type": "string" }, { "value": "list", "type": "string" }, { "value": "preview", "type": "string" } ], "optional": true, "required": false }, { "name": "graphic", "type": "Graphic", "complexType": { "original": "Graphic", "resolved": "Graphic", "references": { "Graphic": { "location": "import", "path": "@arcgis/core/interfaces.d.ts", "id": "notImplemented" } } }, "mutable": true, "reflectToAttr": false, "docs": "The graphic for the attachments.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attachments.html#graphic)", "docsTags": [], "values": [], "optional": true, "required": false }, { "name": "hideAddButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "hide-add-button", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "hideAddSubmitButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "hide-add-submit-button", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "hideCancelAddButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "hide-cancel-add-button", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "hideCancelUpdateButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "hide-cancel-update-button", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "hideDeleteButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "hide-delete-button", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "hideErrorMessage", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "hide-error-message", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "hideProgressBar", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "hide-progress-bar", "reflectToAttr": false, "docs": "", "docsTags": [], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false }, { "name": "hideUpdateButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "hide-update-button",