@geoscene/map-components 4.33.20 → 5.0.19

package/dist/components/geoscene-link-chart/customElement.d.ts

@@ -1,365 +1,930 @@
-/// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@geoscene/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
-import { default as LinkChartView } from '@geoscene/core/views/LinkChartView.js';
-import { default as WebLinkChart } from '@geoscene/core/WebLinkChart.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
+/// <reference path="../../index.d.ts" />
+import type LinkChartView from "@geoscene/core/views/LinkChartView.js";
+import type WebLinkChart from "@geoscene/core/WebLinkChart.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 Point from "@geoscene/core/geometry/Point.js";
+import type Viewpoint from "@geoscene/core/Viewpoint.js";
+import type Basemap from "@geoscene/core/Basemap.js";
+import type Collection from "@geoscene/core/core/Collection.js";
+import type ColorBackground from "@geoscene/core/webmap/background/ColorBackground.js";
+import type BasemapView from "@geoscene/core/views/BasemapView.js";
+import type MapViewConstraints from "@geoscene/core/views/2d/MapViewConstraints.js";
+import type Error from "@geoscene/core/core/Error.js";
+import type Graphic from "@geoscene/core/Graphic.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 { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { LoadErrorSource } from "../types.js";
+import type { GeoscenePopup } from "../geoscene-popup/customElement.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, ToScreenOptions2D, GoToOptions2D, GoToTarget2D } from "@geoscene/core/views/types.js";
+import type { AnalysisView2DUnion } from "@geoscene/core/views/2d/analysis/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";
+import type { ResizeAlign } from "@geoscene/core/views/2d/types.js";
 
