@arcgis/map-components 5.1.0-next.12 → 5.1.0-next.120

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,20 +17,22 @@ 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 "../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/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/).
@@ -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.
@@ -63,7 +65,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    *
    * @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,13 +77,13 @@ 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/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/references/core/rasterRenderers/#FlowRenderer)),
+   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/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,
@@ -161,7 +163,7 @@ 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.
    *
@@ -186,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 [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,
@@ -202,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
    * });
@@ -221,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;
   /**
@@ -367,7 +369,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    *
    * @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.
    *
@@ -539,12 +541,21 @@ 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
@@ -719,6 +730,7 @@ export abstract class ArcgisLinkChart extends LitElement {
   closePopup(): Promise<void>;
   /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
   destroy(): Promise<void>;
+  focusPopup(): Promise<void>;
   /**
    * Sets the view to a given target.
    *

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

@@ -1,16 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
-import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+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 p, safeClassMap as c } from "@arcgis/lumina";
-import { reCreateAccessor as A, makeAccessorController as f, reEmitEvent as e } from "@arcgis/lumina/controllers/accessor";
+import { LitElement as V, createEvent as c, safeClassMap as w } from "@arcgis/lumina";
+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 I } from "../../chunks/esri-main.js";
-import { s as E, C as u } from "../../chunks/slots.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, u as D, a as M } from "../../chunks/useArcgisViewReadyError.js";
-import { fetchKnowledgeGraph as R } from "@arcgis/core/rest/knowledgeGraphService.js";
+import { U as M, P as R, u as U, a as D } from "../../chunks/useArcgisViewReadyError.js";
+import { fetchKnowledgeGraph as P } from "@arcgis/core/rest/knowledgeGraphService.js";
 import x from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
 import { t as d } from "../../chunks/async-utils.js";
 import { isAbortError as g } from "@arcgis/core/core/promiseUtils.js";
@@ -28,14 +29,14 @@ const z = f(
    */
   {}
 ), Z = f(_, {});
