@arcgis/map-components 5.1.0-next.1 → 5.1.0-next.100

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

@@ -1,15 +1,13 @@
 /// <reference path="../../index.d.ts" />
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
 import type WebLinkChart from "@arcgis/core/WebLinkChart.js";
-import type LayerView from "@arcgis/core/views/layers/LayerView";
-import type Layer from "@arcgis/core/layers/Layer";
-import type Analysis from "@arcgis/core/analysis/Analysis";
-import type Point from "@arcgis/core/geometry/Point";
-import type Viewpoint from "@arcgis/core/Viewpoint";
-import type Basemap from "@arcgis/core/Basemap";
-import type LayerView2 from "@arcgis/core/views/layers/LayerView.js";
+import type LayerView from "@arcgis/core/views/layers/LayerView.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
+import type Analysis from "@arcgis/core/analysis/Analysis.js";
+import type Point from "@arcgis/core/geometry/Point.js";
+import type Viewpoint from "@arcgis/core/Viewpoint.js";
+import type Basemap from "@arcgis/core/Basemap.js";
 import type Collection from "@arcgis/core/core/Collection.js";
-import type Analysis2 from "@arcgis/core/analysis/Analysis.js";
 import type ColorBackground from "@arcgis/core/webmap/background/ColorBackground.js";
 import type BasemapView from "@arcgis/core/views/BasemapView.js";
 import type MapViewConstraints from "@arcgis/core/views/2d/MapViewConstraints.js";
@@ -19,23 +17,25 @@ import type HighlightOptions from "@arcgis/core/views/support/HighlightOptions.j
 import type Magnifier from "@arcgis/core/views/Magnifier.js";
 import type Navigation from "@arcgis/core/views/navigation/Navigation.js";
 import type Popup from "@arcgis/core/widgets/Popup.js";
+import type SelectionManager from "@arcgis/core/views/SelectionManager.js";
 import type SpatialReference from "@arcgis/core/geometry/SpatialReference.js";
 import type Theme from "@arcgis/core/views/Theme.js";
 import type TimeExtent from "@arcgis/core/time/TimeExtent.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { LoadErrorSource } from "../../controllers/useArcgisLoadError.js";
+import type { LoadErrorSource } from "../types.js";
 import type { ArcgisPopup } from "../arcgis-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 "@arcgis/core/views/input/types";
-import type { AnalysisViewDestroyEvent, AnalysisViewCreateErrorEvent, AnalysisViewCreateEvent, ToScreenOptions2D, GoToOptions2D, GoToTarget2D } from "@arcgis/core/views/types";
-import type { AnalysisView2DUnion } from "@arcgis/core/views/2d/analysis/types";
-import type { ScreenPoint } from "@arcgis/core/core/types";
-import type { ViewPopupOpenOptions } from "@arcgis/core/views/PopupView";
+import type { DoubleTapDragEvent, VerticalTwoFingerDragEvent, PointerUpEvent, PointerMoveEvent, PointerLeaveEvent, PointerEnterEvent, PointerDownEvent, ViewMouseWheelEvent, LayerViewDestroyEvent, LayerViewCreateErrorEvent, LayerViewCreateEvent, KeyUpEvent, KeyDownEvent, ImmediateDoubleClickEvent, ImmediateClickEvent, HoldEvent, DragEvent, DoubleClickEvent, ClickEvent } from "@arcgis/core/views/input/types.js";
+import type { AnalysisViewDestroyEvent, AnalysisViewCreateErrorEvent, AnalysisViewCreateEvent, ToScreenOptions2D, GoToOptions2D, GoToTarget2D } from "@arcgis/core/views/types.js";
+import type { AnalysisView2DUnion } from "@arcgis/core/views/2d/analysis/types.js";
+import type { ScreenPoint } from "@arcgis/core/core/types.js";
+import type { ViewPopupOpenOptions } from "@arcgis/core/views/PopupView.js";
 import type { ReadonlyCollection } from "@arcgis/core/core/Collection.js";
 import type { ViewPadding } from "@arcgis/core/views/ui/types.js";
 import type { ResizeAlign } from "@arcgis/core/views/2d/types.js";
