@arcgis/map-components 5.1.0-next.104 → 5.1.0-next.107

package/dist/chunks/action-utils.js

@@ -2,7 +2,7 @@
 import { i as f } from "./async-utils.js";
 import { g as l } from "./feature-utils.js";
 import { isZoomScreenSize as w } from "@arcgis/core/applications/Components/actionUtils.js";
-function S(e) {
+function C(e) {
   if (e.icon)
     return e.icon;
   if (!("image" in e && e.image) && !e.className)
@@ -17,45 +17,51 @@ function y(e) {
   const { selectedFeature: t, location: o, view: r } = e;
   return r ? t ?? o ?? null : null;
 }
-async function h(e, t, o) {
-  const { location: r, selectedFeature: a, view: i, zoomFactor: n } = e;
+function b(e) {
+  return "browseClusterEnabled" in e && "featureMenuOpen" in e;
+}
+function h(e) {
+  return "aggregatedFeaturesEnabled" in e;
+}
+async function E(e, t, o) {
+  const { location: r, selectedFeature: a, view: n, zoomFactor: i } = e;
   await o?.viewModel?.updateGeometry();
-  const s = o?.graphic, g = s?.geometry ? s : y(e);
-  if (!i || !g)
+  const s = o?.graphic, c = s?.geometry ? s : y(e);
+  if (!n || !c)
     throw new Error("Cannot zoom to location without a target and view.");
-  const m = i.scale / n, c = s?.geometry ?? e.selectedFeature?.geometry ?? r, u = c?.type === "point" && await w(s ?? a, i);
+  const d = n.scale / i, u = s?.geometry ?? e.selectedFeature?.geometry ?? r, g = u?.type === "point" && await w(s ?? a, n);
   t.active = !0, t.disabled = !0;
   try {
     await e.zoomTo({
       target: {
-        target: g,
-        scale: u ? m : void 0
+        target: c,
+        scale: g ? d : void 0
       }
     });
-  } catch (d) {
-    if (f(d))
+  } catch (m) {
+    if (f(m))
       return;
     throw new Error("Could not zoom to the location of the graphic.");
   } finally {
-    t.active = !1, t.disabled = !1, u && e.location !== c && (e.location = c);
+    t.active = !1, t.disabled = !1, g && e.location !== u && (e.location = u);
   }
 }
 async function p(e, t) {
   const o = await e.whenLayerView(l(t)), r = o.createQuery(), a = t.getObjectId();
   return r.aggregateIds = a != null ? [a] : [], [o, r];
 }
-async function b(e, t) {
+async function z(e, t) {
   const { selectedFeature: o, view: r } = e;
   if (r?.type !== "2d")
     throw new Error("zoomToAggregate:invalid-view: View must be 2d MapView.");
   if (!o?.isAggregate)
     throw new Error("zoomToAggregate:invalid-selectedFeature: Selected feature must represent an aggregate graphic.");
-  const [a, i] = await p(r, o);
+  const [a, n] = await p(r, o);
   t.active = !0, t.disabled = !0;
-  const { extent: n } = await a.queryExtent(i);
-  n && await e.zoomTo({ target: n }), t.active = !1, t.disabled = !1;
+  const { extent: i } = await a.queryExtent(n);
+  i && await e.zoomTo({ target: i }), t.active = !1, t.disabled = !1;
 }
-const V = async (e, t) => {
+const q = async (e, t) => {
   if (!e)
     throw new Error("trigger-action:missing-arguments: Event has no action");
   const { disabled: o, id: r } = e;
@@ -64,13 +70,21 @@ const V = async (e, t) => {
   if (o)
     throw new Error("trigger-action:invalid-action: Action is disabled");
   if (r === "zoom-to-feature")
-    return await h(t, e).catch((a) => {
+    return await E(t, e).catch((a) => {
       if (!f(a))
         throw a;
     });
   if (r === "zoom-to-aggregated-features")
-    return await b(t, e);
+    return await z(t, e);
+  if (r === "browse-clustered-features") {
+    if (!b(t))
+      throw new Error("trigger-action:invalid-view-model: browse-clustered-features requires FeaturesViewModel.");
+    t.browseClusterEnabled = !t.browseClusterEnabled, t.featureMenuOpen = t.browseClusterEnabled;
+    return;
+  }
   if (r === "browse-aggregated-features") {
+    if (!h(t))
+      throw new Error("trigger-action:invalid-view-model: browse-aggregated-features requires Features.");
     t.aggregatedFeaturesEnabled = !t.aggregatedFeaturesEnabled;
     return;
   }
@@ -79,13 +93,13 @@ const V = async (e, t) => {
     const { selectedFeature: a } = t;
     if (!a)
       throw new Error("trigger-action:missing-selected-feature: Cannot remove selected feature without a selected feature.");
-    const i = l(a);
-    i ? i.remove(a) : t.view?.graphics.remove(a);
+    const n = l(a);
+    n ? n.remove(a) : t.view?.graphics.remove(a);
   }
 };
 export {
-  S as a,
+  C as a,
   T as g,
-  V as t,
-  h as z
+  q as t,
+  E as z
 };

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

@@ -1,37 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
-import { css as m, html as d } from "lit";
-import { keyed as F } from "lit/directives/keyed.js";
+import { css as m, html as n } from "lit";
 import "@arcgis/core/core/Collection.js";
-import _ from "@arcgis/core/popup/Feature.js";
-import y from "@arcgis/core/Graphic.js";
-import A from "@arcgis/core/symbols/SimpleFillSymbol.js";
-import { LitElement as p, renderElement as w } from "@arcgis/lumina";
-import { a as f } from "../../chunks/maybe.js";
-import { usePropertyChange as I, bypassReadOnly as n } from "@arcgis/lumina/controllers";
-import { getDisplayedSymbol as v } from "@arcgis/core/symbols/support/symbolUtils.js";
-import { g as b } from "../../chunks/feature-utils.js";
-import { i as S } from "../../chunks/async-utils.js";
-import { stripHTML as x } from "@arcgis/core/applications/Components/stringUtils.js";
+import F from "@arcgis/core/popup/Feature.js";
+import _ from "@arcgis/core/Graphic.js";
+import y from "@arcgis/core/symbols/SimpleFillSymbol.js";
+import { LitElement as A, renderElement as p } from "@arcgis/lumina";
+import { a as w } from "../../chunks/maybe.js";
+import { usePropertyChange as f, bypassReadOnly as d } from "@arcgis/lumina/controllers";
+import { getDisplayedSymbol as I } from "@arcgis/core/symbols/support/symbolUtils.js";
+import { g as v } from "../../chunks/feature-utils.js";
+import { i as b } from "../../chunks/async-utils.js";
+import { stripHTML as S } from "@arcgis/core/applications/Components/stringUtils.js";
 import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
-const C = m`calcite-notice{padding:var(--calcite-space-lg)}`;
-class B extends p {
+const x = m`calcite-notice{padding:var(--calcite-space-lg)}`;
+class C extends A {
   constructor() {
-    super(...arguments), this._aggregatedGraphicsSet = /* @__PURE__ */ new Set(), this.aggregatedFeatureCount = 0, this.selectedAggregatedFeatureIndex = -1, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new y({
-      symbol: new A({
+    super(...arguments), this._aggregatedGraphicsSet = /* @__PURE__ */ new Set(), this.aggregatedFeatureCount = 0, this.selectedAggregatedFeatureIndex = -1, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new _({
+      symbol: new y({
         outline: {
           width: 1.5,
           color: "cyan"
         },
         style: "none"
       })
-    }), this.arcgisPropertyChange = I()("aggregatedFeatureCount", "selectedAggregatedFeatureIndex", "aggregatedFeatureItems", "aggregatedFeatures", "loading"), this._renderableAggregatedFeatureItems = [];
+    }), this.arcgisPropertyChange = f()("aggregatedFeatureCount", "selectedAggregatedFeatureIndex", "aggregatedFeatureItems", "aggregatedFeatures", "loading"), this._renderableAggregatedFeatureItems = [];
   }
   static {
     this.properties = { _abortController: 16, aggregatedFeatureCount: 32, selectedAggregatedFeatureIndex: 32, aggregatedFeatureItems: 32, aggregatedFeatures: 32, autoDestroyDisabled: 5, feature: 0, flowItems: 0, loading: 32, map: 0, messages: 0, selectedAggregateBoundaryFeature: 32, spatialReference: 0, timeZone: 1, view: 0 };
   }
   static {
-    this.styles = C;
+    this.styles = x;
   }
   async destroy() {
     await this.manager.destroy(), this._cancelQuery(), this._clearAggregatedFeatureItems(), this._removeAggregateBoundaryFeature();
@@ -58,18 +57,18 @@ class B extends p {
     super.disconnectedCallback(), this._cancelQuery(), this._clearAggregatedFeatureItems(), this._removeAggregateBoundaryFeature();
   }
   _setAggregatedFeatureCount(e) {
-    n(() => this.aggregatedFeatureCount = e);
+    d(() => this.aggregatedFeatureCount = e);
   }
   _setSelectedAggregatedFeatureIndex(e) {
-    n(() => this.selectedAggregatedFeatureIndex = e);
+    d(() => this.selectedAggregatedFeatureIndex = e);
   }
   _setAggregatedFeatureItemsReadOnly(e) {
-    n(() => {
+    d(() => {
       this.aggregatedFeatureItems = e;
     }), this._renderableAggregatedFeatureItems = e.filter((t) => !!t.graphic);
   }
   _setAggregatedFeatures(e) {
-    this._aggregatedGraphicsSet = new Set(e), n(() => this.aggregatedFeatures = e);
+    this._aggregatedGraphicsSet = new Set(e), d(() => this.aggregatedFeatures = e);
   }
   _getAggregatedFeatureItemsHeadingSignature() {
     let e = "";
@@ -78,10 +77,10 @@ class B extends p {
     return e;
   }
   _setLoading(e) {
-    n(() => this.loading = e);
+    d(() => this.loading = e);
   }
   _cancelQuery() {
-    this._abortController = f(this._abortController), this._setLoading(!1);
+    this._abortController = w(this._abortController), this._setLoading(!1);
   }
   _removeBoundaryGraphicFromView(e) {
     e?.graphics.remove(this.selectedAggregateBoundaryFeature);
@@ -93,7 +92,7 @@ class B extends p {
     this._setAggregatedFeatures([]), this._clearAggregatedFeatureItems(), this._setAggregatedFeatureCount(0), this._removeAggregateBoundaryFeature();
   }
   _setAggregatedFeatureItems(e) {
-    this._setAggregatedFeatureItemsReadOnly(e.map((t) => new _({ graphic: t })));
+    this._setAggregatedFeatureItemsReadOnly(e.map((t) => new F({ graphic: t })));
   }
   _setAggregatedFeaturesState(e) {
     this._setAggregatedFeatures(e), this._setAggregatedFeatureItems(e), this._setAggregatedFeatureCount(e.length);
@@ -110,7 +109,7 @@ class B extends p {
     r !== t && this._removeBoundaryGraphicFromView(r), this.selectedAggregateBoundaryFeature.geometry = e, this._boundaryGraphicView = t, t.graphics.includes(this.selectedAggregateBoundaryFeature) || t.graphics.add(this.selectedAggregateBoundaryFeature);
   }
   async _getLayerViewAndQuery(e) {
-    const { view: t } = this, r = b(e);
+    const { view: t } = this, r = v(e);
     if (!t || !r)
       return null;
     const a = await t.whenLayerView(r);
@@ -144,7 +143,7 @@ class B extends p {
       const o = g.features ?? [];
       this._setAggregatedFeaturesState(o), i.extent ? this._updateAggregateBoundaryFeature(i.extent) : this._removeAggregateBoundaryFeature();
     } catch (g) {
-      if (this._abortController !== a || (this._abortController = null, this._setLoading(!1), S(g)))
+      if (this._abortController !== a || (this._abortController = null, this._setLoading(!1), b(g)))
         return;
       this._resetAggregatedFeaturesState();
     }
@@ -155,7 +154,7 @@ class B extends p {
   async _addSelectedAggregatedFeature(e) {
     const { view: t } = this;
     if (e && t) {
-      const r = await v(e), s = e.clone();
+      const r = await I(e), s = e.clone();
       s.symbol = r, this._selectedAggregatedFeature = s, t.graphics.add(this._selectedAggregatedFeature);
     }
   }
@@ -164,7 +163,7 @@ class B extends p {
   }
   async _selectFeature(e) {
     const { flowItems: t, view: r } = this;
-    t && this._addFlowItem(w(F(e, d`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .graphic=${e.graphic} .map=${this.map} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${r ?? void 0}></arcgis-feature>`)));
+    t && this._addFlowItem(p(n`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .graphic=${e.graphic} .map=${this.map} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${r ?? void 0}></arcgis-feature-next>`));
   }
   async _selectRelativeAggregatedFeature(e) {
     const { aggregatedFeatures: t, aggregatedFeatureItems: r, flowItems: s } = this;
@@ -188,14 +187,14 @@ class B extends p {
     await this._selectFeature(o);
   }
   _renderChevronIconNode() {
-    return d`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
+    return n`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
   }
   render() {
     const { _renderableAggregatedFeatureItems: e } = this, { loading: t } = this;
-    return t || e.length > 0 ? d`<calcite-list .loading=${t} display-mode=flat .filterEnabled=${e.length > 10} .filterPlaceholder=${this.messages?.aggregatedFeaturesPlaceholder ?? ""} .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${e.map((s) => d`<calcite-list-item .label=${x(s.heading) ?? ""} @calciteListItemSelect=${() => this._selectFeature(s)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : d`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
+    return t || e.length > 0 ? n`<calcite-list .loading=${t} display-mode=flat .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${e.map((s) => n`<calcite-list-item .label=${s.heading ? S(s.heading) : void 0} @calciteListItemSelect=${() => this._selectFeature(s)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : n`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
   }
 }
-h("arcgis-aggregated-features", B);
+h("arcgis-aggregated-features", C);
 export {
-  B as ArcgisAggregatedFeatures
+  C as ArcgisAggregatedFeatures
 };

package/dist/components/arcgis-aggregated-features/index.js

@@ -1,4 +1,4 @@
-import "../arcgis-feature/index.js";
+import "../arcgis-feature-next/index.js";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";

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

@@ -18,7 +18,7 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * When a bookmark with a timeExtent is selected, the [arcgis-map.timeExtent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#timeExtent) of the Map will be set to the timeExtent of the selected bookmark.
  * To disable time capability in the Bookmarks component, set [timeDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#timeDisabled) to `true`.
  *
- * Starting with version `5.1`, on [@arcgisBookmarkSelect](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#event-arcgisBookmarkSelect) the selected bookmark's name is announced to assistive technologies. Visit the [Accessibility guide](xref://site.self/accessibility/#assistive-technologies) to learn more
+ * Starting with version `5.1`, on [@arcgisBookmarkSelect](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#event-arcgisBookmarkSelect) the selected bookmark's name is announced to assistive technologies. Visit the [Accessibility guide](https://developers.arcgis.com/javascript/latest/accessibility/#assistive-technologies) to learn more
  * about live announcements supporting more audiences.
  *
  * The Bookmarks component can be used to create, edit, reorder, and delete bookmarks.

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

@@ -169,7 +169,8 @@ class Y extends z {
       });
     this._activeBookmark = e;
     const r = q({ target: i }, t, this.goToOverride), o = e?.timeExtent;
-    return !this.timeDisabled && o && (t.timeExtent = o), this.arcgisBookmarkSelect.emit({ bookmark: e }), this._bookmarkSelectedMessage = this.messages?.bookmarkSelected?.replace("{bookmarkName}", e.name), r.catch().then(() => this._activeBookmark = null), r;
+    return !this.timeDisabled && o && (t.timeExtent = o), this.arcgisBookmarkSelect.emit({ bookmark: e }), this._bookmarkSelectedMessage = this.messages?.bookmarkSelected?.replace("{bookmarkName}", e.name), r.catch(() => {
+    }).then(() => this._activeBookmark = null), r;
   }
   loaded() {
     this.manager.onLifecycle(() => [

package/dist/components/arcgis-elevation-profile/customElement.js

@@ -218,7 +218,8 @@ let s = class extends z {
     });
     e.finally(() => {
       this._selectingPromise === e && (this._selectingPromise = void 0);
-    }), this._selectingPromise = e, await e.catch();
+    }), this._selectingPromise = e, await e.catch(() => {
+    });
   }
   async place(t) {
     await this.analysisView?.place(t);

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

@@ -1,5 +1,5 @@
 /// <reference path="../../index.d.ts" />
-import type Feature from "@arcgis/core/popup/Feature.js";
+import type FeatureViewModel from "@arcgis/core/widgets/Feature/FeatureViewModel.js";
 import type Graphic from "@arcgis/core/Graphic.js";
 import type SpatialReference from "@arcgis/core/geometry/SpatialReference.js";
 import type Map from "@arcgis/core/Map.js";
@@ -8,7 +8,7 @@ import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
-import type { State } from "@arcgis/core/popup/types.js";
+import type { State } from "@arcgis/core/widgets/Feature/types.js";
 
 /**
  * The Feature component displays a graphic according to its [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/).
@@ -41,7 +41,7 @@ export abstract class ArcgisFeature extends LitElement {
    * @default false
    * @since 4.34
    */
-  accessor chartAnimationDisabled: boolean;
+  accessor chartAnimationDisabled: boolean | undefined;
   /**
    * Enables automatic creation of a popup template for layers that have popups enabled but no
    * popupTemplate defined. Automatic popup templates are supported for layers that
@@ -402,7 +402,7 @@ export abstract class ArcgisFeature extends LitElement {
    */
   accessor view: MapViewOrSceneView | null | undefined;
   /** @since 4.34 */
-  accessor viewModel: Feature;
+  accessor viewModel: FeatureViewModel;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /**