@arcgis/map-components 5.1.0-next.82 → 5.1.0-next.84

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

@@ -0,0 +1,144 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as d } from "../../chunks/runtime.js";
+import { html as g } from "lit";
+import { keyed as c } from "lit/directives/keyed.js";
+import "@arcgis/core/core/Collection.js";
+import h from "@arcgis/core/popup/Feature.js";
+import m from "@arcgis/core/Graphic.js";
+import y from "@arcgis/core/symbols/SimpleFillSymbol.js";
+import { LitElement as F, renderElement as _ } from "@arcgis/lumina";
+import { a as p } from "../../chunks/maybe.js";
+import { usePropertyChange as f, bypassReadOnly as n } from "@arcgis/lumina/controllers";
+import { g as A } from "../../chunks/feature-utils.js";
+import { i as w } from "../../chunks/async-utils.js";
+import { stripHTML as b } from "@arcgis/core/applications/Components/stringUtils.js";
+import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
+class v extends F {
+  constructor() {
+    super(...arguments), this.aggregatedFeatureCount = 0, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new m({
+      symbol: new y({
+        outline: {
+          width: 1.5,
+          color: "cyan"
+        },
+        style: "none"
+      })
+    }), this.arcgisPropertyChange = f()("aggregatedFeatureCount", "aggregatedFeatureItems", "aggregatedFeatures", "loading");
+  }
+  static {
+    this.properties = { _abortController: 16, aggregatedFeatureCount: 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 };
+  }
+  async destroy() {
+    await this.manager.destroy(), this._cancelQuery(), this._clearAggregatedFeatureItems(), this._removeAggregateBoundaryFeature();
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      l(() => [this.feature, this.view], () => {
+        this._updateAggregatedFeatures();
+      }, { initial: !0 }),
+      l(() => this.aggregatedFeatureItems.map((e) => e.heading ?? "").join("|"), () => this.requestUpdate())
+    ]);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._cancelQuery(), this._clearAggregatedFeatureItems(), this._removeAggregateBoundaryFeature();
+  }
+  _setAggregatedFeatureCount(e) {
+    n(() => this.aggregatedFeatureCount = e);
+  }
+  _setAggregatedFeatureItemsReadOnly(e) {
+    n(() => this.aggregatedFeatureItems = e);
+  }
+  _setAggregatedFeatures(e) {
+    n(() => this.aggregatedFeatures = e);
+  }
+  _setLoading(e) {
+    n(() => this.loading = e);
+  }
+  _cancelQuery() {
+    this._abortController = p(this._abortController), this._setLoading(!1);
+  }
+  _removeBoundaryGraphicFromView(e) {
+    e?.graphics.remove(this.selectedAggregateBoundaryFeature);
+  }
+  _clearAggregatedFeatureItems() {
+    this._setAggregatedFeatureItemsReadOnly([]);
+  }
+  _resetAggregatedFeaturesState() {
+    this._setAggregatedFeatures([]), this._clearAggregatedFeatureItems(), this._setAggregatedFeatureCount(0), this._removeAggregateBoundaryFeature();
+  }
+  _setAggregatedFeatureItems(e) {
+    this._setAggregatedFeatureItemsReadOnly(e.map((t) => new h({ graphic: t })));
+  }
+  _setAggregatedFeaturesState(e) {
+    this._setAggregatedFeatures(e), this._setAggregatedFeatureItems(e), this._setAggregatedFeatureCount(e.length);
+  }
+  _removeAggregateBoundaryFeature() {
+    this._removeBoundaryGraphicFromView(this._boundaryGraphicView), this.selectedAggregateBoundaryFeature.geometry = null, this._boundaryGraphicView = void 0;
+  }
+  _updateAggregateBoundaryFeature(e) {
+    const { view: t } = this, a = this._boundaryGraphicView;
+    if (!t) {
+      this._removeAggregateBoundaryFeature();
+      return;
+    }
+    a !== t && this._removeBoundaryGraphicFromView(a), this.selectedAggregateBoundaryFeature.geometry = e, this._boundaryGraphicView = t, t.graphics.includes(this.selectedAggregateBoundaryFeature) || t.graphics.add(this.selectedAggregateBoundaryFeature);
+  }
+  async _getLayerViewAndQuery(e) {
+    const { view: t } = this, a = A(e);
+    if (!t || !a)
+      return null;
+    const r = await t.whenLayerView(a);
+    if (!r?.createQuery || !r?.queryFeatures || !r?.queryExtent)
+      return null;
+    const s = r.createQuery(), i = e.getObjectId();
+    return s.aggregateIds = i != null ? [i] : [], [r, s];
+  }
+  async _updateAggregatedFeatures() {
+    this._cancelQuery();
+    const { feature: e } = this;
+    if (!e?.isAggregate) {
+      this._resetAggregatedFeaturesState();
+      return;
+    }
+    const t = await this._getLayerViewAndQuery(e);
+    if (!t) {
+      this._resetAggregatedFeaturesState();
+      return;
+    }
+    const [a, o] = t, r = new AbortController();
+    this._abortController = r, this._setLoading(!0);
+    try {
+      const [s, i] = await Promise.all([
+        a.queryFeatures(o, { signal: r.signal }),
+        a.queryExtent(o, { signal: r.signal })
+      ]);
+      if (this._abortController !== r || r.signal.aborted)
+        return;
+      this._abortController = null, this._setLoading(!1);
+      const u = s.features ?? [];
+      this._setAggregatedFeaturesState(u), i.extent ? this._updateAggregateBoundaryFeature(i.extent) : this._removeAggregateBoundaryFeature();
+    } catch (s) {
+      if (this._abortController !== r || (this._abortController = null, this._setLoading(!1), w(s)))
+        return;
+      this._resetAggregatedFeaturesState();
+    }
+  }
+  _addFlowItem(e) {
+    e && this.flowItems?.push(e);
+  }
+  _selectFeature(e) {
+    const { flowItems: t, view: a } = this;
+    t && this._addFlowItem(_(c(e, g`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .graphic=${e.graphic} .map=${this.map} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${a ?? void 0}></arcgis-feature>`)));
+  }
+  _renderChevronIconNode() {
+    return g`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
+  }
+  render() {
+    const { aggregatedFeatureItems: e } = this, { loading: t } = this, a = e.filter((r) => r.graphic);
+    return t || a.length > 0 ? g`<calcite-list .loading=${t} display-mode=flat .filterEnabled=${a.length > 10} .filterPlaceholder=${this.messages?.aggregatedFeaturesPlaceholder ?? ""} .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${a.map((r) => g`<calcite-list-item .label=${b(r.heading) ?? ""} @calciteListItemSelect=${() => this._selectFeature(r)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : g`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
+  }
+}
+d("arcgis-aggregated-features", v);
+export {
+  v as ArcgisAggregatedFeatures
+};

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

@@ -0,0 +1,6 @@
+import "../arcgis-feature/index.js";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-notice";
+export * from "./customElement.js";

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

@@ -11,7 +11,7 @@ import { u as be } from "../../chunks/useT9n.js";
 import { u as ve } from "../../chunks/useView.js";
 import { m as J } from "../../chunks/handle.js";
 import { o as $, i as p, b as A, d as k, g as we } from "../../chunks/time-utils.js";
-import { r as ye, b as xe, d as Se } from "../../chunks/async-utils.js";
+import { r as ye, b as xe, e as Se } from "../../chunks/async-utils.js";
 import { createTrackingTarget as De, runTracked as W, signal as Te } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { C as K } from "../../chunks/component-wrapper.js";
 import { V as D } from "../../chunks/visible-element.js";

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

@@ -13,7 +13,7 @@ const f = h`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .
 class v extends l {
   constructor() {
     super(...arguments), this.widget = u(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.apiKey = this.widget.apiKey, this.autoDestroyDisabled = !1, this.goToOverride = this.widget.goToOverride, this.headingLevel = this.widget.headingLevel, this.hideLayerDetails = this.widget.visibleElements.layerDetails, this.hidePrintButton = this.widget.visibleElements.printButton, this.hideSaveAsButton = this.widget.visibleElements.saveAsButton, this.hideSaveButton = this.widget.visibleElements.saveButton, this.icon = this.widget.icon, this.label = this.widget.label, this.lastRoute = this.widget.lastRoute, this.layer = this.widget.layer, this.layerId = m(this, (i) => {
-      i && (this.layer = i);
+      i ? this.layer = i : this.layer === void 0 && (this.layer = null);
     }), this.maxStops = this.widget.maxStops, this.searchProperties = this.widget.searchProperties, this.state = this.viewModel.state, this.unit = this.widget.unit, this.useDefaultRouteLayer = !1, this.arcgisPropertyChange = s()("lastRoute", "state"), this.arcgisReady = d();
   }
   static {

package/dist/components/arcgis-elevation-profile/customElement.d.ts

@@ -437,9 +437,8 @@ export abstract class ArcgisElevationProfile extends LitElement {
       zoomOut?: string | undefined;
   };
   /**
-   * The collection of profile lines to compute and display. Each profile line defines a different source for sampling
-   * elevation along the input geometry (such as ground, input geometry itself, custom elevation sources, or scene
-   * content), and includes settings for how the resulting line will appear in the component chart and in the view.
+   * The collection of profiles to compute and display. Top-level entries can be either individual profile lines or
+   * groups that organize multiple lines under a shared title in the legend.
    *
    * [Read more](https://developers.arcgis.com/javascript/latest/references/core/analysis/ElevationProfileAnalysis/#profiles)
    */

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

@@ -522,7 +522,7 @@ class J extends k {
     return c`<calcite-action icon=trash @click=${this._onClearButtonClick} .text=${e} title=${e ?? u}></calcite-action>`;
   }
   _renderLegend() {
-    return c`<arcgis-elevation-profile-legend .effectiveDisplayUnits=${this.viewModel.effectiveDisplayUnits} .featureSelected=${this.viewModel.featureIsSelected} .messages=${this._messages} .results=${this.viewModel.results}></arcgis-elevation-profile-legend>`;
+    return c`<arcgis-elevation-profile-legend .effectiveDisplayUnits=${this.viewModel.effectiveDisplayUnits} .featureSelected=${this.viewModel.featureIsSelected} .messages=${this._messages} .profiles=${this.profiles} .results=${this.viewModel.results}></arcgis-elevation-profile-legend>`;
   }
   _renderSettingsButton() {
     return c`<arcgis-elevation-profile-settings .viewModel=${this.viewModel} .hideUniformChartScalingToggle=${this.hideUniformChartScalingToggle} .hideDistanceDisplayUnitSelect=${this.hideDistanceDisplayUnitSelect} .hideElevationDisplayUnitSelect=${this.hideElevationDisplayUnitSelect} .messages=${this._messages} .uniformChartScaling=${this.viewModel.uniformChartScaling} .unitOptionsDistance=${this.viewModel.distanceUnitOptions} .unitOptionsElevation=${this.viewModel.elevationUnitOptions} @arcgisElevationProfileSettingsUniformChartScalingChange=${(e) => {

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

@@ -1,31 +1,37 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
-import { css as o, html as r } from "lit";
-import { LitElement as d } from "@arcgis/lumina";
-const c = o`:host{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxs)}`;
-class p extends d {
+import { c as a } from "../../chunks/runtime.js";
+import { css as n, html as s } from "lit";
+import { LitElement as l } from "@arcgis/lumina";
+const o = n`:host{--arcgis-internal-legend-gap: var(--calcite-spacing-xxs);--arcgis-internal-legend-group-gap: var(--calcite-spacing-md);display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-gap)}.group{display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-gap)}.group+.group,.group+arcgis-elevation-profile-legend-item,arcgis-elevation-profile-legend-item+.group{margin-block-start:calc(var(--arcgis-internal-legend-group-gap) - var(--arcgis-internal-legend-gap))}.group-title{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-medium);text-align:start}`;
+class g extends l {
   constructor() {
     super(...arguments), this._expandedLine = void 0, this.featureSelected = !1;
   }
   static {
-    this.properties = { _expandedLine: 16, effectiveDisplayUnits: 0, featureSelected: 5, messages: 0, results: 0 };
+    this.properties = { _expandedLine: 16, effectiveDisplayUnits: 0, featureSelected: 5, messages: 0, profiles: 0, results: 0 };
   }
   static {
-    this.styles = c;
+    this.styles = o;
   }
   async destroy() {
     await this.manager.destroy();
   }
-  _onToggleExpand(t) {
-    const e = t.detail;
-    this._expandedLine = e === this._expandedLine ? void 0 : e;
+  _onToggleExpand(e) {
+    const t = e.detail;
+    this._expandedLine = t === this._expandedLine ? void 0 : t;
   }
   render() {
-    const { messages: t, effectiveDisplayUnits: e, _expandedLine: n } = this, s = this.results ?? [], a = s.length <= 1;
-    return s.map((i) => r`<arcgis-elevation-profile-legend-item .effectiveDisplayUnits=${e} .expanded=${i.profile === n} .featureSelected=${this.featureSelected} .hideCheckbox=${a} .messages=${t} @arcgisExpandedToggle=${this._onToggleExpand} .result=${i}></arcgis-elevation-profile-legend-item>`);
+    const e = this.profiles?.toArray() ?? [], t = this.results ?? [], r = new Map(t.map((i) => [i.profile.id, i]));
+    return r.size === 0 ? s`<div></div>` : e?.map((i) => i.type === "group" ? this._renderGroup(i, r) : this._renderProfile(i, r));
+  }
+  _renderGroup(e, t) {
+    return s`<div class="group">${e.title ? s`<div class="group-title">${e.title}</div>` : void 0}${e.profiles.toArray().map((r) => this._renderProfile(r, t))}</div>`;
+  }
+  _renderProfile(e, t) {
+    return s`<arcgis-elevation-profile-legend-item .effectiveDisplayUnits=${this.effectiveDisplayUnits} .expanded=${e === this._expandedLine} .featureSelected=${this.featureSelected} .hideCheckbox=${(this.results?.length ?? 0) <= 1} .messages=${this.messages} @arcgisExpandedToggle=${this._onToggleExpand} .result=${t.get(e.id)}></arcgis-elevation-profile-legend-item>`;
   }
 }
-l("arcgis-elevation-profile-legend", p);
+a("arcgis-elevation-profile-legend", g);
 export {
-  p as ArcgisElevationProfileLegend
+  g as ArcgisElevationProfileLegend
 };

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

@@ -9,7 +9,7 @@ import { m as x } from "../../chunks/useViewModel.js";
 import { LitElement as b, createEvent as F, nothing as _, safeClassMap as L } from "@arcgis/lumina";
 import { substitute as T } from "@arcgis/core/intl.js";
 import { renderingSanitizer as A } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { g as R, a as D, c as V, b as k, s as d, i as E, d as B } from "../../chunks/feature-utils.js";
+import { a as R, g as D, c as V, b as k, s as d, i as E, d as B } from "../../chunks/feature-utils.js";
 import H from "@arcgis/core/core/Collection.js";
 import { watch as N } from "@arcgis/core/core/reactiveUtils.js";
 import { stripHTML as P } from "@arcgis/core/applications/Components/stringUtils.js";

package/dist/components/arcgis-feature-attachments/customElement.js

@@ -7,7 +7,7 @@ import I from "@arcgis/core/core/Collection.js";
 import b from "@arcgis/core/core/Error.js";
 import { LitElement as _, nothing as p, safeClassMap as w, safeStyleMap as $ } from "@arcgis/lumina";
 import { classes as A } from "@arcgis/toolkit/dom";
-import { a as u } from "../../chunks/feature-utils.js";
+import { g as u } from "../../chunks/feature-utils.js";
 import { watch as C } from "@arcgis/core/core/reactiveUtils.js";
 function v(i) {
   const e = i.toLowerCase();
@@ -51,19 +51,19 @@ class R extends _ {
     ]);
   }
   async getAttachments() {
-    const { _attachmentLayer: e, _attachmentInfos: t, orderByFields: l, attachmentTypes: r, attachmentKeywords: s, _supportsTypeWildcard: f } = this;
+    const { _attachmentLayer: e, _attachmentInfos: t, orderByFields: l, attachmentTypes: r, attachmentKeywords: s, _supportsTypeWildcard: g } = this;
     if (!e || typeof e.queryAttachments != "function")
       throw new b("invalid-layer", "getAttachments(): A valid layer is required.");
     const o = this.graphic?.getObjectId();
     if (typeof o != "number")
       throw new b("invalid-object-id", "getAttachments(): Numeric object id is required");
-    const m = l?.map((c) => `${c.field} ${c.order === "descending" ? "DESC" : "ASC"}`), g = new S({
+    const m = l?.map((c) => `${c.field} ${c.order === "descending" ? "DESC" : "ASC"}`), f = new S({
       objectIds: [o],
       returnMetadata: !0,
       orderByFields: m,
-      attachmentTypes: f ? r?.filter(Boolean).map((c) => `${c}/*`) : void 0,
+      attachmentTypes: g ? r?.filter(Boolean).map((c) => `${c}/*`) : void 0,
       keywords: s
-    }), n = [], h = e.queryAttachments(g).then((c) => c[o] || n).catch(() => n);
+    }), n = [], h = e.queryAttachments(f).then((c) => c[o] || n).catch(() => n);
     this.getAttachmentsPromise = h;
     const d = await h;
     t.destroyAll(), d.length && t.addMany(d), this.getAttachmentsPromise = null;
@@ -96,13 +96,13 @@ class R extends _ {
     return e === "preview" ? this.renderAttachmentsPreview(t) : this.renderAttachmentsList(t);
   }
   renderAttachmentListItem(e) {
-    const { supportsResizeAttachments: t } = this, { contentType: l, name: r, url: s, size: f } = e, o = 64, m = r || this.messages?.noTitle, g = x(l), n = this.getCSSTransform(e), h = n ? { transform: n, "image-orientation": "none" } : {}, d = t && v(l), c = a`<a class=${w(A("item-link", "item-link--list", {
+    const { supportsResizeAttachments: t } = this, { contentType: l, name: r, url: s, size: g } = e, o = 64, m = r || this.messages?.noTitle, f = x(l), n = this.getCSSTransform(e), h = n ? { transform: n, "image-orientation": "none" } : {}, d = t && v(l), c = a`<a class=${w(A("item-link", "item-link--list", {
       "item-link--list-icon": !d
-    }))} slot=content-start href=${s ?? void 0 ?? p} rel=noreferrer target=_blank>${d ? a`<img alt=${r ?? p} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${o}&s=${f}`} style=${$(h)} title=${r ?? p}>` : a`<calcite-icon .icon=${g}></calcite-icon>`}</a>`, y = a`<calcite-link slot=content .href=${s ?? void 0} rel=noreferrer target=_blank>${m}</calcite-link>`;
+    }))} slot=content-start href=${s ?? void 0 ?? p} rel=noreferrer target=_blank>${d ? a`<img alt=${r ?? p} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${o}&s=${g}`} style=${$(h)} title=${r ?? p}>` : a`<calcite-icon .icon=${f}></calcite-icon>`}</a>`, y = a`<calcite-link slot=content .href=${s ?? void 0} rel=noreferrer target=_blank>${m}</calcite-link>`;
     return a`<calcite-list-item .label=${m}>${c}${y}</calcite-list-item>`;
   }
   renderAttachmentPreviewItem(e) {
-    const { supportsResizeAttachments: t } = this, { contentType: l, name: r, url: s, size: f } = e, o = 225, m = r || this.messages?.noTitle, g = x(l), n = this.getCSSTransform(e), h = n ? { transform: n, "image-orientation": "none" } : {}, d = a`<a class=${w(A("item-link", "item-link--preview"))} slot=thumbnail href=${s ?? void 0 ?? p} rel=noreferrer target=_blank>${t && v(l) ? a`<img alt=${r ?? p} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${o}&s=${f}`} style=${$(h)} title=${r ?? p}>` : a`<calcite-icon scale=l .icon=${g}></calcite-icon>`}</a>`;
+    const { supportsResizeAttachments: t } = this, { contentType: l, name: r, url: s, size: g } = e, o = 225, m = r || this.messages?.noTitle, f = x(l), n = this.getCSSTransform(e), h = n ? { transform: n, "image-orientation": "none" } : {}, d = a`<a class=${w(A("item-link", "item-link--preview"))} slot=thumbnail href=${s ?? void 0 ?? p} rel=noreferrer target=_blank>${t && v(l) ? a`<img alt=${r ?? p} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${o}&s=${g}`} style=${$(h)} title=${r ?? p}>` : a`<calcite-icon scale=l .icon=${f}></calcite-icon>`}</a>`;
     return a`<calcite-card .label=${m}>${d}<span class="item-description" slot=description>${m}</span></calcite-card>`;
   }
 }

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

