@arcgis/map-components 6.0.0-next.0 → 6.0.0-next.1

package/dist/components/arcgis-features-next/customElement.js

@@ -4,7 +4,7 @@ import { css as B, html as a } from "lit";
 import { keyed as T } from "lit/directives/keyed.js";
 import H from "@arcgis/core/support/actions/ActionButton.js";
 import E from "@arcgis/core/core/Collection.js";
-import P from "@arcgis/core/popup/FeatureContentCollection.js";
+import P from "@arcgis/core/popup/FeaturesModel.js";
 import { LitElement as z, createEvent as y, renderElement as V, nothing as g, safeClassMap as x } from "@arcgis/lumina";
 import { useDirection as Z, usePropertyChange as U, bypassReadOnly as D } from "@arcgis/lumina/controllers";
 import { classes as I } from "@arcgis/toolkit/dom";
@@ -269,7 +269,7 @@ class oe extends z {
     if (e.disabled)
       return;
     e?.type === "toggle" && (e.value = !e.value);
-    const i = t && "getAllActions" in t ? t.viewModel : void 0;
+    const i = t && "allActions" in t ? t.viewModel : void 0;
     j(e, this.viewModel, i), this.arcgisTriggerAction.emit({ action: e });
   }
   _viewScaleChange() {
@@ -288,7 +288,7 @@ class oe extends z {
   }
   _handleFlowItemsChange() {
     this._syncSelectedDrillInFeature(), this.flowItems.forEach((e) => {
-      !("getAllActions" in e) || this._actionFlowItems.has(e) || (this._actionFlowItems.add(e), e.componentOnReady().then(() => {
+      !("allActions" in e) || this._actionFlowItems.has(e) || (this._actionFlowItems.add(e), e.componentOnReady().then(() => {
         this.isConnected && this.flowItems.includes(e) && this.requestUpdate();
       }));
     });
@@ -340,11 +340,11 @@ class oe extends z {
     e && (this._removeSpinner(e), this._spinnerEl = V(a`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.pendingLocation ?? this.viewModel?.location ?? void 0} .referenceElement=${e} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
   }
   #e(e) {
-    const t = e != null && "getAllActions" in e, i = t ? e.viewModel : this.viewModel.selectedFeatureItem;
-    if (t && (!i || !("getAllActions" in i)))
+    const t = e && "allActions" in e ? e : void 0, { selectedFeatureItem: i } = this.viewModel;
+    if (t && !t.allActions)
       return [];
-    const s = t ? e.isFeatureFromTable : this.viewModel.selectedFeatureItem?.isFeatureFromTable;
-    return (i && "getAllActions" in i ? i.getAllActions(this.viewModel.actions, this.viewModel.includeDefaultActions) : !i && !e && this.viewModel.includeDefaultActions ? this.viewModel.defaultActions.concat(this.viewModel.actions) : this.viewModel.actions).toArray().filter((o) => !(e && o.id === "browse-aggregated-features") && !(s && !this.location && o.id === this._zoomToFeature.id));
+    const s = t ? t.isFeatureFromTable : i?.isFeatureFromTable;
+    return (t?.allActions ?? i?.allActions ?? (!e && this.viewModel.includeDefaultActions ? this.viewModel.defaultActions.concat(this.viewModel.actions) : this.viewModel.actions)).toArray().filter((o) => !(e && o.id === "browse-aggregated-features") && !(s && !this.location && o.id === this._zoomToFeature.id));
   }
   render() {
     return a`<div class="root">${this._renderContentContainer()}</div>`;
@@ -482,8 +482,8 @@ class oe extends z {
     });
   }
   _renderContent() {
-    const { content: e, selectedFeatureItem: t } = this.viewModel;
-    return t ? a`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel + 1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${f(this._selectedFeatureComponent)}></arcgis-feature-next>` : typeof e == "string" ? T(e, a`<div .innerHTML=${w.sanitize(e) ?? ""}></div>`) : e ?? null;
+    const { content: e, selectedFeatureItem: t, includeDefaultActions: i, actions: s } = this.viewModel;
+    return t ? a`<arcgis-feature-next .actions=${s} .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel + 1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .includeDefaultActions=${i} .location=${this.location} .map=${this.map} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${f(this._selectedFeatureComponent)}></arcgis-feature-next>` : typeof e == "string" ? T(e, a`<div .innerHTML=${w.sanitize(e) ?? ""}></div>`) : e ?? null;
   }
 }
 O("arcgis-features-next", oe);

package/dist/components/arcgis-layer-list-next/customElement.d.ts

@@ -1,9 +1,9 @@
 /// <reference path="../../index.d.ts" />
 import type Collection from "@arcgis/core/core/Collection.js";
-import type Item from "@arcgis/core/layers/list/Item.js";
+import type Item from "@arcgis/core/layerList/Item.js";
 import type { VisibilityAppearance } from "../../utils/action-utils.js";
 import type { CanSortFunction, TableSupportedLayers } from "../../utils/layer-list-utils.js";
-import type { LayerItemCollectionEvents } from "@arcgis/core/layers/list/LayerItemCollection.js";
+import type { LayerListModelEvents } from "@arcgis/core/layerList/LayerListModel.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisTableListNext } from "../arcgis-table-list-next/customElement.js";
 import type { TableItem } from "../arcgis-table-list-next/types.js";
@@ -11,7 +11,7 @@ import type { ArcgisReferenceElement, HeadingLevel, IconName } from "../types.js
 import type { CatalogLayerListParams, FlowLayer, TableListParams } from "./types.js";
 import type { ArcgisCatalogLayerListNext } from "../arcgis-catalog-layer-list-next/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
-import type { ItemModifier, State } from "@arcgis/core/layers/list/types.js";
+import type { ItemModifier, State } from "@arcgis/core/layerList/types.js";
 import type { List as List } from "@esri/calcite-components/components/calcite-list";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 
@@ -23,7 +23,7 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
  * [tableList](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#tableList) compared to [arcgis-layer-list](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list/). To update at version 6.0, simply remove `-next` from the component name.
  *
  * The Layer List (next) provides a way to display a list of layers and switch on/off their visibility.
- * The [listItemCreatedFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#listItemCreatedFunction) and the [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) API provides access to each layer's properties, allows
+ * The [listItemCreatedFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#listItemCreatedFunction) and the [Item](https://developers.arcgis.com/javascript/latest/references/core/layerList/Item/) API provides access to each layer's properties, allows
  * the developer to configure actions related to the layer, and allows the developer to add content to the item related to the layer.
  * Track info items can also be configured with custom panel content. Legend panel content is not supported for individual track info parts.
  *
@@ -63,7 +63,7 @@ export abstract class ArcgisLayerListNext extends LitElement {
   accessor autoDestroyDisabled: boolean;
   /**
    * The [arcgis-catalog-layer-list-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/) that displays a catalog layer's [dynamic group layer](https://developers.arcgis.com/javascript/latest/references/core/layers/CatalogLayer/#dynamicGroupLayer).
-   * The catalog layer list will be displayed as an expandable [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) in the root of the layer list when a CatalogLayer is present in the map.
+   * The catalog layer list will be displayed as an expandable [Item](https://developers.arcgis.com/javascript/latest/references/core/layerList/Item/) in the root of the layer list when a CatalogLayer is present in the map.
    * This property is set when a catalog layer's dynamic group layer is expanded in the layer list. Otherwise, it is `null`.
    * This property is useful for listening to the [arcgis-catalog-layer-list-next.@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#event-arcgisTriggerAction) event and managing selections in catalog layers.
    *
@@ -166,7 +166,7 @@ export abstract class ArcgisLayerListNext extends LitElement {
    */
   accessor collapsed: boolean;
   /**
-   * Indicates whether [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) may be reordered within the list by dragging and dropping. MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/references/core/layers/MapImageLayer/#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer. Drag and drop won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#minDragEnabledItems).
+   * Indicates whether [items](https://developers.arcgis.com/javascript/latest/references/core/layerList/Item/) may be reordered within the list by dragging and dropping. MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/references/core/layers/MapImageLayer/#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer. Drag and drop won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#minDragEnabledItems).
    *
    * @default false
    * @example
@@ -572,7 +572,7 @@ export abstract class ArcgisLayerListNext extends LitElement {
    */
   get openedLayers(): Collection<FlowLayer>;
   /**
-   * A collection of [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) representing the operational layers in the layer list.
+   * A collection of [items](https://developers.arcgis.com/javascript/latest/references/core/layerList/Item/) representing the operational layers in the layer list.
    *
    * @example
    * ```js
@@ -587,7 +587,7 @@ export abstract class ArcgisLayerListNext extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * A collection of selected [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) in the list. This collection is updated when the user changes selection and is only populated when [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#selectionMode) is not set to `"none"`.
+   * A collection of selected [items](https://developers.arcgis.com/javascript/latest/references/core/layerList/Item/) in the list. This collection is updated when the user changes selection and is only populated when [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#selectionMode) is not set to `"none"`.
    *
    * @see [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#selectionMode)
    * @example
@@ -805,7 +805,7 @@ export abstract class ArcgisLayerListNext extends LitElement {
    */
   readonly arcgisSelectedItemsChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when an action is triggered on the component. */
-  readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, LayerItemCollectionEvents["trigger-action"]>;
+  readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, LayerListModelEvents["trigger-action"]>;
   readonly "@eventTypes": {
     arcgisClose: ArcgisLayerListNext["arcgisClose"]["detail"];
     arcgisFilterChange: ArcgisLayerListNext["arcgisFilterChange"]["detail"];

package/dist/components/arcgis-layer-list-next/customElement.js

@@ -3,17 +3,17 @@ import { c as x } from "../../chunks/runtime.js";
 import { html as h } from "lit";
 import { keyed as v } from "lit/directives/keyed.js";
 import { repeat as B } from "lit/directives/repeat.js";
-import k from "@arcgis/core/layers/list/LayerItemCollection.js";
+import k from "@arcgis/core/layerList/LayerListModel.js";
 import { classes as S } from "@arcgis/toolkit/dom";
 import { generateGuid as U } from "@arcgis/toolkit/string";
 import { createRef as w, ref as b } from "lit/directives/ref.js";
 import { u as G } from "../../chunks/useT9n.js";
 import { m as H } from "../../chunks/useViewModel.js";
-import { g as C } from "../../chunks/globalCss.js";
+import { g as $ } from "../../chunks/globalCss.js";
 import { c as f } from "../../chunks/css.js";
-import { g as m, a as F, m as V, b as j, r as M, s as q, c as z, d as J, e as K } from "../../chunks/layer-list-utils.js";
+import { g as m, a as T, m as V, b as j, r as F, s as q, c as z, d as J, e as K } from "../../chunks/layer-list-utils.js";
 import p from "@arcgis/core/core/Collection.js";
-import { on as $, watch as A } from "@arcgis/core/core/reactiveUtils.js";
+import { on as C, watch as A } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as Q, createEvent as I, renderElement as D, safeClassMap as E, nothing as O } from "@arcgis/lumina";
 import { usePropertyChange as W } from "@arcgis/lumina/controllers";
 import { reEmitEvent as X } from "@arcgis/lumina-toolkit/reEmitEvent";
@@ -29,12 +29,12 @@ class oe extends Q {
       const i = a === "pull" ? this.listItemCanGiveFunction : this.listItemCanReceiveFunction, r = m(e, this.operationalItems);
       if (!r?.sortable)
         return !1;
-      const o = this._resolveListContainer(t), l = this._resolveListContainer(s), n = this._getContainerItem(o), d = F(o), g = this._getContainerItem(l), u = F(l), L = !!d && !!u && d === u, y = {
+      const o = this._resolveListContainer(t), l = this._resolveListContainer(s), n = this._getContainerItem(o), d = T(o), g = this._getContainerItem(l), u = T(l), L = !!d && !!u && d === u, y = {
         selected: r,
         from: n,
         to: g
-      }, _ = o?.group, c = l?.group, R = n?.layer?.type ?? "", N = g?.layer?.type ?? "", T = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
-      return _ && c && typeof i == "function" ? i(y) : L && !T.has(R) && !T.has(N) && r?.layer?.type !== "sublayer";
+      }, _ = o?.group, c = l?.group, R = n?.layer?.type ?? "", N = g?.layer?.type ?? "", M = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
+      return _ && c && typeof i == "function" ? i(y) : L && !M.has(R) && !M.has(N) && r?.layer?.type !== "sublayer";
     }, this._onCatalogOpen = (e) => {
       this.openedLayers.push(e.layer?.parent);
     }, this._onTablesOpen = (e) => {
@@ -92,14 +92,14 @@ class oe extends Q {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      $(() => this.openedLayers, "change", () => {
+      C(() => this.openedLayers, "change", () => {
         this._handleOpenedLayersChange();
       }, { initial: !0 }),
-      $(() => this.viewModel.operationalItems, "change", () => M(this.selectedItems), { initial: !0 }),
+      C(() => this.viewModel.operationalItems, "change", () => F(this.selectedItems), { initial: !0 }),
       A(() => this.operationalItems.flatten((e) => e.children).map((e) => e.uid).join(","), () => {
-        M(this.selectedItems), this.requestUpdate();
+        F(this.selectedItems), this.requestUpdate();
       }, { initial: !0 }),
-      $(() => this.selectedItems, "change", () => this.arcgisSelectedItemsChange.emit()),
+      C(() => this.selectedItems, "change", () => this.arcgisSelectedItemsChange.emit()),
       A(() => [this.filterPredicate, this._rootListRef.value], () => q(this._rootListRef.value, this.filterPredicate, this.operationalItems))
     ]);
   }
@@ -241,10 +241,10 @@ class oe extends Q {
   }
   render() {
     const { state: e } = this, t = {
-      [C.hidden]: e === "loading",
-      [C.disabled]: e === "disabled"
+      [$.hidden]: e === "loading",
+      [$.disabled]: e === "disabled"
     };
-    return h`<div class=${E(S(C.widget, t))}>${this._visibleItems?.length ? this._renderItemTooltips() : null}${this._renderItems()}</div>`;
+    return h`<div class=${E(S($.widget, t))}>${this._visibleItems?.length ? this._renderItemTooltips() : null}${this._renderItems()}</div>`;
   }
   _renderItemTooltip(e) {
     const { _tooltipReferenceMap: t, messages: s } = this;

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

@@ -6,7 +6,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
-import type { LayerInfo, LegendContentState } from "@arcgis/core/legend/types.js";
+import type { LayerInfo, LegendModelState } from "@arcgis/core/legend/types.js";
 
 /**
  * The Legend component displays the symbols and labels used to represent layers in an [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
@@ -444,7 +444,7 @@ export abstract class ArcgisLegend extends LitElement {
    *
    * @default "disabled"
    */
-  get state(): LegendContentState;
+  get state(): LegendModelState;
   /**
    * The view associated with the component.
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-legend component will be associated with a map or scene component rather than using the `view` property.

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

@@ -2,7 +2,7 @@
 import { c as d } from "../../chunks/runtime.js";
 import { css as g, html as o } from "lit";
 import { on as a, watch as n } from "@arcgis/core/core/reactiveUtils.js";
-import h from "@arcgis/core/legend/LegendContent.js";
+import h from "@arcgis/core/legend/LegendModel.js";
 import { LitElement as p, createEvent as f, safeClassMap as u } from "@arcgis/lumina";
 import { usePropertyChange as m } from "@arcgis/lumina/controllers";
 import { classes as v } from "@arcgis/toolkit/dom";

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

@@ -47,7 +47,13 @@ export interface DeclareCssProperties {
   "--arcgis-layout-overlay-space-right": "*";
   /** _Since 5.0_ Specifies the focus outline color for the view. */
   "--arcgis-view-color-focus": "*";
-  /** _Since 5.2_ Specifies the corner radius for the view. */
+  /**
+   * _Since 5.2_ Specifies the corner radius for the view.
+   *
+   * A larger corner radius may cause a visual mismatch between the view and its built-in attribution.
+   * This limitation will be addressed in a future release. In the meantime, set `border-radius`
+   * on the view component to the same value as this CSS custom property.
+   */
   "--arcgis-view-corner-radius": "*";
   /** _Since 5.1_ Specifies the background color for table rows. */
   "--arcgis-table-row-background-color": "*";

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

@@ -51,7 +51,13 @@ export interface DeclareCssProperties {
   "--arcgis-layout-overlay-space-right": "*";
   /** _Since 5.0_ Specifies the focus outline color for the view. */
   "--arcgis-view-color-focus": "*";
-  /** _Since 5.2_ Specifies the corner radius for the view. */
+  /**
+   * _Since 5.2_ Specifies the corner radius for the view.
+   *
+   * A larger corner radius may cause a visual mismatch between the view and its built-in attribution.
+   * This limitation will be addressed in a future release. In the meantime, set `border-radius`
+   * on the view component to the same value as this CSS custom property.
+   */
   "--arcgis-view-corner-radius": "*";
   /** _Since 5.1_ Specifies the background color for table rows. */
   "--arcgis-table-row-background-color": "*";

package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts

@@ -380,7 +380,7 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    *
    * @since 5.2
    */
-  get selectedPoint(): null | undefined | Point;
+  get selectedPoint(): Point | null | undefined;
   /**
    * The current state of the oriented imagery viewer.
    *

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

@@ -14,7 +14,7 @@ class y extends n {
   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.hideAdditionalCameraLocationsToggle = this.widget.visibleElements.additionalCameraLocationsToggle, this.hideAdditionalFootprintsToggle = this.widget.visibleElements.additionalFootprintToggle, this.hideCurrentFootprintToggle = this.widget.visibleElements.currentFootprintToggle, this.hideDirectionalNavigationToggle = this.widget.visibleElements.directionalNavigation, this.hideEnhancementToolToggle = this.widget.visibleElements.enhancementTool, this.hideExploreImagesToggle = this.widget.visibleElements.exploreImages, this.hideExploreImages3dToggle = this.widget.visibleElements.exploreImages3D, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.hideImageGalleryToggle = this.widget.visibleElements.imageGallery, this.hideImageNavigationGroup = this.widget.visibleElements.imageNavigationTools, this.hideImageOverlaysToggle = this.widget.visibleElements.imageOverlays, this.hideMapImageLocationToolToggle = this.widget.visibleElements.mapImageConversionTool, this.hideImageMeasurementToolsGroup = this.widget.visibleElements.measurementTools, this.hideNavigationToolToggle = this.widget.visibleElements.navigationTool, this.hideOverlaysGroup = this.widget.visibleElements.overlays, this.hideSearchGroup = this.widget.visibleElements.searchTools, this.hideSequentialNavigationToggle = this.widget.visibleElements.sequentialNavigation, this.hideDisplayImageToggle = this.widget.visibleElements.showSelectedImage, this.hidePopupsAction = this.widget.visibleElements.showPopupsAction, this.hideSuperimposeViewToggle = this.widget.visibleElements.superimpose, this.hideUtilitiesGroup = this.widget.visibleElements.utilityTools, 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 = h(this, (e) => {
       e && (e.type === "oriented-imagery" ? this.layer = e : l("warn", this, `${p} - layer with id ${this.mapLayerId} is not a valid Oriented Imagery Layer`));
-    }), this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.preloadMedia = this.widget.preloadMedia, this.referencePoint = this.widget.referencePoint, this.selectedFeatureObjectId = this.widget.selectedFeatureObjectId, this.state = this.viewModel.state, this.arcgisPropertyChange = o()("imageGalleryEnabled", "layer", "selectedPoint", "selectedFeatureObjectId", "state"), this.arcgisReady = d();
+    }), this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.preloadMedia = this.widget.preloadMedia, this.referencePoint = this.widget.referencePoint, this.selectedFeatureObjectId = this.widget.selectedFeatureObjectId, this.selectedPoint = this.widget.selectedPoint, this.state = this.viewModel.state, this.arcgisPropertyChange = o()("imageGalleryEnabled", "layer", "selectedPoint", "selectedFeatureObjectId", "state"), this.arcgisReady = d();
   }
   static {
     this.properties = { view: 0, autoDestroyDisabled: 5, container: 32, actionBarPosition: 1, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, hideAdditionalCameraLocationsToggle: 5, hideAdditionalFootprintsToggle: 5, hideCurrentFootprintToggle: 5, hideDirectionalNavigationToggle: 5, hideEnhancementToolToggle: 5, hideExploreImagesToggle: 5, hideExploreImages3dToggle: 5, hideHeader: 5, hideMenu: 5, hideImageGalleryToggle: 5, hideImageNavigationGroup: 5, hideImageOverlaysToggle: 5, hideMapImageLocationToolToggle: 5, hideImageMeasurementToolsGroup: 5, hideNavigationToolToggle: 5, hideOverlaysGroup: 5, hideSearchGroup: 5, hideSequentialNavigationToggle: 5, hideDisplayImageToggle: 5, hidePopupsAction: 5, hideSuperimposeViewToggle: 5, hideUtilitiesGroup: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 36, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapLayerId: 1, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, preloadMedia: 5, referenceElement: 1, referencePoint: 32, selectedFeatureObjectId: 32, selectedPoint: 32, state: 32 };
@@ -25,9 +25,6 @@ class y extends n {
   get container() {
     return this.widget.container instanceof HTMLDivElement ? this.widget.container : null;
   }
-  get selectedPoint() {
-    return this.widget.selectedPoint;
-  }
   async destroy() {
     await this.manager.destroy();
   }

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

@@ -143,7 +143,7 @@ export abstract class ArcgisPopup extends LitElement {
    */
   accessor actions: Collection<PopupAction>;
   /**
-   * Indicates if the component is active when it is visible and is not [waiting](https://developers.arcgis.com/javascript/latest/references/core/popup/FeatureContentCollection/#waitingForResult).
+   * Indicates if the component is active when it is visible and is not [waiting](https://developers.arcgis.com/javascript/latest/references/core/popup/FeaturesModel/#waitingForResult).
    *
    * @default false
    */

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as E } from "../../chunks/runtime.js";
 import { css as A, html as w } from "lit";
-import P from "@arcgis/core/popup/FeatureContentCollection.js";
+import P from "@arcgis/core/popup/FeaturesModel.js";
 import { u as O } from "../../chunks/useT9n.js";
 import { useDirection as F, usePropertyChange as $ } from "@arcgis/lumina/controllers";
 import { m as S } from "../../chunks/useViewModel.js";
 import { LitElement as N, createEvent as _, safeStyleMap as L, safeClassMap as y } from "@arcgis/lumina";
 import { stripHTML as T } from "@arcgis/core/applications/Components/stringUtils.js";
-import { classes as C } from "@arcgis/toolkit/dom";
+import { classes as x } from "@arcgis/toolkit/dom";
 import { createRef as g, ref as m } from "lit/directives/ref.js";
 import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
 import H from "@arcgis/core/support/actions/ActionButton.js";
@@ -17,7 +17,7 @@ const V = A`:host{display:contents;--arcgis-internal-popup-pointer-size: 12px;--
 function f(b) {
   return b && Number.parseInt(b.replaceAll(/[^-\d.]/gu, ""), 10) || 0;
 }
-const I = S(P), x = {
+const I = S(P), D = {
   buttonEnabled: !0,
   position: "auto",
   breakpoint: {
@@ -53,10 +53,10 @@ class R extends N {
     return this._getCurrentDockPosition();
   }
   get dockOptions() {
-    return this._dockOptions || x;
+    return this._dockOptions || D;
   }
   set dockOptions(t) {
-    const e = { ...x }, o = this.viewModel?.view?.breakpoints, i = {};
+    const e = { ...D }, o = this.viewModel?.view?.breakpoints, i = {};
     o && (i.width = o.xsmall, i.height = o.xsmall);
     const s = { ...e, ...t }, n = { ...e.breakpoint, ...i }, { breakpoint: r } = s;
     typeof r == "object" ? s.breakpoint = { ...n, ...r } : r && (s.breakpoint = n), this._dockOptions = s;
@@ -154,7 +154,7 @@ class R extends N {
     const { _mainContainerNode: e, _popupRect: o, viewModel: i } = this, { view: s } = i, { screenLocation: n } = this;
     if (n == null || !s || !o || !e.value)
       return "top-center";
-    const r = window.getComputedStyle(e.value), l = f(r.maxHeight), a = f(r.height), d = this._getPointerSize(), { height: c, width: v } = o, h = v + d, u = Math.max(c, l, a) + d, D = this._isOutsideView({
+    const r = window.getComputedStyle(e.value), l = f(r.maxHeight), a = f(r.height), d = this._getPointerSize(), { height: c, width: v } = o, h = v + d, u = Math.max(c, l, a) + d, C = this._isOutsideView({
       popupHeight: u,
       popupWidth: h,
       screenLocation: n,
@@ -179,7 +179,7 @@ class R extends N {
       side: "bottom",
       view: s
     });
-    return M ? k ? "bottom-right" : "top-right" : D ? k ? "bottom-left" : "top-left" : k ? z ? "top-center" : "bottom-center" : "top-center";
+    return M ? k ? "bottom-right" : "top-right" : C ? k ? "bottom-left" : "top-left" : k ? z ? "top-center" : "bottom-center" : "top-center";
   }
   _callCurrentAlignment(t) {
     return typeof t == "function" ? t.call(this) : t;
@@ -338,12 +338,12 @@ class R extends N {
       "is-sm-height-breakpoint": c === "small",
       "is-xs-height-breakpoint": c === "xsmall"
     };
-    return w`<div style=${L(s)} class=${y(C("root", v, {
+    return w`<div style=${L(s)} class=${y(x("root", v, {
       hidden: !n || !s && !e
     }))} .ariaHidden=${!n} .ariaLabel=${T(this.heading ?? "")} popover=manual ${m(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`;
   }
   _renderPointer() {
-    return !this._effectiveDockEnabled || !this.active ? w`<div class="pointer" role=presentation><div class=${y(C("pointer-direction", "shadow"))} ${m(this._pointerNode)}></div></div>` : null;
+    return !this._effectiveDockEnabled || !this.active ? w`<div class="pointer" role=presentation><div class=${y(x("pointer-direction", "shadow"))} ${m(this._pointerNode)}></div></div>` : null;
   }
   _renderMainContainer() {
     const t = {
@@ -353,7 +353,7 @@ class R extends N {
       collapse: this.messageOverrides?.collapse ?? this.messages.collapse,
       expand: this.messageOverrides?.expand ?? this.messages.expand
     };
-    return w`<div class=${y(C("main-container", t))} ${m(this._mainContainerNode)}><arcgis-features-next .collapsed=${this.collapsed} .autoDestroyDisabled=${this.autoDestroyDisabled} .featureNavigationTop=${this._featureNavigationTop} .focusTrapEnabled=${!this.focusTrapDisabled} .headingLevel=${this.headingLevel} .hideActionBar=${this.hideActionBar} .hideCloseButton=${this.hideCloseButton} .hideFeatureListLayerTitle=${this.hideFeatureListLayerTitle} .hideFeatureMenuHeading=${this.hideFeatureMenuHeading} .hideFeatureNavigation=${this.hideFeatureNavigation} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideHeading=${this.hideHeading} .hideSpinner=${this.hideSpinner} @arcgisPropertyChange=${this._handleArcgisPropertyChange} @arcgisTriggerAction=${this._handleArcgisTriggerAction} @arcgisClose=${this._handleClose} .messageOverrides=${e} .referenceElement=${this.referenceElement} .responsiveActionsEnabled=${!0} .showCollapseButton=${!this.hideCollapseButton} .viewModel=${this.viewModel} ${m(this._featuresComponent)}><slot name=actions-start slot=actions-start></slot><slot name=actions-end slot=actions-end></slot></arcgis-features-next></div>`;
+    return w`<div class=${y(x("main-container", t))} ${m(this._mainContainerNode)}><arcgis-features-next .collapsed=${this.collapsed} .autoDestroyDisabled=${this.autoDestroyDisabled} .featureNavigationTop=${this._featureNavigationTop} .focusTrapEnabled=${!this.focusTrapDisabled} .headingLevel=${this.headingLevel} .hideActionBar=${this.hideActionBar} .hideCloseButton=${this.hideCloseButton} .hideFeatureListLayerTitle=${this.hideFeatureListLayerTitle} .hideFeatureMenuHeading=${this.hideFeatureMenuHeading} .hideFeatureNavigation=${this.hideFeatureNavigation} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideHeading=${this.hideHeading} .hideSpinner=${this.hideSpinner} @arcgisPropertyChange=${this._handleArcgisPropertyChange} @arcgisTriggerAction=${this._handleArcgisTriggerAction} @arcgisClose=${this._handleClose} .messageOverrides=${e} .referenceElement=${this.referenceElement} .responsiveActionsEnabled=${!0} .showCollapseButton=${!this.hideCollapseButton} .viewModel=${this.viewModel} ${m(this._featuresComponent)}><slot name=actions-start slot=actions-start></slot><slot name=actions-end slot=actions-end></slot></arcgis-features-next></div>`;
   }
 }
 E("arcgis-popup", R);

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

@@ -55,7 +55,13 @@ export interface DeclareCssProperties {
   "--arcgis-layout-overlay-space-right": "*";
   /** _Since 5.0_ Specifies the focus outline color for the view. */
   "--arcgis-view-color-focus": "*";
-  /** _Since 5.2_ Specifies the corner radius for the view. */
+  /**
+   * _Since 5.2_ Specifies the corner radius for the view.
+   *
+   * A larger corner radius may cause a visual mismatch between the view and its built-in attribution.
+   * This limitation will be addressed in a future release. In the meantime, set `border-radius`
+   * on the view component to the same value as this CSS custom property.
+   */
   "--arcgis-view-corner-radius": "*";
   /** _Since 5.1_ Specifies the background color for table rows. */
   "--arcgis-table-row-background-color": "*";

package/dist/components/arcgis-table-list-next/customElement.d.ts

@@ -5,7 +5,7 @@ import type MapView from "@arcgis/core/views/MapView.js";
 import type SceneView from "@arcgis/core/views/SceneView.js";
 import type WebMap from "@arcgis/core/WebMap.js";
 import type WebScene from "@arcgis/core/WebScene.js";
-import type { State, TableItemLayer } from "@arcgis/core/layers/list/types.js";
+import type { State, TableItemLayer } from "@arcgis/core/layerList/types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel, IconName } from "../types.js";
 import type { CanSortFunction, FilterPredicate, TableItem, TableItemModifier, TableListTriggerActionEvent } from "./types.js";
@@ -76,7 +76,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    */
   accessor collapsed: boolean;
   /**
-   * Indicates whether [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) may be reordered within the list by dragging and dropping. MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/references/core/layers/MapImageLayer/#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer. Drag and drop won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#minDragEnabledItems).
+   * Indicates whether [items](https://developers.arcgis.com/javascript/latest/references/core/layerList/Item/) may be reordered within the list by dragging and dropping. MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/references/core/layers/MapImageLayer/#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer. Drag and drop won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#minDragEnabledItems).
    *
    * @default false
    * @example
@@ -331,7 +331,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * A collection of selected [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) in the list. This collection is updated when the user changes selection and is only populated when [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#selectionMode) is not set to `"none"`.
+   * A collection of selected [items](https://developers.arcgis.com/javascript/latest/references/core/layerList/Item/) in the list. This collection is updated when the user changes selection and is only populated when [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#selectionMode) is not set to `"none"`.
    *
    * @see [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#selectionMode)
    * @example

package/dist/components/arcgis-table-list-next/customElement.js

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
-import { repeat as $ } from "lit/directives/repeat.js";
+import { repeat as M } from "lit/directives/repeat.js";
 import { keyed as _ } from "lit/directives/keyed.js";
-import M from "@arcgis/core/core/Collection.js";
+import $ from "@arcgis/core/core/Collection.js";
 import { watch as I, on as v } from "@arcgis/core/core/reactiveUtils.js";
-import L from "@arcgis/core/layers/list/TableItemCollection.js";
+import L from "@arcgis/core/layerList/TableListModel.js";
 import { LitElement as E, createEvent as c, safeClassMap as b, nothing as F } from "@arcgis/lumina";
 import { usePropertyChange as T } from "@arcgis/lumina/controllers";
 import { reEmitEvent as D } from "@arcgis/lumina-toolkit/reEmitEvent";
@@ -34,7 +34,7 @@ class z extends E {
       this._selectedDragItemLayerUid = e;
     }, this._onTriggerAction = (e, t) => {
       this.triggerAction(e, t);
-    }, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.icon = "table", this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.map = this.viewModel.map, this.minDragEnabledItems = B, this.minFilterItems = R, this.selectedItems = new M(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryTableIndicators = !1, this.tables = this.viewModel.tables, this.arcgisClose = c(), this.arcgisFilterChange = c(), this.arcgisPropertyChange = T()("state"), this.arcgisReady = c(), this.arcgisSelectedItemsChange = c(), this.arcgisTableItemsChanged = c(), this.arcgisTriggerAction = D(() => this.viewModel, "trigger-action");
+    }, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.icon = "table", this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.map = this.viewModel.map, this.minDragEnabledItems = B, this.minFilterItems = R, this.selectedItems = new $(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryTableIndicators = !1, this.tables = this.viewModel.tables, this.arcgisClose = c(), this.arcgisFilterChange = c(), this.arcgisPropertyChange = T()("state"), this.arcgisReady = c(), this.arcgisSelectedItemsChange = c(), this.arcgisTableItemsChanged = c(), this.arcgisTriggerAction = D(() => this.viewModel, "trigger-action");
   }
   static {
     this.properties = { _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, autoDestroyDisabled: 5, closed: 5, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, hideStatusIndicators: 5, icon: 1, label: 1, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, listModeDisabled: 5, map: 0, messageOverrides: 0, minDragEnabledItems: 9, minFilterItems: 9, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryTableIndicators: 5, state: 32, tableItems: 32, tables: 0, view: 0 };
@@ -155,7 +155,7 @@ class z extends E {
     return this.hideNoItemsNotice ? null : o`<div class=${b(w.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`;
   }
   _renderPanelFlowItems() {
-    return $(this._openedPanelItems.toArray(), (e) => e.uid, (e, t) => {
+    return M(this._openedPanelItems.toArray(), (e) => e.uid, (e, t) => {
       const { panel: i, title: s } = e, l = () => this._handlePanelFlowItemBack(i);
       return o`<calcite-flow-item .description=${s} .heading=${i.title} .headingLevel=${this.headingLevel} .selected=${t === this._openedPanelItems.length - 1} @calciteFlowItemBack=${(a) => {
         a.preventDefault(), l();