@arcgis/map-components 5.2.0-next.124 → 5.2.0-next.126

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

@@ -3,22 +3,22 @@ import { c as C } from "../../chunks/runtime.js";
 import { watch as h } 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 c, safeClassMap as w } from "@arcgis/lumina";
+import { LitElement as V, createEvent as p, safeClassMap as w } from "@arcgis/lumina";
 import { reEmitEvent as e } from "@arcgis/lumina-toolkit/reEmitEvent";
 import { makeAccessorController as f, reCreateAccessor as A } from "@arcgis/lumina-toolkit/useAccessor";
-import { createRef as m, ref as v } from "lit/directives/ref.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 { b as L, c as M, p as k, i as R } from "../../chunks/component-utils.js";
-import { U, u as D, a as x, b as Q } from "../../chunks/useArcgisViewReadyError.js";
-import { fetchKnowledgeGraph as P } from "@arcgis/core/rest/knowledgeGraphService.js";
-import z 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";
+import { createRef as u, ref as v } from "lit/directives/ref.js";
+import { s as E } from "../../chunks/esri-main.js";
+import { s as I } from "../../chunks/slots.js";
+import { C as m } from "../../chunks/resources.js";
+import { b as L, c as R, p as M, i as k } from "../../chunks/component-utils.js";
+import { U, F as D, u as P, a as x, b as Q } from "../../chunks/selectionOverlayPopupController.js";
+import { fetchKnowledgeGraph as z } from "@arcgis/core/rest/knowledgeGraphService.js";
+import F 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 { html as y } from "lit";
 import Z from "@arcgis/core/layers/LinkChartLayer.js";
-const F = f(
+const S = f(
   b,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -30,17 +30,17 @@ const F = f(
    */
   {}
 ), G = f(_, {});
-class S extends V {
+class O extends V {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = m(), this._mapRef = m(), this._uiController = new U(this), this._activeLoadAbortController = null, this.arcgisLoadError = D(this), this.arcgisViewReadyError = x(this), this._map = F(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = G(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, 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.options = this.view.options, 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.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"), Q(this), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = u(), this._mapRef = u(), this._uiController = new U(this), this._focusRegionPopupController = new D(this), this._activeLoadAbortController = null, this.arcgisLoadError = P(this), this.arcgisViewReadyError = x(this), this._map = S(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = G(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, 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.options = this.view.options, 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.focusRegionEnabled = this.view.focusRegionEnabled, 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.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.arcgisViewFocusRegionSelect = e(() => this.view, "focus-region-select"), 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"), Q(this), 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, options: 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: 32, 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, options: 0, padding: 0, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, ready: 36, resizeAlign: 1, resolution: 40, rotation: 9, selectionManager: 32, focusRegionEnabled: 5, focusRegion: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewpoint: 0, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [I, E];
+    this.styles = [E, I];
   }
   get aria() {
     return this.view?.aria;
@@ -63,8 +63,8 @@ class S extends V {
   set center(i) {
     if (L(i, this._center))
       return;
-    this._center = M(i);
-    const t = k(i, this.view);
+    this._center = R(i);
+    const t = M(i, this.view);
     t && (this.view.center = t);
   }
   get extent() {
@@ -115,6 +115,9 @@ class S extends V {
   get popupElement() {
     return this._uiController.popupElement || null;
   }
+  get focusRegion() {
+    return this.view.focusRegion;
+  }
   get scale() {
     return this.view.scale;
   }
@@ -131,7 +134,7 @@ class S extends V {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    R(this.viewpoint, i) && (this.view.viewpoint = i);
+    k(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -140,7 +143,7 @@ class S extends V {
     this.view.zoom = i;
   }
   async closePopup() {
-    this._uiController.closePopup();
+    this._focusRegionPopupController.abort(), this._uiController.closePopup();
   }
   async destroy() {
     await this.manager.destroy();
@@ -152,7 +155,7 @@ class S extends V {
     return await this.view.goTo(i, t);
   }
   async openPopup(i) {
-    this._uiController.openPopup(i);
+    await this._uiController.openPopup(i);
   }
   toMap(i) {
     return this.view.toMap(i);
@@ -198,24 +201,24 @@ class S extends V {
               signal: a?.signal
             });
             try {
-              d(a.signal), n.add(o), this._setLinkChartAndZoom(n);
-            } catch (p) {
-              if (!g(p))
-                throw p;
+              g(a.signal), n.add(o), this._setLinkChartAndZoom(n);
+            } catch (c) {
+              if (!d(c))
+                throw c;
             }
           });
         } else if (this._baseCypherQuery && this._serviceUrl) {
           const a = t();
           s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
-            s.WebLinkChart.fromCypherQuery(l, new z({
+            s.WebLinkChart.fromCypherQuery(l, new F({
               openCypherQuery: this._baseCypherQuery
             }), void 0, {
               signal: a?.signal
             }).then(async (n) => {
               try {
-                d(a.signal), this._setLinkChartAndZoom(n);
+                g(a.signal), this._setLinkChartAndZoom(n);
               } catch (o) {
-                if (!g(o))
+                if (!d(o))
                   throw o;
               }
             });
@@ -242,14 +245,14 @@ class S extends V {
     });
   }
   renderMain() {
-    return y`<div class=${w(u.base)} ${v(this._mapRef)}></div>`;
+    return y`<div class=${w(m.base)} ${v(this._mapRef)}></div>`;
   }
   render() {
-    return y`${this.renderMain()}<section class=${w(u.containerUI)} ${v(this._containerRef)}>${this._uiController.render()}</section>`;
+    return y`${this.renderMain()}<section class=${w(m.containerUI)} ${v(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
 const s = {
-  fetchKnowledgeGraph: async (r) => await P(r),
+  fetchKnowledgeGraph: async (r) => await z(r),
   WebLinkChart: b,
   LinkChartLayer: Z,
   setMap: (r, i) => {
@@ -266,8 +269,8 @@ const s = {
   },
   reCreateAccessor: A
 };
-C("arcgis-link-chart", S);
+C("arcgis-link-chart", O);
 export {
-  S as ArcgisLinkChart,
+  O as ArcgisLinkChart,
   s as exportsForTests
 };

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

@@ -30,7 +30,7 @@ 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, 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 { DoubleClickEvent, DoubleTapDragEvent, FocusRegionSelectEvent, 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";
@@ -449,6 +449,19 @@ export abstract class ArcgisMap extends LitElement {
    * It can filter the map display on floor-aware layers by zero or more level IDs.
    */
   accessor floors: Collection<string>;
+  /**
+   * The screen rectangle of the active focus region, or `null` when disabled.
+   *
+   * @since 5.2
+   */
+  get focusRegion(): MapView["focusRegion"];
+  /**
+   * Indicates whether the focus region is enabled.
+   *
+   * @default false
+   * @since 5.2
+   */
+  accessor focusRegionEnabled: boolean;
   /** Gamepad input specific configuration settings. */
   get gamepad(): GamepadSettings;
   /**
@@ -1293,6 +1306,12 @@ export abstract class ArcgisMap extends LitElement {
   readonly arcgisViewDoubleTapDrag: import("@arcgis/lumina").TargetedEvent<this, DoubleTapDragEvent>;
   /** Fires during a pointer drag on the view. */
   readonly arcgisViewDrag: import("@arcgis/lumina").TargetedEvent<this, DragEvent>;
+  /**
+   * Fires when the focus region is selected. Call `event.detail.preventDefault()` to suppress the default popup.
+   *
+   * @since 5.2
+   */
+  readonly arcgisViewFocusRegionSelect: import("@arcgis/lumina").TargetedEvent<this, FocusRegionSelectEvent>;
   /** Fires after holding either a mouse button or a single finger on the view for a short amount of time. */
   readonly arcgisViewHold: import("@arcgis/lumina").TargetedEvent<this, HoldEvent>;
   /**
@@ -1424,6 +1443,7 @@ export abstract class ArcgisMap extends LitElement {
     arcgisViewDoubleClick: ArcgisMap["arcgisViewDoubleClick"]["detail"];
     arcgisViewDoubleTapDrag: ArcgisMap["arcgisViewDoubleTapDrag"]["detail"];
     arcgisViewDrag: ArcgisMap["arcgisViewDrag"]["detail"];
+    arcgisViewFocusRegionSelect: ArcgisMap["arcgisViewFocusRegionSelect"]["detail"];
     arcgisViewHold: ArcgisMap["arcgisViewHold"]["detail"];
     arcgisViewImmediateClick: ArcgisMap["arcgisViewImmediateClick"]["detail"];
     arcgisViewImmediateDoubleClick: ArcgisMap["arcgisViewImmediateDoubleClick"]["detail"];

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

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c } from "../../chunks/runtime.js";
+import { c as p } from "../../chunks/runtime.js";
 import { html as r } from "lit";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import l from "@arcgis/core/views/MapView.js";
-import v from "@arcgis/core/WebMap.js";
-import { LitElement as m, createEvent as a, safeClassMap as o } from "@arcgis/lumina";
+import u from "@arcgis/core/WebMap.js";
+import { LitElement as v, createEvent as a, safeClassMap as o } from "@arcgis/lumina";
 import { reEmitEvent as e } from "@arcgis/lumina-toolkit/reEmitEvent";
-import { makeAccessorController as p, reCreateAccessor as u } from "@arcgis/lumina-toolkit/useAccessor";
+import { makeAccessorController as c, reCreateAccessor as m } from "@arcgis/lumina-toolkit/useAccessor";
 import { createRef as n, ref as h } from "lit/directives/ref.js";
-import { U as g, u as d, a as y, b as f } from "../../chunks/useArcgisViewReadyError.js";
-import { s as b } from "../../chunks/esri-main.js";
-import { s as V } from "../../chunks/slots.js";
+import { U as g, F as d, u as y, a as f, b } from "../../chunks/selectionOverlayPopupController.js";
+import { s as V } from "../../chunks/esri-main.js";
+import { s as C } from "../../chunks/slots.js";
 import { C as w } from "../../chunks/resources.js";
-import { b as C, c as E, p as _, i as A } from "../../chunks/component-utils.js";
-import R from "@arcgis/core/core/Collection.js";
-const M = p(
-  v,
+import { b as E, c as R, p as _, i as A } from "../../chunks/component-utils.js";
+import M from "@arcgis/core/core/Collection.js";
+const D = c(
+  u,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
    * a hack to remove them from the runtime code. This argument is not used at
@@ -25,18 +25,18 @@ const M = p(
    * in an externalized package.
    */
   {}
-), D = p(l, {});
-class k extends m {
+), k = c(l, {});
+class I extends v {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new g(this), this.extraContent = new R(), this.arcgisLoadError = d(this), this.arcgisViewReadyError = y(this), this._map = M(this), this.view = D(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, 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.options = this.view.options, 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.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 = a(), 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 = a(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), f(this), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new g(this), this._focusRegionPopupController = new d(this), this.extraContent = new M(), this.arcgisLoadError = y(this), this.arcgisViewReadyError = f(this), this._map = D(this), this.view = k(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, 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.options = this.view.options, 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.focusRegionEnabled = this.view.focusRegionEnabled, 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.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 = a(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = e(() => this.view, "focus-region-select"), 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 = a(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), b(this), 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, options: 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: 32, 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, options: 0, padding: 0, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, ready: 36, resizeAlign: 1, resolution: 40, rotation: 9, scale: 9, selectionManager: 32, focusRegionEnabled: 5, focusRegion: 32, slotGroupRefs: 32, spatialReference: 0, spatialReferenceLocked: 5, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [b, V];
+    this.styles = [V, C];
   }
   get aria() {
     return this.view?.aria;
@@ -57,9 +57,9 @@ class k extends m {
     return this.view.center;
   }
   set center(i) {
-    if (C(i, this._center))
+    if (E(i, this._center))
       return;
-    this._center = E(i);
+    this._center = R(i);
     const t = _(i, this.view);
     t && (this.view.center = t);
   }
@@ -94,7 +94,7 @@ class k extends m {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    u(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    m(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
   }
   get navigating() {
     return this.view.navigating;
@@ -108,6 +108,9 @@ class k extends m {
   set scale(i) {
     this.view.scale = i;
   }
+  get focusRegion() {
+    return this.view.focusRegion;
+  }
   get stationary() {
     return this.view.stationary;
   }
@@ -127,7 +130,7 @@ class k extends m {
     this.view.zoom = i;
   }
   async closePopup() {
-    this._uiController.closePopup();
+    this._focusRegionPopupController.abort(), this._uiController.closePopup();
   }
   async destroy() {
     await this.manager.destroy();
@@ -142,7 +145,7 @@ class k extends m {
     return await this.view.hitTest(i, t);
   }
   async openPopup(i) {
-    this._uiController.openPopup(i);
+    await this._uiController.openPopup(i);
   }
   async takeScreenshot(i) {
     return await this.view.takeScreenshot(i);
@@ -191,7 +194,7 @@ class k extends m {
     return r`${this.renderMain()}<section class=${o(w.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`;
   }
 }
-c("arcgis-map", k);
+p("arcgis-map", I);
 export {
-  k as ArcgisMap
+  I as ArcgisMap
 };

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -9,7 +9,7 @@ import { m as c } from "../../chunks/useWidget.js";
 import { css as g } from "lit";
 import { s as m } from "../../chunks/esri-main.js";
 import { u as v } from "../../chunks/useLayerById.js";
-const h = g`:host{--esri-oriented-imagery-viewer-min-width: var(--arcgis-oriented-imagery-viewer-min-width, 288px);--esri-oriented-imagery-viewer-min-height: var(--arcgis-oriented-imagery-viewer-min-height, 348px);inline-size:100%;block-size:100%}.esri-image-viewer{width:100%;height:100%}.esri-image-viewer__slider-container{--calcite-block-padding: 0;box-sizing:border-box;box-shadow:none;padding-inline:var(--calcite-spacing-md);background-color:#0000;border:none;width:100%;margin:0;overflow:hidden}.esri-image-viewer__slider-container calcite-slider{width:100%}.esri-oriented-imagery-viewer{--esri-oriented-imagery-viewer-action-icon-size: 8px;--calcite-dialog-size-x: 210px;--calcite-dialog-min-size-y: 90px;--calcite-font-weight-medium: $font-weight;--calcite-font-size-0: $font-size;--calcite-icon-size: var(--esri-oriented-imagery-viewer-action-icon-size);box-sizing:border-box;z-index:1;width:100%;min-width:var(--esri-oriented-imagery-viewer-min-width);height:100%;min-height:var(--esri-oriented-imagery-viewer-min-height);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.esri-oriented-imagery-viewer:has(.esri-widget .esri-oriented-imagery-viewer__image-overlays-no-result){--esri-oriented-imagery-viewer-min-height: 420px}.esri-oriented-imagery-viewer__body{flex-direction:column;flex:1 0 auto;order:1;align-self:stretch;height:100%;display:flex}.esri-oriented-imagery-viewer__body-current-coverage{--calcite-icon-color: var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__body-additional-camera-locations{--calcite-icon-color: var(--calcite-color-brand)}.esri-oriented-imagery-viewer__body-additional-coverage{--calcite-icon-color: var(--calcite-color-status-info)}.esri-oriented-imagery-viewer__body-footprint{--calcite-icon-color: var(--calcite-color-status-success)}.esri-oriented-imagery-viewer__carousel{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__carousel-container{height:auto;display:inline-block;overflow:auto hidden}.esri-oriented-imagery-viewer__carousel header{--calcite-font-weight-medium: $font-weight--light;--calcite-font-size-0: $font-size--tiny}.esri-oriented-imagery-viewer__carousel-item{width:100px;height:70px}.esri-oriented-imagery-viewer__carousel-item-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-oriented-imagery-viewer__carousel-item-wrapper--selected{box-sizing:border-box;border:2px solid var(--calcite-color-brand);justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-oriented-imagery-viewer__carousel-content{display:flex}.esri-oriented-imagery-viewer__close{background:var(--calcite-color-foreground-1);flex-direction:row;flex-grow:0;order:7;justify-content:center;align-items:center;width:48px;height:59px;display:flex}.esri-oriented-imagery-viewer__image-enhancement-wrapper{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-enhancement-tools{display:flex}.esri-oriented-imagery-viewer__image-enhancement-tool-container{width:50%;margin-block:2px;padding-inline:.75rem}.esri-oriented-imagery-viewer__superimpose-tools{box-shadow:none;width:100%;height:auto;margin:0}.esri-oriented-imagery-viewer__superimpose-tools .esri-oriented-imagery-viewer__image-enhancement-tool-container{padding-block:var(--calcite-spacing-sm) var(--calcite-spacing-md);width:100%;margin-block:0}.esri-oriented-imagery-viewer__image-overlays{z-index:1;margin:auto 1% 0;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-layer-list,.esri-oriented-imagery-viewer__image-overlays-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-container{height:auto;display:flex}.esri-oriented-imagery-viewer__image-overlays-no-result{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:auto;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-no-result-layer-list,.esri-oriented-imagery-viewer__image-overlays-no-result-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-increased-height{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:200px;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-increased-height-layer-list,.esri-oriented-imagery-viewer__image-overlays-increased-height-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__measurement-results{width:auto;height:fit-content}.esri-oriented-imagery-viewer__measurements-table{margin-block-start:var(--calcite-spacing-sm)}.esri-oriented-imagery-viewer__measurements-bar{flex-wrap:nowrap;display:flex}.esri-oriented-imagery-viewer__measurements-button{display:flex}.esri-oriented-imagery-viewer__measurement-display{text-align:center;margin-block-end:var(--calcite-spacing-xxs)}.esri-oriented-imagery-viewer__viewer{cursor:url(data:text/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A);flex-grow:1;width:100%;margin:0;display:flex}.esri-oriented-imagery-viewer__viewer--hidden{display:none}.esri-oriented-imagery-viewer__viewer-container{border-top:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);border-radius:0 0 3px 3px;flex:1 0 auto;order:1;align-self:stretch;width:100%;height:100%;display:flex}.esri-oriented-imagery-viewer__alert{inset-block-end:var(--calcite-spacing-md);inset-inline:var(--calcite-spacing-md);position:absolute}.esri-oriented-imagery-viewer-container-measurement{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:0 0 var(--calcite-corner-radius-round) var(--calcite-corner-radius-round);background:var(--calcite-color-foreground-1);flex:1 0 auto;order:1;align-self:stretch;width:100%;height:50%;display:flex}@keyframes rotateOrientedImageryNavigationTool{0%{transform:rotate(var(--oi-navigation-tool-rotation-from, 0deg))}to{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}}.esri-oriented-imagery-viewer__navigation{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}.esri-oriented-imagery-viewer__navigation-animate{animation:.7s linear forwards rotateOrientedImageryNavigationTool}.esri-oriented-imagery-viewer__navigation-feature{fill:var(--calcite-color-brand);stroke:var(--calcite-color-foreground-1);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-feature.selected{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-feature-path{pointer-events:none}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-0{stop-color:var(--calcite-color-status-danger);stop-opacity:.4}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-1{stop-color:var(--calcite-color-status-danger);stop-opacity:.2}.esri-oriented-imagery-viewer__navigation-pointer{fill:var(--calcite-color-foreground-1);fill-rule:evenodd;stroke:#0000;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-width:0}.esri-oriented-imagery-viewer__navigation-pointer-north{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-wrapper{z-index:1;position:absolute;bottom:0;right:0;overflow:hidden}.esri-oriented-imagery-viewer__navigation-wrapper--video{inset-block-end:calc(var(--calcite-spacing-xxxl) * 3)}.esri-oriented-imagery-viewer__navigation-wrapper--zoomed{transform-origin:100% 100%;transform:scale(1.5)}.esri-oriented-imagery-viewer__navigation-wrapper-boundary{fill:var(--calcite-color-foreground-1);fill-opacity:.25;stroke:var(--calcite-color-border-2)}.esri-oriented-imagery-viewer__navigation-sector{fill:none}.esri-oriented-imagery-viewer__navigation-sector-separator{stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-cross{stroke:var(--calcite-color-status-danger);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-enabled{fill:var(--calcite-color-foreground-1);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-disabled{fill:var(--calcite-color-foreground-3);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-outer{fill:var(--calcite-color-foreground-1);fill-opacity:.4;stroke:none}.esri-oriented-imagery-viewer__pro .esri-oriented-imagery-viewer{width:100%;max-width:unset;height:100%;max-height:unset;position:static}.esri-oriented-imagery-viewer__sketch-tools{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.esri-oriented-imagery-viewer--notice{margin-block:auto}.esri-oriented-imagery-viewer__navigation-ui{box-sizing:border-box;transform-style:preserve-3d;z-index:var(--calcite-z-index-overlay);aspect-ratio:1;pointer-events:none;flex-direction:column;align-items:center;width:50%;max-width:330px;display:flex;position:absolute;inset-block-end:0;inset-inline:50%;overflow:hidden;translate:-50%}.esri-oriented-imagery-viewer__navigation-ui__direction{--esri-oriented-imagery-viewer__navigation-ui-direction-color: wheat;--calcite-icon-color: var(--esri-oriented-imagery-viewer__navigation-ui-direction-color);transform-origin:top;transform-style:preserve-3d;cursor:not-allowed;border:3px solid #bfc5cc;border-radius:50%;width:4.5em;height:4.5em;transition:border-color .15s;position:absolute}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]){cursor:pointer;pointer-events:auto}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]):hover{--calcite-icon-color: var(--calcite-color-brand);border-color:var(--calcite-color-brand)}.esri-oriented-imagery-viewer__navigation-ui__direction-pad{box-sizing:border-box;filter:drop-shadow(0 2px 1px #00000080);width:100%;height:100%;transform:perspective(400px) rotateX(60deg)}.esri-oriented-imagery-viewer__navigation-settings-ui [slot=content-bottom]{padding:.5rem;display:none}.esri-oriented-imagery-viewer__navigation-settings-ui [selected]>[slot=content-bottom]{display:block}.esri-panoramic-viewer{width:100%;height:100%;overflow-x:hidden}.esri-panoramic-viewer__slider-container{--calcite-block-padding: 0;box-sizing:border-box;box-shadow:none;padding-inline:var(--calcite-spacing-md);background-color:#0000;border:none;width:100%;margin:0;overflow:hidden}.esri-panoramic-viewer__slider-container calcite-slider{width:100%}`, w = c(n), y = "map-components:arcgis-oriented-imagery-viewer";
+const h = g`:host{--esri-oriented-imagery-viewer-min-width: var(--arcgis-oriented-imagery-viewer-min-width, 288px);--esri-oriented-imagery-viewer-min-height: var(--arcgis-oriented-imagery-viewer-min-height, 348px);inline-size:100%;block-size:100%}.esri-image-viewer{width:100%;height:100%}.esri-image-viewer__slider-container{--calcite-block-padding: 0;box-sizing:border-box;box-shadow:none;padding-inline:var(--calcite-spacing-md);background-color:#0000;border:none;width:100%;margin:0;overflow:hidden}.esri-image-viewer__slider-container calcite-slider{width:100%}.esri-oriented-imagery-viewer{--esri-oriented-imagery-viewer-action-icon-size: 8px;--calcite-dialog-size-x: 210px;--calcite-dialog-min-size-y: 90px;--calcite-font-weight-medium: $font-weight;--calcite-font-size-0: $font-size;--calcite-icon-size: var(--esri-oriented-imagery-viewer-action-icon-size);box-sizing:border-box;z-index:1;container-type:size;width:100%;min-width:var(--esri-oriented-imagery-viewer-min-width);height:100%;min-height:var(--esri-oriented-imagery-viewer-min-height);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.esri-oriented-imagery-viewer:has(.esri-widget .esri-oriented-imagery-viewer__image-overlays-no-result){--esri-oriented-imagery-viewer-min-height: 420px}.esri-oriented-imagery-viewer__body{flex-direction:column;flex:1 0 auto;order:1;align-self:stretch;height:100%;display:flex}.esri-oriented-imagery-viewer__body-current-coverage{--calcite-icon-color: var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__body-additional-camera-locations{--calcite-icon-color: var(--calcite-color-brand)}.esri-oriented-imagery-viewer__body-additional-coverage{--calcite-icon-color: var(--calcite-color-status-info)}.esri-oriented-imagery-viewer__body-footprint{--calcite-icon-color: var(--calcite-color-status-success)}.esri-oriented-imagery-viewer__carousel{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__carousel-container{height:auto;display:inline-block;overflow:auto hidden}.esri-oriented-imagery-viewer__carousel header{--calcite-font-weight-medium: $font-weight--light;--calcite-font-size-0: $font-size--tiny}.esri-oriented-imagery-viewer__carousel-item{width:100px;height:70px}.esri-oriented-imagery-viewer__carousel-item-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-oriented-imagery-viewer__carousel-item-wrapper--selected{box-sizing:border-box;border:2px solid var(--calcite-color-brand);justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-oriented-imagery-viewer__carousel-content{display:flex}.esri-oriented-imagery-viewer__close{background:var(--calcite-color-foreground-1);flex-direction:row;flex-grow:0;order:7;justify-content:center;align-items:center;width:48px;height:59px;display:flex}.esri-oriented-imagery-viewer__image-enhancement-wrapper{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-enhancement-tools{display:flex}.esri-oriented-imagery-viewer__image-enhancement-tool-container{width:50%;margin-block:2px;padding-inline:.75rem}.esri-oriented-imagery-viewer__superimpose-tools{box-shadow:none;width:100%;height:auto;margin:0}.esri-oriented-imagery-viewer__superimpose-tools .esri-oriented-imagery-viewer__image-enhancement-tool-container{padding-block:var(--calcite-spacing-sm) var(--calcite-spacing-md);width:100%;margin-block:0}.esri-oriented-imagery-viewer__image-overlays{z-index:1;margin:auto 1% 0;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-layer-list,.esri-oriented-imagery-viewer__image-overlays-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-container{height:auto;display:flex}.esri-oriented-imagery-viewer__image-overlays-no-result{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:auto;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-no-result-layer-list,.esri-oriented-imagery-viewer__image-overlays-no-result-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-increased-height{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:200px;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-increased-height-layer-list,.esri-oriented-imagery-viewer__image-overlays-increased-height-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__measurement-results{width:auto;height:fit-content}.esri-oriented-imagery-viewer__measurements-table{margin-block-start:var(--calcite-spacing-sm)}.esri-oriented-imagery-viewer__measurements-bar{flex-wrap:nowrap;display:flex}.esri-oriented-imagery-viewer__measurements-button{display:flex}.esri-oriented-imagery-viewer__measurement-display{text-align:center;margin-block-end:var(--calcite-spacing-xxs)}.esri-oriented-imagery-viewer__viewer{cursor:url(data:text/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A);flex-grow:1;width:100%;margin:0;display:flex}.esri-oriented-imagery-viewer__viewer--hidden{display:none}.esri-oriented-imagery-viewer__viewer-container{border-top:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);border-radius:0 0 3px 3px;flex:1 0 auto;order:1;align-self:stretch;width:100%;height:100%;display:flex}.esri-oriented-imagery-viewer__alert{inset-block-end:var(--calcite-spacing-md);inset-inline:var(--calcite-spacing-md);position:absolute}.esri-oriented-imagery-viewer__alert>[slot=message]{display:block}@container (width <= 386px) or (height <= 348px){.esri-oriented-imagery-viewer__alert>[slot=message]{display:none}}.esri-oriented-imagery-viewer-container-measurement{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:0 0 var(--calcite-corner-radius-round) var(--calcite-corner-radius-round);background:var(--calcite-color-foreground-1);flex:1 0 auto;order:1;align-self:stretch;width:100%;height:50%;display:flex}@keyframes rotateOrientedImageryNavigationTool{0%{transform:rotate(var(--oi-navigation-tool-rotation-from, 0deg))}to{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}}.esri-oriented-imagery-viewer__navigation{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}.esri-oriented-imagery-viewer__navigation-animate{animation:.7s linear forwards rotateOrientedImageryNavigationTool}.esri-oriented-imagery-viewer__navigation-feature{fill:var(--calcite-color-brand);stroke:var(--calcite-color-foreground-1);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-feature.selected{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-feature-path{pointer-events:none}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-0{stop-color:var(--calcite-color-status-danger);stop-opacity:.4}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-1{stop-color:var(--calcite-color-status-danger);stop-opacity:.2}.esri-oriented-imagery-viewer__navigation-pointer{fill:var(--calcite-color-foreground-1);fill-rule:evenodd;stroke:#0000;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-width:0}.esri-oriented-imagery-viewer__navigation-pointer-north{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-wrapper{z-index:1;position:absolute;bottom:0;right:0;overflow:hidden}.esri-oriented-imagery-viewer__navigation-wrapper--video{inset-block-end:calc(var(--calcite-spacing-xxxl) * 3)}.esri-oriented-imagery-viewer__navigation-wrapper--zoomed{transform-origin:100% 100%;transform:scale(1.5)}.esri-oriented-imagery-viewer__navigation-wrapper-boundary{fill:var(--calcite-color-foreground-1);fill-opacity:.25;stroke:var(--calcite-color-border-2)}.esri-oriented-imagery-viewer__navigation-sector{fill:none}.esri-oriented-imagery-viewer__navigation-sector-separator{stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-cross{stroke:var(--calcite-color-status-danger);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-enabled{fill:var(--calcite-color-foreground-1);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-disabled{fill:var(--calcite-color-foreground-3);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-outer{fill:var(--calcite-color-foreground-1);fill-opacity:.4;stroke:none}.esri-oriented-imagery-viewer__pro .esri-oriented-imagery-viewer{width:100%;max-width:unset;height:100%;max-height:unset;position:static}.esri-oriented-imagery-viewer__sketch-tools{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.esri-oriented-imagery-viewer--notice{margin-block:auto}.esri-oriented-imagery-viewer__navigation-ui{box-sizing:border-box;transform-style:preserve-3d;z-index:var(--calcite-z-index-overlay);aspect-ratio:1;pointer-events:none;flex-direction:column;align-items:center;width:50%;max-width:330px;display:flex;position:absolute;inset-block-end:0;inset-inline:50%;overflow:hidden;translate:-50%}.esri-oriented-imagery-viewer__navigation-ui__direction{--esri-oriented-imagery-viewer__navigation-ui-direction-color: wheat;--calcite-icon-color: var(--esri-oriented-imagery-viewer__navigation-ui-direction-color);transform-origin:top;transform-style:preserve-3d;cursor:not-allowed;border:3px solid #bfc5cc;border-radius:50%;width:4.5em;height:4.5em;transition:border-color .15s;position:absolute}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]){cursor:pointer;pointer-events:auto}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]):hover{--calcite-icon-color: var(--calcite-color-brand);border-color:var(--calcite-color-brand)}.esri-oriented-imagery-viewer__navigation-ui__direction-pad{box-sizing:border-box;filter:drop-shadow(0 2px 1px #00000080);width:100%;height:100%;transform:perspective(400px) rotateX(60deg)}.esri-oriented-imagery-viewer__navigation-settings-ui [slot=content-bottom]{padding:.5rem;display:none}.esri-oriented-imagery-viewer__navigation-settings-ui [selected]>[slot=content-bottom]{display:block}.esri-panoramic-viewer{width:100%;height:100%;overflow-x:hidden}.esri-panoramic-viewer__slider-container{--calcite-block-padding: 0;box-sizing:border-box;box-shadow:none;padding-inline:var(--calcite-spacing-md);background-color:#0000;border:none;width:100%;margin:0;overflow:hidden}.esri-panoramic-viewer__slider-container calcite-slider{width:100%}`, w = c(n), y = "map-components:arcgis-oriented-imagery-viewer";
 class p extends s {
   constructor() {
     super(...arguments), this.widget = w(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.actionBarPosition = this.widget.actionBarPosition, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.imageOverlaysOpened = this.widget.imageOverlaysOpened, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapLayerId = v(this, (e) => {

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

@@ -11,6 +11,7 @@ import type { ArcgisFeaturesNext } from "../arcgis-features-next/customElement.j
 import type { ArcgisFeatureNext } from "../arcgis-feature-next/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { PopupAction, InitialDisplayOptions, State } from "@arcgis/core/popup/types.js";
+import type { FetchPopupFeaturesDiagnostics } from "@arcgis/core/views/PopupView.js";
 import type { GoToOverride } from "@arcgis/core/widgets/support/types.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 
@@ -215,6 +216,12 @@ export abstract class ArcgisPopup extends LitElement {
    * @default false
    */
   accessor defaultPopupTemplateEnabled: boolean;
+  /**
+   * Diagnostics collected while fetching features from a view.
+   *
+   * @since 5.2
+   */
+  accessor diagnostics: FetchPopupFeaturesDiagnostics | null | undefined;
   /**
    * Indicates whether the placement of the popup is docked to the side of the view.
    *
@@ -459,8 +466,7 @@ export abstract class ArcgisPopup extends LitElement {
   accessor includeDefaultActionsDisabled: boolean;
   /**
    * Indicates whether to initially display a list of features, or the content for one feature.
-   *
-   * @default "feature"
+   * By default, a list is displayed when the associated view has `focusRegionEnabled` enabled; otherwise, the content for one feature is displayed.
    */
   accessor initialDisplayMode: InitialDisplayOptions;
   /** The component's default label. */