@geoscene/map-components 4.33.20 → 5.0.19

package/dist/components/geoscene-scene/customElement.d.ts

@@ -1,25 +1,52 @@
-/// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Nil } from '@arcgis/components-utils';
-import { default as SceneView } from '@geoscene/core/views/SceneView.js';
-import { default as WebScene } from '@geoscene/core/WebScene.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
-import { Use } from '@geoscene/lumina/controllers';
+/// <reference path="../../index.d.ts" />
+import type Camera from "@geoscene/core/Camera.js";
+import type Point from "@geoscene/core/geometry/Point.js";
+import type SceneView from "@geoscene/core/views/SceneView.js";
+import type LayerView from "@geoscene/core/views/layers/LayerView.js";
+import type Layer from "@geoscene/core/layers/Layer.js";
+import type Analysis from "@geoscene/core/analysis/Analysis.js";
+import type Viewpoint from "@geoscene/core/Viewpoint.js";
+import type SceneViewPerformanceInfo from "@geoscene/core/views/3d/support/SceneViewPerformanceInfo.js";
+import type Ground from "@geoscene/core/Ground.js";
+import type GamepadSettings from "@geoscene/core/views/input/gamepad/GamepadSettings.js";
+import type FocusAreas from "@geoscene/core/effects/FocusAreas.js";
+import type Basemap from "@geoscene/core/Basemap.js";
+import type Map from "@geoscene/core/Map.js";
+import type Collection from "@geoscene/core/core/Collection.js";
+import type BasemapView from "@geoscene/core/views/BasemapView.js";
+import type Extent from "@geoscene/core/geometry/Extent.js";
+import type Constraints from "@geoscene/core/views/3d/constraints/Constraints.js";
+import type Environment from "@geoscene/core/views/3d/environment/Environment.js";
+import type Error from "@geoscene/core/core/Error.js";
+import type Graphic from "@geoscene/core/Graphic.js";
+import type GroundView from "@geoscene/core/views/GroundView.js";
+import type HighlightOptions from "@geoscene/core/views/support/HighlightOptions.js";
+import type Magnifier from "@geoscene/core/views/Magnifier.js";
+import type Navigation from "@geoscene/core/views/navigation/Navigation.js";
+import type Popup from "@geoscene/core/widgets/Popup.js";
+import type SelectionManager from "@geoscene/core/views/SelectionManager.js";
+import type SpatialReference from "@geoscene/core/geometry/SpatialReference.js";
+import type Theme from "@geoscene/core/views/Theme.js";
+import type TimeExtent from "@geoscene/core/time/TimeExtent.js";
+import type Polygon from "@geoscene/core/geometry/Polygon.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { LoadErrorSource } from "../types.js";
+import type { GeoscenePopup } from "../geoscene-popup/customElement.js";
+import type { AnalysisView3DFor } from "@geoscene/core/views/3d/analysis/types.js";
+import type { LayerView3DFor } from "@geoscene/core/views/3d/types.js";
+import type { DoubleTapDragEvent, VerticalTwoFingerDragEvent, PointerUpEvent, PointerMoveEvent, PointerLeaveEvent, PointerEnterEvent, PointerDownEvent, ViewMouseWheelEvent, LayerViewDestroyEvent, LayerViewCreateErrorEvent, LayerViewCreateEvent, KeyUpEvent, KeyDownEvent, ImmediateDoubleClickEvent, ImmediateClickEvent, HoldEvent, DragEvent, DoubleClickEvent, ClickEvent } from "@geoscene/core/views/input/types.js";
+import type { AnalysisViewDestroyEvent, AnalysisViewCreateErrorEvent, AnalysisViewCreateEvent, HitTestOptions3D, Screenshot, UserSettings, SceneViewHitTestResult, GoToOptions3D, GoToTarget3D } from "@geoscene/core/views/types.js";
+import type { ScreenPoint } from "@geoscene/core/core/types.js";
+import type { ViewPopupOpenOptions } from "@geoscene/core/views/PopupView.js";
+import type { ReadonlyCollection } from "@geoscene/core/core/Collection.js";
+import type { ViewPadding } from "@geoscene/core/views/ui/types.js";
 