-declare const useWebLinkChart: (component: LitElement & Omit<Pick<WebLinkChart, "basemap" | "focusAreas" | "ground" | "layers" | "bookmarks" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "linkChartProperties" | "mapType" | "portalItem" | "thumbnailUrl">, "basemap" | "ground" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "layers" | "bookmarks" | "tables" | "presentation" | "knowledgeGraph" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "entityCount" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "linkChartProperties" | "mapType" | "portalItem" | "relationshipCount" | "thumbnailUrl"> & {
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => WebLinkChart;
-declare const useLinkChartView: (component: LitElement & Omit<Pick<LinkChartView, "container" | "map" | "background" | "basemapView" | "center" | "constraints" | "extent" | "fatalError" | "graphics" | "highlights" | "navigation" | "padding" | "popup" | "resizeAlign" | "rotation" | "scale" | "spatialReference" | "theme" | "timeExtent" | "timeZone" | "viewpoint" | "zoom" | "floors" | "highlightOptions" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "spatialReferenceLocked" | "widthBreakpoint" | "ui" | "animation" | "displayFilterEnabled">, "container" | "floors" | "highlightOptions" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "spatialReferenceLocked" | "widthBreakpoint" | "ui" | "animation" | "displayFilterEnabled"> & {
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => LinkChartView;
 /**
- * Loads a [WebLinkChart](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-WebLinkChart.html) from an [GeoScene Enterprise portal](https://enterprise.geoscene.cn/en/portal/latest/administer/windows/what-is-portal-for-geoscene-.htm) into a [LinkChartView](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-LinkChartView.html).
- *
+ * Loads a [WebLinkChart](https://doc.geoscene.cn/javascript/5.0/references/core/WebLinkChart/) from an [GeoScene Enterprise portal](https://enterprise.geoscene.cn/en/portal/latest/administer/windows/what-is-portal-for-geoscene-.htm) into a [LinkChartView](https://doc.geoscene.cn/javascript/5.0/references/core/views/LinkChartView/).
  *
  * Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
  *
- * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-link-chart/)
+ * @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 link chart. 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.32
  */
-export declare class GeosceneLinkChart extends LitElement {
-    /** Internal view of the component. */
-    readonly view: LinkChartView;
-    /**
-     * Collection containing a flat list of all the created LayerViews
-     * related to the basemap, operational layers, and group layers in this view.
-     */
-    readonly allLayerViews: __geoscene.Collection<__geoscene.LayerView>;
-    /**
-     * 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-link-chart/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * The background color of the LinkChartView. If the view's link chart changes, the view's `background` is reset to the link chart's background,
-     * even if the user set it previously.
-     *
-     * @default null
-     */
-    background: nullish | __geoscene.ColorBackground;
-    /**
-     * Specifies a basemap for the link chart. The basemap is only visible when the link
-     * chart is set to a geographic layout. See
-     * [documentation on layouts](https://enterprise.geoscene.cn/en/knowledge/latest/knowledge-studio/change-the-layout-applied-to-a-link-chart.htm)
-     * for more detail. The basemap is a set of layers that give
-     * geographic context to the LinkChartView and the other operational layers
-     * in the link chart.
-     */
-    basemap?: __geoscene.Basemap | string;
-    /** Represents the view for a single basemap after it has been added to the link chart. */
-    basemapView: __geoscene.BasemapView;
-    /**
-     * Represents the view's center point; when setting the center, you may pass a
-     * geoscene/geometry/Point instance or a string representing
-     * a longitude/latitude pair (`"-100.4593, 36.9014"`).
-     * Setting the center immediately changes the current view.
-     * For animating the view, see this component's goTo() method.
-     */
-    get center(): __geoscene.LinkChartView["center"];
-    set center(newValue: __geoscene.LinkChartView["center"] | Nil | number[] | string);
-    /** Specifies constraints to scale, zoom, and rotation that may be applied to the LinkChartView. */
-    constraints: __geoscene.View2DConstraints;
-    /**
-     * Indicates whether layer's displayFilter are honored when rendering layers in the view.
-     * If `false`, display filters are ignored and all features are rendered.
-     *
-     * @default false
-     */
-    displayFilterDisabled: boolean;
-    /**
-     * The extent represents the visible portion of a link chart 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() method.
-     * When the view is rotated, the extent does not update to include the newly visible portions of the link chart.
-     */
-    get extent(): __geoscene.LinkChartView["extent"];
-    set extent(newValue: __geoscene.LinkChartView["extent"]);
-    /** A rejected view indicates a fatal error making it unable to display. */
-    fatalError: nullish | __geoscene.Error;
-    /**
-     * Allows for adding graphics directly to the default graphics in the View.
-     *
-     * @example
-     * ```js
-     * // Adds a graphic to the View
-     * graphics.add(pointGraphic);
-     * ```
-     * @example
-     * ```js
-     * // Removes a graphic from the View
-     * graphics.remove(pointGraphic);
-     * ```
-     */
-    graphics: __geoscene.Collection<__geoscene.Graphic>;
-    /**
-     * The highlights property is a collection of HighlightGroup objects that
-     * allow you to visually emphasize specific features on the link chart.
-     */
-    highlights: __geoscene.Collection<__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 WebLinkChart from an GeoScene Enterprise portal.
-     *
-     * To configure the portal url you must set the [`portalUrl` property on `config`](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-config.html#portalUrl) before the Link Chart 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-WebLinkChart.html#layers) in the link chart.
-     */
-    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 [WebLinkChart](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-WebLinkChart.html)
-     * object to display in the view.
-     */
-    map: WebLinkChart | 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. */
-    navigation: __geoscene.Navigation;
-    /**
-     * Use the padding property to make the [center](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html#center),
-     * and [extent](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html#extent), etc.
-     *
-     * @default {left: 0, top: 0, right: 0, bottom: 0}
-     */
-    padding: __geoscene.ViewPadding;
-    /**
-     * 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](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-View2D.html#map).
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-View2D.html#popup)
-     */
-    popup: nullish | __geoscene.Popup;
-    /**
-     * Controls whether the popup opens when users click on the view.
-     *
-     * @default false
-     */
-    popupDisabled: boolean;
-    /**
-     * When `true`, this property indicates whether the view successfully satisfied all dependencies,
-     * signaling that the following conditions are met.
-     *
-     * @default false
-     */
-    readonly ready: boolean;
-    /**
-     * Defines which anchor stays still while resizing the browser window. The default, `center`,
-     * ensures the view's center point remains constantly visible as the window size changes. The other
-     * options allow  the respective portion of the view to remain visible when the window's size is changed.
-     *
-     * @default "center"
-     */
-    resizeAlign: "center" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "left" | "right" | "top" | "bottom";
-    /**
-     * Represents the current value of one pixel in the unit of the view's spatialReference.
-     * The value of resolution is calculated by dividing the view's extent width
-     * by its width.
-     */
-    readonly resolution: number;
-    /**
-     * The clockwise rotation of due north in relation to the top of the view in degrees.
-     * The view may be rotated by directly setting
-     * the rotation or by using the following mouse event: `Right-click + Drag`.
-     * WebLinkChart rotation may be disabled by setting the `rotationEnabled` property
-     * in [constraints](#constraints) to `false`.
-     *
-     * @default 0
-     */
-    rotation: number;
-    /**
-     * Represents the link chart scale at the center of the view. Setting the scale immediately changes the view. For animating
-     * the view, see this component's goTo() method.
-     */
-    get scale(): number;
-    set scale(newValue: number);
-    /**
-     * The spatial reference of the view.
-     * This indicates the projected or geographic coordinate system used
-     * to locate geographic features in the link chart.
-     *
-     * @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.
-     *
-     * @default true
-     */
-    readonly suspended: boolean;
-    /**
-     * This property specifies the base colors used by some widgets
-     * and components to render graphics and labels.
-     *
-     * @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;
-    /**
-     * Defines the time zone of the view.
-     * The time zone property determines how dates and times are represented to the user,
-     * but the underlying data is unchanged.
-     *
-     * @default "system"
-     */
-    timeZone: string;
-    /**
-     * Indicates whether the view is being updated by additional data requests to the network,
-     * or by processing received data.
-     *
-     * @default false
-     */
-    readonly updating: boolean;
-    /**
-     * Represents the current view as a 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() method.
-     */
-    get viewpoint(): __geoscene.Viewpoint;
-    set viewpoint(newValue: __geoscene.Viewpoint);
-    /**
-     * Represents the level of detail (LOD) at the center of the view.
-     * A zoom level (or scale) is a number that defines how large or small the contents of a link chart appear in a link chart view.
-     * Zoom level is a number usually between 0 (global view) and 23 (very detailed view) and is used as a shorthand for predetermined scale values.
-     * A value of -1 means the view has no LODs.
-     * When setting the zoom value, the LinkChartView converts it to the corresponding scale, or interpolates it if the zoom is a fractional number.
-     * LinkChartView can display link charts with different projections at a full range of scales, and so use the scale property on this component rather than zoom level.
-     *
-     * Setting the zoom immediately changes the current view. For animating the view, see this component's goTo() method.
-     * Setting this property in conjunction with `center` is a convenient way to set the initial extent of the view.
-     */
-    get zoom(): number;
-    set zoom(newValue: number);
-    /**
-     * @deprecated
-     * since 4.33, use `element.map.add(layer)` instead.
-     *
-     * Adds a layer to the 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 layers collection.
-     */
-    addLayers(layers: __geoscene.Layer[], index?: number): Promise<void>;
-    /** Closes the popup. */
-    closePopup(): Promise<void>;
-    /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
-    destroy(): Promise<void>;
-    /** Sets the view to a given target. */
-    goTo(target: __geoscene.GoToTarget2D, options?: __geoscene.GoToOptions2D): Promise<unknown>;
-    /**
-     * Opens the popup at the given location with content defined either explicitly with content or driven
-     * from the PopupTemplate of input features.
-     */
-    openPopup(options?: __geoscene.PopupViewOpenPopupOptions): Promise<void>;
-    toMap(screenPoint: __geoscene.MapViewScreenPoint | MouseEvent): __geoscene.Point;
-    toScreen(point: __geoscene.Point, options?: __geoscene.ToScreenOptions2D): __geoscene.MapViewScreenPoint | nullish;
-    /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
-    tryFatalErrorRecovery(): Promise<void>;
-    /** Gets the LayerView created on the view for the given layer. */
-    whenLayerView(layer: __geoscene.Layer): Promise<__geoscene.LayerView>;
-    /**
-     * `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-link-chart/#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-link-chart");
-     * await viewElement.viewOnReady();
-     * // The view is now ready to be used.
-     * ```
-     */
-    viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
-    /**
-     * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
-     * This event will also emit if stationary toggles from true to false.
-     */
-    readonly geosceneViewChange: TargetedEvent<this, void>;
-    /** Fires after a user clicks on the view. */
-    readonly geosceneViewClick: TargetedEvent<this, __geoscene.ViewClickEvent>;
-    /** Fires after double-clicking on the view. */
-    readonly geosceneViewDoubleClick: TargetedEvent<this, __geoscene.ViewDoubleClickEvent>;
-    /** Fires during a pointer drag on the view. */
-    readonly geosceneViewDrag: TargetedEvent<this, __geoscene.ViewDragEvent>;
-    /** Fires during a pointer drag on the view. */
-    readonly geosceneViewHold: TargetedEvent<this, __geoscene.ViewHoldEvent>;
-    /** Fires right after a user clicks on the view. */
-    readonly geosceneViewImmediateClick: TargetedEvent<this, __geoscene.ViewImmediateClickEvent>;
-    /** Is emitted after two consecutive immediate-click events. */
-    readonly geosceneViewImmediateDoubleClick: TargetedEvent<this, __geoscene.ViewImmediateDoubleClickEvent>;
-    /** Fires after a keyboard key is pressed. */
-    readonly geosceneViewKeyDown: TargetedEvent<this, __geoscene.ViewKeyDownEvent>;
-    /** Fires after a keyboard key is pressed. */
-    readonly geosceneViewKeyUp: TargetedEvent<this, __geoscene.ViewKeyUpEvent>;
-    /** Fires after each layer in the link chart has a corresponding LayerView created and rendered in the view. */
-    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 link chart. */
-    readonly geosceneViewLayerviewCreateError: TargetedEvent<this, __geoscene.ViewLayerviewCreateErrorEvent>;
-    /** Fires after a LayerView is destroyed and is no longer rendered in the view. */
-    readonly geosceneViewLayerviewDestroy: TargetedEvent<this, __geoscene.ViewLayerviewDestroyEvent>;
-    /** Fires when a wheel button of a pointing device (typically a mouse) is scrolled on the view. */
-    readonly geosceneViewMouseWheel: TargetedEvent<this, __geoscene.ViewMouseWheelEvent>;
-    /** Fires after a mouse button is pressed, or a finger touches the display. */
-    readonly geosceneViewPointerDown: TargetedEvent<this, __geoscene.ViewPointerDownEvent>;
-    /** Fires after a mouse cursor enters the view, or a display touch begins. */
-    readonly geosceneViewPointerEnter: TargetedEvent<this, __geoscene.ViewPointerEnterEvent>;
-    /** Fires after a mouse cursor leaves the view, or a display touch ends. */
-    readonly geosceneViewPointerLeave: TargetedEvent<this, __geoscene.ViewPointerLeaveEvent>;
-    /** Fires after the mouse or a finger on the display moves. */
-    readonly geosceneViewPointerMove: TargetedEvent<this, __geoscene.ViewPointerMoveEvent>;
-    /** Fires after a mouse button is released, or a display touch ends. */
-    readonly geosceneViewPointerUp: TargetedEvent<this, __geoscene.ViewPointerUpEvent>;
-    /**
-     * This event is for the `ready` property and will be emitted when the view is ready.
-     * This event will also emit if the `map` property is changed.
-     */
-    readonly geosceneViewReadyChange: TargetedEvent<this, void>;
-    readonly _setterTypes: {
-        center?: __geoscene.LinkChartView["center"] | Nil | number[] | string;
-    };
-}
-export {};
+export abstract class GeosceneLinkChart extends LitElement {
+  /**
+   * Collection containing a flat list of all the created LayerViews
+   * 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>;
+  /**
+   * A collection of analyses associated with the view.
+   *
+   * @since 4.34
+   * @example
+   * // Adds an analysis to the View
+   * view.analyses.add(elevationProfileAnalysis);
+   * @example
+   * // Removes an analysis from the View
+   * view.analyses.remove(elevationProfileAnalysis);
+   */
+  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/LinkChartView/#goTo)).
+   * Setting this property to `true` disables all animations in the view.
+   *
+   * @default false
+   * @since 4.34
+   */
+  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: LinkChartView["aria"];
+  /**
+   * The attribution items displayed in the view's attribution.
+   *
+   * @since 5.0
+   */
+  get attributionItems(): LinkChartView["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-link-chart/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * The background color of the LinkChartView. If the view's link chart changes, the view's `background` is reset to the link chart's background,
+   * even if the user set it previously.
+   *
+   * @default new ColorBackground({ color: [255, 255, 255, 1] })
+   * @example
+   * let view = new LinkChartView({
+   *   container: "viewDiv",
+   *   map: map,
+   *   background: { // autocasts new ColorBackground()
+   *     color: "magenta" // autocasts as new Color()
+   *   }
+   * });
+   * @example
+   * let view = new MapView({
+   *   container: "viewDiv",
+   *   map: map,
+   *   background: { // autocasts new ColorBackground()
+   *     color: "magenta" // autocasts as new Color()
+   *   }
+   * });
+   */
+  accessor background: ColorBackground | null | undefined;
+  /**
+   * A Knowledge Open Cypher Query that will be used to generate the link chart.  The serviceUrl property must also be set
+   *
+   * Please note that this query only runs once and is used to initialize the link chart.  Once link charts are generated, their membership is "locked" unless modified by the WebLinkChart API.  Refresh events on the link chart canvas do not re-run the query for new data
+   */
+  accessor baseCypherQuery: null | undefined | string;
+  /**
+   * Specifies a basemap for the link chart. The basemap is only visible when the link
+   * chart is set to a geographic layout. See
+   * [documentation on layouts](https://enterprise.geoscene.cn/en/knowledge/latest/knowledge-studio/change-the-layout-applied-to-a-link-chart.htm)
+   * for more detail. The basemap is a set of layers that give
+   * geographic context to the LinkChartView and the other operational layers
+   * in the link chart.
+   */
+  accessor basemap: Basemap | string | undefined;
+  /** Represents the view for a single basemap after it has been added to the link chart. */
+  accessor basemapView: BasemapView<LayerView>;
+  /**
+   * 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 view's center point; when setting the center, you may pass a
+   * geoscene/geometry/Point instance or a string representing
+   * a longitude/latitude pair (`"-100.4593, 36.9014"`).
+   * Setting the center immediately changes the current view.
+   * For animating the view, see this component's goTo() method.
+   */
+  get center(): LinkChartView["center"];
+  set center(value: LinkChartView["center"] | null | undefined | number[] | string);
+  /**
+   * Specifies constraints to scale, zoom, and rotation that may be applied to the Link Chart.
+   *
+   * @see [MapViewConstraints](https://doc.geoscene.cn/javascript/5.0/references/core/views/2d/MapViewConstraints/)
+   * @see [TileInfo#create()](https://doc.geoscene.cn/javascript/5.0/references/core/layers/support/TileInfo/#create)
+   * @see [Zoom and LODs](https://doc.geoscene.cn/javascript/5.0/references/core/views/View2D/#mapview-lods)
+   * @example
+   * view.constraints = new MapViewConstraints({
+   *   geometry: { // Constrain lateral movement to Lower Manhattan
+   *     type: "extent",
+   *     xmin: -74.020,
+   *     ymin:  40.700,
+   *     xmax: -73.971,
+   *     ymax:  40.73
+   *   },
+   *   minScale: 500000, // User cannot zoom out beyond a scale of 1:500,000
+   *   maxScale: 0, // User can overzoom tiles
+   *   rotationEnabled: false // Disables map rotation
+   * });
+   * @example
+   * // This snippet shows how to set the Link Chart scale 1:1 while generating additional LODs for the constraints.
+   * const spatialReference = new SpatialReference({
+   *   wkid: 2154
+   * });
+   * const center = new Point({
+   *   x: 0,
+   *   y: 0,
+   *   spatialReference
+   * });
+   *
+   * // Create LODs from level 0 to 31
+   * const tileInfo = TileInfo.create({
+   *   spatialReference,
+   *   numLODs: 32
+   * });
+   * const lods = tileInfo.lods;
+   *
+   * const constraints = new MapViewConstraints({
+   *   snapToZoom: false,
+   *   lods
+   * });
+   *
+   * const geosceneLinkChart = document.querySelector("geoscene-link-chart");
+   * geosceneLinkChart.spatialReference = spatialReference;
+   * geosceneLinkChart.center = center;
+   * geosceneLinkChart.scale = 1;
+   * geosceneLinkChart.constraints = constraints;
+   */
+  accessor constraints: MapViewConstraints;
+  /**
+   * Indicates whether layer's displayFilter are honored when rendering layers in the view.
+   * If `false`, display filters are ignored and all features are rendered.
+   *
+   * @default false
+   */
+  accessor displayFilterDisabled: boolean;
+  /**
+   * The extent represents the visible portion of a link chart 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() method.
+   * When the view is rotated, the extent does not update to include the newly visible portions of the link chart.
+   */
+  accessor extent: LinkChartView["extent"];
+  /**
+   * A rejected view indicates a fatal error making it unable to display.
+   *
+   * @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;
+  /**
+   * Allows for adding graphics directly to the default graphics in the View.
+   *
+   * @example
+   * ```js
+   * // Adds a graphic to the View
+   * graphics.add(pointGraphic);
+   * ```
+   * @example
+   * ```js
+   * // 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>;
+  /**
+   * 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;
+  /**
+   * The highlights property is a collection of HighlightGroup objects that
+   * allow you to visually emphasize specific features on the link chart.
+   *
+   * @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 WebLinkChart from a GeoScene Enterprise portal.
+   *
+   * To configure the portal url you must set the [`portalUrl` property on `config`](https://doc.geoscene.cn/javascript/5.0/references/core/config/#portalUrl) before the Link Chart 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/WebLinkChart/#layers) in the link chart.
+   *
+   * @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 [WebLinkChart](https://doc.geoscene.cn/javascript/5.0/references/core/WebLinkChart/)
+   *  object to display in the view.
+   */
+  accessor map: WebLinkChart;
+  /**
+   * 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.
+   *
+   * @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/MapView/#center),
+   * and [extent](https://doc.geoscene.cn/javascript/5.0/references/core/views/MapView/#extent), etc. work off a
+   * subsection of the full view. This is particularly useful when layering UI
+   * elements or semi-transparent content on top of portions of the view.
+   *
+   * @default {left: 0, top: 0, right: 0, bottom: 0}
+   */
+  accessor padding: ViewPadding;
+  /**
+   * 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-link-chart/#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-link-chart/#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-link-chart/#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-link-chart/#popup) is `null`, the popup instance will not be created.
+   *
+   * @see [popupElement](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-link-chart/#popupElement)
+   * @see [popupDisabled](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-link-chart/#popupDisabled)
+   * @see [openPopup()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-link-chart/#openPopup)
+   */
+  accessor popup: Popup | null | undefined;
+  /**
+   * Indicates whether the [popup component](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-link-chart/#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-link-chart/#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-link-chart/#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-link-chart/#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-link-chart/#popupElement) and [popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-link-chart/#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-link-chart/#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-link-chart/#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-link-chart/#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;
+  /**
+   * When `true`, this property indicates whether the view successfully satisfied all dependencies,
+   * signaling that the following conditions are met.
+   *
+   * @default false
+   * @see [when()](https://doc.geoscene.cn/javascript/5.0/references/core/views/View/#when)
+   */
+  get ready(): boolean;
+  /**
+   * Defines which anchor stays still while resizing the browser window. The default, `center`,
+   * ensures the view's center point remains constantly visible as the window size changes. The other
+   * options allow  the respective portion of the view to remain visible when the window's size is changed.
+   *
+   * @default "center"
+   */
+  accessor resizeAlign: ResizeAlign;
+  /**
+   * Represents the current value of one pixel in the unit of the view's spatialReference.
+   * The value of resolution is calculated by dividing the view's extent width
+   * by its width.
+   *
+   * @since 4.9
+   */
+  get resolution(): number;
+  /**
+   * The clockwise rotation of due north in relation to the top of the view in degrees.
+   * The view may be rotated by directly setting
+   * the rotation or by using the following mouse event: `Right-click + Drag`.
+   * WebLinkChart rotation may be disabled by setting the `rotationEnabled` property
+   * in [constraints](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-link-chart/#constraints) to `false`.
+   *
+   * @default 0
+   * @example
+   * // Due north is rotated 90 degrees, pointing to the right side of the view
+   * view.rotation = 90;
+   * @example
+   * // Due north is rotated 180 degrees, pointing to the bottom of the view
+   * view.rotation = 180;
+   * @example
+   * // Due north is rotated 270 degrees, pointing to the left side of the view
+   * view.rotation = 270;
+   * @example
+   * // Due north is rotated 0 degrees, pointing to the top of the view (the default)
+   * view.rotation = 0; // 360 or multiple of 360 (e.g. 720) works here as well.
+   * @example
+   * // Disables map rotation
+   * view.constraints = {
+   *   rotationEnabled: false
+   * };
+   */
+  accessor rotation: number;
+  /**
+   * Represents the link chart scale at the center of the view. Setting the scale immediately changes the view. For animating
+   * the view, see this component's goTo() method.
+   */
+  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 URL of the Knowledge Graph Service to load the link chart from.
+   *
+   * If no Base Cypher Query is defined, then the entire dataset will be used to generate the link chart.
+   */
+  accessor serviceUrl: null | undefined | string;
+  /**
+   * The spatial reference of the view.
+   * This indicates the projected or geographic coordinate system used
+   * to locate geographic features in the link chart.
+   *
+   * @see [spatialReferenceLocked](https://doc.geoscene.cn/javascript/5.0/references/core/views/View2D/#spatialReferenceLocked)
+   * @example
+   * // check if the projectOperator is loaded
+   * if (!projectOperator.isLoaded()) {
+   *   projectOperator.load().then(() => {
+   *    // change the spatial reference of the view to equal earth projection
+   *     view.spatialReference = new SpatialReference({
+   *       wkid: 54035 //equal earth projection
+   *     });
+   *   });
+   * } else {
+   *   // the projectOperator is already loaded.
+   *   // change the spatial reference of the view to equal earth projection
+   *   view.spatialReference = new SpatialReference({
+   *     wkid: 54035 //equal earth projection
+   *   });
+   * }
+   * @example
+   * const basemap = await changeBasemap();
+   * const spatialReference = await findSpatialReference(basemap);
+   *
+   * // check if basemap has the same spatial reference as the view if they are not equal
+   * // then check if the projectOperator is loaded, and load the projectOperator if it is not loaded.
+   * // If loaded, then simply change view.spatialReference to match the basemap spatialReference
+   * if (spatialReference && !view.spatialReference.equals(spatialReference)) {
+   *   if (!projectOperator.isLoaded()) {
+   *     await projectOperator.load();
+   *   }
+   *   view.spatialReference = spatialReference;
+   * }
+   *
+   * // change the basemap
+   * map.basemap = basemap;
+   *
+   * async function changeBasemap() {
+   *   let basemap;
+   *   if (map.basemap.title === "OpenStreetMap Vector Basemap (Blueprint - WGS84)"){
+   *     basemap = new Basemap({
+   *       portalItem: { // Spilhaus - one ocean basemap
+   *         id: "5639ccf22d4c4830ab815c4f9c9319bb"
+   *       }
+   *     });
+   *   } else {
+   *     basemap = osm84;
+   *   }
+   *   return basemap;
+   * }
+   *
+   * async function findSpatialReference(basemap) {
+   *   await basemap.load();
+   *
+   *   if (basemap.spatialReference) {
+   *     return basemap.spatialReference;
+   *   }
+   *
+   *   const layer = basemap.baseLayers.at(0);
+   *
+   *   if (!layer) {
+   *     return null;
+   *   }
+   *
+   *   await layer.load();
+   *
+   *   return layer.spatialReference;
+   * }
+   */
+  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.
+   *
+   * @default false
+   */
+  get suspended(): boolean;
+  /**
+   * This property specifies the base colors used by some components
+   * and components to render graphics and labels.
+   *
+   * @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;
+  /**
+   * Defines the time zone of the view.
+   * The time zone property determines how dates and times are represented to the user,
+   * but the underlying data is unchanged.
+   *
+   * @default "system"
+   * @see [wikipedia - List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones)
+   * @example
+   * // Date and time will be displayed in Pacific/Auckland (NZ) time zone
+   * const view = new MapView({
+   *   map: map,
+   *   container: "viewDiv",
+   *   timeZone: "Pacific/Auckland"
+   * });
+   */
+  accessor timeZone: string;
+  /**
+   * Indicates whether the view is being updated by additional data requests to the network,
+   * or by processing received data.
+   *
+   * @default false
+   */
+  get updating(): boolean;
+  /** Internal view of the component. */
+  get view(): LinkChartView;
+  /**
+   * Represents the current view as a 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() method.
+   */
+  accessor viewpoint: Viewpoint;
+  /**
+   * Represents the level of detail (LOD) at the center of the view.
+   * A zoom level (or scale) is a number that defines how large or small the contents of a link chart appear in a link chart view.
+   * Zoom level is a number usually between 0 (global view) and 23 (very detailed view) and is used as a shorthand for predetermined scale values.
+   * A value of -1 means the view has no LODs.
+   * When setting the zoom value, the LinkChartView converts it to the corresponding scale, or interpolates it if the zoom is a fractional number.
+   * LinkChartView can display link charts with different projections at a full range of scales, and so use the scale property on this component rather than zoom level.
+   *
+   * Setting the zoom immediately changes the current view. For animating the view, see this component's goTo() method.
+   * Setting this property in conjunction with `center` is a convenient way to set the initial extent of the view.
+   */
+  accessor zoom: number;
+  /** Closes the popup. */
+  closePopup(): Promise<void>;
+  /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
+  destroy(): Promise<void>;
+  /**
+   * Sets the view to a given target.
+   *
+   * @param target
+   * @param options
+   */
+  goTo(target: GoToTarget2D, options?: GoToOptions2D): Promise<unknown>;
+  /**
+   * Opens the popup at the given location with content defined either explicitly with content or driven
+   * from the PopupTemplate of input features.
+   *
+   * @param options
+   */
+  openPopup(options?: ViewPopupOpenOptions): Promise<void>;
+  /** @param screenPoint */
+  toMap(screenPoint: MouseEvent | ScreenPoint): Point;
+  /**
+   * @param point
+   * @param options
+   */
+  toScreen(point: Point, options?: ToScreenOptions2D): ScreenPoint | null | undefined;
+  /** 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-link-chart/#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-link-chart");
+   * await viewElement.viewOnReady();
+   * // The view is now ready to be used.
+   * ```
+   */
+  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/MapView/#whenAnalysisView)
+   *
+   * @param analysis
+   * @since 4.34
+   */
+  whenAnalysisView(analysis: Analysis): Promise<AnalysisView2DUnion>;
+  /**
+   * Gets the LayerView created on the view for the given layer.
+   *
+   * @param layer
+   */
+  whenLayerView(layer: Layer): Promise<LayerView>;
+  /**
+   * 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?: LinkChartView["center"] | null | undefined | number[] | string;
+  };
+  /**
+   * Fires when a geoscene-link-chart 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-link-chart/#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/MapView/#event-analysis-view-create)
+   *
+   * @since 4.34
+   */
+  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/MapView/#event-analysis-view-create-error)
+   *
+   * @since 4.34
+   */
+  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/MapView/#event-analysis-view-destroy)
+   *
+   * @since 4.34
+   */
+  readonly geosceneViewAnalysisViewDestroy: import("@geoscene/lumina").TargetedEvent<this, AnalysisViewDestroyEvent>;
+  /**
+   * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
+   * This event will also emit if stationary toggles from true to false.
+   */
+  readonly geosceneViewChange: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /** Fires after a user clicks on the view. */
+  readonly geosceneViewClick: import("@geoscene/lumina").TargetedEvent<this, ClickEvent>;
+  /** Fires after double-clicking on the view. */
+  readonly geosceneViewDoubleClick: import("@geoscene/lumina").TargetedEvent<this, DoubleClickEvent>;
+  /**
+   * Fires while the pointer is dragged following a double-tap gesture on the view.
+   *
+   * @since 5.0
+   */
+  readonly geosceneViewDoubleTapDrag: import("@geoscene/lumina").TargetedEvent<this, DoubleTapDragEvent>;
+  /** Fires during a pointer drag on the view. */
+  readonly geosceneViewDrag: import("@geoscene/lumina").TargetedEvent<this, DragEvent>;
+  /** Fires during a pointer drag on the view. */
+  readonly geosceneViewHold: import("@geoscene/lumina").TargetedEvent<this, HoldEvent>;
+  /** Fires right after a user clicks on the view. */
+  readonly geosceneViewImmediateClick: import("@geoscene/lumina").TargetedEvent<this, ImmediateClickEvent>;
+  /** Is emitted after two consecutive immediate-click events. */
+  readonly geosceneViewImmediateDoubleClick: import("@geoscene/lumina").TargetedEvent<this, ImmediateDoubleClickEvent>;
+  /** Fires after a keyboard key is pressed. */
+  readonly geosceneViewKeyDown: import("@geoscene/lumina").TargetedEvent<this, KeyDownEvent>;
+  /** Fires after a keyboard key is pressed. */
+  readonly geosceneViewKeyUp: import("@geoscene/lumina").TargetedEvent<this, KeyUpEvent>;
+  /** Fires after each layer in the link chart has a corresponding LayerView created and rendered in the view. */
+  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 link chart. */
+  readonly geosceneViewLayerviewCreateError: import("@geoscene/lumina").TargetedEvent<this, LayerViewCreateErrorEvent>;
+  /** Fires after a LayerView is destroyed and is no longer rendered in the view. */
+  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. */
+  readonly geosceneViewMouseWheel: import("@geoscene/lumina").TargetedEvent<this, ViewMouseWheelEvent>;
+  /** Fires after a mouse button is pressed, or a finger touches the display. */
+  readonly geosceneViewPointerDown: import("@geoscene/lumina").TargetedEvent<this, PointerDownEvent>;
+  /** Fires after a mouse cursor enters the view, or a display touch begins. */
+  readonly geosceneViewPointerEnter: import("@geoscene/lumina").TargetedEvent<this, PointerEnterEvent>;
+  /** Fires after a mouse cursor leaves the view, or a display touch ends. */
+  readonly geosceneViewPointerLeave: import("@geoscene/lumina").TargetedEvent<this, PointerLeaveEvent>;
+  /** Fires after the mouse or a finger on the display moves. */
+  readonly geosceneViewPointerMove: import("@geoscene/lumina").TargetedEvent<this, PointerMoveEvent>;
+  /** Fires after a mouse button is released, or a display touch ends. */
+  readonly geosceneViewPointerUp: import("@geoscene/lumina").TargetedEvent<this, PointerUpEvent>;
+  /**
+   * This event is for the `ready` property and will be emitted when the view is ready.
+   * This event will also emit if the `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.
+   *
+   * @since 5.0
+   */
+  readonly geosceneViewVerticalTwoFingerDrag: import("@geoscene/lumina").TargetedEvent<this, VerticalTwoFingerDragEvent>;
+  readonly "@eventTypes": {
+    geosceneLoadError: GeosceneLinkChart["geosceneLoadError"]["detail"];
+    geosceneViewAnalysisViewCreate: GeosceneLinkChart["geosceneViewAnalysisViewCreate"]["detail"];
+    geosceneViewAnalysisViewCreateError: GeosceneLinkChart["geosceneViewAnalysisViewCreateError"]["detail"];
+    geosceneViewAnalysisViewDestroy: GeosceneLinkChart["geosceneViewAnalysisViewDestroy"]["detail"];
+    geosceneViewChange: GeosceneLinkChart["geosceneViewChange"]["detail"];
+    geosceneViewClick: GeosceneLinkChart["geosceneViewClick"]["detail"];
+    geosceneViewDoubleClick: GeosceneLinkChart["geosceneViewDoubleClick"]["detail"];
+    geosceneViewDoubleTapDrag: GeosceneLinkChart["geosceneViewDoubleTapDrag"]["detail"];
+    geosceneViewDrag: GeosceneLinkChart["geosceneViewDrag"]["detail"];
+    geosceneViewHold: GeosceneLinkChart["geosceneViewHold"]["detail"];
+    geosceneViewImmediateClick: GeosceneLinkChart["geosceneViewImmediateClick"]["detail"];
+    geosceneViewImmediateDoubleClick: GeosceneLinkChart["geosceneViewImmediateDoubleClick"]["detail"];
+    geosceneViewKeyDown: GeosceneLinkChart["geosceneViewKeyDown"]["detail"];
+    geosceneViewKeyUp: GeosceneLinkChart["geosceneViewKeyUp"]["detail"];
+    geosceneViewLayerviewCreate: GeosceneLinkChart["geosceneViewLayerviewCreate"]["detail"];
+    geosceneViewLayerviewCreateError: GeosceneLinkChart["geosceneViewLayerviewCreateError"]["detail"];
+    geosceneViewLayerviewDestroy: GeosceneLinkChart["geosceneViewLayerviewDestroy"]["detail"];
+    geosceneViewMouseWheel: GeosceneLinkChart["geosceneViewMouseWheel"]["detail"];
+    geosceneViewPointerDown: GeosceneLinkChart["geosceneViewPointerDown"]["detail"];
+    geosceneViewPointerEnter: GeosceneLinkChart["geosceneViewPointerEnter"]["detail"];
+    geosceneViewPointerLeave: GeosceneLinkChart["geosceneViewPointerLeave"]["detail"];
+    geosceneViewPointerMove: GeosceneLinkChart["geosceneViewPointerMove"]["detail"];
+    geosceneViewPointerUp: GeosceneLinkChart["geosceneViewPointerUp"]["detail"];
+    geosceneViewReadyChange: GeosceneLinkChart["geosceneViewReadyChange"]["detail"];
+    geosceneViewReadyError: GeosceneLinkChart["geosceneViewReadyError"]["detail"];
+    geosceneViewVerticalTwoFingerDrag: GeosceneLinkChart["geosceneViewVerticalTwoFingerDrag"]["detail"];
+  };
+}