@arcgis/core 5.1.0-next.64 → 5.1.0-next.65

package/views/MapView.d.ts

@@ -247,7 +247,7 @@ export interface MapViewProperties extends View2DProperties {}
  * is set to `true` (default). To enable zooming in MapView, `view.constraints.snapToZoom` must be set to `false` (default is `true`).
  * Please see [GamepadInputDevice](https://developers.arcgis.com/javascript/latest/references/core/views/input/gamepad/GamepadInputDevice/) for supported devices.
  *
- * ![Gamepad](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/standard-gamepad.png)
+ * ![Gamepad](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/standard-gamepad.avif)
  *
  * Gamepad Action | MapView behavior
  * ------|------------
@@ -258,11 +258,11 @@ export interface MapViewProperties extends View2DProperties {}
  *
  * Action Image | SpaceMouse Action | MapView behavior
  * ------|------|------------
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/3dmouse-pan.png) | Push (left/right/forward/backward) | Pan the view
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/pull-up.png) | Pull up | Zoom out
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/push-down.png) | Push down | Zoom in
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/rotate-clockwise.png) | Rotate clockwise | Rotate the view clockwise
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/rotate-counterclockwise.png) | Rotate counterclockwise | Rotate the view counterclockwise
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/3dmouse-pan.avif) | Push (left/right/forward/backward) | Pan the view
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/pull-up.avif) | Pull up | Zoom out
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/push-down.avif) | Push down | Zoom in
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/rotate-clockwise.avif) | Rotate clockwise | Rotate the view clockwise
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/rotate-counterclockwise.avif) | Rotate counterclockwise | Rotate the view counterclockwise
  *
  * To disable gamepad navigation, you can set `view.navigation.gamepad.enabled` to `false`.
  *