-declare const useWebScene: (component: LitElement & Omit<Pick<WebScene, "basemap" | "focusAreas" | "ground" | "clippingArea" | "layers" | "tables" | "presentation" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "clippingEnabled" | "heightModelInfo">, "basemap" | "ground" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "layers" | "tables" | "presentation" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "clippingEnabled" | "heightModelInfo"> & {
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => WebScene;
-declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "container" | "map" | "basemapView" | "center" | "constraints" | "extent" | "fatalError" | "graphics" | "highlights" | "navigation" | "padding" | "popup" | "scale" | "spatialReference" | "theme" | "timeExtent" | "viewpoint" | "zoom" | "floors" | "highlightOptions" | "alphaCompositingEnabled" | "analyses" | "camera" | "clippingArea" | "environment" | "qualityProfile" | "viewingMode" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "ui" | "animation" | "displayFilterEnabled">, "container" | "center" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "ui" | "animation" | "displayFilterEnabled"> & {
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => SceneView;
 /**
  * The GeoScene Scene component is used to add 3D maps to web applications. For 2D maps, use the
- * [GeoScene Map component](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-map/).
+ * [geoscene-map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-map/).
  *
- * The Scene component creates a [SceneView](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html)
- * and loads a [WebScene](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-WebScene.html) item from either
+ * The Scene component creates a [SceneView](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/)
+ * and loads a [WebScene](https://doc.geoscene.cn/javascript/5.0/references/core/WebScene/) item from either
  * [GeoScene Online](https://www.geosceneonline.cn/geoscene/webapps/home) or [GeoScene Enterprise portal](https://enterprise.geoscene.cn/en/portal/latest/administer/windows/what-is-portal-for-geoscene-.htm).
  *
  * ```html
@@ -30,11 +57,11 @@ declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "conta
  *
  * ```html
  * <geoscene-scene
- *  basemap="satellite"
- *  ground="world-elevation"
- *  camera-position="12.3808, 46.3959, 4400"
- *  camera-tilt="75"
- *  camera-heading="300">
+ *   basemap="tianditu-vector"
+ *   ground="world-elevation"
+ *   camera-position="12.3808, 46.3959, 4400"
+ *   camera-tilt="75"
+ *   camera-heading="300">
  * </geoscene-scene>
  * ```
  *
@@ -42,11 +69,11 @@ declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "conta
  *
  * ```html
  * <geoscene-scene item-id="e2da7564e4f24eaaa918ffd70378056a">
- *   <geoscene-layer-list position="bottom-right"></geoscene-layer-list>
+ *    <geoscene-layer-list slot="bottom-right"></geoscene-layer-list>
  * </geoscene-scene>
  * ```
  *
- * The Scene component can be customized further using any of the [core API functionalities](https://doc.geoscene.cn/javascript/4.33/api-reference/)
+ * The Scene component can be customized further using any of the [core API functionalities](https://doc.geoscene.cn/javascript/5.0/references/core/)
  * of the GeoScene Maps SDK for JavaScript.
  *
  * ```js
@@ -59,702 +86,1142 @@ declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "conta
  *
  * **See also**
  *
- * - [SDK sample apps using the Scene component](https://doc.geoscene.cn/javascript/4.33/sample-code/?tagged=geoscene-scene)
- * - [Get started](https://doc.geoscene.cn/javascript/4.33/get-started/)
- * - [Programming patterns](https://doc.geoscene.cn/javascript/4.33/programming-patterns/)
+ * - [SDK sample apps using the Scene component](https://doc.geoscene.cn/javascript/5.0/sample-code/?tagged=geoscene-scene)
+ * - [Get started](https://doc.geoscene.cn/javascript/5.0/get-started/)
+ * - [Programming patterns](https://doc.geoscene.cn/javascript/5.0/programming-patterns/)
  *
- * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scene/)
+ * @cssproperty [--geoscene-layout-overlay-space-top] - _Since 4.34_ Specifies the top padding for the layout.
+ * @cssproperty [--geoscene-layout-overlay-space-bottom] - _Since 4.34_ Specifies the bottom padding for the layout.
+ * @cssproperty [--geoscene-layout-overlay-space-left] - _Since 4.34_ Specifies the left padding for the layout.
+ * @cssproperty [--geoscene-layout-overlay-space-right] - _Since 4.34_ Specifies the right padding for the layout.
+ * @cssproperty [--geoscene-view-color-focus] - _Since 5.0_ Specifies the focus outline color for the view.
+ * @slot  - Default slot for adding components to the scene. User is responsible for positioning the content via CSS.
+ * @slot [top-left] - Slot for components positioned in the top-left corner.
+ * @slot [top-right] - Slot for components positioned in the top-right corner.
+ * @slot [bottom-left] - Slot for components positioned in the bottom-left corner.
+ * @slot [bottom-right] - Slot for components positioned in the bottom-right corner.
+ * @slot [top-start] - Slot for components positioned at the top-start (top-left in LTR, top-right in RTL).
+ * @slot [top-end] - Slot for components positioned at the top-end (top-right in LTR, top-left in RTL).
+ * @slot [bottom-start] - Slot for components positioned at the bottom-start (bottom-left in LTR, bottom-right in RTL).
+ * @slot [bottom-end] - Slot for components positioned at the bottom-end (bottom-right in LTR, bottom-left in RTL).
+ * @slot [popup] - Slot for the [geoscene-popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-popup/) component to open automatically on click. Only the Popup component can be placed in this slot.
+ * @since 4.28
  */
-export declare class GeosceneScene extends LitElement {
-    /** The [SceneView](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html) instance created and managed by the component. Accessible once the component is fully loaded. */
-    readonly view: SceneView;
-    /**
-     * Collection containing a flat list of all the created [LayerViews](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-layers-LayerView.html)
-     * related to the basemap, operational layers, and group layers in this view.
-     */
-    readonly allLayerViews: __geoscene.Collection<__geoscene.LayerView>;
-    /**
-     * Allows the view to be partially or fully transparent when composited with the webpage elements behind it.
-     *
-     * @default false
-     */
-    alphaCompositingEnabled: boolean;
-    /**
-     * Allows for adding analyses directly to the default analyses in the View.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#analyses)
-     */
-    analyses: __geoscene.Collection<__geoscene.AnalysisUnion>;
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scene/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * Specifies a basemap for the map. The basemap is a set of layers that give
-     * geographic context to the view and the other operational layers
-     * in the map.
-     * It can either be set using a basemap ID string ([see values](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Map.html#basemap)),
-     * [Basemap](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Basemap.html)
-     * or [BasemapStyle](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-support-BasemapStyle.html).
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Map.html#basemap)
-     */
-    basemap?: __geoscene.Basemap | string;
-    /**
-     * Represents the [view for a single basemap](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-BasemapView.html)
-     * after it has been added to the map.
-     */
-    basemapView: __geoscene.BasemapView;
-    /**
-     * The [camera](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Camera.html) allows to set the observation point from which the visible portion (or perspective)
-     * of the view is determined. When set in the constructor, this property overrides the [center](#center), [extent](#extent), [scale](#scale), [viewpoint](#viewpoint), and [zoom](#zoom) properties.
-     *
-     * Setting the camera immediately changes the current view. For animating the view, see this component's
-     * [goTo()](#goTo) method.
-     */
-    get camera(): __geoscene.Camera;
-    set camera(newValue: __geoscene.Camera);
-    /**
-     * The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.
-     *
-     * Setting the camera fov immediately changes the current view. For animating the view, see this component's
-     * [goTo()](#goTo) method.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Camera.html#fov)
-     */
-    get cameraFov(): Nil | number;
-    set cameraFov(newValue: Nil | number);
-    /**
-     * The compass heading of the camera in degrees.
-     *
-     * Setting the camera heading immediately changes the current view. For animating the view, see this component's
-     * [goTo()](#goTo) method.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Camera.html#heading)
-     */
-    get cameraHeading(): Nil | number;
-    set cameraHeading(newValue: Nil | number);
-    /**
-     * The position of the camera defined by a map point. It can either be set with a
-     * [Point](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-Point.html) instance
-     * or a string in the format: longitude, latitude, elevation. E.g. `"12.3808, 46.3959, 4400"`.
-     *
-     * Setting the camera position immediately changes the current view. For animating the view, see this component's
-     * [goTo()](#goTo) method.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Camera.html#position)
-     */
-    get cameraPosition(): __geoscene.Point | Nil | number[] | string;
-    set cameraPosition(newValue: __geoscene.Point | Nil | number[] | string);
-    /**
-     * The tilt of the camera in degrees with respect to the surface as projected down from the camera position.
-     *
-     * Setting the camera tilt immediately changes the current view. For animating the view, see this component's
-     * [goTo()](#goTo) method.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Camera.html#tilt)
-     */
-    get cameraTilt(): Nil | number;
-    set cameraTilt(newValue: Nil | number);
-    /**
-     * Represents the center point of the view. It can be a string with the format `"<longitude>, <latitude>"`
-     * or a [Point](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-Point.html) instance.
-     *
-     * Setting the center immediately changes the current view. For animating the view, see this component's
-     * [goTo()](#goTo) method.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#center)
-     */
-    get center(): __geoscene.SceneView["center"];
-    set center(newValue: __geoscene.SceneView["center"] | Nil | number[] | string);
-    /**
-     * Represents an optional clipping area used to define the visible [extent](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-Extent.html)
-     * of a Scene in `local` [viewingMode](#viewingMode).
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#clippingArea)
-     */
-    clippingArea: nullish | __geoscene.Extent;
-    /**
-     * Specifies constraints for the camera's tilt, altitude, and view's clip distance.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#constraints)
-     */
-    constraints: __geoscene.SceneViewConstraints;
-    /**
-     * Indicates whether a layer's `displayFilter` is honored when rendering layers in the view.
-     * If `false`, the display filters are ignored and all features are rendered.
-     *
-     * @default false
-     */
-    displayFilterDisabled: boolean;
-    /**
-     * Specifies various properties of the environment's visualization within the view, including lighting, background, weather, and more.
-     * The Scene will redraw automatically when any property of environment changes.
-     *
-     * Modifying the lighting:
-     *
-     * ```js
-     * viewElement.environment.lighting = {
-     *   type: "sun", // autocasts as new SunLighting()
-     *   date: new Date(), // sets the lighting to reflect the current time of day
-     *   directShadowsEnabled: true,
-     * };
-     * ```
-     *
-     * Setting the background:
-     *
-     * ```js
-     * viewElement.environment = {
-     *  background: {
-     *     type: "color",
-     *     color: [255, 252, 244, 1]
-     *  },
-     *   starsEnabled: false,
-     *   atmosphereEnabled: false
-     * };
-     * ```
-     *
-     * Changing the weather in the scene:
-     *
-     * ```js
-     * viewElement.environment.weather = {
-     *   type: "rainy", // autocasts as new RainyWeather({ cloudCover: 0.7, precipitation: 0.3 })
-     *   cloudCover: 0.7,
-     *   precipitation: 0.3
-     * };
-     * ```
-     *
-     * **See also**
-     *
-     * - [SunLighting](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-3d-environment-SunLighting.html)
-     * - [VirtualLighting](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-3d-environment-VirtualLighting.html)
-     * - [SunnyWeather](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-3d-environment-SunnyWeather.html)
-     * - [CloudyWeather](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-3d-environment-CloudyWeather.html)
-     * - [RainyWeather](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-3d-environment-RainyWeather.html)
-     * - [SnowyWeather](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-3d-environment-SnowyWeather.html)
-     * - [FoggyWeather](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-3d-environment-FoggyWeather.html)
-     * - [Sample - Daylight component](https://doc.geoscene.cn/javascript/4.33/sample-code/daylight/)
-     * - [Sample - Weather component](https://doc.geoscene.cn/javascript/4.33/sample-code/weather/)
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#environment)
-     */
-    environment: __geoscene.SceneViewEnvironment;
-    /**
-     * The extent represents the visible portion of a [map](#map) within the view as an instance of
-     * [Extent](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-Extent.html).
-     *
-     * Setting the extent immediately changes the view without animation. To animate
-     * the view, see this component's [goTo()](#goTo) method.
-     * When the view is rotated, the extent does not update to include the newly visible portions of the map.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#extent)
-     */
-    get extent(): __geoscene.SceneView["extent"];
-    set extent(newValue: __geoscene.SceneView["extent"]);
-    /**
-     * A rejected view indicates a fatal [error](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-core-Error.html)
-     * making it unable to display.
-     *
-     * [Read more](https://next.sites.afd.geoscene.cn/javascript/latest/api-reference/geoscene-views-SceneView.html#fatalError)
-     */
-    fatalError: nullish | __geoscene.Error;
-    /**
-     * Applies a display filter on the view for a specific set of floor levels.
-     * It can filter the map display on floor-aware layers by zero or more level IDs.
-     */
-    floors: __geoscene.Collection<string>;
-    /**
-     * A container of all [focus areas](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-effects-FocusAreas.html) present in the map.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Map.html#focusAreas)
-     *
-     * @since 4.33
-     */
-    get focusAreas(): __geoscene.FocusAreas;
-    set focusAreas(newValue: __geoscene.FocusAreas);
-    /** Gamepad input specific configuration settings. */
-    get gamepad(): __geoscene.GamepadSettings;
-    /**
-     * Allows for adding graphics directly to the default graphics in the view.
-     *
-     * @example
-     * ```js
-     * // Adds a graphic to the View
-     * graphics.add(pointGraphic);
-     * // Removes a graphic from the View
-     * graphics.remove(pointGraphic);
-     * ```
-     */
-    graphics: __geoscene.Collection<__geoscene.Graphic>;
-    /**
-     * Specifies the surface properties for the [map](#map). It can be either a [Ground](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Ground.html)
-     * instance or a string with one of the following values:
-     *    * `"world-elevation"`
-     *    * `"world-topobathymetry"`
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Map.html#ground)
-     */
-    get ground(): typeof this._map.ground;
-    set ground(value: __geoscene.Ground | string);
-    /**
-     * The view for the ground of the map.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#groundView)
-     */
-    readonly groundView: __geoscene.GroundView;
-    /**
-     * Represents a collection of [HighlightOptions](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-support-HighlightOptions.html) objects which can be used to
-     * highlight features throughout an application.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-View.html#highlights)
-     */
-    highlights: __geoscene.Collection<__geoscene.HighlightOptions>;
-    /**
-     * Options for configuring the highlight.
-     *
-     * @deprecated since 4.32, use [highlights](https://next.sites.afd.geoscene.cn/javascript/latest/references/map-components/geoscene-scene/#highlights) property instead.
-     */
-    highlightOptions: __geoscene.HighlightOptions;
-    /**
-     * Indication whether the view is being interacted with (for example when panning or by an interactive tool).
-     *
-     * @default false
-     */
-    get interacting(): boolean;
-    /**
-     * The ID of a [WebScene](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-WebScene.html) item from either
-     * [GeoScene Online](https://www.geosceneonline.cn/geoscene/webapps/home) or [GeoScene Enterprise portal](https://enterprise.geoscene.cn/en/portal/latest/administer/windows/what-is-portal-for-geoscene-.htm).
-     *
-     * To configure the portal url you must set the [config.portalUrl](https://next.sites.afd.geoscene.cn/javascript/latest/api-reference/geoscene-config.html#portalUrl) property before the Scene component loads.
-     */
-    get itemId(): Nil | string;
-    set itemId(newValue: Nil | string);
-    /**
-     * A collection containing a hierarchical list of all the created
-     * [LayerViews](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-layers-LayerView.html) of the
-     * [operational layers](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Map.html#layers) in the [map](#map).
-     */
-    readonly layerViews: __geoscene.Collection<__geoscene.LayerView>;
-    /** The magnifier allows for showing a portion of the view as a magnifier image on top of the view. */
-    readonly magnifier: __geoscene.Magnifier;
-    /** An instance of a [Map](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Map.html) object to display in the view. */
-    map: __geoscene.Map | nullish;
-    /**
-     * Indication whether the view is being navigated (for example when panning).
-     *
-     * @default false
-     */
-    get navigating(): boolean;
-    /**
-     * Options to configure the navigation behavior of the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#navigation)
-     */
-    navigation: __geoscene.Navigation;
-    /**
-     * Use the padding property to make the [center](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#center),
-     * and [extent](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#extent),
-     * etc. work off a subsection of the full view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#padding)
-     *
-     * @default {left: 0, top: 0, right: 0, bottom: 0}
-     */
-    padding: __geoscene.ViewPadding;
-    /**
-     * This property contains performance information of the view, e.g. global memory usage and additional
-     * details for layers about memory consumption and number of features.
-     */
-    get performanceInfo(): __geoscene.SceneViewPerformanceInfo;
-    /**
-     * A [Popup](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Popup.html)
-     * object that displays general content or attributes from [layers](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Map.html#layers)
-     * in the [map](#map).
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#popup)
-     */
-    popup: nullish | __geoscene.Popup;
-    /**
-     * Controls whether the popup opens when users click on the view.
-     *
-     * @default false
-     */
-    popupDisabled: boolean;
-    /**
-     * Scenes can be drawn in three different quality modes: `high`, `medium` and `low`.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#qualityProfile)
-     */
-    qualityProfile: "medium" | "low" | "high";
-    /**
-     * When `true`, this property indicates whether the view successfully satisfied all dependencies,
-     * signaling that the necessary conditions are met.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#ready)
-     *
-     * @default false
-     */
-    readonly ready: boolean;
-    /**
-     * Represents the current value of one pixel in the unit of the view's
-     * [spatialReference](#spatialReference).
-     * The resolution is calculated by dividing the [Scene's extent](#extent) [width](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-Extent.html#width)
-     * by [its width](#width).
-     */
-    get resolution(): number;
-    /**
-     * Represents the map scale at the center of the view.
-     *
-     * Setting the scale immediately changes the view. For animating
-     * the view, see this component's [goTo()](#goTo) method.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#scale)
-     */
-    get scale(): number;
-    set scale(newValue: number);
-    /**
-     * The [spatial reference](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-SpatialReference.html) of the view.
-     * This indicates the projected or geographic coordinate system used
-     * to locate geographic features in the map.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#spatialReference)
-     *
-     * @default null
-     */
-    spatialReference: __geoscene.SpatialReference;
-    /**
-     * Indication whether the view is animating, being navigated with or resizing.
-     *
-     * @default false
-     */
-    get stationary(): boolean;
-    /**
-     * Indicates if the view is visible on the page.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#suspended)
-     *
-     * @default true
-     */
-    readonly suspended: boolean;
-    /**
-     * This property specifies the base colors used by some components to render graphics and labels.
-     * This only affects those elements that would otherwise use the default orange pattern.
-     *
-     * @default null
-     */
-    theme: nullish | __geoscene.Theme;
-    /**
-     * The view's time extent. Time-aware layers display their temporal data that falls within
-     * the view's time extent. Setting the view's time extent is similar to setting the spatial
-     * extent because once the time extent is set, the
-     * view updates automatically to conform to the change.
-     *
-     * @default null
-     */
-    timeExtent: nullish | __geoscene.TimeExtent;
-    /**
-     * Indicates whether the view is being updated by additional data requests to the network,
-     * or by processing received data.
-     *
-     * @default false
-     */
-    readonly updating: boolean;
-    /**
-     * The viewing mode sets whether the view renders the earth as a sphere (global mode) or on a flat plane (local mode).
-     *
-     * Note that the viewing mode must be set before the Scene component loads.
-     * Depending on the viewing mode different [supported coordinate systems](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#supported-coordinate-systems) are available.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#viewingMode)
-     *
-     * @default "global"
-     */
-    viewingMode: "global" | "local";
-    /**
-     * Represents the current view as a [Viewpoint](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Viewpoint.html)
-     * or point of observation on the view.
-     *
-     * Setting the viewpoint immediately changes the current view. For animating
-     * the view, see this component's [goTo()](#goTo) method.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#viewpoint)
-     */
-    get viewpoint(): __geoscene.Viewpoint;
-    set viewpoint(newValue: __geoscene.Viewpoint);
-    /**
-     * The visibleArea represents the visible portion of a [map](#map) within the view as an instance of a
-     * [Polygon](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-Polygon.html).
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#visibleArea)
-     */
-    readonly visibleArea: nullish | __geoscene.Polygon;
-    /**
-     * Represents the level of detail (LOD) at the center of the view.
-     *
-     * Setting the zoom immediately changes the current view. For animating the view, see this component's [goTo()](#goTo) method.
-     * Setting this property in conjunction with [center](#center)
-     * is a convenient way to set the initial extent of the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#zoom)
-     */
-    get zoom(): number;
-    set zoom(newValue: number);
-    /**
-     * @deprecated
-     * since 4.33, use `element.map.add(layer)` instead.
-     *
-     * Adds a layer to the [map's](https://next.sites.afd.geoscene.cn/javascript/latest/references/map-components/geoscene-scene/#map) `layers` collection.
-     */
-    addLayer(layer: __geoscene.Layer | Promise<any>, index?: number): Promise<void>;
-    /**
-     * @deprecated
-     * since 4.33, use `element.map.addMany([layer])` instead.
-     *
-     * Adds a layer or array of layers to the [map's](https://next.sites.afd.geoscene.cn/javascript/latest/references/map-components/geoscene-scene/#map) `layers` collection.
-     */
-    addLayers(layers: __geoscene.Layer[], index?: number): Promise<void>;
-    /**
-     * @deprecated
-     * since 4.33, use `element.map.tables.add(table)` instead.
-     *
-     * Adds a table to the [map's](https://next.sites.afd.geoscene.cn/javascript/latest/references/map-components/geoscene-scene/#map) `tables` collection.
-     */
-    addTable(table: __geoscene.FeatureLayer): Promise<void>;
-    /**
-     * @deprecated
-     * since 4.33, use `element.map.tables.addMany([table])` instead.
-     *
-     * Adds a table or array of tables to the [map's](https://next.sites.afd.geoscene.cn/javascript/latest/references/map-components/geoscene-scene/#map) `tables` collection.
-     */
-    addTables(tables: __geoscene.FeatureLayer[], index?: number): Promise<void>;
-    /** Closes the [popup](#popup). */
-    closePopup(): Promise<void>;
-    /**
-     * Destroys the Scene component, and any associated resources, including its [map](#map), [popup](#popup),
-     * and removes components or other UI DOM elements added to it.
-     */
-    destroy(): Promise<void>;
-    /**
-     * Sets the view to a given target.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#goTo)
-     */
-    goTo(target: __geoscene.GoToTarget3D, options?: __geoscene.GoToOptions3D): Promise<unknown>;
-    /**
-     * Returns [hit test results](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#HitTestResult)
-     * from each layer that intersects the specified screen coordinates.
-     *
-     * ```js
-     * viewElement.addEventListener("geosceneViewClick", (event) => {
-     *   viewElement.hitTest(event.detail).then((response) => {
-     *      const result = response.results[0];
-     *      if (result?.type === "graphic") {
-     *         const { longitude, latitude } = result.mapPoint;
-     *         console.log("Hit graphic at (" + longitude + ", " + latitude + ")", result.graphic);
-     *      } else {
-     *         console.log("Did not hit any graphic");
-     *      }
-     *   });
-     * });
-     * ```
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#hitTest)
-     */
-    hitTest(screenPoint: __geoscene.SceneViewScreenPoint | MouseEvent, options?: __geoscene.SceneViewHitTestOptions): Promise<__geoscene.SceneViewHitTestResult>;
-    /**
-     * Opens the popup based on input options.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#openPopup)
-     */
-    openPopup(options?: __geoscene.PopupViewOpenPopupOptions): Promise<void>;
-    /**
-     * Creates a screenshot of the current view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#takeScreenshot)
-     */
-    takeScreenshot(options?: __geoscene.SceneViewTakeScreenshotOptions): Promise<__geoscene.SceneViewScreenshot>;
-    /** Converts the given screen point to a [map point](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-Point.html). */
-    toMap(screenPoint: __geoscene.SceneViewScreenPoint | MouseEvent, options?: __geoscene.SceneViewToMapOptions): __geoscene.Point | nullish;
-    /** Converts the given [map point](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-geometry-Point.html) to a screen point. */
-    toScreen(point: __geoscene.Point): __geoscene.SceneViewScreenPoint;
-    /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
-    tryFatalErrorRecovery(): Promise<void>;
-    /**
-     * `viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scene/#view) is created and ready.
-     * This method takes two input parameters, a `callback` function and an `errback` function, and returns a promise. The `callback` executes when the promise resolves, and the `errback` executes if the promise is rejected.
-     *
-     * @since 4.33
-     * @see [Watch for changes - waiting for components or views to be ready](https://doc.geoscene.cn/javascript/4.33/watch-for-changes/#waiting-for-components-or-views-to-be-ready)
-     * @example
-     * ```js
-     * const viewElement = document.querySelector("geoscene-scene");
-     * await viewElement.viewOnReady();
-     * // The view is now ready to be used.
-     * viewElement.map.add(new FeatureLayer({...}));
-     * ```
-     */
-    viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
-    /**
-     * Gets the analysis view created for the given analysis object.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#whenAnalysisView)
-     */
-    whenAnalysisView(analysis: __geoscene.AreaMeasurementAnalysis | __geoscene.DimensionAnalysis | __geoscene.DirectLineMeasurementAnalysis | __geoscene.LineOfSightAnalysis | __geoscene.SliceAnalysis | __geoscene.ViewshedAnalysis): Promise<__geoscene.AreaMeasurementAnalysisView3D | __geoscene.DimensionAnalysisView3D | __geoscene.DirectLineMeasurementAnalysisView3D | __geoscene.LineOfSightAnalysisView3D | __geoscene.SliceAnalysisView3D | __geoscene.ViewshedAnalysisView3D>;
-    /**
-     * Gets the layer view created on the view for the given layer.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#whenLayerView)
-     */
-    whenLayerView(layer: __geoscene.Layer): Promise<__geoscene.LayerView>;
-    /**
-     * This event is for view related property changes: [zoom](#zoom), [scale](#scale), [center](#center), [rotation](#rotation), [extent](#extent),
-     * [camera](#camera), [viewpoint](#viewpoint). This event will also emit if [stationary](#stationary) toggles from `true` to `false`.
-     */
-    readonly geosceneViewChange: TargetedEvent<this, void>;
-    /**
-     * Fires after a user clicks on the view.
-     *
-     * ```js
-     * viewElement.addEventListener("geosceneViewClick", (event) => {
-     *   viewElement.hitTest(event.detail).then((response) => {
-     *      const result = response.results[0];
-     *      // ....
-     *   });
-     * });
-     * ```
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-click)
-     */
-    readonly geosceneViewClick: TargetedEvent<this, __geoscene.ViewClickEvent>;
-    /**
-     * Fires after double-clicking on the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-double-click)
-     */
-    readonly geosceneViewDoubleClick: TargetedEvent<this, __geoscene.ViewDoubleClickEvent>;
-    /**
-     * Fires during a pointer drag on the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-drag)
-     */
-    readonly geosceneViewDrag: TargetedEvent<this, __geoscene.ViewDragEvent>;
-    /**
-     * Fires after holding either a mouse button or a single finger on the view for a short amount of time.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-hold)
-     */
-    readonly geosceneViewHold: TargetedEvent<this, __geoscene.ViewHoldEvent>;
-    /**
-     * Fires right after a user clicks on the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-immediate-click)
-     */
-    readonly geosceneViewImmediateClick: TargetedEvent<this, __geoscene.ViewImmediateClickEvent>;
-    /**
-     * Is emitted after two consecutive immediate-click events.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-immediate-double-click)
-     */
-    readonly geosceneViewImmediateDoubleClick: TargetedEvent<this, __geoscene.ViewImmediateDoubleClickEvent>;
-    /**
-     * Fires after a keyboard key is pressed.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-key-down)
-     */
-    readonly geosceneViewKeyDown: TargetedEvent<this, __geoscene.ViewKeyDownEvent>;
-    /**
-     * Fires after a keyboard key is released.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-key-up)
-     */
-    readonly geosceneViewKeyUp: TargetedEvent<this, __geoscene.ViewKeyUpEvent>;
-    /**
-     * Fires after each layer in the map has a corresponding LayerView created and rendered in the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-layerview-create)
-     */
-    readonly geosceneViewLayerviewCreate: TargetedEvent<this, __geoscene.ViewLayerviewCreateEvent>;
-    /**
-     * Fires when an error emits during the creation of a LayerView after a layer has been added to the map.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-layerview-create-error)
-     */
-    readonly geosceneViewLayerviewCreateError: TargetedEvent<this, __geoscene.ViewLayerviewCreateErrorEvent>;
-    /**
-     * Fires after a LayerView is destroyed and is no longer rendered in the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-layerview-destroy)
-     */
-    readonly geosceneViewLayerviewDestroy: TargetedEvent<this, __geoscene.ViewLayerviewDestroyEvent>;
-    /**
-     * Fires when the view for an analysis is created.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-analysis-view-create)
-     */
-    readonly geosceneViewAnalysisViewCreate: TargetedEvent<this, __geoscene.ViewAnalysisViewCreateEvent>;
-    /**
-     * Fires when an error occurs during the creation of an analysis view after an analysis is added to the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-analysis-view-create-error)
-     */
-    readonly geosceneViewAnalysisViewCreateError: TargetedEvent<this, __geoscene.ViewAnalysisViewCreateErrorEvent>;
-    /**
-     * Fires after an analysis view is destroyed.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-analysis-view-destroy)
-     */
-    readonly geosceneViewAnalysisViewDestroy: TargetedEvent<this, __geoscene.ViewAnalysisViewDestroyEvent>;
-    /**
-     * Fires when a wheel button of a pointing device (typically a mouse) is scrolled on the view.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-mouse-wheel)
-     */
-    readonly geosceneViewMouseWheel: TargetedEvent<this, __geoscene.ViewMouseWheelEvent>;
-    /**
-     * Fires after a mouse button is pressed, or a finger touches the display.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-pointer-down)
-     */
-    readonly geosceneViewPointerDown: TargetedEvent<this, __geoscene.ViewPointerDownEvent>;
-    /**
-     * Fires after a mouse cursor enters the view, or a display touch begins.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-pointer-enter)
-     */
-    readonly geosceneViewPointerEnter: TargetedEvent<this, __geoscene.ViewPointerEnterEvent>;
-    /**
-     * Fires after a mouse cursor leaves the view, or a display touch ends.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-pointer-leave)
-     */
-    readonly geosceneViewPointerLeave: TargetedEvent<this, __geoscene.ViewPointerLeaveEvent>;
-    /**
-     * Fires after the mouse or a finger on the display moves.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-pointer-move)
-     */
-    readonly geosceneViewPointerMove: TargetedEvent<this, __geoscene.ViewPointerMoveEvent>;
-    /**
-     * Fires after a mouse button is released, or a display touch ends.
-     *
-     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#event-pointer-up)
-     */
-    readonly geosceneViewPointerUp: TargetedEvent<this, __geoscene.ViewPointerUpEvent>;
-    /**
-     * This event is for the [ready](#ready) property and will be emitted when the view is ready.
-     * This event will also emit if the [map](#map) property is changed.
-     */
-    readonly geosceneViewReadyChange: TargetedEvent<this, void>;
-    private _map: __geoscene.Map;
-    readonly _setterTypes: {
-        center?: __geoscene.SceneView["center"] | Nil | number[] | string;
-        ground?: __geoscene.Ground | string;
-    };
-}
-export {};
+export abstract class GeosceneScene extends LitElement {
+  /**
+   * Collection containing a flat list of all the created [LayerViews](https://doc.geoscene.cn/javascript/5.0/references/core/views/layers/LayerView/)
+   * related to the basemap, operational layers, and group layers in this view.
+   *
+   * @see [LayerView](https://doc.geoscene.cn/javascript/5.0/references/core/views/layers/LayerView/)
+   */
+  get allLayerViews(): ReadonlyCollection<LayerView>;
+  /**
+   * Allows the view to be partially or fully transparent when composited with the webpage elements behind it.
+   *
+   * This property can only be set once at construction time. When alpha compositing is enabled, web scenes are less
+   * performant. It is important to set this property to `true` only when you need to apply transparency on the view.
+   *
+   * @default false
+   * @since 4.8
+   * @example
+   * // create a view with a fully transparent background
+   * let view = new SceneView({
+   *  map: map,
+   *  alphaCompositingEnabled: true,
+   *  environment: {
+   *    background: {
+   *      type: "color",
+   *      color: [0, 0, 0, 0]
+   *    },
+   *    starsEnabled: false,
+   *    atmosphereEnabled: false
+   *  }
+   * })
+   */
+  accessor alphaCompositingEnabled: boolean;
+  /**
+   * A collection of analyses associated with the view.
+   *
+   * @example
+   * // Adds an analysis to the View
+   * view.analyses.add(lineOfSightAnalysis);
+   * @example
+   * // Removes an analysis from the View
+   * view.analyses.remove(lineOfSightAnalysis);
+   */
+  accessor analyses: Collection<Analysis>;
+  /**
+   * Indicates whether animations are disabled in the view. This includes animated symbols (animated
+   * [CIMSymbol](https://doc.geoscene.cn/javascript/5.0/references/core/symbols/CIMSymbol/),
+   * [PictureMarkerSymbol](https://doc.geoscene.cn/javascript/5.0/references/core/symbols/PictureMarkerSymbol/)
+   * from a GIF/animated PNG), animated renderers
+   * ([FlowRenderer](https://doc.geoscene.cn/javascript/5.0/references/core/rasterRenderers/#FlowRenderer)),
+   * animated layers ([MediaLayer](https://doc.geoscene.cn/javascript/5.0/references/core/layers/MediaLayer/),
+   * [VideoLayer](https://doc.geoscene.cn/javascript/5.0/references/core/layers/VideoLayer/)), and
+   * animations triggered by view navigation (for example,
+   * [goTo()](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#goTo)).
+   * Setting this property to `true` disables all animations in the view.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor animationsDisabled: boolean;
+  /**
+   * The ARIA attributes for the view container. Provides accessibility information to assistive technologies such as screen readers. Supports the following properties: [`label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label), [`description`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-description), [`describedByElements`](https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaDescribedByElements), and [`labelledByElements`](https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaLabelledByElements).
+   *
+   * @since 4.34
+   */
+  accessor aria: SceneView["aria"];
+  /**
+   * The attribution items displayed in the view's attribution.
+   *
+   * @since 5.0
+   */
+  get attributionItems(): SceneView["attributionItems"];
+  /**
+   * The light or dark mode used to display the attribution.
+   * By default, the mode is inherited from the [Calcite's mode](https://doc.geoscene.cn/calcite-design-system/core-concepts/#modes).
+   * You can override the value to style the attribution alongside the map or scene content.
+   *
+   * @since 5.0
+   */
+  accessor attributionMode: "dark" | "light" | null | undefined;
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Specifies a basemap for the map. The basemap is a set of layers that give
+   * geographic context to the view and the other operational layers
+   * in the map.
+   * It can either be set using a basemap ID string ([see values](https://doc.geoscene.cn/javascript/5.0/references/core/Map/#basemap)),
+   * [Basemap](https://doc.geoscene.cn/javascript/5.0/references/core/Basemap/)
+   * or [BasemapStyle](https://doc.geoscene.cn/javascript/5.0/references/core/support/BasemapStyle/).
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/Map/#basemap)
+   */
+  accessor basemap: Basemap | string | undefined;
+  /**
+   * Represents the [view for a single basemap](https://doc.geoscene.cn/javascript/5.0/references/core/views/BasemapView/)
+   * after it has been added to the map.
+   */
+  accessor basemapView: BasemapView<LayerView>;
+  /**
+   * The [camera](https://doc.geoscene.cn/javascript/5.0/references/core/Camera/) allows to set the observation point from which the visible portion (or perspective)
+   * of the view is determined. When set in the constructor, this property overrides the [center](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#center), [extent](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#extent), [scale](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#scale), [viewpoint](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#viewpoint), and [zoom](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#zoom) properties.
+   *
+   * Setting the camera immediately changes the current view. For animating the view, see this component's
+   * [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   */
+  accessor camera: Camera;
+  /**
+   * The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.
+   *
+   * Setting the camera fov immediately changes the current view. For animating the view, see this component's
+   * [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/Camera/#fov)
+   */
+  accessor cameraFov: null | undefined | number;
+  /**
+   * The compass heading of the camera in degrees.
+   *
+   * Setting the camera heading immediately changes the current view. For animating the view, see this component's
+   * [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/Camera/#heading)
+   */
+  accessor cameraHeading: null | undefined | number;
+  /**
+   * The position of the camera defined by a map point. It can either be set with a
+   * [Point](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/Point/) instance
+   * or a string in the format: longitude, latitude, elevation. E.g. `"12.3808, 46.3959, 4400"`.
+   *
+   * Setting the camera position immediately changes the current view. For animating the view, see this component's
+   * [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/Camera/#position)
+   */
+  accessor cameraPosition: null | undefined | number[] | Point | string;
+  /**
+   * The tilt of the camera in degrees with respect to the surface as projected down from the camera position.
+   *
+   * Setting the camera tilt immediately changes the current view. For animating the view, see this component's
+   * [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/Camera/#tilt)
+   */
+  accessor cameraTilt: null | undefined | number;
+  /**
+   * Indicates if the view component can zoom in.
+   *
+   * @default false
+   * @since 5.0
+   */
+  get canZoomIn(): boolean;
+  /**
+   * Indicates if the view component can zoom out.
+   *
+   * @default false
+   * @since 5.0
+   */
+  get canZoomOut(): boolean;
+  /**
+   * Represents the center point of the view. It can be a string with the format `"<longitude>, <latitude>"`
+   * or a [Point](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/Point/) instance.
+   *
+   * Setting the center immediately changes the current view. For animating the view, see this component's
+   * [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#center)
+   */
+  get center(): SceneView["center"];
+  set center(value: null | undefined | number[] | SceneView["center"] | string);
+  /**
+   * Represents an optional clipping area used to define the visible [extent](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/Extent/)
+   * of a Scene in `local` [viewingMode](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#viewingMode).
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#clippingArea)
+   *
+   * @see [viewingMode](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#viewingMode)
+   * @see [Sample - Create a local scene](https://doc.geoscene.cn/javascript/5.0/sample-code/scene-local/)
+   * @example
+   * let extent = view.extent.clone();
+   *
+   * // Expand the extent in place, reducing it to 50% of its original size and set it as the clippingArea
+   * view.clippingArea = extent.expand(0.5);
+   */
+  accessor clippingArea: Extent | null | undefined;
+  /**
+   * Specifies constraints for the camera's tilt, altitude, and view's clip distance.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#constraints)
+   *
+   * @see [Sample - Custom background for SceneView (altitude)](https://doc.geoscene.cn/javascript/5.0/sample-code/sceneview-background/)
+   */
+  accessor constraints: Constraints;
+  /**
+   * Indicates whether a layer's `displayFilter` is honored when rendering layers in the view.
+   * If `false`, the display filters are ignored and all features are rendered.
+   *
+   * @default false
+   */
+  accessor displayFilterDisabled: boolean;
+  /**
+   * Specifies various properties of the environment's visualization within the view, including lighting, background, weather, and more.
+   * The Scene will redraw automatically when any property of environment changes.
+   *
+   * Modifying the lighting:
+   *
+   * ```js
+   * viewElement.environment.lighting = {
+   *    type: "sun", // autocasts as new SunLighting()
+   *    date: new Date(), // sets the lighting to reflect the current time of day
+   *    directShadowsEnabled: true,
+   * };
+   * ```
+   *
+   * Setting the background:
+   *
+   * ```js
+   * viewElement.environment = {
+   *   background: {
+   *      type: "color",
+   *      color: [255, 252, 244, 1]
+   *   },
+   *    starsEnabled: false,
+   *    atmosphereEnabled: false
+   * };
+   * ```
+   *
+   * Changing the weather in the scene:
+   *
+   * ```js
+   * viewElement.environment.weather = {
+   *    type: "rainy", // autocasts as new RainyWeather({ cloudCover: 0.7, precipitation: 0.3 })
+   *    cloudCover: 0.7,
+   *    precipitation: 0.3
+   * };
+   * ```
+   *
+   * **See also**
+   *
+   * - [SunLighting](https://doc.geoscene.cn/javascript/5.0/references/core/views/3d/environment/SunLighting/)
+   * - [VirtualLighting](https://doc.geoscene.cn/javascript/5.0/references/core/views/3d/environment/VirtualLighting/)
+   * - [SunnyWeather](https://doc.geoscene.cn/javascript/5.0/references/core/views/3d/environment/SunnyWeather/)
+   * - [CloudyWeather](https://doc.geoscene.cn/javascript/5.0/references/core/views/3d/environment/CloudyWeather/)
+   * - [RainyWeather](https://doc.geoscene.cn/javascript/5.0/references/core/views/3d/environment/RainyWeather/)
+   * - [SnowyWeather](https://doc.geoscene.cn/javascript/5.0/references/core/views/3d/environment/SnowyWeather/)
+   * - [FoggyWeather](https://doc.geoscene.cn/javascript/5.0/references/core/views/3d/environment/FoggyWeather/)
+   * - [Sample - Daylight component](https://doc.geoscene.cn/javascript/5.0/sample-code/daylight/)
+   * - [Sample - Weather component](https://doc.geoscene.cn/javascript/5.0/sample-code/weather/)
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#environment)
+   */
+  accessor environment: Environment;
+  /**
+   * The extent represents the visible portion of a [map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#map) within the view as an instance of
+   * [Extent](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/Extent/).
+   *
+   * Setting the extent immediately changes the view without animation. To animate
+   * the view, see this component's [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   * When the view is rotated, the extent does not update to include the newly visible portions of the map.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#extent)
+   */
+  accessor extent: SceneView["extent"];
+  /**
+   * A rejected view indicates a fatal [error](https://doc.geoscene.cn/javascript/5.0/references/core/core/Error/)
+   * making it unable to display.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#fatalError)
+   *
+   * @since 4.12
+   * @see [tryFatalErrorRecovery()](https://doc.geoscene.cn/javascript/5.0/references/core/views/View/#tryFatalErrorRecovery)
+   * @example
+   * reactiveUtils.when(
+   *   () => view.fatalError,
+   *   () => {
+   *     console.error("Fatal Error! View has lost its WebGL context. Attempting to recover...");
+   *     view.tryFatalErrorRecovery();
+   *   }
+   * );
+   */
+  accessor fatalError: Error<any> | null | undefined;
+  /**
+   * Applies a display filter on the view for a specific set of floor levels.
+   * It can filter the map display on floor-aware layers by zero or more level IDs.
+   *
+   * @since 4.19
+   */
+  accessor floors: Collection<string>;
+  /**
+   * A container of all focus areas present in the map.
+   *
+   * @since 4.33
+   */
+  accessor focusAreas: FocusAreas;
+  /** Gamepad input specific configuration settings. */
+  get gamepad(): GamepadSettings;
+  /**
+   * Allows for adding graphics directly to the default graphics in the view.
+   *
+   * @example
+   * ```js
+   * // Adds a graphic to the View
+   * graphics.add(pointGraphic);
+   * // Removes a graphic from the View
+   * graphics.remove(pointGraphic);
+   * ```
+   * @see [Graphic](https://doc.geoscene.cn/javascript/5.0/references/core/Graphic/)
+   * @see [GraphicsLayer](https://doc.geoscene.cn/javascript/5.0/references/core/layers/GraphicsLayer/)
+   * @see [Intro to graphics](https://doc.geoscene.cn/javascript/5.0/sample-code/intro-graphics/)
+   */
+  accessor graphics: Collection<Graphic>;
+  /**
+   * Specifies the surface properties for the [map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#map). It can be either a [Ground](https://doc.geoscene.cn/javascript/5.0/references/core/Ground/)
+   * instance or a string with one of the following values:
+   *    * `"world-elevation"`
+   *    * `"world-topobathymetry"`
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/Map/#ground)
+   *
+   * @see [ElevationLayer](https://doc.geoscene.cn/javascript/5.0/references/core/layers/ElevationLayer/)
+   * @see [Ground](https://doc.geoscene.cn/javascript/5.0/references/core/Ground/)
+   * @example
+   * // Use the world elevation service
+   * const map = new Map({
+   *   basemap: "tianditu-vector",
+   *   ground: "world-elevation"
+   * });
+   * @example
+   * // Create a map with the world elevation layer overlaid by a custom elevation layer
+   * const worldElevation = new ElevationLayer({
+   *   url: "//elevation3d.geoscene.cn/geoscene/rest/services/WorldElevation3D/Terrain3D/ImageServer"
+   * });
+   * const customElevation = new ElevationLayer({
+   *   url: "https://my.server.com/geoscene/rest/service/MyElevationService/ImageServer"
+   * });
+   * const map = new Map({
+   *   basemap: "tianditu-vector",
+   *   ground: new Ground({
+   *    layers: [ worldElevation, customElevation ]
+   *   })
+   * });
+   */
+  get ground(): Ground;
+  set ground(value: Ground | string);
+  /**
+   * The view for the ground of the map.
+   *
+   * @since 4.7
+   */
+  get groundView(): GroundView;
+  /**
+   * Indicates whether the attribution is hidden in the view.
+   *
+   * GeoScene requires that when you use a GeoScene Online basemap in your app, the map must include GeoScene attribution and you must be licensed to use the content.
+   * For detailed guidelines on working with attribution, please visit the official [attribution in your app](https://doc.geoscene.cn/terms/attribution/) documentation.
+   * For information on terms of use, see the [Terms of Use FAQ](https://doc.geoscene.cn/terms/faq/).
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideAttribution: boolean;
+  /**
+   * Represents a collection of [HighlightOptions](https://doc.geoscene.cn/javascript/5.0/references/core/views/support/HighlightOptions/) objects which can be used to
+   * highlight features throughout an application. Highlighting works by applying highlight options to one or
+   * more features. You can configure these options (such as color or opacity) to define how a feature will be visually
+   * emphasized.
+   *
+   * A maximum of six [HighlightOptions](https://doc.geoscene.cn/javascript/5.0/references/core/views/support/HighlightOptions/) objects are supported in the collection, and
+   * they can be added, removed, and reordered freely. Their order in the collection determines priority, with the last
+   * object having the highest priority. If you apply more than one highlight to a feature, the one that is last within
+   * the collection will be applied. The [HighlightOptions](https://doc.geoscene.cn/javascript/5.0/references/core/views/support/HighlightOptions/) object must be part of this
+   * collection in order to be applied to features.
+   *
+   * To highlight a feature, use the [highlight](https://doc.geoscene.cn/javascript/5.0/references/core/views/layers/FeatureLayerView/#highlight) method on
+   * the relevant [LayerView](https://doc.geoscene.cn/javascript/5.0/references/core/views/layers/LayerView/) instance. To apply specific
+   * [HighlightOptions](https://doc.geoscene.cn/javascript/5.0/references/core/views/support/HighlightOptions/), include the
+   * [name](https://doc.geoscene.cn/javascript/5.0/references/core/views/support/HighlightOptions/#name) in the `highlight()` method's `options` parameter. If
+   * no `name` is provided, the feature will use the `default` highlight options.
+   *
+   * The table below shows the default highlight options in the View's highlights collection if the collection has not
+   * been modified:
+   *
+   * | Highlight options name | Description | Default settings |
+   * | ---------------------- | ----------- | ---------------- |
+   * | default                | The default highlight options. Used when `layerView.highlight()` is called without specifying any particular highlight options. | ` { name: "default", color: "cyan", haloOpacity: 1, fillOpacity: 0.25, shadowColor: "black", shadowOpacity: 0.4, shadowDifference: 0.2}` |
+   * | temporary              | The temporary highlight options, pre-configured for common use cases such as hovering over a feature in the view. | `{ name: "temporary", color: "yellow", haloOpacity: 1, fillOpacity: 0.25, shadowColor: "black", shadowOpacity: 0.4, shadowDifference: 0.2 }` |
+   *
+   * @since 4.32
+   * @see [Sample: Highlight features by geometry](https://doc.geoscene.cn/javascript/5.0/sample-code/highlight-features-by-geometry/)
+   * @see [Sample: Highlight SceneLayer](https://doc.geoscene.cn/javascript/5.0/sample-code/highlight-scenelayer/)
+   * @example
+   * // Use the default highlights collection to apply a highlight to features when you hover over them
+   *
+   * // A handler can be used to remove any previous highlight when applying a new one
+   * let hoverHighlight;
+   *
+   * view.on("pointer-move", (event) => {
+   *   // Search for the first feature in the featureLayer at the hovered location
+   *   view.hitTest(event, { include: featureLayer }).then((response) => {
+   *     if (response.results[0]) {
+   *        const graphic = response.results[0].graphic;
+   *        view.whenLayerView(graphic.layer).then((layerView) => {
+   *          // Remove any previous highlight, if it exists
+   *          hoverHighlight?.remove();
+   *          // Highlight the hit features with the temporary highlight options, which are pre-configured for this use case
+   *          hoverHighlight = layerView.highlight(graphic, { name: "temporary"});
+   *        });
+   *     }
+   *   });
+   * });
+   * @example
+   * // Override the default highlights collection
+   *
+   * const view = new MapView({
+   *   map: map,
+   *   container: "viewDiv",
+   *
+   *   // Set the highlight options to be used in the view
+   *   highlights: [
+   *     { name: "default", color: "orange" },
+   *     { name: "temporary", color: "magenta" },
+   *     { name: "table", color: "cyan", fillOpacity: 0.5, haloOpacity: 0}
+   *   ]
+   * });
+   * @example
+   * // Add highlight options to the collection after initialization
+   *
+   * const selectionHighlightOptions = {
+   *   name: "selection",
+   *   color: "#ff00ff", // bright fuchsia
+   *   haloOpacity: 0.8,
+   *   fillOpacity: 0.2
+   * };
+   *
+   * // Add the options to the highlights collection at the first position
+   * view.highlights.add(selectionGroup, 0);
+   */
+  accessor highlights: Collection<HighlightOptions>;
+  /**
+   * Indication whether the view is being interacted with (for example when panning or by an interactive tool).
+   *
+   * @default false
+   */
+  get interacting(): boolean;
+  /**
+   * The ID of a [WebScene](https://doc.geoscene.cn/javascript/5.0/references/core/WebScene/) item from either
+   * [GeoScene Online](https://www.geosceneonline.cn/geoscene/webapps/home) or [GeoScene Enterprise portal](https://enterprise.geoscene.cn/en/portal/latest/administer/windows/what-is-portal-for-geoscene-.htm).
+   *
+   * To configure the portal url you must set the [config.portalUrl](https://doc.geoscene.cn/javascript/5.0/references/core/config/#portalUrl) property before the Scene component loads.
+   */
+  accessor itemId: null | undefined | string;
+  /**
+   * A collection containing a hierarchical list of all the created
+   * [LayerViews](https://doc.geoscene.cn/javascript/5.0/references/core/views/layers/LayerView/) of the
+   * [operational layers](https://doc.geoscene.cn/javascript/5.0/references/core/Map/#layers) in the [map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#map).
+   *
+   * @see [LayerView](https://doc.geoscene.cn/javascript/5.0/references/core/views/layers/LayerView/)
+   */
+  get layerViews(): Collection<LayerView>;
+  /**
+   * An array of objects that encountered an error while loading the component or any of its dependencies (e.g., basemap, ground, layers, tables). You may inspect the errors by accessing each object's `loadError` property.
+   *
+   * @since 4.34
+   */
+  accessor loadErrorSources: LoadErrorSource[] | undefined;
+  /**
+   * The magnifier allows for showing a portion of the view as a magnifier image on top of the view.
+   *
+   * @since 4.19
+   */
+  get magnifier(): Magnifier;
+  /** An instance of a [Map](https://doc.geoscene.cn/javascript/5.0/references/core/Map/) object to display in the view. */
+  accessor map: Map | null | undefined;
+  /**
+   * Indication whether the view is being navigated (for example when panning).
+   *
+   * @default false
+   */
+  get navigating(): boolean;
+  /**
+   * Options to configure the navigation behavior of the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#navigation)
+   *
+   * @since 4.9
+   * @example
+   * // Disable the gamepad usage, single touch panning, panning momentum and mouse wheel zooming.
+   * const view = new MapView({
+   *   container: "viewDiv",
+   *   map: new Map({
+   *     basemap: "tianditu-vector"
+   *   }),
+   *   center: [176.185, -37.643],
+   *   zoom: 13,
+   *   navigation: {
+   *     gamepad: {
+   *       enabled: false
+   *     },
+   *     actionMap: {
+   *       dragSecondary: "none", // Disable rotating the view with the right mouse button
+   *       mouseWheel: "none" // Disable zooming with the mouse wheel
+   *     },
+   *     browserTouchPanEnabled: false,
+   *     momentumEnabled: false,
+   *   }
+   * });
+   */
+  accessor navigation: Navigation;
+  /**
+   * Use the padding property to make the [center](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#center),
+   * and [extent](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#extent),
+   * etc. work off a subsection of the full view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#padding)
+   *
+   * @default {left: 0, top: 0, right: 0, bottom: 0}
+   */
+  accessor padding: ViewPadding;
+  /**
+   * This property contains performance information of the view, e.g. global memory usage and additional
+   * details for layers about memory consumption and number of features.
+   */
+  get performanceInfo(): SceneViewPerformanceInfo;
+  /**
+   * A [Popup](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/Popup/) widget object that displays general content or attributes from [layers](https://doc.geoscene.cn/javascript/5.0/references/core/Map/#layers) in the [map](https://doc.geoscene.cn/javascript/5.0/references/core/views/View/#map). Consider using the [popupElement](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupElement) (beta), which represents the Popup component, instead.
+   *
+   * By default, the `popup` property is an empty object that allows you to set the popup options. A [Popup](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/Popup/) instance is automatically created and assigned to the view's [popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popup) when the user clicks on the view and [popupEnabled](https://doc.geoscene.cn/javascript/5.0/references/core/views/PopupView/#popupEnabled) is `true`, when the [openPopup()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#openPopup) method is called, or when some widgets need the popup, such as [Search](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/Search/). If [popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popup) is `null`, the popup instance will not be created.
+   *
+   * @see [popupElement](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupElement)
+   * @see [popupDisabled](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupDisabled)
+   * @see [openPopup()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#openPopup)
+   */
+  accessor popup: Popup | null | undefined;
+  /**
+   * Indicates whether the [popup component](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupElement) (beta) is enabled  as the default popup. When set to `true`, the [popupElement](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupElement) property (representing the component) will be used for popups instead of the [popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popup) property (representing the widget).
+   *
+   * **Note:** This is a beta feature and may change in future releases. At version 6.0, the Popup component will be used by default instead of the Popup widget and the `popup-component-enabled` attribute will no longer be necessary.
+   *
+   * @default false
+   * @beta
+   * @since 5.0
+   * @see [popupElement](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupElement)
+   * @example
+   * ```html
+   * <geoscene-map item-id="WEBMAP-ID" popup-component-enabled></geoscene-map>
+   * ```
+   */
+  accessor popupComponentEnabled: boolean;
+  /**
+   * Controls whether the default popup opens automatically when users click on the view. This controls both the [popupElement](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupElement) and [popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popup) properties. When set to `true`, the popup will not open on click or when triggered programmatically.
+   *
+   * @default false
+   * @see [openPopup()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#openPopup)
+   */
+  accessor popupDisabled: boolean;
+  /**
+   * A reference to the current [geoscene-popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-popup/) (beta). The [popupComponentEnabled](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupComponentEnabled) property must be set to `true` to use this property.
+   *
+   * **Note:** This is a beta feature and may change in future releases.
+   *
+   * @beta
+   * @since 5.0
+   * @see [popupComponentEnabled](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popupComponentEnabled)
+   * @example
+   * ```html
+   * <geoscene-map item-id="WEBMAP-ID" popup-component-enabled></geoscene-map>
+   * <script type="module">
+   * const viewElement = document.querySelector("geoscene-map");
+   * await viewElement.viewOnReady();
+   * viewElement.popupElement.dockEnabled = true;
+   * viewElement.popupElement.dockOptions = {
+   *     buttonEnabled: false,
+   *     breakpoint: false,
+   *     position: "top-right",
+   * };
+   * </script>
+   * ```
+   */
+  get popupElement(): GeoscenePopup | null;
+  /**
+   * Scenes can be drawn in three different quality modes: `high`, `medium` and `low`.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#qualityProfile)
+   *
+   * @example
+   * let view = new SceneView({
+   *   qualityProfile: "high"
+   * });
+   */
+  accessor qualityProfile: "medium" | "low" | "high";
+  /**
+   * When `true`, this property indicates whether the view successfully satisfied all dependencies,
+   * signaling that the necessary conditions are met.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#ready)
+   *
+   * @default false
+   * @see [when()](https://doc.geoscene.cn/javascript/5.0/references/core/views/View/#when)
+   */
+  get ready(): boolean;
+  /**
+   * Represents the current value of one pixel in the unit of the view's
+   * [spatialReference](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#spatialReference).
+   * The resolution is calculated by dividing the Scene component's [extent](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#extent) [width](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/Extent/#width)
+   * by its width.
+   */
+  get resolution(): number;
+  /**
+   * Represents the map scale at the center of the view.
+   *
+   * Setting the scale immediately changes the view. For animating
+   * the view, see this component's [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#scale)
+   */
+  accessor scale: number;
+  /**
+   * The default [SelectionManager](https://doc.geoscene.cn/javascript/5.0/references/core/views/SelectionManager/) for this view. Used to manage selections of features across layers.
+   *
+   * @since 5.0
+   * @beta
+   */
+  get selectionManager(): SelectionManager;
+  /**
+   * The [spatial reference](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/SpatialReference/) of the view.
+   * This indicates the projected or geographic coordinate system used
+   * to locate geographic features in the map. In a Scene, the following [coordinate systems](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#supported-coordinate-systems) are available.
+   *
+   * The spatial reference can either be set explicitly or automatically derived from the following:
+   *
+   * * If the [map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#map) is a [WebScene](https://doc.geoscene.cn/javascript/5.0/references/core/WebScene/) instance,
+   * the [WebScene.initialViewProperties.spatialReference](https://doc.geoscene.cn/javascript/5.0/references/core/webscene/InitialViewProperties/#spatialReference) is used.
+   * * Otherwise, the spatial reference is derived from the first layer that loads in this order:
+   *   * [map.basemap.baseLayer](https://doc.geoscene.cn/javascript/5.0/references/core/Map/#basemap)
+   *   * [Map.layers](https://doc.geoscene.cn/javascript/5.0/references/core/Map/#layers)
+   *   * [map.ground.layers](https://doc.geoscene.cn/javascript/5.0/references/core/Ground/#layers)
+   *
+   * **Notes**
+   *
+   * * In case the spatial reference is determined from the map layers or the ground layers and they are in WGS84 or Web Mercator, the following rule also applies: the first layer that does not support server side reprojection (tiled layers) determines the spatial reference of the view and all the other layers are reprojected.
+   * * If no spatial reference can be derived, then the view does not resolve and the [ready](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#ready) property is false.
+   * * Prior to changing the spatial reference, check if the [projectOperator](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/operators/projectOperator/)
+   * is loaded by calling [projectOperator.isLoaded()](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/operators/projectOperator/#isLoaded) method.
+   * If it is not yet loaded, call [projectOperator.load()](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/operators/projectOperator/#load) method.
+   *
+   * @example
+   * ```js
+   * const viewElement = document.querySelector("geoscene-scene");
+   * // Check if the projectOperator is loaded
+   * if (!projectOperator.isLoaded()) {
+   *    await projectOperator.load();
+   * }
+   * // Change the spatial reference of the scene component to GCS2000
+   * viewElement.spatialReference = new SpatialReference({
+   *   wkid: 4490 //GCS2000
+   * });
+   * ```
+   */
+  accessor spatialReference: SpatialReference;
+  /**
+   * Indication whether the view is animating, being navigated with or resizing.
+   *
+   * @default false
+   */
+  get stationary(): boolean;
+  /**
+   * Indicates if the view is visible on the page.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#suspended)
+   *
+   * @default false
+   */
+  get suspended(): boolean;
+  /**
+   * This property specifies the base colors used by some components to render graphics and labels.
+   * This only affects those elements that would otherwise use the default orange pattern.
+   *
+   * @since 4.28
+   * @see [Theme](https://doc.geoscene.cn/javascript/5.0/references/core/views/Theme/)
+   * @see [Sample - Color theming for interactive tools](https://doc.geoscene.cn/javascript/5.0/sample-code/view-theme/)
+   * @example
+   * // Update the theme to use purple graphics
+   * // and slightly transparent green text
+   * view.theme = new Theme({
+   *   accentColor: "purple",
+   *   textColor: [125, 255, 13, 0.9]
+   * });
+   */
+  accessor theme: Theme | null | undefined;
+  /**
+   * The view's time extent. Time-aware layers display their temporal data that falls within
+   * the view's time extent. Setting the view's time extent is similar to setting the spatial
+   * extent because once the time extent is set, the
+   * view updates automatically to conform to the change.
+   *
+   * @since 4.12
+   * @example
+   * // Create a csv layer from an online spreadsheet.
+   * let csvLayer = new CSVLayer({
+   *   url: "http://test.com/daily-magazines-sold-in-new-york.csv",
+   *   timeInfo: {
+   *     startField: "SaleDate" // The csv field contains date information.
+   *   }
+   * });
+   *
+   * // Create a mapview showing sales for the last week of March 2019 only.
+   * const view = new MapView({
+   *   map: map,
+   *   container: "viewDiv",
+   *   timeExtent: {
+   *     start: new Date("2019, 2, 24"),
+   *     end:   new Date("2019, 2, 31")
+   *   }
+   * });
+   */
+  accessor timeExtent: TimeExtent | null | undefined;
+  /**
+   * Indicates whether the view is being updated by additional data requests to the network,
+   * or by processing received data.
+   *
+   * @default false
+   */
+  get updating(): boolean;
+  /** The [SceneView](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/) instance created and managed by the component. Accessible once the component is fully loaded. */
+  get view(): SceneView;
+  /**
+   * The viewing mode sets whether the view renders the earth as a sphere (global mode) or on a flat plane (local mode).
+   *
+   * Note that the viewing mode must be set before the Scene component loads.
+   * Depending on the viewing mode different [supported coordinate systems](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#supported-coordinate-systems) are available.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#viewingMode)
+   *
+   * @default "global"
+   * @see [clippingArea](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#clippingArea)
+   * @see [Sample - Create a local scene](https://doc.geoscene.cn/javascript/5.0/sample-code/scene-local/)
+   */
+  accessor viewingMode: "global" | "local";
+  /**
+   * Represents the current view as a [Viewpoint](https://doc.geoscene.cn/javascript/5.0/references/core/Viewpoint/)
+   * or point of observation on the view.
+   *
+   * Setting the viewpoint immediately changes the current view. For animating
+   * the view, see this component's [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#viewpoint)
+   */
+  accessor viewpoint: Viewpoint;
+  /**
+   * The visibleArea represents the visible portion of a [map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#map) within the view as an instance of a
+   * [Polygon](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/Polygon/).
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#visibleArea)
+   *
+   * @since 4.31
+   * @see [Sample: SceneView - visibleArea](https://doc.geoscene.cn/javascript/5.0/sample-code/sceneview-visible-area/)
+   * @see [extent](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#extent)
+   */
+  get visibleArea(): Polygon | null | undefined;
+  /**
+   * Represents the level of detail (LOD) at the center of the view.
+   *
+   * Setting the zoom immediately changes the current view. For animating the view, see this component's [goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) method.
+   * Setting this property in conjunction with [center](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#center)
+   * is a convenient way to set the initial extent of the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#zoom)
+   */
+  accessor zoom: number;
+  /** Closes the [popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popup). */
+  closePopup(): Promise<void>;
+  /**
+   * Destroys the Scene component, and any associated resources, including its [map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#map), [popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#popup),
+   * and removes components or other UI DOM elements added to it.
+   */
+  destroy(): Promise<void>;
+  /**
+   * Sets the view to a given target.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#goTo)
+   *
+   * @param target
+   * @param options
+   */
+  goTo(target: GoToTarget3D, options?: GoToOptions3D): Promise<unknown>;
+  /**
+   * Returns [hit test results](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#HitTestResult)
+   * from each layer that intersects the specified screen coordinates.
+   *
+   * ```js
+   * viewElement.addEventListener("geosceneViewClick", (event) => {
+   *    viewElement.hitTest(event.detail).then((response) => {
+   *       const result = response.results[0];
+   *       if (result?.type === "graphic") {
+   *          const { longitude, latitude } = result.mapPoint;
+   *          console.log("Hit graphic at (" + longitude + ", " + latitude + ")", result.graphic);
+   *       } else {
+   *          console.log("Did not hit any graphic");
+   *       }
+   *    });
+   * });
+   * ```
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#hitTest)
+   *
+   * @param screenPoint
+   * @param options
+   */
+  hitTest(screenPoint: MouseEvent | ScreenPoint, options?: HitTestOptions3D): Promise<SceneViewHitTestResult>;
+  /**
+   * Opens the popup based on input options.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#openPopup)
+   *
+   * @param options
+   */
+  openPopup(options?: ViewPopupOpenOptions): Promise<void>;
+  /**
+   * Creates a screenshot of the current view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#takeScreenshot)
+   *
+   * @param options
+   */
+  takeScreenshot(options?: UserSettings): Promise<Screenshot>;
+  /**
+   * Converts the given screen point to a [map point](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/Point/).
+   *
+   * @param screenPoint
+   * @param options
+   */
+  toMap(screenPoint: MouseEvent | ScreenPoint, options?: HitTestOptions3D): Point | null | undefined;
+  /**
+   * Converts the given [map point](https://doc.geoscene.cn/javascript/5.0/references/core/geometry/Point/) to a screen point.
+   *
+   * @param point
+   */
+  toScreen(point: Point): ScreenPoint;
+  /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
+  tryFatalErrorRecovery(): Promise<void>;
+  /**
+   * `viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#view) is created and ready.
+   * This method takes two input parameters, a `callback` function and an `errback` function, and returns a promise. The `callback` executes when the promise resolves, and the `errback` executes if the promise is rejected.
+   *
+   * @param callback
+   * @param errback
+   * @since 4.33
+   * @see [Watch for changes - waiting for components or views to be ready](https://doc.geoscene.cn/javascript/5.0/watch-for-changes/#waiting-for-components-or-views-to-be-ready)
+   * @example
+   * ```js
+   * const viewElement = document.querySelector("geoscene-scene");
+   * await viewElement.viewOnReady();
+   * // The view is now ready to be used.
+   * viewElement.map.add(new FeatureLayer({...}));
+   * ```
+   */
+  viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
+  /**
+   * Gets the analysis view created for the given analysis object.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#whenAnalysisView)
+   *
+   * @param analysis
+   */
+  whenAnalysisView<AnalysisType extends Analysis>(analysis: AnalysisType): Promise<AnalysisView3DFor<AnalysisType>>;
+  /**
+   * Gets the layer view created on the view for the given layer.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#whenLayerView)
+   *
+   * @param layer
+   */
+  whenLayerView<TLayer extends Layer>(layer: TLayer): Promise<Layer extends TLayer ? LayerView : LayerView3DFor<TLayer>>;
+  /**
+   * Zooms in the view component by a factor of 2.
+   *
+   * @since 5.0
+   */
+  zoomIn(): Promise<void>;
+  /**
+   * Zooms out the view component by a factor of 2.
+   *
+   * @since 5.0
+   */
+  zoomOut(): Promise<void>;
+  "@setterTypes": {
+    center?: null | undefined | number[] | SceneView["center"] | string;
+    ground?: Ground | string;
+  };
+  /**
+   * Fires when a geoscene-scene fails to load or if one of its dependencies fails to load (e.g., basemap, ground, layers).
+   *
+   * @since 4.34
+   * @see [loadErrorSources](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#loadErrorSources)
+   * @example
+   * ```js
+   * viewElement.addEventListener("geosceneLoadError", () => {
+   *   console.log(viewElement.loadErrorSources);
+   * });
+   * ```
+   */
+  readonly geosceneLoadError: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the view for an analysis is created.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-analysis-view-create)
+   */
+  readonly geosceneViewAnalysisViewCreate: import("@geoscene/lumina").TargetedEvent<this, AnalysisViewCreateEvent>;
+  /**
+   * Fires when an error occurs during the creation of an analysis view after an analysis is added to the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-analysis-view-create-error)
+   */
+  readonly geosceneViewAnalysisViewCreateError: import("@geoscene/lumina").TargetedEvent<this, AnalysisViewCreateErrorEvent>;
+  /**
+   * Fires after an analysis view is destroyed.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-analysis-view-destroy)
+   */
+  readonly geosceneViewAnalysisViewDestroy: import("@geoscene/lumina").TargetedEvent<this, AnalysisViewDestroyEvent>;
+  /**
+   * This event is for view related property changes: [zoom](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#zoom), [scale](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#scale), [center](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#center), [extent](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#extent),
+   * [camera](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#camera), [viewpoint](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#viewpoint). This event will also emit if [stationary](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#stationary) toggles from `true` to `false`.
+   */
+  readonly geosceneViewChange: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires after a user clicks on the view.
+   *
+   * ```js
+   * viewElement.addEventListener("geosceneViewClick", (event) => {
+   *    viewElement.hitTest(event.detail).then((response) => {
+   *       const result = response.results[0];
+   *       // ....
+   *    });
+   * });
+   * ```
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-click)
+   */
+  readonly geosceneViewClick: import("@geoscene/lumina").TargetedEvent<this, ClickEvent>;
+  /**
+   * Fires after double-clicking on the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-double-click)
+   */
+  readonly geosceneViewDoubleClick: import("@geoscene/lumina").TargetedEvent<this, DoubleClickEvent>;
+  /**
+   * Fires while the pointer is dragged following a double-tap gesture on the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-double-tap-drag)
+   *
+   * @since 5.0
+   * @example
+   * ```js
+   * viewElement.addEventListener("geosceneViewDoubleTapDrag", (event) => {
+   *   // Display the distance moved from the drag origin.
+   *   console.log("x distance:", event.detail.x, "y distance:", event.detail.y);
+   * });
+   * ```
+   */
+  readonly geosceneViewDoubleTapDrag: import("@geoscene/lumina").TargetedEvent<this, DoubleTapDragEvent>;
+  /**
+   * Fires during a pointer drag on the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-drag)
+   */
+  readonly geosceneViewDrag: import("@geoscene/lumina").TargetedEvent<this, DragEvent>;
+  /**
+   * Fires after holding either a mouse button or a single finger on the view for a short amount of time.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-hold)
+   */
+  readonly geosceneViewHold: import("@geoscene/lumina").TargetedEvent<this, HoldEvent>;
+  /**
+   * Fires right after a user clicks on the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-immediate-click)
+   */
+  readonly geosceneViewImmediateClick: import("@geoscene/lumina").TargetedEvent<this, ImmediateClickEvent>;
+  /**
+   * Is emitted after two consecutive immediate-click events.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-immediate-double-click)
+   */
+  readonly geosceneViewImmediateDoubleClick: import("@geoscene/lumina").TargetedEvent<this, ImmediateDoubleClickEvent>;
+  /**
+   * Fires after a keyboard key is pressed.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-key-down)
+   */
+  readonly geosceneViewKeyDown: import("@geoscene/lumina").TargetedEvent<this, KeyDownEvent>;
+  /**
+   * Fires after a keyboard key is released.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-key-up)
+   */
+  readonly geosceneViewKeyUp: import("@geoscene/lumina").TargetedEvent<this, KeyUpEvent>;
+  /**
+   * Fires after each layer in the map has a corresponding LayerView created and rendered in the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-layerview-create)
+   */
+  readonly geosceneViewLayerviewCreate: import("@geoscene/lumina").TargetedEvent<this, LayerViewCreateEvent>;
+  /**
+   * Fires when an error emits during the creation of a LayerView after a layer has been added to the map.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-layerview-create-error)
+   */
+  readonly geosceneViewLayerviewCreateError: import("@geoscene/lumina").TargetedEvent<this, LayerViewCreateErrorEvent>;
+  /**
+   * Fires after a LayerView is destroyed and is no longer rendered in the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-layerview-destroy)
+   */
+  readonly geosceneViewLayerviewDestroy: import("@geoscene/lumina").TargetedEvent<this, LayerViewDestroyEvent>;
+  /**
+   * Fires when a wheel button of a pointing device (typically a mouse) is scrolled on the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-mouse-wheel)
+   */
+  readonly geosceneViewMouseWheel: import("@geoscene/lumina").TargetedEvent<this, ViewMouseWheelEvent>;
+  /**
+   * Fires after a mouse button is pressed, or a finger touches the display.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-pointer-down)
+   */
+  readonly geosceneViewPointerDown: import("@geoscene/lumina").TargetedEvent<this, PointerDownEvent>;
+  /**
+   * Fires after a mouse cursor enters the view, or a display touch begins.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-pointer-enter)
+   */
+  readonly geosceneViewPointerEnter: import("@geoscene/lumina").TargetedEvent<this, PointerEnterEvent>;
+  /**
+   * Fires after a mouse cursor leaves the view, or a display touch ends.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-pointer-leave)
+   */
+  readonly geosceneViewPointerLeave: import("@geoscene/lumina").TargetedEvent<this, PointerLeaveEvent>;
+  /**
+   * Fires after the mouse or a finger on the display moves.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-pointer-move)
+   */
+  readonly geosceneViewPointerMove: import("@geoscene/lumina").TargetedEvent<this, PointerMoveEvent>;
+  /**
+   * Fires after a mouse button is released, or a display touch ends.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-pointer-up)
+   */
+  readonly geosceneViewPointerUp: import("@geoscene/lumina").TargetedEvent<this, PointerUpEvent>;
+  /**
+   * This event is for the [ready](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#ready) property and will be emitted when the view is ready.
+   * This event will also emit if the [map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#map) property is changed.
+   */
+  readonly geosceneViewReadyChange: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires if the view encounters a content or rendering error.
+   *
+   * @since 4.34
+   * @example
+   * ```js
+   * viewElement.addEventListener("geosceneViewReadyError", () => {
+   *   // handle error
+   * });
+   * ```
+   */
+  readonly geosceneViewReadyError: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires while the two pointers are dragged vertically on the view.
+   *
+   * [Read more](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/#event-vertical-two-finger-drag)
+   *
+   * @since 5.0
+   * @example
+   * ```js
+   * viewElement.addEventListener("geosceneViewVerticalTwoFingerDrag", (event) => {
+   *   // Display the distance moved vertically from the drag origin.
+   *   console.log("y distance:", event.detail.y);
+   * });
+   * ```
+   */
+  readonly geosceneViewVerticalTwoFingerDrag: import("@geoscene/lumina").TargetedEvent<this, VerticalTwoFingerDragEvent>;
+  readonly "@eventTypes": {
+    geosceneLoadError: GeosceneScene["geosceneLoadError"]["detail"];
+    geosceneViewAnalysisViewCreate: GeosceneScene["geosceneViewAnalysisViewCreate"]["detail"];
+    geosceneViewAnalysisViewCreateError: GeosceneScene["geosceneViewAnalysisViewCreateError"]["detail"];
+    geosceneViewAnalysisViewDestroy: GeosceneScene["geosceneViewAnalysisViewDestroy"]["detail"];
+    geosceneViewChange: GeosceneScene["geosceneViewChange"]["detail"];
+    geosceneViewClick: GeosceneScene["geosceneViewClick"]["detail"];
+    geosceneViewDoubleClick: GeosceneScene["geosceneViewDoubleClick"]["detail"];
+    geosceneViewDoubleTapDrag: GeosceneScene["geosceneViewDoubleTapDrag"]["detail"];
+    geosceneViewDrag: GeosceneScene["geosceneViewDrag"]["detail"];
+    geosceneViewHold: GeosceneScene["geosceneViewHold"]["detail"];
+    geosceneViewImmediateClick: GeosceneScene["geosceneViewImmediateClick"]["detail"];
+    geosceneViewImmediateDoubleClick: GeosceneScene["geosceneViewImmediateDoubleClick"]["detail"];
+    geosceneViewKeyDown: GeosceneScene["geosceneViewKeyDown"]["detail"];
+    geosceneViewKeyUp: GeosceneScene["geosceneViewKeyUp"]["detail"];
+    geosceneViewLayerviewCreate: GeosceneScene["geosceneViewLayerviewCreate"]["detail"];
+    geosceneViewLayerviewCreateError: GeosceneScene["geosceneViewLayerviewCreateError"]["detail"];
+    geosceneViewLayerviewDestroy: GeosceneScene["geosceneViewLayerviewDestroy"]["detail"];
+    geosceneViewMouseWheel: GeosceneScene["geosceneViewMouseWheel"]["detail"];
+    geosceneViewPointerDown: GeosceneScene["geosceneViewPointerDown"]["detail"];
+    geosceneViewPointerEnter: GeosceneScene["geosceneViewPointerEnter"]["detail"];
+    geosceneViewPointerLeave: GeosceneScene["geosceneViewPointerLeave"]["detail"];
+    geosceneViewPointerMove: GeosceneScene["geosceneViewPointerMove"]["detail"];
+    geosceneViewPointerUp: GeosceneScene["geosceneViewPointerUp"]["detail"];
+    geosceneViewReadyChange: GeosceneScene["geosceneViewReadyChange"]["detail"];
+    geosceneViewReadyError: GeosceneScene["geosceneViewReadyError"]["detail"];
+    geosceneViewVerticalTwoFingerDrag: GeosceneScene["geosceneViewVerticalTwoFingerDrag"]["detail"];
+  };
+}