@arcgis/map-components 5.2.0-next.123 → 5.2.0-next.125

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

@@ -1,32 +1,32 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
 import { html as a } from "lit";
-import l from "@arcgis/core/Camera.js";
+import m 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";
 import g from "@arcgis/core/WebScene.js";
 import { LitElement as d, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
 import { reEmitEvent as t } from "@arcgis/lumina-toolkit/reEmitEvent";
-import { makeAccessorController as w, reCreateAccessor as y } from "@arcgis/lumina-toolkit/useAccessor";
+import { makeAccessorController as w, reCreateAccessor as f } from "@arcgis/lumina-toolkit/useAccessor";
 import { createRef as n, ref as h } from "lit/directives/ref.js";
-import { U as f, u as b, a as V, b as C } from "../../chunks/useArcgisViewReadyError.js";
-import { s as _ } from "../../chunks/esri-main.js";
-import { s as E } from "../../chunks/slots.js";
+import { U as y, F as b, u as C, a as V, b as _ } from "../../chunks/selectionOverlayPopupController.js";
+import { s as E } from "../../chunks/esri-main.js";
+import { s as R } from "../../chunks/slots.js";
 import { C as c } from "../../chunks/resources.js";
-import { d as P, e as A, b as M, c as R, p as D, i as I } from "../../chunks/component-utils.js";
-const k = w(g, {}), L = w(u, {});
-class S extends d {
+import { d as P, e as A, b as M, c as D, p as I, i as F } from "../../chunks/component-utils.js";
+const S = w(g, {}), k = w(u, {});
+class L 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 = k(this), this.view = L(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.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.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 y(this), this._focusRegionPopupController = new b(this), this._cameraProperties = {}, this.arcgisLoadError = C(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"), _(this), this.view.ui = {
       components: []
     };
   }
   static {
-    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, options: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
+    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, options: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, focusRegionEnabled: 5, focusRegion: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [_, E];
+    this.styles = [E, R];
   }
   get aria() {
     return this.view?.aria ?? null;
@@ -76,8 +76,8 @@ class S extends d {
   }
   set cameraPosition(i) {
     const e = A(this.view.camera?.position, i);
-    e && this._mutateCamera((m) => {
-      m.position = e;
+    e && this._mutateCamera((l) => {
+      l.position = e;
     });
   }
   get cameraTilt() {
@@ -95,8 +95,8 @@ class S extends d {
   set center(i) {
     if (M(i, this._center))
       return;
-    this._center = R(i);
-    const e = D(i, this.view);
+    this._center = D(i);
+    const e = I(i, this.view);
     e && (this.view.center = e);
   }
   get extent() {
@@ -130,7 +130,7 @@ class S extends d {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    y(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    f(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
   }
   get navigating() {
     return this.view.navigating;
@@ -144,6 +144,9 @@ class S extends d {
   get resolution() {
     return this.view.resolution;
   }
+  get focusRegion() {
+    return this.view.focusRegion;
+  }
   get scale() {
     return this.view.scale;
   }
@@ -160,7 +163,7 @@ class S extends d {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    I(this.viewpoint, i) && (this.view.viewpoint = i);
+    F(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -169,7 +172,7 @@ class S extends d {
     this.view.zoom = i;
   }
   async closePopup() {
-    this._uiController.closePopup();
+    this._focusRegionPopupController.abort(), this._uiController.closePopup();
   }
   async destroy() {
     await this.manager.destroy();
@@ -184,7 +187,7 @@ class S extends d {
     return await this.view.hitTest(i, e);
   }
   async openPopup(i) {
-    this._uiController.openPopup(i);
+    await this._uiController.openPopup(i);
   }
   async takeScreenshot(i) {
     return await this.view.takeScreenshot(i);
@@ -233,7 +236,7 @@ class S extends d {
       i(this._cameraProperties);
       return;
     }
-    const e = this.view.camera?.clone() ?? new l();
+    const e = this.view.camera?.clone() ?? new m();
     i(e), this.camera = e;
   }
   renderMain() {
@@ -243,7 +246,7 @@ class S extends d {
     return a`${this.renderMain()}<section class=${o(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
-p("arcgis-scene", S);
+p("arcgis-scene", L);
 export {
-  S as ArcgisScene
+  L as ArcgisScene
 };

package/dist/components/arcgis-selection-list/customElement.d.ts

@@ -11,26 +11,29 @@ import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
- * The selection list component can be used to display a list of selected features from a selection manager.
+ * The `Selection List` component displays selected features in a hierarchical list organized by group and layer. It is intended for applications that need to present the current selection and support browsing, filtering, and interaction with selected features.
  *
+ * The component can be used with the [Map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/) or [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component and reflects selections made through a [selection manager](https://developers.arcgis.com/javascript/latest/references/core/views/SelectionManager/), including the [view](https://developers.arcgis.com/javascript/latest/references/core/views/View/#selectionManager), the [Selection Toolbar](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-selection-toolbar/), or the [selection manager API](https://developers.arcgis.com/javascript/latest/references/core/views/SelectionManager/).
+ *
+ * @see [Sample - Selection List Component](https://developers.arcgis.com/javascript/latest/sample-code/selection-list/)
  * @since 5.2
  */
 export abstract class ArcgisSelectionList extends LitElement {
   /**
-   * Reference to a single LayerItem being displayed in the list, if the
-   * 'layer' property is set and that layer has selected features.
+   * Reference to a single [layer item](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/LayerItem/) being displayed in the
+   * list, if the [layer](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-selection-list/#layer) property is set and that layer has selected features.
    *
    * @since 5.2
    */
   get activeLayerItem(): LayerItem | null | undefined;
   /**
-   * A callback function to be called when a list item is selected.
+   * An optional function that runs when a user selects a feature, layer, or group item in the selection list itself. It does not run when a feature becomes selected through the [arcgis-selection-toolbar](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-selection-toolbar/), map click, or [selection manager API](https://developers.arcgis.com/javascript/latest/references/core/views/SelectionManager/).
    *
    * @since 5.2
    */
   accessor afterListItemSelect: ListItemSelectCallback | undefined;
   /**
-   * Items representing all individual layers and group layers with an active selection.
+   * Items representing all individual [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/LayerItem/) and [group](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/GroupLayerItem/) layers with an active selection.
    *
    * @since 5.2
    */
@@ -67,17 +70,17 @@ export abstract class ArcgisSelectionList extends LitElement {
    */
   accessor disabled: boolean;
   /**
-   * Controls how the list is displayed. If this value is set to "group", the list displays feature and layer items nested under
-   * their associated layer and group items. If this value is set to "layer", the list displays feature items nested under
-   * their associated layer item, while excluding group items. If this value is set to "feature" the list only displays
-   * feature items, while excluding group and layer items.
+   * Controls how the list is displayed. If this value is set to `"group"`, the list displays [feature](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/FeatureItem/) and [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/LayerItem/) items nested under
+   * their associated [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/LayerItem/) and [group](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/GroupLayerItem/) items. If this value is set to `"layer"`, the list displays [feature](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/FeatureItem/) items nested under
+   * their associated [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/LayerItem/) item, while excluding [group](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/GroupLayerItem/) items. If this value is set to `"feature"` the list only displays
+   * [feature](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/FeatureItem/) items, while excluding [group](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/GroupLayerItem/) and [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/LayerItem/) items.
    *
    * @default "group"
    * @since 5.2
    */
   accessor displayMode: "feature" | "group" | "layer";
   /**
-   * Reference to the SelectionManager being represented by the component.
+   * Reference to the [selection manager](https://developers.arcgis.com/javascript/latest/references/core/views/SelectionManager/) being represented by the component.
    *
    * @since 5.2
    */
@@ -220,7 +223,7 @@ export abstract class ArcgisSelectionList extends LitElement {
   accessor listItemUnavailableFunction: ListItemUnavailableFunction | undefined;
   /**
    * Indicates the list is only showing a subset of selected feature items due to
-   * the selection being greater than the current value of the 'maxVisibleFeatureCountPerLayer'
+   * the selection being greater than the current value of the [maxVisibleFeatureCountPerLayer](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-selection-list/#maxVisibleFeatureCountPerLayer)
    * property. This value also accounts for any active filters.
    *
    * @default false
@@ -228,7 +231,8 @@ export abstract class ArcgisSelectionList extends LitElement {
    */
   get maxVisibleFeatureCountExceeded(): boolean;
   /**
-   * Maximum number of selected feature items displayed per layer.
+   * x
+   * Maximum number of selected [feature items](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/FeatureItem/) displayed per layer.
    * Does not limit or restrict the selection itself.
    *
    * @since 5.2
@@ -302,13 +306,18 @@ export abstract class ArcgisSelectionList extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * A reference to a custom selection manager to use instead of the view's default selection manager.
+   * A reference to a custom [selection manager](https://developers.arcgis.com/javascript/latest/references/core/views/SelectionManager/) to use instead of the view's default [selection manager](https://developers.arcgis.com/javascript/latest/references/core/views/View/#selectionManager).
    *
    * @since 5.2
    */
   accessor selectionManager: SelectionManager | null | undefined;
   /**
    * Reflects the component's current state.
+   * Possible values are:
+   * - `"disabled"`: The component is not interactive.
+   * - `"error"`: The component has encountered an error.
+   * - `"loading"`: The component is in a loading state.
+   * - `"ready"`: The component is ready for interaction.
    *
    * @since 5.2
    */
@@ -319,20 +328,20 @@ export abstract class ArcgisSelectionList extends LitElement {
    */
   accessor view: SelectableViewUnion | null | undefined;
   /**
-   * Total number of visible feature items in the list.
+   * Total number of visible [feature items](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/FeatureItem/) in the list.
    *
    * @since 5.2
    */
   get visibleFeatureCount(): number;
   /**
-   * Current number of visible feature list items, accounting for 'maxVisibleFeatureCountPerLayer'.
-   * Excludes feature list items hidden by the filter.
+   * Current number of visible [feature items](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/FeatureItem/) in the list, accounting for [maxVisibleFeatureCountPerLayer](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-selection-list/#maxVisibleFeatureCountPerLayer).
+   * Excludes [feature items](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/FeatureItem/) hidden by the filter.
    *
    * @since 5.2
    */
   get visibleFeatureItems(): FeatureItem[];
   /**
-   * Count for total number of visible layer items in the list, excluding group layer items.
+   * Count for total number of visible [layer items](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/LayerItem/) in the list, excluding [group layer items](https://developers.arcgis.com/javascript/latest/references/core/widgets/support/SelectionList/GroupLayerItem/).
    *
    * @since 5.2
    */
@@ -380,10 +389,10 @@ export abstract class ArcgisSelectionList extends LitElement {
    */
   findLayerItem(layer: SelectableLayer): Promise<LayerItem | null | undefined>;
   /**
-   * Utility method for finding the corresponding ParentItem for a given layer.
+   * Utility method for finding the corresponding parent item for a given layer.
    *
-   * @param layer - The layer for which to find the corresponding ParentItem.
-   * @returns The ParentItem associated with the provided layer.
+   * @param layer - The layer for which to find the corresponding parent item.
+   * @returns The parent item associated with the provided layer.
    * @since 5.2
    */
   findParentItem(layer: SelectableLayer): Promise<null | undefined | ParentItem>;

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

@@ -546,7 +546,7 @@ let l = class extends ne {
       this.cancelAll();
       const e = {
         createTool: i === "lasso-selection" ? "polygon" : "rectangle",
-        ...i === "lasso-selection" ? { mode: "freehand", toolName: "lasso" } : { toolName: "rectangle" },
+        ...i === "lasso-selection" ? { mode: "hybrid", toolName: "lasso" } : { toolName: "rectangle" },
         type: "replace",
         selectOnComplete: !0
       };