@@ -295,7 +295,7 @@ export interface MapViewProperties extends View2DProperties {}
  * to user interaction without delay. The [@click](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#event-click) event is only triggered after making sure that the
  * user doesn't click a second time (in which case it would trigger a [@double-click](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#event-double-click) event).
  *
- * ![Various events](https://developers.arcgis.com/javascript/latest/assets/references/core/views/events.png "Click and double-click events")
+ * ![Various events](https://developers.arcgis.com/javascript/latest/assets/references/core/views/events.avif "Click and double-click events")
  *
  * In the case of a double-click, the same event chain is repeated after the first click. However, if the user clicks
  * a second time within a close time range, then the [@click](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#event-click) event is not emitted anymore, but the

package/views/SceneView.d.ts

@@ -180,7 +180,7 @@ export interface SceneViewProperties extends ViewProperties, DOMContainerPropert
    *
    * The `clippingArea` property only applies to [local](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#viewingMode) scenes.
    *
-   * ![scene-clipping-area](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-clipping-area.png "Local scene with clippingArea")
+   * ![scene-clipping-area](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-clipping-area.avif "Local scene with clippingArea")
    *
    * The clippingArea property contains an internal reference which may be modified in the future. To persist or
    * modify the clippingArea, create a clone using [clippingArea.clone()](https://developers.arcgis.com/javascript/latest/references/core/geometry/Extent/#clone).
@@ -328,8 +328,8 @@ export interface SceneViewProperties extends ViewProperties, DOMContainerPropert
    *
    * Value | Example | Description
    * ------|-------|------------
-   * global | ![scene-global](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-global.png) | Global scenes allow the entire globe to render in the view, showing the curvature of the earth.
-   * local | ![scene-local](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-local.png) | Local scenes render the earth on a flat surface. They can be constrained to only show a "local" area by setting the [clippingArea](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#clippingArea) property. Local scenes also allow for displaying and exploring data that would otherwise be hidden by the surface of the earth.
+   * global | ![scene-global](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-global.avif) | Global scenes allow the entire globe to render in the view, showing the curvature of the earth.
+   * local | ![scene-local](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-local.avif) | Local scenes render the earth on a flat surface. They can be constrained to only show a "local" area by setting the [clippingArea](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#clippingArea) property. Local scenes also allow for displaying and exploring data that would otherwise be hidden by the surface of the earth.
    *
    * Depending on the viewing mode different [supported coordinate systems](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#supported-coordinate-systems) are available.
    *
@@ -377,7 +377,7 @@ export interface SceneViewProperties extends ViewProperties, DOMContainerPropert
  * for [MapView](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/). For a general overview of views,
  * see [View](https://developers.arcgis.com/javascript/latest/references/core/views/View/).
  *
- * ![Various scenes](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-mosaic.png "Various example scenes")
+ * ![Various scenes](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-mosaic.avif "Various example scenes")
  *
  * For a map to be visible to the user in the DOM, a SceneView must have both a
  * valid [Map instance](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#map) and a [DOM element](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#container) with a non-zero
@@ -502,7 +502,7 @@ export interface SceneViewProperties extends ViewProperties, DOMContainerPropert
  * <details>
  * <summary>Read More</summary>
  *
- * ![Gamepad](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/standard-gamepad.png)
+ * ![Gamepad](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/standard-gamepad.avif)
  *
  * Gamepad Action | SceneView behavior
  * ------|------------
@@ -513,12 +513,12 @@ export interface SceneViewProperties extends ViewProperties, DOMContainerPropert
  *
  * Action Image | SpaceMouse Action | SceneView behavior
  * -------|------|------------
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/3dmouse-pan.png) | Push (left/right/forward/backward)| Pan
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/pull-up.png) | Pull up | Ascend
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/push-down.png) | Push down | Descend
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/rotate-clockwise.png) | Rotate clockwise | Rotate the view clockwise
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/rotate-counterclockwise.png) | Rotate counterclockwise | Rotate the view counterclockwise
- * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/tilt.png) | Tilt | Tilt the scene
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/3dmouse-pan.avif) | Push (left/right/forward/backward)| Pan
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/pull-up.avif) | Pull up | Ascend
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/push-down.avif) | Push down | Descend
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/rotate-clockwise.avif) | Rotate clockwise | Rotate the view clockwise
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/rotate-counterclockwise.avif) | Rotate counterclockwise | Rotate the view counterclockwise
+ * ![3DMousePan](https://developers.arcgis.com/javascript/latest/assets/references/core/views/input/tilt.avif) | Tilt | Tilt the scene
  *
  * To disable gamepad navigation, you can set `view.navigation.gamepad.enabled` to `false`.
  *
@@ -625,7 +625,7 @@ export interface SceneViewProperties extends ViewProperties, DOMContainerPropert
  * <span id="viewing-modes"></span>
  * ## Viewing modes
  *
- * ![global vs local](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-global-vs-local.png "Showing global scene vs local scene")
+ * ![global vs local](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-global-vs-local.avif "Showing global scene vs local scene")
  *
  * The SceneView supports two different viewing modes, `global` (left picture above) and `local` (right picture above),
  * specified by the [viewingMode](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#viewingMode) property. Global scenes render the
@@ -722,7 +722,7 @@ export interface SceneViewProperties extends ViewProperties, DOMContainerPropert
  * to user interaction without delay. The [@click](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#event-click) event is only triggered after making sure that the
  * user doesn't click a second time (in which case it would trigger a [@double-click](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#event-double-click) event).
  *
- * ![Various events](https://developers.arcgis.com/javascript/latest/assets/references/core/views/events.png "Click and double-click events")
+ * ![Various events](https://developers.arcgis.com/javascript/latest/assets/references/core/views/events.avif "Click and double-click events")
  *
  * In the case of a double-click, the same event chain is repeated after the first click. However, if the user clicks
  * a second time within a close time range, then the [@click](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#event-click) event is not emitted anymore, but the
@@ -966,7 +966,7 @@ export default class SceneView extends SceneViewSuperclass {
    *
    * The `clippingArea` property only applies to [local](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#viewingMode) scenes.
    *
-   * ![scene-clipping-area](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-clipping-area.png "Local scene with clippingArea")
+   * ![scene-clipping-area](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-clipping-area.avif "Local scene with clippingArea")
    *
    * The clippingArea property contains an internal reference which may be modified in the future. To persist or
    * modify the clippingArea, create a clone using [clippingArea.clone()](https://developers.arcgis.com/javascript/latest/references/core/geometry/Extent/#clone).
@@ -1204,8 +1204,8 @@ export default class SceneView extends SceneViewSuperclass {
    *
    * Value | Example | Description
    * ------|-------|------------
-   * global | ![scene-global](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-global.png) | Global scenes allow the entire globe to render in the view, showing the curvature of the earth.
-   * local | ![scene-local](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-local.png) | Local scenes render the earth on a flat surface. They can be constrained to only show a "local" area by setting the [clippingArea](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#clippingArea) property. Local scenes also allow for displaying and exploring data that would otherwise be hidden by the surface of the earth.
+   * global | ![scene-global](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-global.avif) | Global scenes allow the entire globe to render in the view, showing the curvature of the earth.
+   * local | ![scene-local](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-local.avif) | Local scenes render the earth on a flat surface. They can be constrained to only show a "local" area by setting the [clippingArea](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#clippingArea) property. Local scenes also allow for displaying and exploring data that would otherwise be hidden by the surface of the earth.
    *
    * Depending on the viewing mode different [supported coordinate systems](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#supported-coordinate-systems) are available.
    *

package/views/View.d.ts

@@ -19,7 +19,7 @@ import type { ReadonlyArrayOrCollection, ReadonlyCollection } from "../core/Coll
 import type { EventedMixin } from "../core/Evented.js";
 import type { EsriPromise } from "../core/Promise.js";
 import type { SpatialReferenceProperties } from "../geometry/SpatialReference.js";
-import type { SceneViewEventTypes } from "./types.js";
+import type { SceneViewEventTypes, PersistableComponent } from "./types.js";
 import type { ViewPadding } from "./ui/types.js";
 import type { GraphicProperties } from "../Graphic.js";
 import type { HighlightOptionsProperties } from "./support/HighlightOptions.js";
@@ -222,7 +222,7 @@ export type ViewEvents = SceneViewEventTypes;
  *
  * | MapView (2D) | SceneView (3D) |
  * |--------------|----------------|
- * | [![mapview](https://developers.arcgis.com/javascript/latest/assets/references/core/views/mapview.png)](https://developers.arcgis.com/javascript/latest/sample-code/intro-mapview/) | [![sceneview](https://developers.arcgis.com/javascript/latest/assets/references/core/views/sceneview.png)](https://developers.arcgis.com/javascript/latest/sample-code/intro-sceneview/) |
+ * | [![mapview](https://developers.arcgis.com/javascript/latest/assets/references/core/views/mapview.avif)](https://developers.arcgis.com/javascript/latest/sample-code/intro-mapview/) | [![sceneview](https://developers.arcgis.com/javascript/latest/assets/references/core/views/sceneview.avif)](https://developers.arcgis.com/javascript/latest/sample-code/intro-sceneview/) |
  *
  * To associate a view with a map, you must set the [map](https://developers.arcgis.com/javascript/latest/references/core/views/View/#map) property to an instance of [Map](https://developers.arcgis.com/javascript/latest/references/core/Map/).
  *
@@ -320,7 +320,7 @@ export default abstract class View<TLayerView extends LayerView = LayerView> ext
   /**
    * The array of attribution items to be displayed in the view's attribution. This property is populated once the view has finished updating.  Items are ordered based on descending [score](https://developers.arcgis.com/javascript/latest/references/core/views/support/AttributionItem/#score) with higher scored items appearing first in the attribution.
    *
-   * ![attribution](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/attribution.png)
+   * ![attribution](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/attribution.avif)
    *
    * @since 5.0
    * @example
@@ -754,6 +754,13 @@ export default abstract class View<TLayerView extends LayerView = LayerView> ext
    * @see [WebScene.destroy()](https://developers.arcgis.com/javascript/latest/references/core/WebScene/#destroy)
    */
   destroy(): void;
+  /**
+   * Registers a component with the view so that it can participate in web document persistence.
+   *
+   * @param component - The component to register with the view for web document persistence.
+   * @internal
+   */
+  registerComponent(component: PersistableComponent): void;
   /**
    * Call this method to clear any [fatal errors](https://developers.arcgis.com/javascript/latest/references/core/views/View/#fatalError) resulting from a lost WebGL context.
    *
@@ -766,6 +773,13 @@ export default abstract class View<TLayerView extends LayerView = LayerView> ext
    * );
    */
   tryFatalErrorRecovery(): void;
+  /**
+   * Unregisters a component from the view so that it no longer participates in web document persistence.
+   *
+   * @param component - The component to unregister from the view for web document persistence.
+   * @internal
+   */
+  unregisterComponent(component: PersistableComponent): void;
   /**
    * Gets the [LayerView](https://developers.arcgis.com/javascript/latest/references/core/views/layers/LayerView/) created
    * on the view for the given layer. The returned promise resolves when

package/views/View.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{__decorate as e}from"tslib";import t from"../Map.js";import{createTask as i}from"../core/asyncUtils.js";import r from"../core/Collection.js";import s from"../core/CollectionFlattener.js";import{referenceSetter as a}from"../core/collectionUtils.js";import o from"../core/Error.js";import{EventedMixin as n}from"../core/Evented.js";import l from"../core/Handles.js";import{makeHandle as p}from"../core/handleUtils.js";import has from"../core/has.js";import{isLoadable as h}from"../core/Loadable.js";import d from"../core/Logger.js";import{destroyMaybe as y,abortMaybe as u}from"../core/maybe.js";import{EsriPromise as m}from"../core/Promise.js";import{after as c}from"../core/promiseUtils.js";import{watch as g,sync as f,whenOnce as w,when as v,syncAndInitial as _}from"../core/reactiveUtils.js";import{property as V,subclass as M}from"../core/accessorSupport/decorators.js";import{owningCollectionProperty as b}from"../core/support/OwningCollection.js";import{UpdatingHandles as R}from"../core/support/UpdatingHandles.js";import S from"../geometry/Extent.js";import T from"../geometry/HeightModelInfo.js";import j from"../geometry/SpatialReference.js";import{equals as E}from"../geometry/support/spatialReferenceUtils.js";import{AnalysesCollection as L}from"../support/AnalysesCollection.js";import{GraphicsCollection as x}from"../support/GraphicsCollection.js";import{system as F}from"../time/constants.js";import k from"../time/TimeExtent.js";import{isTimeZoneValid as O}from"../time/timeZoneUtils.js";import C from"./BasemapView.js";import H from"./Magnifier.js";import I from"./SelectionManager.js";import Z from"./Theme.js";import{ToolViewManager as W}from"./ToolViewManager.js";import{makeDefaultHighlightOptions as q}from"./3d/support/DefaultHighlights.js";import A from"./input/Input.js";import{ViewEvents as P}from"./input/ViewEvents.js";import D from"./navigation/Navigation.js";import{deduplicateAttributionItems as U}from"./support/attributionUtils.js";import{DefaultsFromMap as z}from"./support/DefaultsFromMap.js";import{defaultHighlightName as N}from"./support/HighlightDefaults.js";import G from"./support/HighlightOptions.js";import $ from"./support/LayerViewManager.js";import B from"./support/RequiredFieldsOptions.js";import{checkWebAssemblyRequirements as J}from"./support/WebAssemblyRequirements.js";import{checkWebGLRequirements as K}from"./support/WebGLRequirements.js";var Q;let X=class extends(n(m)){static{Q=this}constructor(e){super(e),this._userSpatialReference=null,this.handles=new l,this.updatingHandles=new R,this.allLayerViews=new s({getCollections:()=>this.layerviewCollections,getChildrenFunction:te}),this.animationsEnabled=!0,this.attributionVisible=!0,this.basemapView=null,this.dependencies={popup:void 0},this.displayFilterEnabled=!0,this.fatalError=null,this.graphics=new x,this.typeSpecificPreconditionsReady=!0,this.layerViews=new r,this.magnifier=new H,this.padding={left:0,top:0,right:0,bottom:0},this.ready=!1,this._readyStateWaitingTask=null,this.type=null,this.scale=null,this.updating=!1,this.initialExtentRequired=!0,this._lowPriorityCursorHandles=new r,this._highPriorityCursorHandles=new r,this.input=new A,this.navigation=new D,this.layerViewManager=null,this.analysisViewManager=null,this.isHeightModelInfoRequired=!1,this.width=null,this.height=null,this.resizing=!1,this.suspended=!1,this.viewEvents=new P(this),this.persistableViewModels=new r,this.requiredFieldsOptions=new B,this._isValid=!1,this._readyCycleForced=!1,this._lockedSpatialReference=null,this._userTimeZone=null,this._lockedTimeZone=null,this._userTimeExtent=null,this._lockedTimeExtent=null,this.theme=null,this.handles.add(g(()=>this.preconditionsReady,e=>{const t=this.ready;if(e?(this._lockedSpatialReference=this.spatialReference,this._lockedTimeZone=this.timeZone,this._lockedTimeExtent=this.timeExtent,Q.views.add(this)):(this._lockedSpatialReference=null,Q.views.remove(this)),this.notifyChange("spatialReference"),!e&&t)this.toolViewManager?.detach(),this.analysisViewManager?.detach(),this.layerViewManager?.clear(),this._teardown();else if(e&&!t){try{this._startup()}catch(i){return void queueMicrotask(()=>{this.fatalError=new o("view:startup-error","View._startup failed",i)})}this.analysisViewManager?.attach(),this.toolViewManager.attach()}},f)),this.analyses=new L}initialize(){this.addResolvingPromise(Promise.all([this.loadAsyncDependencies(),this.validate()]).then(()=>(this._isValid=!0,w(()=>this.ready)))),this.basemapView=new C({view:this}),this.layerViewManager=new $({view:this,layerViewFilter:e=>this.layerViewFilter?.(e)??!0,layerViewImporter:{importLayerView:e=>this.importLayerView(e),hasLayerViewModule:e=>this.hasLayerViewModule(e)},layerviewMapping:this._layerToLayerviewMapping}),this.toolViewManager=new W({view:this}),this.selectionManager=new I({view:this}),this.addHandles([v(()=>"map-content-error"===this.readyState&&!this.spatialReference,()=>{d.getLogger(this).warn("#spatialReference","no spatial reference could be derived from the currently added map layers")}),g(()=>this.initialExtentRequired,e=>this.defaultsFromMap.required={...this.defaultsFromMap.required,extent:e},_),g(()=>this.ready,e=>{this.defaultsFromMap&&(this.defaultsFromMap.suspended=e,this.defaultsFromMap.userSpatialReference=e?this.spatialReference:this._userSpatialReference)},f),g(()=>this._userSpatialReference,e=>{this.defaultsFromMap&&(this.defaultsFromMap.userSpatialReference=e)},_)])}get _layerToLayerviewMapping(){return Q._layerToLayerview}static{this._layerToLayerview=[["view.map.basemap.baseLayers","view.basemapView.baseLayerViews"],["view.map.basemap.groundLayers","view.basemapView.groundLayerViews"],["view.map.basemap.referenceLayers","view.basemapView.referenceLayerViews"],["view.map.layers","view.layerViews"]]}destroy(){this.destroyed||(Q.views.remove(this),this.viewEvents.destroy(),this.allLayerViews.destroy(),this.navigation&&(this.navigation.destroy(),this._set("navigation",null)),this.graphics=y(this.graphics),this.analyses=y(this.analyses),this.defaultsFromMap.destroy(),this._set("defaultsFromMap",null),this.analysisViewManager=y(this.analysisViewManager),this.toolViewManager=y(this.toolViewManager),this.layerViewManager=y(this.layerViewManager),this.selectionManager=y(this.selectionManager),this.basemapView=y(this.basemapView),this.layerViews.destroyAll(),this.invalidate(),this.handles.destroy(),this.map=y(this.map),this.updatingHandles.destroy())}_startup(){this._set("ready",!0)}_teardown(){this._set("ready",!1)}whenReady(){return Promise.resolve(this)}toMap(){return d.getLogger(this).error("#toMap()","Not implemented on this instance of View"),null}get activeTool(){return this.toolViewManager?.activeTool}set activeTool(e){this.toolViewManager&&(this.toolViewManager.activeTool=e)}get layerviewCollections(){return[this.basemapView?.baseLayerViews,this.basemapView?.groundLayerViews,this.layerViews,this.basemapView?.referenceLayerViews]}get analyses(){return this._get("analyses")}set analyses(e){this._set("analyses",e)}get animation(){return this._get("animation")}set animation(e){this._set("animation",e)}get attributionItems(){return this.suspended?[]:U(this._get("attributionItems"),this.getAttributionItems())}get center(){return null}get defaultsFromMapSettings(){return{}}get defaultsFromMap(){return new z({required:{tileInfo:!1,heightModelInfo:!1,extent:!1},map:()=>this.map,getSpatialReferenceSupport:(e,t)=>this.getSpatialReferenceSupport(e,t),...this.defaultsFromMapSettings})}get extent(){return this._get("extent")}set extent(e){this._set("extent",e)}get heightModelInfo(){return this.getDefaultHeightModelInfo()}get highlights(){return this._get("highlights")??q()}set highlights(e){this._set("highlights",a(e,this._get("highlights"),r.ofType(G)))}get defaultHighlight(){return this.highlights.find(({name:e})=>e===N)}get interacting(){return this.navigating}get navigating(){return!1}get preconditionsReady(){if(this.destroying||this.destroyed)return!1;const{map:e,spatialReference:t}=this;return!(this.fatalError||!this._isValid||this._readyCycleForced||!e||h(e)&&!e.loaded||0===this.width||0===this.height||!t||!this._validateSpatialReference(t)||!this._lockedSpatialReference&&!this.defaultsFromMap?.ready||!this.typeSpecificPreconditionsReady)}get resolution(){return 0}set map(e){e!==this._get("map")&&(e?.destroyed&&(d.getLogger(this).warn("#map","The provided map is already destroyed",{map:e}),e=null),h(e)&&e.load().catch(()=>{}),this.constructed&&!this.destroyed&&(this.forceReadyCycle(),this._lockedSpatialReference=null),this._set("map",e))}get canZoomIn(){return!!this.ready}get canZoomOut(){return!!this.ready}get readyState(){if(this.destroyed)return this._get("readyState");if(!this.map)return"missing-map";if("container"in this&&!this.container)return"missing-container";if(this.fatalError)return"rendering-error";if((this.defaultsFromMap?.ready??!1)&&!this.spatialReference){const e=!("loaded"in this.map)||this.map.loaded,t=this.map.ground.loaded,r=this.map.basemap?.loaded??!0;return e&&r&&t&&!this.map?.allLayers.length?"empty-map":(this._readyStateWaitingTask||(this._readyStateWaitingTask=i(e=>c(has("view-readyState-waiting-delay"),null,e)),this.addHandles(this._readyStateWaitingTask),this.addHandles(this._readyStateWaitingTask,"ready-state-task")),this._readyStateWaitingTask?.finished?"map-content-error":"loading")}return this._readyStateWaitingTask=u(this._readyStateWaitingTask),this.removeHandles("ready-state-task"),this.ready?"ready":"loading"}get spatialReference(){const{_userSpatialReference:e}=this;if(e&&null!==e.vcsWkid)return e;const t=e||this._lockedSpatialReference||this.getDefaultSpatialReference()||null;if(t&&this.defaultsFromMap?.required?.heightModelInfo){const e=t.clone();return e.vcsWkid=this.defaultsFromMap.vcsWkid,e.latestVcsWkid=this.defaultsFromMap.latestVcsWkid,e}return t}set spatialReference(e){const t=!E(e,this._get("spatialReference"));this._set("_userSpatialReference",e),t&&(this._set("spatialReference",e),this._spatialReferenceChanged(e))}_spatialReferenceChanged(e){}get stationary(){return!this.animation&&!this.navigating&&!this.resizing}get timeExtent(){return this._userTimeExtent??this._lockedTimeExtent??this.getDefaultTimeExtent()??null}set timeExtent(e){this._userTimeExtent=e}get timeZone(){return this._userTimeZone??this._lockedTimeZone??this.getDefaultTimeZone()??F}set timeZone(e){this._userTimeZone=e,O(e)||d.getLogger(this).warn("#timeZone",`the parsed value '${e}' may not be a valid IANA time zone`)}get tools(){return this.toolViewManager?.tools}get initialExtent(){return this.defaultsFromMap?.extent}get cursor(){return this.toolViewManager?.cursor??this._highPriorityCursorHandles.at(-1)?.cursor??this._lowPriorityCursorHandles.at(-1)?.cursor??"default"}acquireCursor(e,t="low"){const i="high"===t?this._highPriorityCursorHandles:this._lowPriorityCursorHandles,r={cursor:e},s=p(()=>i.remove(r));return i.add(r),this.addHandles(s),s}get size(){return[this.width,this.height]}get effectiveTheme(){return this.theme??new Z}whenLayerView(e){return this.layerViewManager?.whenLayerView(e)??Promise.reject()}getAttributionItems(){return this.allLayerViews.items.flatMap(e=>e.attributionItems)}getDefaultSpatialReference(){return this.defaultsFromMap?.spatialReference}getDefaultHeightModelInfo(){return(this.map&&"heightModelInfo"in this.map?this.map.heightModelInfo:void 0)??this.defaultsFromMap?.heightModelInfo??null}getDefaultTimeZone(){return null}getDefaultTimeExtent(){return null}getSurface(){return null}importLayerView(e){throw new o("view:importLayerView-missing","importLayerView() not implemented")}hasLayerViewModule(e){return!1}async validate(){const e=K(this.type);if(e)throw this._displayWebGLError(),d.getLogger(this).warn("#validate()",e.message),e;const t=await J();if(t)throw d.getLogger(this).warn("#validate()",t.message),t}async loadAsyncDependencies(){}invalidate(){this._isValid=!1}getSpatialReferenceSupport(){return{constraints:null}}_validateSpatialReference(e){return null!=this.getSpatialReferenceSupport(e)}when(e,t){return this.isResolved()&&!this.ready&&d.getLogger(this).warn("#when()","Calling view.when() while the view is no longer ready but was already resolved once will resolve immediately. Use reactiveUtils.whenOnce(() => view.ready).then(...) instead."),super.when(e,t)}forceReadyCycle(){this.ready&&(v(()=>this.destroyed||!1===this.preconditionsReady,()=>this._readyCycleForced=!1,{once:!0}),this._readyCycleForced=!0)}on(e,t){return super.on(e,t)}addAndActivateTool(e){this.toolViewManager.tools.add(e),this.activeTool=e}tryFatalErrorRecovery(){this.fatalError=null}static{this.views=new r}_displayWebGLError(){const e=document.createElement("div");e.setAttribute("style","display: flex; flex-direction: column; gap: 8px; padding: 20px; height: 100%; justify-content: center; color: black; background: white; font-family: sans-serif;");const t=document.createElement("div");t.innerHTML="Unable to display map. WebGL2 support is required.",t.setAttribute("style","font-size: 24px; font-weight: bold;");const i=document.createElement("div");i.innerHTML="Ensure that your browser and hardware meet the minimum requirements.",i.setAttribute("style","font-size: 18px;");const r=document.createElement("a");r.innerHTML="https://esriurl.com/webgl-faq",r.target="_blank",r.setAttribute("style","font-size: 18px;"),r.href="https://esriurl.com/webgl-faq",e.appendChild(t),e.appendChild(i),e.appendChild(r);const s=this.getSurface();s&&s.appendChild(e)}};e([V()],X.prototype,"_userSpatialReference",void 0),e([V()],X.prototype,"activeTool",null),e([V({readOnly:!0})],X.prototype,"allLayerViews",void 0),e([V({readOnly:!0})],X.prototype,"layerviewCollections",null),e([V(b(L,"analyses"))],X.prototype,"analyses",null),e([V()],X.prototype,"animation",null),e([V()],X.prototype,"animationsEnabled",void 0),e([V({readOnly:!0})],X.prototype,"attributionItems",null),e([V()],X.prototype,"attributionVisible",void 0),e([V()],X.prototype,"basemapView",void 0),e([V()],X.prototype,"center",null),e([V()],X.prototype,"defaultsFromMapSettings",null),e([V()],X.prototype,"defaultsFromMap",null),e([V()],X.prototype,"dependencies",void 0),e([V()],X.prototype,"displayFilterEnabled",void 0),e([V({type:S})],X.prototype,"extent",null),e([V()],X.prototype,"fatalError",void 0),e([V(b(x,"graphics"))],X.prototype,"graphics",void 0),e([V({readOnly:!0,type:T})],X.prototype,"heightModelInfo",null),e([V({type:r.ofType(G)})],X.prototype,"highlights",null),e([V({readOnly:!0})],X.prototype,"interacting",null),e([V({constructOnly:!0})],X.prototype,"layerViewFilter",void 0),e([V({readOnly:!0})],X.prototype,"navigating",null),e([V({readOnly:!0})],X.prototype,"preconditionsReady",null),e([V({readOnly:!0})],X.prototype,"typeSpecificPreconditionsReady",void 0),e([V({type:r,readOnly:!0})],X.prototype,"layerViews",void 0),e([V()],X.prototype,"resolution",null),e([V({type:H})],X.prototype,"magnifier",void 0),e([V({value:null,type:t})],X.prototype,"map",null),e([V()],X.prototype,"padding",void 0),e([V({readOnly:!0})],X.prototype,"ready",void 0),e([V({readOnly:!0})],X.prototype,"canZoomIn",null),e([V({readOnly:!0})],X.prototype,"canZoomOut",null),e([V()],X.prototype,"_readyStateWaitingTask",void 0),e([V({readOnly:!0})],X.prototype,"readyState",null),e([V({type:j})],X.prototype,"spatialReference",null),e([V()],X.prototype,"stationary",null),e([V({type:k})],X.prototype,"timeExtent",null),e([V({type:String,nonNullable:!0})],X.prototype,"timeZone",null),e([V()],X.prototype,"tools",null),e([V()],X.prototype,"toolViewManager",void 0),e([V({readOnly:!0})],X.prototype,"type",void 0),e([V({type:Number})],X.prototype,"scale",void 0),e([V({readOnly:!0})],X.prototype,"updating",void 0),e([V({readOnly:!0})],X.prototype,"initialExtentRequired",void 0),e([V({readOnly:!0})],X.prototype,"initialExtent",null),e([V()],X.prototype,"cursor",null),e([V({readOnly:!0})],X.prototype,"input",void 0),e([V({type:D,nonNullable:!0})],X.prototype,"navigation",void 0),e([V()],X.prototype,"layerViewManager",void 0),e([V()],X.prototype,"analysisViewManager",void 0),e([V()],X.prototype,"selectionManager",void 0),e([V()],X.prototype,"width",void 0),e([V()],X.prototype,"height",void 0),e([V({readOnly:!0})],X.prototype,"resizing",void 0),e([V({value:null,readOnly:!0})],X.prototype,"size",null),e([V({readOnly:!0})],X.prototype,"suspended",void 0),e([V({readOnly:!0})],X.prototype,"viewEvents",void 0),e([V({readOnly:!0})],X.prototype,"persistableViewModels",void 0),e([V()],X.prototype,"_isValid",void 0),e([V()],X.prototype,"_readyCycleForced",void 0),e([V()],X.prototype,"_lockedSpatialReference",void 0),e([V()],X.prototype,"_userTimeZone",void 0),e([V()],X.prototype,"_lockedTimeZone",void 0),e([V()],X.prototype,"_userTimeExtent",void 0),e([V()],X.prototype,"_lockedTimeExtent",void 0),e([V({type:Z})],X.prototype,"theme",void 0),e([V({readOnly:!0,type:Z})],X.prototype,"effectiveTheme",null),X=Q=e([M("esri.views.View")],X);const Y=globalThis.$arcgis;Y&&!Y.views&&Object.defineProperty(Y,"views",{configurable:!1,enumerable:!0,writable:!1,value:X.views});const ee=X;function te(e){return e.layerViews}export{ee as default};
+import{__decorate as e}from"tslib";import t from"../Map.js";import{createTask as i}from"../core/asyncUtils.js";import r from"../core/Collection.js";import s from"../core/CollectionFlattener.js";import{referenceSetter as a}from"../core/collectionUtils.js";import o from"../core/Error.js";import{EventedMixin as n}from"../core/Evented.js";import l from"../core/Handles.js";import{makeHandle as p}from"../core/handleUtils.js";import has from"../core/has.js";import{isLoadable as h}from"../core/Loadable.js";import d from"../core/Logger.js";import{destroyMaybe as y,abortMaybe as u}from"../core/maybe.js";import{EsriPromise as m}from"../core/Promise.js";import{after as c}from"../core/promiseUtils.js";import g from"../core/ReactiveSet.js";import{watch as f,sync as w,whenOnce as v,when as _,syncAndInitial as V}from"../core/reactiveUtils.js";import{property as M,subclass as b}from"../core/accessorSupport/decorators.js";import{owningCollectionProperty as R}from"../core/support/OwningCollection.js";import{UpdatingHandles as S}from"../core/support/UpdatingHandles.js";import T from"../geometry/Extent.js";import j from"../geometry/HeightModelInfo.js";import E from"../geometry/SpatialReference.js";import{equals as L}from"../geometry/support/spatialReferenceUtils.js";import{AnalysesCollection as x}from"../support/AnalysesCollection.js";import{GraphicsCollection as C}from"../support/GraphicsCollection.js";import{system as F}from"../time/constants.js";import k from"../time/TimeExtent.js";import{isTimeZoneValid as O}from"../time/timeZoneUtils.js";import H from"./BasemapView.js";import I from"./Magnifier.js";import Z from"./SelectionManager.js";import W from"./Theme.js";import{ToolViewManager as q}from"./ToolViewManager.js";import{makeDefaultHighlightOptions as A}from"./3d/support/DefaultHighlights.js";import P from"./input/Input.js";import{ViewEvents as D}from"./input/ViewEvents.js";import U from"./navigation/Navigation.js";import{deduplicateAttributionItems as z}from"./support/attributionUtils.js";import{DefaultsFromMap as N}from"./support/DefaultsFromMap.js";import{defaultHighlightName as G}from"./support/HighlightDefaults.js";import $ from"./support/HighlightOptions.js";import B from"./support/LayerViewManager.js";import J from"./support/RequiredFieldsOptions.js";import{checkWebAssemblyRequirements as K}from"./support/WebAssemblyRequirements.js";import{checkWebGLRequirements as Q}from"./support/WebGLRequirements.js";var X;let Y=class extends(n(m)){static{X=this}constructor(e){super(e),this._userSpatialReference=null,this.handles=new l,this.updatingHandles=new S,this.allLayerViews=new s({getCollections:()=>this.layerviewCollections,getChildrenFunction:ie}),this.animationsEnabled=!0,this.attributionVisible=!0,this.basemapView=null,this.dependencies={popup:void 0},this.displayFilterEnabled=!0,this.fatalError=null,this.graphics=new C,this.typeSpecificPreconditionsReady=!0,this.layerViews=new r,this.magnifier=new I,this.padding={left:0,top:0,right:0,bottom:0},this.ready=!1,this._readyStateWaitingTask=null,this.type=null,this.scale=null,this.updating=!1,this.initialExtentRequired=!0,this._lowPriorityCursorHandles=new r,this._highPriorityCursorHandles=new r,this.input=new P,this.navigation=new U,this.layerViewManager=null,this.analysisViewManager=null,this.isHeightModelInfoRequired=!1,this.width=null,this.height=null,this.resizing=!1,this.suspended=!1,this.viewEvents=new D(this),this.requiredFieldsOptions=new J,this._isValid=!1,this._readyCycleForced=!1,this._lockedSpatialReference=null,this._userTimeZone=null,this._lockedTimeZone=null,this._userTimeExtent=null,this._lockedTimeExtent=null,this.theme=null,this.registeredComponents=new g,this.handles.add(f(()=>this.preconditionsReady,e=>{const t=this.ready;if(e?(this._lockedSpatialReference=this.spatialReference,this._lockedTimeZone=this.timeZone,this._lockedTimeExtent=this.timeExtent,X.views.add(this)):(this._lockedSpatialReference=null,X.views.remove(this)),this.notifyChange("spatialReference"),!e&&t)this.toolViewManager?.detach(),this.analysisViewManager?.detach(),this.layerViewManager?.clear(),this._teardown();else if(e&&!t){try{this._startup()}catch(i){return void queueMicrotask(()=>{this.fatalError=new o("view:startup-error","View._startup failed",i)})}this.analysisViewManager?.attach(),this.toolViewManager.attach()}},w)),this.analyses=new x}initialize(){this.addResolvingPromise(Promise.all([this.loadAsyncDependencies(),this.validate()]).then(()=>(this._isValid=!0,v(()=>this.ready)))),this.basemapView=new H({view:this}),this.layerViewManager=new B({view:this,layerViewFilter:e=>this.layerViewFilter?.(e)??!0,layerViewImporter:{importLayerView:e=>this.importLayerView(e),hasLayerViewModule:e=>this.hasLayerViewModule(e)},layerviewMapping:this._layerToLayerviewMapping}),this.toolViewManager=new q({view:this}),this.selectionManager=new Z({view:this}),this.addHandles([_(()=>"map-content-error"===this.readyState&&!this.spatialReference,()=>{d.getLogger(this).warn("#spatialReference","no spatial reference could be derived from the currently added map layers")}),f(()=>this.initialExtentRequired,e=>this.defaultsFromMap.required={...this.defaultsFromMap.required,extent:e},V),f(()=>this.ready,e=>{this.defaultsFromMap&&(this.defaultsFromMap.suspended=e,this.defaultsFromMap.userSpatialReference=e?this.spatialReference:this._userSpatialReference)},w),f(()=>this._userSpatialReference,e=>{this.defaultsFromMap&&(this.defaultsFromMap.userSpatialReference=e)},V)])}get _layerToLayerviewMapping(){return X._layerToLayerview}static{this._layerToLayerview=[["view.map.basemap.baseLayers","view.basemapView.baseLayerViews"],["view.map.basemap.groundLayers","view.basemapView.groundLayerViews"],["view.map.basemap.referenceLayers","view.basemapView.referenceLayerViews"],["view.map.layers","view.layerViews"]]}destroy(){this.destroyed||(X.views.remove(this),this.viewEvents.destroy(),this.allLayerViews.destroy(),this.navigation&&(this.navigation.destroy(),this._set("navigation",null)),this.graphics=y(this.graphics),this.analyses=y(this.analyses),this.defaultsFromMap.destroy(),this._set("defaultsFromMap",null),this.analysisViewManager=y(this.analysisViewManager),this.toolViewManager=y(this.toolViewManager),this.layerViewManager=y(this.layerViewManager),this.selectionManager=y(this.selectionManager),this.basemapView=y(this.basemapView),this.layerViews.destroyAll(),this.invalidate(),this.handles.destroy(),this.map=y(this.map),this.updatingHandles.destroy())}_startup(){this._set("ready",!0)}_teardown(){this._set("ready",!1)}whenReady(){return Promise.resolve(this)}toMap(){return d.getLogger(this).error("#toMap()","Not implemented on this instance of View"),null}get activeTool(){return this.toolViewManager?.activeTool}set activeTool(e){this.toolViewManager&&(this.toolViewManager.activeTool=e)}get layerviewCollections(){return[this.basemapView?.baseLayerViews,this.basemapView?.groundLayerViews,this.layerViews,this.basemapView?.referenceLayerViews]}get analyses(){return this._get("analyses")}set analyses(e){this._set("analyses",e)}get animation(){return this._get("animation")}set animation(e){this._set("animation",e)}get attributionItems(){return this.suspended?[]:z(this._get("attributionItems"),this.getAttributionItems())}get center(){return null}get defaultsFromMapSettings(){return{}}get defaultsFromMap(){return new N({required:{tileInfo:!1,heightModelInfo:!1,extent:!1},map:()=>this.map,getSpatialReferenceSupport:(e,t)=>this.getSpatialReferenceSupport(e,t),...this.defaultsFromMapSettings})}get extent(){return this._get("extent")}set extent(e){this._set("extent",e)}get heightModelInfo(){return this.getDefaultHeightModelInfo()}get highlights(){return this._get("highlights")??A()}set highlights(e){this._set("highlights",a(e,this._get("highlights"),r.ofType($)))}get defaultHighlight(){return this.highlights.find(({name:e})=>e===G)}get interacting(){return this.navigating}get navigating(){return!1}get preconditionsReady(){if(this.destroying||this.destroyed)return!1;const{map:e,spatialReference:t}=this;return!(this.fatalError||!this._isValid||this._readyCycleForced||!e||h(e)&&!e.loaded||0===this.width||0===this.height||!t||!this._validateSpatialReference(t)||!this._lockedSpatialReference&&!this.defaultsFromMap?.ready||!this.typeSpecificPreconditionsReady)}get resolution(){return 0}set map(e){e!==this._get("map")&&(e?.destroyed&&(d.getLogger(this).warn("#map","The provided map is already destroyed",{map:e}),e=null),h(e)&&e.load().catch(()=>{}),this.constructed&&!this.destroyed&&(this.forceReadyCycle(),this._lockedSpatialReference=null),this._set("map",e))}get canZoomIn(){return!!this.ready}get canZoomOut(){return!!this.ready}get readyState(){if(this.destroyed)return this._get("readyState");if(!this.map)return"missing-map";if("container"in this&&!this.container)return"missing-container";if(this.fatalError)return"rendering-error";if((this.defaultsFromMap?.ready??!1)&&!this.spatialReference){const e=!("loaded"in this.map)||this.map.loaded,t=this.map.ground.loaded,r=this.map.basemap?.loaded??!0;return e&&r&&t&&!this.map?.allLayers.length?"empty-map":(this._readyStateWaitingTask||(this._readyStateWaitingTask=i(e=>c(has("view-readyState-waiting-delay"),null,e)),this.addHandles(this._readyStateWaitingTask),this.addHandles(this._readyStateWaitingTask,"ready-state-task")),this._readyStateWaitingTask?.finished?"map-content-error":"loading")}return this._readyStateWaitingTask=u(this._readyStateWaitingTask),this.removeHandles("ready-state-task"),this.ready?"ready":"loading"}get spatialReference(){const{_userSpatialReference:e}=this;if(e&&null!==e.vcsWkid)return e;const t=e||this._lockedSpatialReference||this.getDefaultSpatialReference()||null;if(t&&this.defaultsFromMap?.required?.heightModelInfo){const e=t.clone();return e.vcsWkid=this.defaultsFromMap.vcsWkid,e.latestVcsWkid=this.defaultsFromMap.latestVcsWkid,e}return t}set spatialReference(e){const t=!L(e,this._get("spatialReference"));this._set("_userSpatialReference",e),t&&(this._set("spatialReference",e),this._spatialReferenceChanged(e))}_spatialReferenceChanged(e){}get stationary(){return!this.animation&&!this.navigating&&!this.resizing}get timeExtent(){return this._userTimeExtent??this._lockedTimeExtent??this.getDefaultTimeExtent()??null}set timeExtent(e){this._userTimeExtent=e}get timeZone(){return this._userTimeZone??this._lockedTimeZone??this.getDefaultTimeZone()??F}set timeZone(e){this._userTimeZone=e,O(e)||d.getLogger(this).warn("#timeZone",`the parsed value '${e}' may not be a valid IANA time zone`)}get tools(){return this.toolViewManager?.tools}get initialExtent(){return this.defaultsFromMap?.extent}get cursor(){return this.toolViewManager?.cursor??this._highPriorityCursorHandles.at(-1)?.cursor??this._lowPriorityCursorHandles.at(-1)?.cursor??"default"}acquireCursor(e,t="low"){const i="high"===t?this._highPriorityCursorHandles:this._lowPriorityCursorHandles,r={cursor:e},s=p(()=>i.remove(r));return i.add(r),this.addHandles(s),s}get size(){return[this.width,this.height]}get effectiveTheme(){return this.theme??new W}registerComponent(e){this.registeredComponents.add(e)}unregisterComponent(e){this.registeredComponents.delete(e)}whenLayerView(e){return this.layerViewManager?.whenLayerView(e)??Promise.reject()}getAttributionItems(){return this.allLayerViews.items.flatMap(e=>e.attributionItems)}getDefaultSpatialReference(){return this.defaultsFromMap?.spatialReference}getDefaultHeightModelInfo(){return(this.map&&"heightModelInfo"in this.map?this.map.heightModelInfo:void 0)??this.defaultsFromMap?.heightModelInfo??null}getDefaultTimeZone(){return null}getDefaultTimeExtent(){return null}getSurface(){return null}importLayerView(e){throw new o("view:importLayerView-missing","importLayerView() not implemented")}hasLayerViewModule(e){return!1}async validate(){const e=Q(this.type);if(e)throw this._displayWebGLError(),d.getLogger(this).warn("#validate()",e.message),e;const t=await K();if(t)throw d.getLogger(this).warn("#validate()",t.message),t}async loadAsyncDependencies(){}invalidate(){this._isValid=!1}getSpatialReferenceSupport(){return{constraints:null}}_validateSpatialReference(e){return null!=this.getSpatialReferenceSupport(e)}when(e,t){return this.isResolved()&&!this.ready&&d.getLogger(this).warn("#when()","Calling view.when() while the view is no longer ready but was already resolved once will resolve immediately. Use reactiveUtils.whenOnce(() => view.ready).then(...) instead."),super.when(e,t)}forceReadyCycle(){this.ready&&(_(()=>this.destroyed||!1===this.preconditionsReady,()=>this._readyCycleForced=!1,{once:!0}),this._readyCycleForced=!0)}on(e,t){return super.on(e,t)}addAndActivateTool(e){this.toolViewManager.tools.add(e),this.activeTool=e}tryFatalErrorRecovery(){this.fatalError=null}static{this.views=new r}_displayWebGLError(){const e=document.createElement("div");e.setAttribute("style","display: flex; flex-direction: column; gap: 8px; padding: 20px; height: 100%; justify-content: center; color: black; background: white; font-family: sans-serif;");const t=document.createElement("div");t.innerHTML="Unable to display map. WebGL2 support is required.",t.setAttribute("style","font-size: 24px; font-weight: bold;");const i=document.createElement("div");i.innerHTML="Ensure that your browser and hardware meet the minimum requirements.",i.setAttribute("style","font-size: 18px;");const r=document.createElement("a");r.innerHTML="https://esriurl.com/webgl-faq",r.target="_blank",r.setAttribute("style","font-size: 18px;"),r.href="https://esriurl.com/webgl-faq",e.appendChild(t),e.appendChild(i),e.appendChild(r);const s=this.getSurface();s&&s.appendChild(e)}};e([M()],Y.prototype,"_userSpatialReference",void 0),e([M()],Y.prototype,"activeTool",null),e([M({readOnly:!0})],Y.prototype,"allLayerViews",void 0),e([M({readOnly:!0})],Y.prototype,"layerviewCollections",null),e([M(R(x,"analyses"))],Y.prototype,"analyses",null),e([M()],Y.prototype,"animation",null),e([M()],Y.prototype,"animationsEnabled",void 0),e([M({readOnly:!0})],Y.prototype,"attributionItems",null),e([M()],Y.prototype,"attributionVisible",void 0),e([M()],Y.prototype,"basemapView",void 0),e([M()],Y.prototype,"center",null),e([M()],Y.prototype,"defaultsFromMapSettings",null),e([M()],Y.prototype,"defaultsFromMap",null),e([M()],Y.prototype,"dependencies",void 0),e([M()],Y.prototype,"displayFilterEnabled",void 0),e([M({type:T})],Y.prototype,"extent",null),e([M()],Y.prototype,"fatalError",void 0),e([M(R(C,"graphics"))],Y.prototype,"graphics",void 0),e([M({readOnly:!0,type:j})],Y.prototype,"heightModelInfo",null),e([M({type:r.ofType($)})],Y.prototype,"highlights",null),e([M({readOnly:!0})],Y.prototype,"interacting",null),e([M({constructOnly:!0})],Y.prototype,"layerViewFilter",void 0),e([M({readOnly:!0})],Y.prototype,"navigating",null),e([M({readOnly:!0})],Y.prototype,"preconditionsReady",null),e([M({readOnly:!0})],Y.prototype,"typeSpecificPreconditionsReady",void 0),e([M({type:r,readOnly:!0})],Y.prototype,"layerViews",void 0),e([M()],Y.prototype,"resolution",null),e([M({type:I})],Y.prototype,"magnifier",void 0),e([M({value:null,type:t})],Y.prototype,"map",null),e([M()],Y.prototype,"padding",void 0),e([M({readOnly:!0})],Y.prototype,"ready",void 0),e([M({readOnly:!0})],Y.prototype,"canZoomIn",null),e([M({readOnly:!0})],Y.prototype,"canZoomOut",null),e([M()],Y.prototype,"_readyStateWaitingTask",void 0),e([M({readOnly:!0})],Y.prototype,"readyState",null),e([M({type:E})],Y.prototype,"spatialReference",null),e([M()],Y.prototype,"stationary",null),e([M({type:k})],Y.prototype,"timeExtent",null),e([M({type:String,nonNullable:!0})],Y.prototype,"timeZone",null),e([M()],Y.prototype,"tools",null),e([M()],Y.prototype,"toolViewManager",void 0),e([M({readOnly:!0})],Y.prototype,"type",void 0),e([M({type:Number})],Y.prototype,"scale",void 0),e([M({readOnly:!0})],Y.prototype,"updating",void 0),e([M({readOnly:!0})],Y.prototype,"initialExtentRequired",void 0),e([M({readOnly:!0})],Y.prototype,"initialExtent",null),e([M()],Y.prototype,"cursor",null),e([M({readOnly:!0})],Y.prototype,"input",void 0),e([M({type:U,nonNullable:!0})],Y.prototype,"navigation",void 0),e([M()],Y.prototype,"layerViewManager",void 0),e([M()],Y.prototype,"analysisViewManager",void 0),e([M()],Y.prototype,"selectionManager",void 0),e([M()],Y.prototype,"width",void 0),e([M()],Y.prototype,"height",void 0),e([M({readOnly:!0})],Y.prototype,"resizing",void 0),e([M({value:null,readOnly:!0})],Y.prototype,"size",null),e([M({readOnly:!0})],Y.prototype,"suspended",void 0),e([M({readOnly:!0})],Y.prototype,"viewEvents",void 0),e([M()],Y.prototype,"_isValid",void 0),e([M()],Y.prototype,"_readyCycleForced",void 0),e([M()],Y.prototype,"_lockedSpatialReference",void 0),e([M()],Y.prototype,"_userTimeZone",void 0),e([M()],Y.prototype,"_lockedTimeZone",void 0),e([M()],Y.prototype,"_userTimeExtent",void 0),e([M()],Y.prototype,"_lockedTimeExtent",void 0),e([M({type:W})],Y.prototype,"theme",void 0),e([M({readOnly:!0,type:W})],Y.prototype,"effectiveTheme",null),e([M({readOnly:!0})],Y.prototype,"registeredComponents",void 0),Y=X=e([b("esri.views.View")],Y);const ee=globalThis.$arcgis;ee&&!ee.views&&Object.defineProperty(ee,"views",{configurable:!1,enumerable:!0,writable:!1,value:Y.views});const te=Y;function ie(e){return e.layerViews}export{te as default};

package/views/interactive/sketch/SketchLabelOptions.d.ts

@@ -7,7 +7,7 @@ export interface SketchLabelOptionsProperties extends Partial<Pick<SketchLabelOp
  * segment of a graphic while sketching and editing. The labels display each segment's
  * horizontal length and are not shown for non-planar polygons and polylines.
  *
- * [![sketch-3d](https://developers.arcgis.com/javascript/latest/assets/references/core/views/interactive/sketch/sketchlabels.png)](https://developers.arcgis.com/javascript/latest/sample-code/sketch-3d/)
+ * [![sketch-3d](https://developers.arcgis.com/javascript/latest/assets/references/core/views/interactive/sketch/sketchlabels.avif)](https://developers.arcgis.com/javascript/latest/sample-code/sketch-3d/)
  *
  * How the segment lengths are computed depends on the view's spatial reference. In geographic coordinate systems (GCS)
  * and in Web Mercator, the lengths are computed geodetically. In projected coordinate systems (PCS),

package/views/interactive/sketch/SketchTooltipOptions.d.ts

@@ -15,7 +15,7 @@ export interface SketchTooltipOptionsProperties extends Partial<Pick<SketchToolt
  * To enter the tooltip UI's [input mode](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/sketch/SketchTooltipOptions/#inputEnabled),
  * press the `Tab` key while drawing a new feature, or when editing a point, mesh, or a selected vertex.
  *
- * [![sketch-3d-with-constraints](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/editor/editing-constraints.gif)](https://developers.arcgis.com/javascript/latest/sample-code/sketch-3d/)
+ * [![sketch-3d-with-constraints](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/editor/editing-constraints.webm)](https://developers.arcgis.com/javascript/latest/sample-code/sketch-3d/)
  *
  * #### Available tooltip inputs and constraints
  *

package/views/interactive/snapping/SnappingOptions.d.ts

@@ -19,15 +19,15 @@ export interface SnappingOptionsProperties extends Partial<Pick<SnappingOptions,
  * #### Self snapping (Geometry guides)
  * Self snapping is set via the [selfEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#selfEnabled) property. This means that while a user is actively creating or updating a feature or graphic, they will see visualizations to help identify perpendicular and parallel lines, in addition to visualizations which aid in snapping to an extension of an existing feature. The following briefly demonstrates what self snapping looks like in a 2D application. Although this is shown for 2D, the same premise applies for 3D as well.
  *
- * ![self-snapping](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-self-2d.gif)
+ * ![self-snapping](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-self-2d.webm)
  * #### Feature snapping
  * Feature snapping is set via the [featureEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#featureEnabled) property. It provides the ability to snap vertices of a graphic or feature that is currently being drawn or reshaped to that of an existing feature's vertex, edge, or end point. These existing features belong to layers within the [Map](https://developers.arcgis.com/javascript/latest/references/core/Map/) and must be specified in the [featureSources](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#featureSources) property. The following two images demonstrate feature snapping in a 2D application. Similar to self snapping, the same premise applies for 3D as well.
  *
- * ![feature-snapping-create](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-feature-2d.gif)
+ * ![feature-snapping-create](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-feature-2d.webm)
  *
  * The above shows feature snapping to an existing feature's vertex endpoint and edge while creating a new feature. The bottom demonstrates taking an existing feature and reshaping its geometry to snap to another feature's vertex points.
  *
- * ![feature-snapping-update](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-reshape-2d.gif)
+ * ![feature-snapping-update](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-reshape-2d.webm)
  *
  * > [!WARNING]
  * >
@@ -41,10 +41,10 @@ export interface SnappingOptionsProperties extends Partial<Pick<SnappingOptions,
  *
  * Name | Details | 3D Example | 2D Example  |
  * ---------|---------|----------|:-----------:|
- * Rectangle | Snap lines that are perpendicular to each other | <img alt="Rectangle" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-rectangle.png" width="268px"> | <img alt="Rectangle-2d" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-rectangle-2d.png" width="268px"> |
- * Parallel | Snap to all parallel lines | <img alt="Parallel" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-parallel.png" width="268px"> | <img alt="Parallel-2d" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-parallel-2.png" width="268px"> |
- * Extension | Snap to an extension of the current shape | <img alt="Extension" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-extension.png" width="268px"> | <img alt="Extension-2" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-extension-2.png" width="268px"> |
- * Vertex (as seen when updating geometries)| Snap vertices to an existing vertex | <img alt="Vertex" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-vertex-3d.png" width="143px"> | <img alt="Vertex-2" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-vertex-2.png" width="143px"> |
+ * Rectangle | Snap lines that are perpendicular to each other | <img alt="Rectangle" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-rectangle.avif" width="268px"> | <img alt="Rectangle-2d" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-rectangle-2d.avif" width="268px"> |
+ * Parallel | Snap to all parallel lines | <img alt="Parallel" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-parallel.avif" width="268px"> | <img alt="Parallel-2d" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-parallel-2.avif" width="268px"> |
+ * Extension | Snap to an extension of the current shape | <img alt="Extension" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-extension.avif" width="268px"> | <img alt="Extension-2" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-extension-2.avif" width="268px"> |
+ * Vertex (as seen when updating geometries)| Snap vertices to an existing vertex | <img alt="Vertex" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-vertex-3d.avif" width="143px"> | <img alt="Vertex-2" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sketch/snapping-vertex-2.avif" width="143px"> |
  *
  * @since 4.19
  * @see [FeatureSnappingLayerSource](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/FeatureSnappingLayerSource/)

package/views/layers/LineOfSightLayerView.d.ts

@@ -1,5 +1,6 @@
+import type Collection from "../../core/Collection.js";
 import type LineOfSightLayer from "../../layers/LineOfSightLayer.js";
-import type LineOfSightAnalysisView3D from "../3d/analysis/LineOfSightAnalysisView3D.js";
+import type LineOfSightAnalysisResult from "../3d/analysis/LineOfSightAnalysisResult.js";
 import type LayerView from "./LayerView.js";
 import type { AbortOptions } from "../../core/promiseUtils.js";
 import type { LineOfSightPlacementResult } from "../3d/analysis/LineOfSight/types.js";
@@ -69,7 +70,7 @@ export default abstract class LineOfSightLayerView extends LayerView {
    * const result = layerView.results.find((result) => result.target === targetObject);
    * ```
    */
-  get results(): LineOfSightAnalysisView3D["results"];
+  get results(): Collection<LineOfSightAnalysisResult | null | undefined>;
   /**
    * Starts the interactive placement of an observer and/or targets on the [layer](https://developers.arcgis.com/javascript/latest/references/core/views/layers/LineOfSightLayerView/#layer)'s
    * [LineOfSightLayer.analysis](https://developers.arcgis.com/javascript/latest/references/core/layers/LineOfSightLayer/#analysis).

package/views/support/HighlightOptions.d.ts

@@ -180,7 +180,7 @@ export default class HighlightOptions extends Accessor {
    * highlights only the difference between the shadow areas, so the overlapping shadow areas aren't highlighted at
    * all. Here is an example of what the shadow highlight looks like with different values:
    *
-   * ![shadow-highlight](https://developers.arcgis.com/javascript/latest/assets/references/core/views/shadow-highlight.png)
+   * ![shadow-highlight](https://developers.arcgis.com/javascript/latest/assets/references/core/views/shadow-highlight.avif)
    *
    * > [!WARNING]
    * >

package/views/types.d.ts

@@ -7,14 +7,19 @@ import type Camera from "../Camera.js";
 import type Graphic from "../Graphic.js";
 import type Ground from "../Ground.js";
 import type Viewpoint from "../Viewpoint.js";
+import type WebDocument2D from "../WebDocument2D.js";
+import type WebScene from "../WebScene.js";
 import type Analysis from "../analysis/Analysis.js";
 import type Collection from "../core/Collection.js";
 import type Extent from "../geometry/Extent.js";
 import type Point from "../geometry/Point.js";
 import type Polygon from "../geometry/Polygon.js";
+import type ImageryLayer from "../layers/ImageryLayer.js";
+import type ImageryTileLayer from "../layers/ImageryTileLayer.js";
 import type Layer from "../layers/Layer.js";
 import type MediaLayer from "../layers/MediaLayer.js";
 import type RouteLayer from "../layers/RouteLayer.js";
+import type WCSLayer from "../layers/WCSLayer.js";
 import type BuildingSublayer from "../layers/buildingSublayers/BuildingSublayer.js";
 import type SubtypeSublayer from "../layers/support/SubtypeSublayer.js";
 import type { ReadonlyArrayOrCollection } from "../core/Collection.js";
@@ -342,7 +347,7 @@ export interface FetchPopupFeaturesResult {
  *
  * @since 4.24
  */
-export type ViewHit = GraphicHit | MediaHit | RouteHit | LayerHit;
+export type ViewHit = GraphicHit | MediaHit | RouteHit | LayerHit | RasterHit;
 
 /**
  * Object specification for the graphic hit result returned in [ViewHitTestResult](https://developers.arcgis.com/javascript/latest/references/core/views/types/#ViewHitTestResult) of the [MapView.hitTest()](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#hitTest) method.
@@ -463,6 +468,46 @@ export interface LayerHit {
   mapPoint: Point;
 }
 
+/**
+ * Object specification for the raster hit results returned from [ImageryLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ImageryLayer/), [ImageryTileLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ImageryTileLayer/), or [WCSLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/WCSLayer/) in [ViewHitTestResult](https://developers.arcgis.com/javascript/latest/references/core/views/types/#ViewHitTestResult) of the [MapView.hitTest()](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#hitTest) method.
+ *
+ * @since 5.1
+ */
+export interface RasterHit {
+  /** @since 5.1 */
+  type: "raster";
+  /**
+   * The raster layer that contains the element.
+   *
+   * @since 5.1
+   */
+  layer: ImageryTileLayer | ImageryLayer | WCSLayer;
+  /**
+   * The point geometry in the spatial reference of the view corresponding with the input screen coordinates.
+   *
+   * @since 5.1
+   */
+  mapPoint?: Point | null;
+  /**
+   * The pixel values at the hit location.
+   *
+   * @since 5.1
+   */
+  pixelValue: number[];
+  /**
+   * The band IDs corresponding to the pixel values.
+   *
+   * @since 5.1
+   */
+  bandIds: number[];
+  /**
+   * Indicates whether the pixel values represent magnitude and direction.
+   *
+   * @since 5.1
+   */
+  isMagnitudeAndDirection: boolean;
+}
+
 /**
  * Object specification for the result of the [MapView.hitTest()](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#hitTest) method.
  *
@@ -979,4 +1024,16 @@ export interface AnalysisViewEvents {
 
 /** @since 5.0 */
 export type SceneViewEventTypes = ViewEventTypes
-  & AnalysisViewEvents;
+  & AnalysisViewEvents;
+
+/** @internal */
+export interface PersistableComponent {
+  /**
+   * Updates the web document (either a [WebDocument2D](https://developers.arcgis.com/javascript/latest/references/core/WebDocument2D/) or [WebScene](https://developers.arcgis.com/javascript/latest/references/core/WebScene/)) with the state of this component
+   * so that it can be persisted as part of the web document.
+   *
+   * @param document - The web document to update with the state of this component.
+   * @internal
+   */
+  updateWebDocument(document: WebDocument2D | WebScene): void;
+}

package/views/ui/DefaultUI.d.ts

@@ -19,7 +19,7 @@ export interface DefaultUIProperties extends UIProperties, Partial<Pick<DefaultU
  * the upper region are stacked vertically, while widgets in the lower region are stacked horizontally.
  * The available positions are indicated in the image below.
  *
- * ![views-ui-layout](https://developers.arcgis.com/javascript/latest/assets/references/core/views/views-ui-layout.jpg)
+ * ![views-ui-layout](https://developers.arcgis.com/javascript/latest/assets/references/core/views/views-ui-layout.avif)
  *
  * Methods, such as [add()](https://developers.arcgis.com/javascript/latest/references/core/views/ui/DefaultUI/#add) and [move()](https://developers.arcgis.com/javascript/latest/references/core/views/ui/DefaultUI/#move) can be used to place widgets in specific
  * positions of the UI. In the image below, the [Search](https://developers.arcgis.com/javascript/latest/references/core/widgets/Search/) and
@@ -37,7 +37,7 @@ export interface DefaultUIProperties extends UIProperties, Partial<Pick<DefaultU
  * view.ui.add(bmToggleWidget, "bottom-right");
  * ```
  *
- * ![views-ui-demo](https://developers.arcgis.com/javascript/latest/assets/references/core/views/views-ui-demo.png)
+ * ![views-ui-demo](https://developers.arcgis.com/javascript/latest/assets/references/core/views/views-ui-demo.avif)
  *
  * If you dive into the doc of the methods [add()](https://developers.arcgis.com/javascript/latest/references/core/views/ui/DefaultUI/#add), [empty()](https://developers.arcgis.com/javascript/latest/references/core/views/ui/DefaultUI/#empty) and [move()](https://developers.arcgis.com/javascript/latest/references/core/views/ui/DefaultUI/#move), you'll notice some of the
  * possible values include "leading" and "trailing". That's because the ArcGIS Maps SDK for JavaScript provides

package/webscene/Environment.d.ts

@@ -27,11 +27,11 @@ export interface EnvironmentProperties extends Partial<Pick<Environment, "atmosp
    *
    *   Known Value | Example
    *   ------------|---------
-   *   [SunnyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SunnyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-sunny.png)
-   *   [CloudyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/CloudyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-cloudy.png)
-   *   [RainyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/RainyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-rainy.png)
-   *   [SnowyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SnowyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-snowy.png)
-   *   [FoggyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/FoggyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-foggy.png)
+   *   [SunnyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SunnyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-sunny.avif)
+   *   [CloudyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/CloudyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-cloudy.avif)
+   *   [RainyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/RainyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-rainy.avif)
+   *   [SnowyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SnowyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-snowy.avif)
+   *   [FoggyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/FoggyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-foggy.avif)
    *
    * @default SunnyWeather
    */
@@ -83,11 +83,11 @@ export default class Environment extends JSONSupport {
    *
    *   Known Value | Example
    *   ------------|---------
-   *   [SunnyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SunnyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-sunny.png)
-   *   [CloudyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/CloudyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-cloudy.png)
-   *   [RainyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/RainyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-rainy.png)
-   *   [SnowyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SnowyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-snowy.png)
-   *   [FoggyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/FoggyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-foggy.png)
+   *   [SunnyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SunnyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-sunny.avif)
+   *   [CloudyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/CloudyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-cloudy.avif)
+   *   [RainyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/RainyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-rainy.avif)
+   *   [SnowyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SnowyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-snowy.avif)
+   *   [FoggyWeather](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/FoggyWeather/) | ![scene-atmosphere](https://developers.arcgis.com/javascript/latest/assets/references/core/views/scene-weather-foggy.avif)
    *
    * @default SunnyWeather
    */

package/webscene/Glow.d.ts

@@ -16,7 +16,7 @@ export interface GlowProperties extends Partial<Pick<Glow, "intensity">> {}
  * materials with an emissive color or factor). See the [Visualization with light-emitting symbols](https://developers.arcgis.com/javascript/latest/sample-code/light-emitting-symbols/) sample to learn how
  * to use emissive materials and glow to highlight features and build nighttime scenes.
  *
- * |<img src="https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3Dmaterial/emissiveStrength1.png" style="width:250px;"/>|<img src="https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3Dmaterial/glow0.png" style="width:250px;"/>|<img src="https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3Dmaterial/glow1.png" style="width:250px;"/>|
+ * |<img src="https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3Dmaterial/emissiveStrength1.avif" style="width:250px;"/>|<img src="https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3Dmaterial/glow0.avif" style="width:250px;"/>|<img src="https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3Dmaterial/glow1.avif" style="width:250px;"/>|
  * | ---------- | ----------- | ----------- |
  * | `glow: null`|`glow: { intensity: 0 }`|`glow: { intensity: 1 }`|
  * | Without glow, emissive elements display with a bright, natural appearance. | Glow enables a more stylized look of emissive elements across the scene. `intensity:0` adds a subtle glow only. | `intensity:1` adds an exaggerated glow, helpful for strong emphasis of emissive elements.

package/webscene/background/ColorBackground.d.ts

@@ -23,7 +23,7 @@ export interface ColorBackgroundProperties extends BackgroundProperties {
  *
  * The default for ColorBackground is a fully opaque, black color. The example below shows how to change this:
  *
- * ![background-color](https://developers.arcgis.com/javascript/latest/assets/references/core/views/background-color.png)
+ * ![background-color](https://developers.arcgis.com/javascript/latest/assets/references/core/views/background-color.avif)
  *
  * ```js
  * const view = new SceneView({

package/widgets/AreaMeasurement2D.d.ts

@@ -86,7 +86,7 @@ export interface AreaMeasurement2DProperties extends WidgetProperties, Partial<P
  * * In geographic coordinate systems (GCS) and in Web Mercator, they are computed geodetically.
  * * In projected coordinate systems (PCS), apart from Web Mercator, they are computed in a Euclidean manner (in their respective PCS).
  *
- * [![measurement-area-2d](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/AreaMeasurement2D_widget.png)](https://developers.arcgis.com/javascript/latest/sample-code/widgets-measurement-2d/)
+ * [![measurement-area-2d](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/AreaMeasurement2D_widget.avif)](https://developers.arcgis.com/javascript/latest/sample-code/widgets-measurement-2d/)
  *
  * ### Undo / Redo
  *

package/widgets/AreaMeasurement3D.d.ts

@@ -76,7 +76,7 @@ export interface AreaMeasurement3DProperties extends WidgetProperties, Partial<P
  * The AreaMeasurement3D widget calculates and displays the area and perimeter of a polygon.
  * This widget can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/) to measure the area and perimeter of a polygon.
  *
- * [![measurement-line-3d](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/3D_AreaMeasurement_widget.png)](https://developers.arcgis.com/javascript/latest/sample-code/widgets-measurement-3d/)
+ * [![measurement-line-3d](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/3D_AreaMeasurement_widget.avif)](https://developers.arcgis.com/javascript/latest/sample-code/widgets-measurement-3d/)
  *
  * How the area and perimeter are computed depends on the scene's spatial reference and the length of the measured perimeter.
  *
@@ -95,7 +95,7 @@ export interface AreaMeasurement3DProperties extends WidgetProperties, Partial<P
  * 2. If the vertices have varying z-values and they create a **non-planar** surface, the visualization and the
  * measurements show the area and perimeter that are projected to a horizontal plane.
  *
- * ![area-measurement-3d-types](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/area-measurement-3d-types.png)
+ * ![area-measurement-3d-types](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/area-measurement-3d-types.avif)
  *
  * When the widget is active, a horizontal "laser" line is drawn which indicates the height at the current mouse position.
  * This line can help in analyzing the heights of objects relative to each other and the terrain.