@@ -538,7 +538,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor layer: FeatureTableSupportedLayer | null | undefined;
   /**
-   * Layer Id of layer in the associated map. You can set `layer`, `layerId` or `routeLayerItemId`,
+   * Layer Id of layer in the associated map. You can set `layer`, `layerId` or `layerItemId`,
    * but not more than one.
    *
    * @since 5.1

package/dist/components/arcgis-feature-table/customElement.js

@@ -16,7 +16,7 @@ const w = _`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .
 class v extends d {
   constructor() {
     super(...arguments), this.widget = f(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.attachmentsColumns = this.widget.attachmentsColumns, this.attributeTableTemplate = this.widget.attributeTableTemplate, this.actionColumn = this.widget.actionColumn, this.actionColumnConfig = this.widget.actionColumnConfig, this.activeFilters = this.widget.activeFilters, this.activeSortOrders = this.widget.activeSortOrders, this.allColumns = this.widget.allColumns, this.allRelatedTablesVisible = this.widget.allRelatedTablesVisible, this.allVisibleColumns = this.widget.allVisibleColumns, this.attachmentsEnabled = this.widget.attachmentsEnabled, this.attachmentsViewOptions = this.widget.attachmentsViewOptions, this.autoDestroyDisabled = !1, this.autoRefreshDisabled = this.widget.autoRefreshEnabled, this.autoSaveDisabled = this.widget.autoSaveEnabled, this.canAddRelatedFeature = this.widget.canAddRelatedFeature, this.columnPerformanceModeDisabled = this.widget.columnPerformanceModeEnabled, this.columnReorderingDisabled = this.widget.columnReorderingEnabled, this.columns = this.widget.columns, this.definitionExpression = this.widget.definitionExpression, this.description = this.widget.description, this.disabled = this.widget.disabled, this.editingEnabled = this.widget.editingEnabled, this.effectiveSize = this.widget.effectiveSize, this.fieldColumns = this.widget.fieldColumns, this.filterBySelectionEnabled = this.widget.filterBySelectionEnabled, this.filterByViewExtent = this.widget.filterByViewExtent, this.filterGeometry = this.widget.filterGeometry, this.groupColumns = this.widget.groupColumns, this.hasContingentValues = this.widget.hasContingentValues, this.hasInvalidPendingEdits = this.widget.hasInvalidPendingEdits, this.hasPendingEdits = this.widget.hasPendingEdits, this.hiddenFields = this.widget.hiddenFields, this.hideColumnDescriptions = this.widget.visibleElements.columnDescriptions, this.hideColumnMenuItemsSortAscending = this.widget.visibleElements.columnMenuItems.sortAscending, this.hideColumnMenuItemsSortDescending = this.widget.visibleElements.columnMenuItems.sortDescending, this.hideColumnMenus = this.widget.visibleElements.columnMenus, this.hideHeader = this.widget.visibleElements.header, this.hideLayerDropdownIcons = this.widget.visibleElements.layerDropdownIcons, this.hideMenu = this.widget.visibleElements.menu, this.hideMenuItemsClearSelection = this.widget.visibleElements.menuItems.clearSelection, this.hideMenuItemsDeleteSelection = this.widget.visibleElements.menuItems.deleteSelection, this.hideMenuItemsExportSelectionToCsv = this.widget.visibleElements.menuItems.exportSelectionToCSV, this.hideMenuItemsRefreshData = this.widget.visibleElements.menuItems.refreshData, this.hideMenuItemsSelectedRecordsShowAllToggle = this.widget.visibleElements.menuItems.selectedRecordsShowAllToggle, this.hideMenuItemsSelectedRecordsShowSelectedToggle = this.widget.visibleElements.menuItems.selectedRecordsShowSelectedToggle, this.hideMenuItemsToggleColumns = this.widget.visibleElements.menuItems.toggleColumns, this.hideMenuItemsZoomToSelection = this.widget.visibleElements.menuItems.zoomToSelection, this.hideProgress = this.widget.visibleElements.progress, this.hideSelectionColumn = this.widget.visibleElements.selectionColumn, this.hideTooltips = this.widget.visibleElements.tooltips, this.highlightDisabled = this.widget.highlightEnabled, this.highlightIds = this.widget.highlightIds, this.initialSize = this.widget.initialSize, this.icon = this.widget.icon, this.isQueryingOrSyncing = this.widget.isQueryingOrSyncing, this.isSyncingAttachments = this.widget.isSyncingAttachments, this.label = this.widget.label, this.layer = this.widget.layer, this.layerId = b(this, (e) => {
-      e && (this.layer = e);
+      this.layer = e;
     }), this.layerView = this.widget.layerView, this.layers = this.widget.layers, this.maxSize = this.widget.maxSize, this.menuConfig = this.widget.menuConfig, this.multipleSelectionDisabled = this.widget.multipleSelectionEnabled, this.multipleSortEnabled = this.widget.multiSortEnabled, this.multipleSortPriority = this.widget.multipleSortPriority, this.navigationScale = this.widget.navigationScale, this.noDataMessage = this.widget.noDataMessage, this.objectIds = this.widget.objectIds, this.outFields = this.widget.outFields, this.pageCount = this.widget.pageCount, this.pageIndex = this.widget.pageIndex, this.pageSize = this.widget.pageSize, this.paginationEnabled = this.widget.paginationEnabled, this.relatedRecordsEnabled = this.widget.relatedRecordsEnabled, this.relatedTable = this.widget.relatedTable, this.relatedTables = this.widget.relatedTables, this.relationship = this.widget.relationship, this.relationshipColumns = this.widget.relationshipColumns, this.returnGeometryEnabled = this.widget.returnGeometryEnabled, this.returnMEnabled = this.widget.returnMEnabled, this.returnZEnabled = this.widget.returnZEnabled, this.rowHighlightIds = this.widget.rowHighlightIds, this.selectionManager = this.widget.selectionManager, this.size = this.widget.size, this.showLayerDropdown = this.widget.visibleElements.layerDropdown, this.state = this.widget.state, this.supportsAddAttachments = this.widget.supportsAddAttachments, this.supportsAttachments = this.widget.supportsAttachments, this.supportsDeleteAttachments = this.widget.supportsDeleteAttachments, this.supportsResizeAttachments = this.widget.supportsResizeAttachments, this.supportsUpdateAttachments = this.widget.supportsUpdateAttachments, this.syncTemplateOnChangesDisabled = this.widget.syncTemplateOnChangesEnabled, this.syncViewSelection = this.widget.syncViewSelection, this.tableController = this.widget.tableController, this.tableParent = this.widget.tableParent, this.tableTemplate = this.widget.tableTemplate, this.tableTitle = this.widget.title, this.timeExtent = this.widget.timeExtent, this.timeZone = this.widget.timeZone, this.visibleColumns = this.widget.visibleColumns, this.arcgisCellClick = t(() => this.widget, "cell-click"), this.arcgisCellKeydown = t(() => this.widget, "cell-keydown"), this.arcgisCellPointerout = t(() => this.widget, "cell-pointerout"), this.arcgisCellPointerover = t(() => this.widget, "cell-pointerover"), this.arcgisColumnReorder = t(() => this.widget, "column-reorder"), this.arcgisPropertyChange = h()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.arcgisReady = a(), this.arcgisSelectionChange = a();
   }
   static {

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

@@ -1,17 +1,17 @@
 /// <reference path="../../index.d.ts" />
-import type Features from "@arcgis/core/popup/Features.js";
-import type Collection from "@arcgis/core/core/Collection.js";
 import type ActionButton from "@arcgis/core/support/actions/ActionButton.js";
+import type Collection from "@arcgis/core/core/Collection.js";
+import type Features from "@arcgis/core/popup/Features.js";
 import type ActionToggle from "@arcgis/core/support/actions/ActionToggle.js";
 import type Graphic from "@arcgis/core/Graphic.js";
 import type FeatureAbilities from "@arcgis/core/popup/support/FeatureAbilities.js";
 import type Map from "@arcgis/core/Map.js";
 import type SpatialReference from "@arcgis/core/geometry/SpatialReference.js";
-import type { ArcgisReferenceElement, IconName, HeadingLevel } from "../types.js";
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisFeature } from "../arcgis-feature/customElement.js";
 import type { ActionEvent, FetchFeaturesOptions } from "@arcgis/core/widgets/Popup/types.js";
+import type { ArcgisFeature } from "../arcgis-feature/customElement.js";
+import type { ArcgisReferenceElement, IconName, HeadingLevel } from "../types.js";
 import type { ScreenPoint } from "@arcgis/core/core/types.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { PopupAction, InitialDisplayOptions, State } from "@arcgis/core/popup/types.js";
 import type { GoToOverride } from "@arcgis/core/widgets/support/types.js";
@@ -379,7 +379,10 @@ export abstract class ArcgisFeatures extends LitElement {
   accessor messageOverrides: {
       componentLabel?: string | undefined;
       zoom?: string | undefined;
-      browseClusteredFeatures?: string | undefined;
+      browseAggregatedFeatures?: string | undefined;
+      aggregatedFeatures?: string | undefined;
+      aggregatedFeaturesPlaceholder?: string | undefined;
+      noAggregatedFeatures?: string | undefined;
       featuresList?: string | undefined;
       total?: string | undefined;
       pageText?: string | undefined;
@@ -401,7 +404,10 @@ export abstract class ArcgisFeatures extends LitElement {
   protected messages: Partial<{
       componentLabel: string;
       zoom: string;
-      browseClusteredFeatures: string;
+      browseAggregatedFeatures: string;
+      aggregatedFeatures: string;
+      aggregatedFeaturesPlaceholder: string;
+      noAggregatedFeatures: string;
       featuresList: string;
       total: string;
       pageText: string;
@@ -421,7 +427,10 @@ export abstract class ArcgisFeatures extends LitElement {
   }> & T9nMeta<{
       componentLabel: string;
       zoom: string;
-      browseClusteredFeatures: string;
+      browseAggregatedFeatures: string;
+      aggregatedFeatures: string;
+      aggregatedFeaturesPlaceholder: string;
+      noAggregatedFeatures: string;
       featuresList: string;
       total: string;
       pageText: string;