+import type { SlotGroupRefs } from "../../support/slots.js";
 
 /**
- * Loads a [WebLinkChart](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html) from an [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm) into a [LinkChartView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-LinkChartView.html).
+ * Loads a [WebLinkChart](https://developers.arcgis.com/javascript/latest/references/core/WebLinkChart/) from an [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm) into a [LinkChartView](https://developers.arcgis.com/javascript/latest/references/core/views/LinkChartView/).
  *
  * Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
  *
@@ -44,6 +44,8 @@ import type { ResizeAlign } from "@arcgis/core/views/2d/types.js";
  * @cssproperty [--arcgis-layout-overlay-space-left] - _Since 4.34_ Specifies the left padding for the layout.
  * @cssproperty [--arcgis-layout-overlay-space-right] - _Since 4.34_ Specifies the right padding for the layout.
  * @cssproperty [--arcgis-view-color-focus] - _Since 5.0_ Specifies the focus outline color for the view.
+ * @cssproperty [--arcgis-table-row-background-color] - _Since 5.1_ Specifies the background color for table rows.
+ * @cssproperty [--arcgis-table-row-alt-background-color] - _Since 5.1_ Specifies the background color for alternate table rows.
  * @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.
@@ -53,7 +55,7 @@ import type { ResizeAlign } from "@arcgis/core/views/2d/types.js";
  * @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 [Popup](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-popup/) component to open automatically on click. Only the Popup component can be placed in this slot.
+ * @slot [popup] - Slot for the [arcgis-popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) component to open automatically on click. Only the Popup component can be placed in this slot.
  * @since 4.32
  */
 export abstract class ArcgisLinkChart extends LitElement {
@@ -61,9 +63,9 @@ export abstract class ArcgisLinkChart 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://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html)
+   * @see [LayerView](https://developers.arcgis.com/javascript/latest/references/core/views/layers/LayerView/)
    */
-  get allLayerViews(): ReadonlyCollection<LayerView2>;
+  get allLayerViews(): ReadonlyCollection<LayerView>;
   /**
    * A collection of analyses associated with the view.
    *
@@ -75,17 +77,17 @@ export abstract class ArcgisLinkChart extends LitElement {
    * // Removes an analysis from the View
    * view.analyses.remove(elevationProfileAnalysis);
    */
-  accessor analyses: Collection<Analysis2>;
+  accessor analyses: Collection<Analysis>;
   /**
    * Indicates whether animations are disabled in the view. This includes animated symbols (animated
-   * [CIMSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-CIMSymbol.html),
-   * [PictureMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PictureMarkerSymbol.html)
+   * [CIMSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/CIMSymbol/),
+   * [PictureMarkerSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/PictureMarkerSymbol/)
    * from a GIF/animated PNG), animated renderers
-   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-rasterRenderers.html#FlowRenderer)),
-   * animated layers ([MediaLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MediaLayer.html),
-   * [VideoLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-VideoLayer.html)), and
+   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/references/core/rasterRenderers/#FlowRenderer)),
+   * animated layers ([MediaLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MediaLayer/),
+   * [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/)), and
    * animations triggered by view navigation (for example,
-   * [goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-LinkChartView.html#goTo)).
+   * [goTo()](https://developers.arcgis.com/javascript/latest/references/core/views/LinkChartView/#goTo)).
    * Setting this property to `true` disables all animations in the view.
    *
    * @default false
@@ -111,7 +113,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    *
    * @since 5.0
    */
-  accessor attributionMode: "light" | "dark" | null | undefined;
+  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
@@ -161,7 +163,21 @@ export abstract class ArcgisLinkChart extends LitElement {
    */
   accessor basemap: Basemap | string | undefined;
   /** Represents the view for a single basemap after it has been added to the link chart. */
-  accessor basemapView: BasemapView<LayerView2>;
+  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
    * esri/geometry/Point instance or a string representing
@@ -172,12 +188,13 @@ export abstract class ArcgisLinkChart extends LitElement {
   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 LinkChartView.
+   * Specifies constraints to scale, zoom, and rotation that may be applied to the Link Chart.
    *
-   * @see [TileInfo#create()](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-TileInfo.html#create)
-   * @see [Zoom and LODs](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View2D.html#mapview-lods)
+   * @see [MapViewConstraints](https://developers.arcgis.com/javascript/latest/references/core/views/2d/MapViewConstraints/)
+   * @see [TileInfo#create()](https://developers.arcgis.com/javascript/latest/references/core/layers/support/TileInfo/#create)
+   * @see [Zoom and LODs](https://developers.arcgis.com/javascript/latest/references/core/views/View2D/#mapview-lods)
    * @example
-   * view.constraints = {
+   * view.constraints = new MapViewConstraints({
    *   geometry: { // Constrain lateral movement to Lower Manhattan
    *     type: "extent",
    *     xmin: -74.020,
@@ -188,9 +205,9 @@ export abstract class ArcgisLinkChart extends LitElement {
    *   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 MapView scale 1:1 while generating additional LODs for the MapView.constraints.
+   * // 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
    * });
@@ -207,17 +224,16 @@ export abstract class ArcgisLinkChart extends LitElement {
    * });
    * const lods = tileInfo.lods;
    *
-   * let view = new MapView({
-   *   container: "viewDiv",
-   *   map,
-   *   scale: 1,
-   *   center,
-   *   spatialReference,
-   *   constraints: {
-   *     lods: lods,
-   *     snapToZoom: false
-   *   }
+   * const constraints = new MapViewConstraints({
+   *   snapToZoom: false,
+   *   lods
    * });
+   *
+   * const arcgisLinkChart = document.querySelector("arcgis-link-chart");
+   * arcgisLinkChart.spatialReference = spatialReference;
+   * arcgisLinkChart.center = center;
+   * arcgisLinkChart.scale = 1;
+   * arcgisLinkChart.constraints = constraints;
    */
   accessor constraints: MapViewConstraints;
   /**
@@ -229,7 +245,7 @@ export abstract class ArcgisLinkChart extends LitElement {
   accessor displayFilterDisabled: boolean;
   /**
    * The extent represents the visible portion of a link chart within the view as an instance of
-   * [Extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html).
+   * [Extent](https://developers.arcgis.com/javascript/latest/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.
@@ -239,7 +255,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    * A rejected view indicates a fatal error making it unable to display.
    *
    * @since 4.12
-   * @see [tryFatalErrorRecovery()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#tryFatalErrorRecovery)
+   * @see [tryFatalErrorRecovery()](https://developers.arcgis.com/javascript/latest/references/core/views/View/#tryFatalErrorRecovery)
    * @example
    * reactiveUtils.when(
    *   () => view.fatalError,
@@ -263,8 +279,8 @@ export abstract class ArcgisLinkChart extends LitElement {
    * // Removes a graphic from the View
    * graphics.remove(pointGraphic);
    * ```
-   * @see [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html)
-   * @see [GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html)
+   * @see [Graphic](https://developers.arcgis.com/javascript/latest/references/core/Graphic/)
+   * @see [GraphicsLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GraphicsLayer/)
    * @see [Intro to graphics](https://developers.arcgis.com/javascript/latest/sample-code/intro-graphics/)
    */
   accessor graphics: Collection<Graphic>;
@@ -279,22 +295,6 @@ export abstract class ArcgisLinkChart extends LitElement {
    * @since 5.0
    */
   accessor hideAttribution: boolean;
-  /**
-   * Options for configuring the highlight. Use the highlight method on the appropriate LayerView to highlight a feature. The layerView's `highlightOptions` will take precedence over the component's `highlightOptions` if both properties are set.
-   *
-   * @deprecated since version 4.32. Use the [highlights](#highlights) property instead.
-   * @see [Sample: Highlight SceneLayer](https://developers.arcgis.com/javascript/latest/sample-code/highlight-scenelayer/)
-   * @example
-   * const view = new MapView({
-   *   map: map,
-   *   highlightOptions: {
-   *     color: [255, 255, 0, 1],
-   *     haloOpacity: 0.9,
-   *     fillOpacity: 0.2
-   *   }
-   * });
-   */
-  accessor highlightOptions: HighlightOptions;
   /**
    * The highlights property is a collection of HighlightGroup objects that
    * allow you to visually emphasize specific features on the link chart.
@@ -359,17 +359,17 @@ export abstract class ArcgisLinkChart extends LitElement {
   /**
    * The ID of a WebLinkChart from an ArcGIS Enterprise portal.
    *
-   * To configure the portal url you must set the [`portalUrl` property on `config`](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#portalUrl) before the Link Chart component loads.
+   * To configure the portal url you must set the [`portalUrl` property on `config`](https://developers.arcgis.com/javascript/latest/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://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) of the
-   * [operational layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html#layers) in the link chart.
+   * [LayerViews](https://developers.arcgis.com/javascript/latest/references/core/views/layers/LayerView/) of the
+   * [operational layers](https://developers.arcgis.com/javascript/latest/references/core/WebLinkChart/#layers) in the link chart.
    *
-   * @see [LayerView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html)
+   * @see [LayerView](https://developers.arcgis.com/javascript/latest/references/core/views/layers/LayerView/)
    */
-  get layerViews(): Collection<LayerView2>;
+  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.
    *
@@ -383,7 +383,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    */
   get magnifier(): Magnifier;
   /**
-   * An instance of a [WebLinkChart](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html)
+   * An instance of a [WebLinkChart](https://developers.arcgis.com/javascript/latest/references/core/WebLinkChart/)
    *  object to display in the view.
    */
   accessor map: WebLinkChart;
@@ -421,8 +421,8 @@ export abstract class ArcgisLinkChart extends LitElement {
    */
   accessor navigation: Navigation;
   /**
-   * Use the padding property to make the [center](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#center),
-   * and [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#extent), etc. work off a
+   * Use the padding property to make the [center](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#center),
+   * and [extent](https://developers.arcgis.com/javascript/latest/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.
    *
@@ -430,9 +430,9 @@ export abstract class ArcgisLinkChart extends LitElement {
    */
   accessor padding: ViewPadding;
   /**
-   * A [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) widget object that displays general content or attributes from [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#map). Consider using the [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popupElement) (beta), which represents the Popup component, instead.
+   * A [Popup](https://developers.arcgis.com/javascript/latest/references/core/widgets/Popup/) widget object that displays general content or attributes from [layers](https://developers.arcgis.com/javascript/latest/references/core/Map/#layers) in the [map](https://developers.arcgis.com/javascript/latest/references/core/views/View/#map). Consider using the [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-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://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) instance is automatically created and assigned to the view's [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popup) when the user clicks on the view and [popupEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-PopupView.html#popupEnabled) is `true`, when the [openPopup()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#openPopup) method is called, or when some widgets need the popup, such as [Search](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html). If [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popup) is `null`, the popup instance will not be created.
+   * By default, the `popup` property is an empty object that allows you to set the popup options. A [Popup](https://developers.arcgis.com/javascript/latest/references/core/widgets/Popup/) instance is automatically created and assigned to the view's [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popup) when the user clicks on the view and [popupEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/PopupView/#popupEnabled) is `true`, when the [openPopup()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#openPopup) method is called, or when some widgets need the popup, such as [Search](https://developers.arcgis.com/javascript/latest/references/core/widgets/Search/). If [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popup) is `null`, the popup instance will not be created.
    *
    * @see [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popupElement)
    * @see [popupDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popupDisabled)
@@ -440,7 +440,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    */
   accessor popup: Popup | null | undefined;
   /**
-   * Indicates whether the [popup component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popupElement) (beta) is enabled  as the default popup. When set to `true`, the [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popupElement) property (representing the component) will be used for popups instead of the [popup](#popup) property (representing the widget).
+   * Indicates whether the [popup component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popupElement) (beta) is enabled  as the default popup. When set to `true`, the [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popupElement) property (representing the component) will be used for popups instead of the [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-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.
    *
@@ -455,14 +455,14 @@ export abstract class ArcgisLinkChart extends LitElement {
    */
   accessor popupComponentEnabled: boolean;
   /**
-   * Controls whether the default popup opens automatically when users click on the view. This controls both the [`popupElement`](#popupElement) and [`popup`](#popup) properties. When set to `true`, the popup will not open on click or when triggered programmatically.
+   * Controls whether the default popup opens automatically when users click on the view. This controls both the [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popupElement) and [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#popup) properties. When set to `true`, the popup will not open on click or when triggered programmatically.
    *
    * @default false
    * @see [openPopup()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#openPopup)
    */
   accessor popupDisabled: boolean;
   /**
-   * A reference to the current [arcgis-popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) (beta). The [popupComponentEnabled](#popupComponentEnabled) property must be set to `true` to use this property.
+   * A reference to the current [arcgis-popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) (beta). The [popupComponentEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-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.
    *
@@ -490,7 +490,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    * signaling that the following conditions are met.
    *
    * @default false
-   * @see [when()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#when)
+   * @see [when()](https://developers.arcgis.com/javascript/latest/references/core/views/View/#when)
    */
   get ready(): boolean;
   /**
@@ -514,7 +514,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    * 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`.
+   * in [constraints](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#constraints) to `false`.
    *
    * @default 0
    * @example
@@ -541,18 +541,27 @@ export abstract class ArcgisLinkChart extends LitElement {
    * the view, see this component's goTo() method.
    */
   accessor scale: number;
+  /**
+   * The default [SelectionManager](https://developers.arcgis.com/javascript/latest/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;
+  /** @internal */
+  get slotGroupRefs(): SlotGroupRefs;
   /**
    * 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://developers.arcgis.com/javascript/latest/api-reference/esri-views-View2D.html#spatialReferenceLocked)
+   * @see [spatialReferenceLocked](https://developers.arcgis.com/javascript/latest/references/core/views/View2D/#spatialReferenceLocked)
    * @example
    * // check if the projectOperator is loaded
    * if (!projectOperator.isLoaded()) {
@@ -636,7 +645,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    * and components to render graphics and labels.
    *
    * @since 4.28
-   * @see [Theme](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-Theme.html)
+   * @see [Theme](https://developers.arcgis.com/javascript/latest/references/core/views/Theme/)
    * @see [Sample - Color theming for interactive tools](https://developers.arcgis.com/javascript/latest/sample-code/view-theme/)
    * @example
    * // Update the theme to use purple graphics
@@ -763,7 +772,7 @@ export abstract class ArcgisLinkChart extends LitElement {
   /**
    * Gets the analysis view created for the given analysis object.
    *
-   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#whenAnalysisView)
+   * [Read more](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#whenAnalysisView)
    *
    * @param analysis
    * @since 4.34
@@ -775,11 +784,23 @@ export abstract class ArcgisLinkChart extends LitElement {
    * @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 arcgis-link-chart fails to load or if one of its dependencies fails to load (e.g., basemap, ground, layers).
+   * Fires when an arcgis-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://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#loadErrorSources)
@@ -794,7 +815,7 @@ export abstract class ArcgisLinkChart extends LitElement {
   /**
    * Fires when the view for an analysis is created.
    *
-   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#event-analysis-view-create)
+   * [Read more](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#event-analysis-view-create)
    *
    * @since 4.34
    */
@@ -802,7 +823,7 @@ export abstract class ArcgisLinkChart extends LitElement {
   /**
    * Fires when an error occurs during the creation of an analysis view after an analysis is added to the view.
    *
-   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#event-analysis-view-create-error)
+   * [Read more](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#event-analysis-view-create-error)
    *
    * @since 4.34
    */
@@ -810,7 +831,7 @@ export abstract class ArcgisLinkChart extends LitElement {
   /**
    * Fires after an analysis view is destroyed.
    *
-   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#event-analysis-view-destroy)
+   * [Read more](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#event-analysis-view-destroy)
    *
    * @since 4.34
    */

package/dist/components/arcgis-link-chart/customElement.js

@@ -4,19 +4,20 @@ import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
 import _ from "@arcgis/core/views/LinkChartView.js";
 import b from "@arcgis/core/WebLinkChart.js";
 import { LitElement as V, createEvent as w, safeClassMap as c } from "@arcgis/lumina";
-import { reCreateAccessor as A, makeAccessorController as f, reEmitEvent as e } from "@arcgis/lumina/controllers/accessor";
+import { reCreateAccessor as A, reEmitEvent as e, makeAccessorController as f } from "@arcgis/lumina/controllers/accessor";
 import { createRef as v, ref as m } from "lit/directives/ref.js";
-import { s as E } from "../../chunks/esri-main.js";
-import { s as L, C as u } from "../../chunks/slots.js";
-import { p as I, i as k } from "../../chunks/component-utils.js";
-import { U, u as D, a as M } from "../../chunks/useArcgisViewReadyError.js";
-import { fetchKnowledgeGraph as R } from "@arcgis/core/rest/knowledgeGraphService.js";
+import { s as I } from "../../chunks/esri-main.js";
+import { s as E } from "../../chunks/slots.js";
+import { C as u } from "../../chunks/resources.js";
+import { p as L, i as k } from "../../chunks/component-utils.js";
+import { U as M, u as R, a as U } from "../../chunks/useArcgisViewReadyError.js";
+import { fetchKnowledgeGraph as D } from "@arcgis/core/rest/knowledgeGraphService.js";
 import x from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
-import { t as g } from "../../chunks/async-utils.js";
-import { isAbortError as d } from "@arcgis/core/core/promiseUtils.js";
+import { t as d } from "../../chunks/async-utils.js";
+import { isAbortError as g } from "@arcgis/core/core/promiseUtils.js";
 import { html as y } from "lit";
 import Q from "@arcgis/core/layers/LinkChartLayer.js";
-const P = f(
+const z = f(
   b,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -27,18 +28,18 @@ const P = f(
    * in an externalized package.
    */
   {}
-), z = f(_, {});
-class S extends V {
+), Z = f(_, {});
+class P extends V {
   constructor() {
-    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new U(this), this._activeLoadAbortController = null, this.arcgisLoadError = D(this), this.arcgisViewReadyError = M(this), this._map = P(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = w(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = w(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new M(this), this._activeLoadAbortController = null, this.arcgisLoadError = R(this), this.arcgisViewReadyError = U(this), this._map = z(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = Z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = w(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = w(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
       components: []
     };
   }
   static {
-    this.properties = { _map: 16, _baseCypherQuery: 16, _serviceUrl: 16, _propItemId: 16, view: 32, animationsDisabled: 5, aria: 0, allLayerViews: 32, analyses: 0, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, focusAreas: 0, graphics: 0, hideAttribution: 5, highlights: 0, highlightOptions: 0, interacting: 32, itemId: 3, baseCypherQuery: 3, serviceUrl: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, ready: 36, resizeAlign: 1, resolution: 40, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewpoint: 0, zoom: 9, loadErrorSources: 0 };
+    this.properties = { _map: 16, _baseCypherQuery: 16, _serviceUrl: 16, _propItemId: 16, view: 32, animationsDisabled: 5, aria: 0, allLayerViews: 32, analyses: 0, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, canZoomIn: 36, canZoomOut: 36, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, focusAreas: 0, graphics: 0, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, baseCypherQuery: 3, serviceUrl: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, ready: 36, resizeAlign: 1, resolution: 40, rotation: 9, selectionManager: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewpoint: 0, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [E, L];
+    this.styles = [I, E];
   }
   get aria() {
     return this.view?.aria;
@@ -53,7 +54,7 @@ class S extends V {
     return this.view.center;
   }
   set center(i) {
-    const t = I(i, this.view);
+    const t = L(i, this.view);
     t && (this.view.center = t);
   }
   get extent() {
@@ -155,6 +156,12 @@ class S extends V {
   async whenLayerView(i) {
     return await this.view.whenLayerView(i);
   }
+  async zoomIn() {
+    this.view.zoomIn();
+  }
+  async zoomOut() {
+    this.view.zoomOut();
+  }
   loaded() {
     const i = this;
     i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, s.setLocalPublicMap(this, this._map), this.manager.onLifecycle(() => [
@@ -165,7 +172,7 @@ class S extends V {
       n(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
       n(() => this.view.attributionHeight, (t) => {
         this._uiController.handleAttributionHeightChange(t);
-      })
+      }, { initial: !0 })
     ]);
   }
   willUpdate(i) {
@@ -181,16 +188,16 @@ class S extends V {
         if (this._serviceUrl && !this._baseCypherQuery) {
           const a = t();
           s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
-            const o = new s.WebLinkChart(), h = new s.LinkChartLayer({
+            const h = new s.WebLinkChart(), o = new s.LinkChartLayer({
               url: l.url
             });
-            h.load({
+            o.load({
               signal: a?.signal
             });
             try {
-              g(a.signal), o.add(h), this._setLinkChartAndZoom(o);
+              d(a.signal), h.add(o), this._setLinkChartAndZoom(h);
             } catch (p) {
-              if (!d(p))
+              if (!g(p))
                 throw p;
             }
           });
@@ -201,12 +208,12 @@ class S extends V {
               openCypherQuery: this._baseCypherQuery
             }), void 0, {
               signal: a?.signal
-            }).then(async (o) => {
+            }).then(async (h) => {
               try {
-                g(a.signal), this._setLinkChartAndZoom(o);
-              } catch (h) {
-                if (!d(h))
-                  throw h;
+                d(a.signal), this._setLinkChartAndZoom(h);
+              } catch (o) {
+                if (!g(o))
+                  throw o;
               }
             });
           });
@@ -226,7 +233,7 @@ class S extends V {
   }
 }
 const s = {
-  fetchKnowledgeGraph: async (r) => await R(r),
+  fetchKnowledgeGraph: async (r) => await D(r),
   WebLinkChart: b,
   LinkChartLayer: Q,
   setMap: (r, i) => {
@@ -243,8 +250,8 @@ const s = {
   },
   reCreateAccessor: A
 };
-C("arcgis-link-chart", S);
+C("arcgis-link-chart", P);
 export {
-  S as ArcgisLinkChart,
+  P as ArcgisLinkChart,
   s as exportsForTests
 };

package/dist/components/arcgis-link-chart-layout-switcher/customElement.d.ts

@@ -1,9 +1,9 @@
 /// <reference path="../../index.d.ts" />
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { LinkChartLayoutSwitcherViewModelEvents, LinkChartLayoutSwitcherViewModelState } from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IconName } from "../../utils/action-utils.js";
+import type { DiagramLayoutType } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { LayoutMode } from "@arcgis/core/layers/knowledgeGraph/types.js";
 
@@ -167,6 +167,4 @@ export abstract class ArcgisLinkChartLayoutSwitcher extends LitElement {
     arcgisReady: ArcgisLinkChartLayoutSwitcher["arcgisReady"]["detail"];
     arcgisSwitchLayout: ArcgisLinkChartLayoutSwitcher["arcgisSwitchLayout"]["detail"];
   };
-}
-
-export type DiagramLayoutType = "basic-grid" | "chronological-mono-timeline" | "chronological-multi-timeline" | "geographic-organic-standard" | "hierarchical-bottom-to-top" | "organic-community" | "organic-standard" | "radial-root-centric" | "tree-left-to-right";
+}