@arcgis/map-components 5.2.0-next.135 → 5.2.0-next.137

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

@@ -42,6 +42,9 @@ class G extends V {
   static {
     this.styles = [E, I];
   }
+  static {
+    this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
+  }
   get aria() {
     return this.view?.aria;
   }

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

@@ -1060,7 +1060,8 @@ export abstract class ArcgisMap extends LitElement {
    * const viewElement = document.querySelector("arcgis-map");
    * // Get viewElement's click event
    * viewElement.addEventListener("arcgisViewClick", async (event) => {
-   *   const generator = await viewElement.fetchPopupFeatures(event.detail.screenPoint, {
+   *   const screenPoint = { x: event.detail.x, y: event.detail.y };
+   *   const generator = await viewElement.fetchPopupFeatures(screenPoint, {
    *     pointerType: event.detail.pointerType
    *   });
    *   // Access the features returned from the generator
@@ -1073,7 +1074,7 @@ export abstract class ArcgisMap extends LitElement {
    * ```js
    * // Wait for all the features to be available
    * view.on("click", async (event) => {
-   *   const generator = view.fetchPopupFeatures(event.screenPoint, {
+   *   const generator = view.fetchPopupFeatures({ x: event.x, y: event.y }, {
    *     pointerType: event.pointerType
    *   });
    *

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

@@ -38,6 +38,9 @@ class k extends v {
   static {
     this.styles = [b, V];
   }
+  static {
+    this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
+  }
   get aria() {
     return this.view?.aria;
   }

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

@@ -13,6 +13,7 @@ import type FocusAreas from "@arcgis/core/effects/FocusAreas.js";
 import type Basemap from "@arcgis/core/Basemap.js";
 import type Map from "@arcgis/core/Map.js";
 import type Graphic from "@arcgis/core/Graphic.js";
+import type Polygon from "@arcgis/core/geometry/Polygon.js";
 import type Collection from "@arcgis/core/core/Collection.js";
 import type BasemapView from "@arcgis/core/views/BasemapView.js";
 import type Extent from "@arcgis/core/geometry/Extent.js";
@@ -29,7 +30,6 @@ import type SelectionManager from "@arcgis/core/views/SelectionManager.js";
 import type SpatialReference from "@arcgis/core/geometry/SpatialReference.js";
 import type Theme from "@arcgis/core/views/Theme.js";
 import type TimeExtent from "@arcgis/core/time/TimeExtent.js";
-import type 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";
@@ -982,7 +982,7 @@ export abstract class ArcgisScene extends LitElement {
    * @see [Sample: SceneView - visibleArea](https://developers.arcgis.com/javascript/latest/sample-code/sceneview-visible-area/)
    * @see [extent](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#extent)
    */
-  get visibleArea(): Polygon | null | undefined;
+  get visibleArea(): null | undefined | Polygon;
   /**
    * Represents the level of detail (LOD) at the center of the view.
    *
@@ -1013,7 +1013,8 @@ export abstract class ArcgisScene extends LitElement {
    * const viewElement = document.querySelector("arcgis-map");
    * // Get viewElement's click event
    * viewElement.addEventListener("arcgisViewClick", async (event) => {
-   *   const generator = await viewElement.fetchPopupFeatures(event.detail.screenPoint, {
+   *   const screenPoint = { x: event.detail.x, y: event.detail.y };
+   *   const generator = await viewElement.fetchPopupFeatures(screenPoint, {
    *     pointerType: event.detail.pointerType
    *   });
    *   // Access the features returned from the generator
@@ -1026,7 +1027,7 @@ export abstract class ArcgisScene extends LitElement {
    * ```js
    * // Wait for all the features to be available
    * view.on("click", async (event) => {
-   *   const generator = view.fetchPopupFeatures(event.screenPoint, {
+   *   const generator = view.fetchPopupFeatures({ x: event.x, y: event.y }, {
    *     pointerType: event.pointerType
    *   });
    *

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
+import { c as p } from "../../chunks/runtime.js";
 import { html as a } from "lit";
-import p from "@arcgis/core/Camera.js";
+import l from "@arcgis/core/Camera.js";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import v from "@arcgis/core/geometry/Point.js";
 import u from "@arcgis/core/views/SceneView.js";
@@ -16,9 +16,9 @@ import { s as E } from "../../chunks/slots.js";
 import { C as c } from "../../chunks/resources.js";
 import { d as R, e as P, b as A, c as M, p as D, i as I } from "../../chunks/component-utils.js";
 const S = w(g, {}), k = w(u, {});
-class L extends d {
+class F extends d {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = S(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, 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.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, 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.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = t(() => this.view, "focus-region-select"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = S(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, 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.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, 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.viewingMode = this.view.viewingMode, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = t(() => this.view, "focus-region-select"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
       components: []
     };
   }
@@ -28,6 +28,9 @@ class L extends d {
   static {
     this.styles = [_, E];
   }
+  static {
+    this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
+  }
   get aria() {
     return this.view?.aria ?? null;
   }
@@ -165,6 +168,9 @@ class L extends d {
   set viewpoint(i) {
     I(this.viewpoint, i) && (this.view.viewpoint = i);
   }
+  get visibleArea() {
+    return this.view.visibleArea;
+  }
   get zoom() {
     return this.view.zoom;
   }
@@ -236,7 +242,7 @@ class L extends d {
       i(this._cameraProperties);
       return;
     }
-    const e = this.view.camera?.clone() ?? new p();
+    const e = this.view.camera?.clone() ?? new l();
     i(e), this.camera = e;
   }
   renderMain() {
@@ -246,7 +252,7 @@ class L extends d {
     return a`${this.renderMain()}<section class=${o(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
-l("arcgis-scene", L);
+p("arcgis-scene", F);
 export {
-  L as ArcgisScene
+  F as ArcgisScene
 };

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

@@ -6,6 +6,7 @@ import type VisibleElements from "@arcgis/core/widgets/Sketch/VisibleElements.js
 import type Graphic from "@arcgis/core/Graphic.js";
 import type SketchLabelOptions from "@arcgis/core/views/interactive/sketch/SketchLabelOptions.js";
 import type MapNotesLayer from "@arcgis/core/layers/MapNotesLayer.js";
+import type SketchLayer from "@arcgis/core/layers/SketchLayer.js";
 import type SnappingOptions from "@arcgis/core/views/interactive/snapping/SnappingOptions.js";
 import type SketchTooltipOptions from "@arcgis/core/views/interactive/sketch/SketchTooltipOptions.js";
 import type SketchValueOptions from "@arcgis/core/views/interactive/sketch/SketchValueOptions.js";
@@ -540,7 +541,7 @@ export abstract class ArcgisSketch extends LitElement {
    * The [GraphicsLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GraphicsLayer/) associated with the Sketch component. The Sketch component adds new [graphics](https://developers.arcgis.com/javascript/latest/references/core/Graphic/) to this layer or can only update graphics
    * stored in this layer.
    */
-  accessor layer: GraphicsLayer | MapNotesLayer | null | undefined;
+  accessor layer: GraphicsLayer | MapNotesLayer | SketchLayer | null | undefined;
   /**
    * Determines the layout/orientation of the Sketch component.
    *