-class P extends V {
+class F 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 = 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.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 = p(), 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 = p(), 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._popupFocusController = new R(this), this._activeLoadAbortController = null, this.arcgisLoadError = U(this), this.arcgisViewReadyError = D(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 = c(), 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 = c(), 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, 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, 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 = [I, E];
@@ -128,6 +129,9 @@ class P extends V {
   async closePopup() {
     this._uiController.closePopup();
   }
+  async focusPopup() {
+    this._popupFocusController.focusPopup();
+  }
   async destroy() {
     await this.manager.destroy();
   }
@@ -164,19 +168,14 @@ class P extends V {
   loaded() {
     const i = this;
     i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, s.setLocalPublicMap(this, this._map), this.manager.onLifecycle(() => [
-      h(() => this.map, (t) => {
+      n(() => this.map, (t) => {
         t && s.setLocalPrivateMap(this, t);
       }, { initial: !0, sync: !0 }),
-      h(() => this.view.stationary, () => this.arcgisViewChange.emit(), { initial: !0 }),
-      h(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
-      h(() => this.view.attributionHeight, (t) => {
+      n(() => this.view.stationary, () => this.arcgisViewChange.emit(), { initial: !0 }),
+      n(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
+      n(() => this.view.attributionHeight, (t) => {
         this._uiController.handleAttributionHeightChange(t);
-      }, { initial: !0 }),
-      // Temporary workaround for https://devtopia.esri.com/WebGIS/arcgis-web-components/issues/12012
-      // Until https://devtopia.esri.com/WebGIS/arcgis-js-api/pull/78321 is picked up by components
-      h(() => this.view.ready, () => {
-        this.view.notifyChange("attributionHeight");
-      })
+      }, { initial: !0 })
     ]);
   }
   willUpdate(i) {
@@ -192,17 +191,17 @@ class P extends V {
         if (this._serviceUrl && !this._baseCypherQuery) {
           const a = t();
           s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
-            const n = new s.WebLinkChart(), o = new s.LinkChartLayer({
+            const h = new s.WebLinkChart(), o = new s.LinkChartLayer({
               url: l.url
             });
             o.load({
               signal: a?.signal
             });
             try {
-              d(a.signal), n.add(o), this._setLinkChartAndZoom(n);
-            } catch (w) {
-              if (!g(w))
-                throw w;
+              d(a.signal), h.add(o), this._setLinkChartAndZoom(h);
+            } catch (p) {
+              if (!g(p))
+                throw p;
             }
           });
         } else if (this._baseCypherQuery && this._serviceUrl) {
@@ -212,9 +211,9 @@ class P extends V {
               openCypherQuery: this._baseCypherQuery
             }), void 0, {
               signal: a?.signal
-            }).then(async (n) => {
+            }).then(async (h) => {
               try {
-                d(a.signal), this._setLinkChartAndZoom(n);
+                d(a.signal), this._setLinkChartAndZoom(h);
               } catch (o) {
                 if (!g(o))
                   throw o;
@@ -230,14 +229,14 @@ class P extends V {
     });
   }
   renderMain() {
-    return y`<div class=${c(u.base)} ${m(this._mapRef)}></div>`;
+    return y`<div class=${w(u.base)} ${m(this._mapRef)}></div>`;
   }
   render() {
-    return y`${this.renderMain()}<section class=${c(u.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>`;
+    return y`${this.renderMain()}<section class=${w(u.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
 const s = {
-  fetchKnowledgeGraph: async (r) => await R(r),
+  fetchKnowledgeGraph: async (r) => await P(r),
   WebLinkChart: b,
   LinkChartLayer: Q,
   setMap: (r, i) => {
@@ -254,8 +253,8 @@ const s = {
   },
   reCreateAccessor: A
 };
-C("arcgis-link-chart", P);
+C("arcgis-link-chart", F);
 export {
-  P as ArcgisLinkChart,
+  F as ArcgisLinkChart,
   s as exportsForTests
 };

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

@@ -3,6 +3,7 @@ import type LinkChartView from "@arcgis/core/views/LinkChartView.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 { DiagramLayoutType } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { LayoutMode } from "@arcgis/core/layers/knowledgeGraph/types.js";
 
@@ -166,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";
+}

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
-import { css as d, html as i } from "lit";
-import m from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
-import { usePropertyChange as g } from "@arcgis/lumina/controllers";
-import { m as p } from "../../chunks/useViewModel.js";
-import { u } from "../../chunks/useT9n.js";
-import { reEmitEvent as y } from "@arcgis/lumina/controllers/accessor";
-import { LitElement as w, createEvent as v } from "@arcgis/lumina";
-const L = d``, e = {
+import { html as i } from "lit";
+import d from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { m as g } from "../../chunks/useViewModel.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { reEmitEvent as u } from "@arcgis/lumina/controllers/accessor";
+import { LitElement as y, createEvent as w } from "@arcgis/lumina";
+const e = {
   forceDirected: "organic-standard",
   community: "organic-community",
   simple: "basic-grid",
@@ -17,7 +17,7 @@ const L = d``, e = {
   geographic: "geographic-organic-standard",
   chronologicalSingle: "chronological-mono-timeline",
   chronologicalMultiple: "chronological-multi-timeline"
-}, s = {
+}, l = {
   basicLayoutCategory: [e.simple],
   organicLayoutCategory: [
     e.forceDirected,
@@ -27,7 +27,7 @@ const L = d``, e = {
   treeLayoutCategory: [e.smartTree, e.radialTree],
   hierarchicalLayoutCategory: [e.mechanical],
   chronologicalLayoutCategory: [e.chronologicalSingle, e.chronologicalMultiple]
-}, l = {
+}, s = {
   [e.forceDirected]: "force-directed-link-chart-layout",
   [e.community]: "community-link-chart-layout",
   [e.simple]: "simple-link-chart-layout",
@@ -47,17 +47,14 @@ const L = d``, e = {
   [e.geographic]: "geographic",
   [e.chronologicalSingle]: "chronologicalSingle",
   [e.chronologicalMultiple]: "chronologicalMultiple"
-}, M = p(m);
-class b extends w {
+}, v = g(d);
+class L extends y {
   constructor() {
-    super(...arguments), this.messages = u(), this.viewModel = M(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = y(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = g()("state"), this.arcgisReady = v();
+    super(...arguments), this.messages = p(), this.viewModel = v(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = u(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = m()("state"), this.arcgisReady = w();
   }
   static {
     this.properties = { view: 0, appearance: 1, autoDestroyDisabled: 5, closeOnSelectDisabled: 5, icon: 1, label: 1, layout: 32, messageOverrides: 0, preventExtentUpdate: 5, referenceElement: 1, state: 32 };
   }
-  static {
-    this.styles = L;
-  }
   async destroy() {
     await this.manager.destroy();
   }
@@ -66,18 +63,22 @@ class b extends w {
   }
   _renderDropdown() {
     const { messages: t, icon: o } = this;
-    return i`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-action slot=trigger .disabled=${this.viewModel.state === "disabled"} .icon=${o ?? void 0} .label=${t.layoutOptions ?? "Layout"} scale=s .text=${t.layoutOptions ?? "Layout"}></calcite-action>${Object.entries(s).map(([c, a]) => i`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[c]}>${a.map((r) => i`<calcite-dropdown-item .iconStart=${l[r]} .selected=${r === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(r)}>${t[n[r]]}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}</calcite-dropdown>`;
+    return i`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-action slot=trigger .disabled=${this.viewModel.state === "disabled"} .icon=${o ?? void 0} .label=${t.layoutOptions ?? "Layout"} scale=s .text=${t.layoutOptions ?? "Layout"}></calcite-action>${Object.entries(l).map(([c, a]) => i`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[c]}>${a.map((r) => i`<calcite-dropdown-item .iconStart=${s[r]} .selected=${r === this.layout ? !0 : void 0} @click=${() => {
+      this.switchLayout(r);
+    }}>${t[n[r]]}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}</calcite-dropdown>`;
   }
   _renderMenuBar() {
     const { messages: t } = this;
-    return i`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(s).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${l[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(a)} .text=${t[n[a]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
+    return i`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(l).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${s[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => {
+      this.switchLayout(a);
+    }} .text=${t[n[a]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
   }
   render() {
     const { appearance: t } = this, o = t === "menu-bar" ? this._renderMenuBar() : this._renderDropdown();
     return i`<div class="root">${o}</div>`;
   }
 }
-h("arcgis-link-chart-layout-switcher", b);
+h("arcgis-link-chart-layout-switcher", L);
 export {
-  b as ArcgisLinkChartLayoutSwitcher
+  L as ArcgisLinkChartLayoutSwitcher
 };

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

@@ -0,0 +1 @@
+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";

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

@@ -1,7 +1,8 @@
 /// <reference path="../../index.d.ts" />
-import type LinkChartView from "@arcgis/core/views/LinkChartView";
+import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { State, NonspatialMode } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -73,8 +74,4 @@ export abstract class ArcgisLinkChartNonspatialVisibilityToggle extends LitEleme
     arcgisPropertyChange: ArcgisLinkChartNonspatialVisibilityToggle["arcgisPropertyChange"]["detail"];
     arcgisReady: ArcgisLinkChartNonspatialVisibilityToggle["arcgisReady"]["detail"];
   };
-}
-
-export type State = "disabled" | "ready";
-
-export type NonspatialMode = "hidden" | "visible";
+}

package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/types.d.ts

@@ -0,0 +1,3 @@
+export type State = "disabled" | "ready";
+
+export type NonspatialMode = "hidden" | "visible";

package/dist/components/arcgis-locate/customElement.d.ts

@@ -13,8 +13,17 @@ import type { Button as Button } from "@esri/calcite-components/components/calci
  * The Locate component animates the Map or Scene to the user's current location.
  *
  * This component uses the browser's [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API) which is only available in [secure contexts](https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts), such as HTTPS.
- * Note that localhost is considered "potentially secure" and can be used for easy testing in browsers that support
- * [Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/isSecureContext#browser_compatibility).
+ * `localhost` is considered "potentially secure" and can be used for testing.
+ *
+ * > [!WARNING]
+ * >
+ * > **Note**
+ * >
+ * > To avoid unexpected navigation, especially when using custom spatial references, configure the view [constraints](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#constraints)
+ * > such as `extent`, `minZoom`, and `maxZoom`.
+ * > This helps when the geolocated position is inaccurate or causes the map to navigate
+ * > to a location that is no longer visible because it is outside of
+ * > a layer's `fullExtent`.
  *
  * @since 4.28
  */