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

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

@@ -1,15 +1,15 @@
 /// <reference path="../../index.d.ts" />
 import type MapView from "@arcgis/core/views/MapView.js";
 import type Collection from "@arcgis/core/core/Collection.js";
-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 Ground from "@arcgis/core/Ground";
-import type GamepadSettings from "@arcgis/core/views/input/gamepad/GamepadSettings";
-import type Basemap from "@arcgis/core/Basemap";
+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 Ground from "@arcgis/core/Ground.js";
+import type GamepadSettings from "@arcgis/core/views/input/gamepad/GamepadSettings.js";
+import type Basemap from "@arcgis/core/Basemap.js";
+import type Map from "@arcgis/core/Map.js";
 import type LayerView from "@arcgis/core/views/layers/LayerView.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";
@@ -18,9 +18,9 @@ import type Graphic from "@arcgis/core/Graphic.js";
 import type HighlightOptions from "@arcgis/core/views/support/HighlightOptions.js";
 import type IPSInfo from "@arcgis/core/webdoc/IPSInfo.js";
 import type Magnifier from "@arcgis/core/views/Magnifier.js";
-import type Map2 from "@arcgis/core/Map.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";
@@ -28,15 +28,15 @@ import type Polygon from "@arcgis/core/geometry/Polygon.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 { LayerView2DFor } from "@arcgis/core/views/2d/types";
-import type { DoubleClickEvent, DoubleTapDragEvent, VerticalTwoFingerDragEvent, PointerUpEvent, PointerMoveEvent, PointerLeaveEvent, PointerEnterEvent, PointerDownEvent, ViewMouseWheelEvent, LayerViewDestroyEvent, LayerViewCreateErrorEvent, LayerViewCreateEvent, KeyUpEvent, KeyDownEvent, ImmediateDoubleClickEvent, ImmediateClickEvent, HoldEvent, DragEvent, ClickEvent } from "@arcgis/core/views/input/types";
-import type { AnalysisViewDestroyEvent, AnalysisViewCreateErrorEvent, AnalysisViewCreateEvent, ToScreenOptions2D, Screenshot, UserSettings, ViewHitTestResult, HitTestOptions, 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 { LayerView2DFor, ResizeAlign } from "@arcgis/core/views/2d/types.js";
+import type { DoubleClickEvent, DoubleTapDragEvent, VerticalTwoFingerDragEvent, PointerUpEvent, PointerMoveEvent, PointerLeaveEvent, PointerEnterEvent, PointerDownEvent, ViewMouseWheelEvent, LayerViewDestroyEvent, LayerViewCreateErrorEvent, LayerViewCreateEvent, KeyUpEvent, KeyDownEvent, ImmediateDoubleClickEvent, ImmediateClickEvent, HoldEvent, DragEvent, ClickEvent } from "@arcgis/core/views/input/types.js";
+import type { AnalysisViewDestroyEvent, AnalysisViewCreateErrorEvent, AnalysisViewCreateEvent, ToScreenOptions2D, Screenshot, UserSettings, ViewHitTestResult, HitTestOptions, GoToOptions2D, GoToTarget2D } from "@arcgis/core/views/types.js";
+import type { AnalysisView2DUnion } from "@arcgis/core/views/2d/analysis/types.js";
+import type { ScreenPoint, ScreenRect } 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";
 
 /**
  * The ArcGIS Map component is used to add 2D maps to web applications. For 3D maps, use the
@@ -114,6 +114,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 map. 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.
@@ -145,13 +147,13 @@ export abstract class ArcgisMap 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,
@@ -298,12 +300,13 @@ export abstract class ArcgisMap extends LitElement {
   get center(): MapView["center"];
   set center(value: MapView["center"] | null | undefined | number[] | string);
   /**
-   * Specifies constraints to scale, zoom, and rotation that may be applied to the map.
+   * Specifies constraints to scale, zoom, and rotation that may be applied to the Map.
    *
+   * @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,
@@ -314,9 +317,9 @@ export abstract class ArcgisMap 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 Map scale 1:1 while generating additional LODs for the constraints.
    * const spatialReference = new SpatialReference({
    *   wkid: 2154
    * });
@@ -333,17 +336,16 @@ export abstract class ArcgisMap 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 arcgisMap = document.querySelector("arcgis-map");
+   * arcgisMap.spatialReference = spatialReference;
+   * arcgisMap.center = center;
+   * arcgisMap.scale = 1;
+   * arcgisMap.constraints = constraints;
    */
   accessor constraints: MapViewConstraints;
   /**
@@ -565,7 +567,7 @@ export abstract class ArcgisMap extends LitElement {
    */
   get magnifier(): Magnifier;
   /** An instance of a [Map](https://developers.arcgis.com/javascript/latest/references/core/Map/) object to display in the view. */
-  accessor map: Map2 | null | undefined;
+  accessor map: Map | null | undefined;
   /**
    * Indication whether the view is being navigated (for example when panning).
    *
@@ -729,6 +731,15 @@ export abstract class ArcgisMap extends LitElement {
    * the view, see this component's [goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#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;
+  /** @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 map.
    * You can change the spatialReference of the view after it is initialized by either directly changing
@@ -900,6 +911,7 @@ export abstract class ArcgisMap 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.
    *
@@ -908,44 +920,30 @@ export abstract class ArcgisMap extends LitElement {
    */
   goTo(target: GoToTarget2D, options?: GoToOptions2D): Promise<unknown>;
   /**
-   * Returns [hit test results](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#HitTestResult)
-   * from each layer that intersects the specified screen coordinates. The results are
-   * organized as an array of objects containing different [result types](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#HitTestResult).
-   *
-   * The following layer types will return all [features](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#GraphicHit) if a hit is
-   * made on intersecting features: [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/),
-   * [CatalogLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/CatalogLayer/),
-   * [CSVLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/CSVLayer/),
-   * [GeoJSONLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GeoJSONLayer/),
-   * [GeoRSSLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GeoRSSLayer/),
-   * [GraphicsLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GraphicsLayer/),
-   * [KMLLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/KMLLayer/),
-   * [MapNotesLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MapNotesLayer/),
-   * [OGCFeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/OGCFeatureLayer/),
-   * [StreamLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/StreamLayer/),
-   * [SubtypeSublayer](https://developers.arcgis.com/javascript/latest/references/core/layers/support/SubtypeSublayer/),
-   * [VectorTileLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VectorTileLayer/), and
-   * [WFSLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/WFSLayer/).
-   *
-   * The [ParquetLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ParquetLayer/) hit result returns only the topmost feature
-   * when the hit occurs on overlapping features in a ParquetLayer.
-   *
-   * The [VectorTileLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VectorTileLayer/) hit test result contains an array of objects containing
-   * a [graphic](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#GraphicHit).
-   * The graphic returns attributes of a style layer. In addition, the graphic's [origin](https://developers.arcgis.com/javascript/latest/references/core/Graphic/#origin)
-   * contains the style layer's [id](https://maplibre.org/maplibre-style-spec/layers/#id) and layer index within the [vector tile style](https://doc.arcgis.com/en/arcgis-online/reference/tile-layers.htm#ESRI_SECTION1_8F68399EB47B48FF9EF46719FCC96978).
-   * Spatial information about the actual feature represented in the style layer is returned only if the style layer is a [symbol layer](https://maplibre.org/maplibre-style-spec/layers/#symbol).
-   * Otherwise, the graphic's geometry is `null`.
-   *
-   * The [MediaLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MediaLayer/) hit test result contains all media elements if the hit is made on intersecting elements.
-   * The [RouteLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/RouteLayer/) hit test result contains all route elements if the hit is made on intersecting elements.
-   *
-   * If the [polygon](https://developers.arcgis.com/javascript/latest/references/core/geometry/Polygon/) feature's symbol
-   * [style](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleFillSymbol/#style) is set to `none`, the hitTest method will not
+   * Returns [hit test results](https://developers.arcgis.com/javascript/latest/references/core/views/types/#ViewHitTestResult) from each layer that intersects the specified screen point or screen rectangle.
+   * The results are organized as an array of objects containing different [ViewHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#ViewHit) result types such as  graphics, raster pixels, media elements, or routes.
+   *
+   * **2D hitTest() behavior by layer type**
+   * | Layer type | Hit test behavior |
+   * | :--- | :--- |
+   * | [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer), [CatalogFootprintLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/catalog/CatalogFootprintLayer), [CSVLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/CSVLayer), [GeoJSONLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GeoJSONLayer), [OGCFeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/OGCFeatureLayer), [OrientedImageryLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/OrientedImageryLayer), [StreamLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/StreamLayer), [SubtypeGroupLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/SubtypeGroupLayer), [WFSLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/WFSLayer) | Returns all intersecting [GraphicHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#GraphicHit) features at the hit location. |
+   * | [ParquetLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ParquetLayer) | Returns only the topmost [GraphicHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#GraphicHit) feature when the hit occurs on overlapping features. (as of version 4.34). |
+   * | [GeoRSSLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GeoRSSLayer), [GraphicsLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GraphicsLayer), [KMLLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/KMLLayer), [MapNotesLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MapNotesLayer) | Returns all intersecting [GraphicHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#GraphicHit) features at the hit location. |
+   * | [ImageryLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ImageryLayer),  [ImageryTileLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ImageryTileLayer)| Returns [RasterHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#RasterHit) result containing raster pixel value used in rendering and bandId info on intersecting pixels. The `screenRect` hitTarget is not supported for these layers. |
+   * | [VectorTileLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VectorTileLayer) | Returns a result for all intersecting [GraphicHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#GraphicHit) features containing attributes of style layers (as of version 4.29; in prior releases, only the topmost style layer result was returned). In addition, the graphic's [origin](https://developers.arcgis.com/javascript/latest/references/core/Graphic#origin) contains the style layer's [id](https://maplibre.org/maplibre-style-spec/layers/#id) and layer index within the [vector tile style](https://doc.arcgis.com/en/arcgis-online/reference/tile-layers.htm#ESRI_SECTION1_8F68399EB47B48FF9EF46719FCC96978). Spatial information about the actual feature represented in the style layer is returned only if the style layer is a [symbol layer](https://maplibre.org/maplibre-style-spec/layers/#symbol). Otherwise, the graphic's geometry is `null`. |
+   * | [MediaLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MediaLayer) | Returns [MediaHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#MediaHit) result containing all media elements if the hit is made on intersecting elements. |
+   * | [RouteLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/RouteLayer) | Returns [RouteHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#RouteHit) result containing all intersecting route elements if the hit is made on intersecting elements. |
+   *
+   * **Note:** If the [Polygon](https://developers.arcgis.com/javascript/latest/references/core/geometry/Polygon) feature's symbol [SimpleFillSymbol.style](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleFillSymbol#style) is set to "none", the hitTest method will not
    * return results when the fill is clicked. However, it will return results when the outline is clicked. To get results when clicking the fill, set the
-   * [color](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleFillSymbol/#color) to a transparent color instead.
+   * [SimpleFillSymbol.color](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleFillSymbol#color) to a transparent color instead.
+   *
+   * Release-specific changes:
+   * * At version 5.1, the [ScreenRect](https://developers.arcgis.com/javascript/latest/references/core/core/types/#ScreenRect) option was added to perform hit tests on rectangular areas.
+   * * At version 4.24, [ViewHitTestResult](https://developers.arcgis.com/javascript/latest/references/core/views/types/#ViewHitTestResult) returns an array of objects containing [GraphicHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#GraphicHit) graphic, [MediaHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#MediaHit) media element, and [RouteHit](https://developers.arcgis.com/javascript/latest/references/core/views/types/#RouteHit) route.
+   * * At version 4.23, all hit test features from feature layers are returned in the result. In prior releases, only the top most feature was returned.
    *
-   * @param screenPoint
+   * @param hitTarget
    * @param options
    * @example
    * ```js
@@ -977,7 +975,7 @@ export abstract class ArcgisMap extends LitElement {
    * });
    * ```
    */
-  hitTest(screenPoint: MouseEvent | ScreenPoint, options?: HitTestOptions): Promise<ViewHitTestResult>;
+  hitTest(hitTarget: MouseEvent | ScreenPoint | ScreenRect, options?: HitTestOptions): Promise<ViewHitTestResult>;
   /**
    * Opens the popup at the given location with content defined either explicitly with content or driven
    * from the PopupTemplate of input features.
@@ -1092,11 +1090,15 @@ export abstract class ArcgisMap extends LitElement {
    * [viewpoint](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#viewpoint), or [stationary](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#stationary).
    * It reflects user interactions (e.g. panning or zooming) or programmatic updates to the view.
    *
+   * > The `arcgisViewChange` event may be emitted before the view is fully ready.
+   * > This means the event can fire before the component's `stationary` property is `true` or before the view has completed its initial setup.
+   * > For actions that require the view to be ready and stationary, combine this event with checks on the component's `stationary` and `ready` properties.
+   *
    * @example
    * ```js
    * // get the number of features in a layer view whenever the view becomes stationary
    * viewElement.addEventListener("arcgisViewChange", async (event) =>{
-   *   if (viewElement.stationary) {
+   *   if (viewElement.ready && viewElement.stationary) {
    *     // Returns number of features available for drawing in a given layer view
    *     const count = await layerView.queryFeatureCount({
    *       geometry: viewElement.extent

package/dist/components/arcgis-map/customElement.js

@@ -1,18 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c } from "../../chunks/runtime.js";
+import { c as l } from "../../chunks/runtime.js";
 import { html as a } from "lit";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
-import l from "@arcgis/core/views/MapView.js";
+import c from "@arcgis/core/views/MapView.js";
 import v from "@arcgis/core/WebMap.js";
-import { LitElement as m, createEvent as r, safeClassMap as n } from "@arcgis/lumina";
-import { makeAccessorController as p, reEmitEvent as e, reCreateAccessor as u } from "@arcgis/lumina/controllers/accessor";
-import { createRef as o, ref as h } from "lit/directives/ref.js";
+import { LitElement as m, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
+import { reEmitEvent as e, reCreateAccessor as u, makeAccessorController as p } from "@arcgis/lumina/controllers/accessor";
+import { createRef as n, ref as h } from "lit/directives/ref.js";
 import { s as g } from "../../chunks/esri-main.js";
-import { s as d, C as w } from "../../chunks/slots.js";
+import { s as d } from "../../chunks/slots.js";
+import { C as w } from "../../chunks/resources.js";
 import { p as y, i as f } from "../../chunks/component-utils.js";
-import { U as b, u as V, a as C } from "../../chunks/useArcgisViewReadyError.js";
-import E from "@arcgis/core/core/Collection.js";
-const A = p(
+import { U as b, P as V, u as C, a as E } from "../../chunks/useArcgisViewReadyError.js";
+import A from "@arcgis/core/core/Collection.js";
+const _ = p(
   v,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -23,15 +24,15 @@ const A = p(
    * in an externalized package.
    */
   {}
-), _ = p(l, {});
-class R extends m {
+), R = p(c, {});
+class D extends m {
   constructor() {
-    super(), this._containerRef = o(), this._mapRef = o(), this._uiController = new b(this), this.extraContent = new E(), this.arcgisLoadError = V(this), this.arcgisViewReadyError = C(this), this._map = A(this), this.view = _(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.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.ipsInfo = this._map.ipsInfo, 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.spatialReferenceLocked = this.view.spatialReferenceLocked, 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.visibleArea = this.view.visibleArea, 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 = r(), 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 = r(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._containerRef = n(), this._mapRef = n(), this._uiController = new b(this), this._popupFocusController = new V(this), this.extraContent = new A(), this.arcgisLoadError = C(this), this.arcgisViewReadyError = E(this), this._map = _(this), this.view = R(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.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.ipsInfo = this._map.ipsInfo, 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.spatialReferenceLocked = this.view.spatialReferenceLocked, 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.visibleArea = this.view.visibleArea, 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 = r(), 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 = r(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
       components: []
     };
   }
   static {
-    this.properties = { _map: 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, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, hideAttribution: 5, highlights: 0, interacting: 32, ipsInfo: 0, itemId: 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, spatialReferenceLocked: 5, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
+    this.properties = { _map: 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, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, hideAttribution: 5, highlights: 0, interacting: 32, ipsInfo: 0, itemId: 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, selectionManager: 32, slotGroupRefs: 32, spatialReference: 0, spatialReferenceLocked: 5, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
     this.styles = [g, d];
@@ -115,6 +116,9 @@ class R extends m {
   async closePopup() {
     this._uiController.closePopup();
   }
+  async focusPopup() {
+    this._popupFocusController.focusPopup();
+  }
   async destroy() {
     await this.manager.destroy();
   }
@@ -164,22 +168,17 @@ class R extends m {
       s(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
       s(() => 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
-      s(() => this.view.ready, () => {
-        this.view.notifyChange("attributionHeight");
-      })
+      }, { initial: !0 })
     ]);
   }
   renderMain() {
-    return a`<div class=${n(w.base)} ${h(this._mapRef)}></div>`;
+    return a`<div class=${o(w.base)} ${h(this._mapRef)}></div>`;
   }
   render() {
-    return a`${this.renderMain()}<section class=${n(w.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`;
+    return a`${this.renderMain()}<section class=${o(w.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`;
   }
 }
-c("arcgis-map", R);
+l("arcgis-map", D);
 export {
-  R as ArcgisMap
+  D as ArcgisMap
 };

package/dist/components/arcgis-measurement-content/customElement.js

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as n } from "../../chunks/runtime.js";
+import { c as r } from "../../chunks/runtime.js";
 import { css as s, html as e } from "lit";
 import { ref as l } from "lit/directives/ref.js";
 import c from "@arcgis/core/applications/Components/QuantityFormatter.js";
-import { LitElement as o, safeClassMap as i, nothing as g } from "@arcgis/lumina";
+import { LitElement as o, safeClassMap as n } from "@arcgis/lumina";
 import { generateGuid as u } from "@arcgis/toolkit/string";
-import { f as m } from "../../chunks/measurementUtils.js";
-const p = s`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host,.hint,.error,.section,.actions,.item{display:flex;flex-direction:column;gap:var(--arcgis-internal-panel-gap);animation:esri-fade-in .25s ease-in-out}.error{color:var(--calcite-color-status-danger)}.error,.hint{overflow:hidden;p{margin:0;padding:0}}.results-grid{display:grid;gap:var(--calcite-spacing-md);column-gap:var(--calcite-spacing-xxl);grid-template-columns:1fr max-content;&.vertical{display:flex;flex-direction:column;align-items:flex-start;.item{display:block}.title{margin-bottom:var(--calcite-spacing-xxs)}.value{align-self:flex-start}}}.item{display:contents;&.disabled>*{color:var(--calcite-color-text-1);opacity:var(--calcite-opacity-light)}}.title{grid-column:1;word-break:break-word;--calcite-label-margin-bottom: 0}.value{grid-column:2;font-weight:var(--calcite-font-weight-semibold);white-space:nowrap;align-self:center;justify-self:flex-end}.actions{justify-content:center;gap:var(--arcgis-internal-panel-actions-gap);&[hidden]{display:none}}`;
-class d extends o {
+import { f as g } from "../../chunks/measurementUtils.js";
+const p = s`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host,.hint,.error,.section,.actions,.item{display:flex;flex-direction:column;gap:var(--arcgis-internal-panel-gap);animation:esri-fade-in .25s ease-in-out}.error{color:var(--calcite-color-status-danger)}.error,.hint{overflow:hidden;p{margin:0;padding:0}}.results-grid{display:grid;column-gap:var(--calcite-spacing-xxs);row-gap:var(--calcite-spacing-md);grid-template-columns:1fr max-content max-content;&.vertical{display:flex;flex-direction:column;align-items:flex-start;.item{display:block}.title{margin-bottom:var(--calcite-spacing-xxs)}.value{align-self:flex-start}}}.item{display:contents;&.disabled>*{color:var(--calcite-color-text-1);opacity:var(--calcite-opacity-light)}}.title{grid-column:1;word-break:break-word;--calcite-label-margin-bottom: 0}.value{grid-column:2;font-weight:var(--calcite-font-weight-semibold);white-space:nowrap;align-self:center;justify-self:flex-end;font-variant-numeric:tabular-nums;&:has(~:empty){grid-column:span 2}~:empty{display:none}}.unit{font-weight:var(--calcite-font-weight-semibold);text-align:left}.actions{justify-content:center;gap:var(--arcgis-internal-panel-actions-gap);&[hidden]{display:none}}`;
+class m extends o {
   constructor() {
     super(...arguments), this._formatter = new c(), this._baseId = u(), this._hasActionsContent = !1, this.layout = "horizontal", this.items = [], this.state = "disabled", this.unsupportedLabel = "";
   }
@@ -35,7 +35,7 @@ class d extends o {
       case "ready":
         return this._renderActions();
       default:
-        return e`<slot name=settings></slot>${h({ idBase: this._baseId, formatter: this._formatter, items: this.items, layout: this.layout })}${this._renderActions()}`;
+        return e`<slot name=settings></slot>${d({ idBase: this._baseId, formatter: this._formatter, items: this.items, layout: this.layout })}${this._renderActions()}`;
     }
   }
   _renderActions() {
@@ -44,20 +44,24 @@ class d extends o {
     }} ${l(this._actionsRef)}></slot></div>`;
   }
 }
-function h(t) {
-  return e`<section class=${i({
+function d(t) {
+  return e`<section class=${n({
     "results-grid": !0,
     vertical: t.layout === "vertical"
-  })}>${t.items.map((a, r) => v({ formatter: t.formatter, measurement: a.measurement, title: a.title, valueId: `${t.idBase}-item-${r}` }))}</section>`;
+  })}>${t.items.map((a, i) => v({ formatter: t.formatter, measurement: a.measurement, title: a.title, valueId: `${t.idBase}-item-${i}` }))}</section>`;
+}
+function h(t) {
+  const [a = "-", i = ""] = t.value?.split(" ") ?? [];
+  return e`<output aria-live=polite class="value">${a}</output><span class="unit">${i}</span>`;
 }
 function v(t) {
-  const a = t.measurement.state === "available" ? m(t.formatter, t.measurement.value) : null;
-  return e`<div class=${i({
+  const a = t.measurement.state === "available" ? g(t.formatter, t.measurement.value) : null;
+  return e`<div class=${n({
     item: !0,
     disabled: t.measurement.state !== "available"
-  })}><calcite-label layout=inline class="title" .for=${t.valueId}>${t.title ?? ""}</calcite-label><output id=${t.valueId ?? g} aria-live=polite class="value">${a ?? "-"}</output></div>`;
+  })}><calcite-label layout=inline class="title" .for=${t.valueId}>${t.title ?? ""}</calcite-label>${h({ value: a })}</div>`;
 }
-n("arcgis-measurement-content", d);
+r("arcgis-measurement-content", m);
 export {
-  d as ArcgisMeasurementContent
+  m as ArcgisMeasurementContent
 };

package/dist/components/arcgis-multi-feature-form/customElement.d.ts

@@ -1,18 +1,16 @@
 /// <reference path="../../index.d.ts" />
-import type Graphic from "@arcgis/core/Graphic";
-import type MapView from "@arcgis/core/views/MapView";
-import type SceneView from "@arcgis/core/views/SceneView";
+import type Graphic from "@arcgis/core/Graphic.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
 import type Collection from "@arcgis/core/core/Collection.js";
-import type Graphic2 from "@arcgis/core/Graphic.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
-import type { ValueChangeEvent } from "@arcgis/core/widgets/BatchAttributeForm/types";
+import type { ValueChangeEvent, BatchAttributeFormState } from "@arcgis/core/widgets/BatchAttributeForm/types.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
-import type { SubmitEvent } from "@arcgis/core/widgets/FeatureForm/FeatureFormViewModel";
-import type { UIPosition } from "@arcgis/core/views/ui/types";
+import type { SubmitEvent } from "@arcgis/core/widgets/FeatureForm/FeatureFormViewModel.js";
+import type { UIPosition } from "@arcgis/core/views/ui/types.js";
 import type { EditType } from "@arcgis/core/widgets/support/forms/types.js";
 import type { HeadingLevel } from "@arcgis/core/widgets/support/types.js";
-import type { BatchAttributeFormState } from "@arcgis/core/widgets/BatchAttributeForm/types.js";
 
 /**
  * The Multi Feature Form component provides a Feature Form which works with
@@ -36,7 +34,7 @@ export abstract class ArcgisMultiFeatureForm extends LitElement {
   /** @default false */
   accessor disabled: boolean;
   accessor editType: EditType;
-  accessor features: Collection<Graphic2>;
+  accessor features: Collection<Graphic>;
   accessor groupDisplay: "all" | "sequential";
   /** @default false */
   accessor hasTooManyComplexFeatures: boolean;

package/dist/components/arcgis-navigation-toggle/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../../index.d.ts" />
-import type SceneView from "@arcgis/core/views/SceneView";
+import type SceneView from "@arcgis/core/views/SceneView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
 import type { NavigationToggleState } from "./types.js";

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
-import { when as c } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as g, createEvent as h, safeClassMap as p, nothing as r } from "@arcgis/lumina";
+import { when as s } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as g, createEvent as h, nothing as r, safeClassMap as p } from "@arcgis/lumina";
 import { usePropertyChange as u } from "@arcgis/lumina/controllers";
 import { css as v, html as m } from "lit";
 import { u as f } from "../../chunks/useT9n.js";
 import { u as b } from "../../chunks/useView.js";
 import { g as y } from "../../chunks/globalCss.js";
-const M = v`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{display:flex;inline-size:fit-content;block-size:fit-content}.root{--calcite-internal-action-bar-padding: 0;--calcite-internal-action-bar-gap: 0;--calcite-action-corner-radius: 0}`, e = {
+const M = v`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{display:flex;inline-size:fit-content;block-size:fit-content}.root{--calcite-internal-action-bar-padding: 0;--calcite-internal-action-bar-gap: 0;--calcite-action-corner-radius: 0}`, i = {
   pan: "move",
   rotate: "rotate"
 };
 class $ extends g {
   constructor() {
-    super(...arguments), this._messages = f(), this._state = "disabled", this.autoDestroyDisabled = !1, this.view = b(this), this.icon = e.pan, this.layout = "vertical", this.navigationMode = "pan", this.visualScale = "m", this.arcgisPropertyChange = u()("layout", "state"), this.arcgisReady = h();
+    super(...arguments), this._messages = f(), this._state = "disabled", this.autoDestroyDisabled = !1, this.view = b(this), this.icon = i.pan, this.layout = "vertical", this.navigationMode = "pan", this.visualScale = "m", this.arcgisPropertyChange = u()("layout", "state"), this.arcgisReady = h();
   }
   static {
     this.properties = { _state: 16, autoDestroyDisabled: 5, view: 0, icon: 1, label: 1, layout: 3, messageOverrides: 0, navigationMode: 3, referenceElement: 1, state: 35, visualScale: 1 };
@@ -32,8 +32,8 @@ class $ extends g {
   }
   load() {
     this.manager.onLifecycle(() => [
-      c(() => this.view?.navigation?.actionMap, () => this._updateNavigationActionMap()),
-      c(() => {
+      s(() => this.view?.navigation?.actionMap, () => this._updateNavigationActionMap()),
+      s(() => {
         const { view: t } = this;
         return t?.ready && t?.type === "3d" ? "ready" : "disabled";
       }, (t) => {
@@ -58,8 +58,8 @@ class $ extends g {
     t.dragPrimary = a ? "pan" : "rotate", t.dragSecondary = a ? "rotate" : "pan";
   }
   render() {
-    const { _messages: t, navigationMode: a, state: l } = this, o = t.pan ?? "", n = t.rotate ?? "", i = l === "disabled", s = a === "pan";
-    return m`<calcite-action-bar class=${p({ root: !0, [y.disabled]: i })} expand-disabled .layout=${this.layout}><calcite-action .active=${s} .disabled=${i} .icon=${e.pan} @click=${this._onPanClick} .scale=${this.visualScale} .text=${o} title=${o ?? r}></calcite-action><calcite-action .active=${!s} .disabled=${i} .icon=${e.rotate} @click=${this._onRotateClick} .scale=${this.visualScale} .text=${n} title=${n ?? r}></calcite-action></calcite-action-bar>`;
+    const { _messages: t, navigationMode: a, state: l } = this, o = t.pan ?? "", n = t.rotate ?? "", e = l === "disabled", c = a === "pan";
+    return m`<calcite-action-bar class=${p({ root: !0, [y.disabled]: e })} expand-disabled .layout=${this.layout}><calcite-action .active=${c} .disabled=${e} .icon=${i.pan} @click=${this._onPanClick} .scale=${this.visualScale} .text=${o} title=${o ?? r}></calcite-action><calcite-action .active=${!c} .disabled=${e} .icon=${i.rotate} @click=${this._onRotateClick} .scale=${this.visualScale} .text=${n} title=${n ?? r}></calcite-action></calcite-action-bar>`;
   }
 }
 d("arcgis-navigation-toggle", $);