@arcgis/map-components 6.0.0-next.13 → 6.0.0-next.15

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { html as C } from "lit";
+import { html as S } from "lit";
 import { initializeProjection as R } from "@arcgis/core/applications/Components/featureUtils.js";
 import { signal as O } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { watch as u, when as A } from "@arcgis/core/core/reactiveUtils.js";
-import P from "@arcgis/core/geometry/Point.js";
+import v from "@arcgis/core/geometry/Point.js";
 import F from "@arcgis/core/Graphic.js";
-import { GenericController as L, useDirection as G, makeController as M, makeGenericController as _ } from "@arcgis/lumina/controllers";
-import { getSlotAssignedElements as D } from "@arcgis/toolkit/dom/slots";
+import { GenericController as L, useDirection as G, makeController as D, makeGenericController as _ } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as M } from "@arcgis/toolkit/dom/slots";
 import { whenOrAbort as y } from "@arcgis/toolkit/promise";
 import { createRef as V } from "lit/directives/ref.js";
 import { c as k, S as x } from "./slots.js";
 import { i as T, t as H } from "./async-utils.js";
-import { observeAncestorsMutation as j, unsafeGetCalciteModeName as q } from "@arcgis/toolkit/dom";
-import { createEvent as S } from "@arcgis/lumina";
-async function* U(n, t) {
+import { observeAncestorsMutation as j, unsafeGetCalciteModeName as U } from "@arcgis/toolkit/dom";
+import { createEvent as C } from "@arcgis/lumina";
+async function* q(n, t) {
   for (const e of n) {
     const i = await y(e, t).catch(() => {
     });
@@ -22,7 +22,7 @@ async function* U(n, t) {
     yield* Array.isArray(i) ? i.filter((o) => o instanceof F) : [];
   }
 }
-async function* v() {
+async function* P() {
   yield* [];
 }
 async function* K(n, t) {
@@ -31,17 +31,17 @@ async function* K(n, t) {
 }
 async function N(n, t, e, i) {
   let o;
-  if (e instanceof P ? (await R(e.spatialReference, n.spatialReference), H(i.signal), o = n.toScreen(e)) : o = e, !o)
-    return v();
-  const r = Promise.withResolvers(), a = n.fetchPopupFeatures(o, {
+  if (e instanceof v ? (await R(e.spatialReference, n.spatialReference), H(i.signal), o = n.toScreen(e)) : o = e, !o)
+    return P();
+  const p = Promise.withResolvers(), a = n.fetchPopupFeatures(o, {
     ...i,
     defaultPopupTemplateEnabled: t.defaultPopupTemplateEnabled,
-    hitTestResolver: r
-  }) ?? v();
-  return await r.promise, a;
+    hitTestResolver: p
+  }) ?? P();
+  return await p.promise, a;
 }
 function d(n, t) {
-  if (t instanceof P)
+  if (t instanceof v)
     return t;
   const e = "width" in t ? { x: t.x + t.width / 2, y: t.y + t.height / 2 } : t;
   return n.toMap(e) ?? void 0;
@@ -57,7 +57,7 @@ async function $(n, t, e, i) {
     location: d(n, e)
   };
 }
-class re extends L {
+class pe extends L {
   //#endregion
   //#region Lifecycle
   constructor(t) {
@@ -90,13 +90,13 @@ class re extends L {
         A(() => this.component.view.ready, () => {
           this._assignDefaultPopup();
         }),
-        u(() => this.component.view.popup?.visible, (o, r) => {
-          (o || r) && this._cancelPopupOperation(), o && this.popupElement?.open && (this.popupElement.open = !1);
+        u(() => this.component.view.popup?.visible, (o, p) => {
+          (o || p) && this._cancelPopupOperation(), o && this.popupElement?.open && (this.popupElement.open = !1);
         }, { initial: !0 }),
         u(
           () => this.component.popupElement?.open,
-          (o, r) => {
-            r && !o && this._cancelPopupOperation();
+          (o, p) => {
+            p && !o && this._cancelPopupOperation();
           },
           // Using sync to preemptively prevent a close notification from canceling a replacement operation.
           { initial: !0, sync: !0 }
@@ -106,8 +106,8 @@ class re extends L {
           "click",
           [],
           (o) => {
-            const r = o.native;
-            o.button !== 0 || r?.ctrlKey || r?.metaKey || this._handleOpenPopup(o).catch(() => {
+            const p = o.native;
+            o.button !== 0 || p?.ctrlKey || p?.metaKey || this._handleOpenPopup(o).catch(() => {
             });
           },
           // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
@@ -121,6 +121,9 @@ class re extends L {
       }
     ];
   }
+  hostUpdated() {
+    this.component.popupComponentEnabled ? this._assignDefaultPopup() : (this.popupElement === this._defaultPopupElement && (this._cancelPopupOperation(), this._maybeResetViewPopup(), this.popupElement = void 0), this._defaultPopupElement = void 0);
+  }
   hostDestroy() {
     this._cancelPopupOperation();
   }
@@ -128,37 +131,37 @@ class re extends L {
     this._assignDefaultPopup();
     const e = this.popupElement, i = t.location ?? e?.location, o = !!e && !t.featureStream && !t.promises?.length && !!t.fetchFeatures && !!i;
     this._cancelPopupOperation();
-    const r = new AbortController();
-    if (this._popupAbortController = r, e) {
-      const { fetchFeatures: a, shouldFocus: h, title: l, featureStream: E, promises: b, location: c, ...g } = t, m = c ? d(this.component.view, c) : void 0, w = c ?? i, p = o && w ? $(this.component.view, e, w, r.signal) : null, f = p ? Promise.withResolvers() : null;
-      p && f && (p.catch(() => {
-      }), e.featureStream = K(f.promise, r.signal));
+    const p = new AbortController();
+    if (this._popupAbortController = p, e) {
+      const { fetchFeatures: a, shouldFocus: h, title: l, featureStream: E, promises: b, location: c, ...w } = t, m = c ? d(this.component.view, c) : void 0, g = c ?? i, r = o && g ? $(this.component.view, e, g, p.signal) : null, f = r ? Promise.withResolvers() : null;
+      r && f && (r.catch(() => {
+      }), e.featureStream = K(f.promise, p.signal));
       try {
         await e.componentOnReady();
       } catch (s) {
-        throw p && this._isCurrentPopupOperation(r) && (r.abort(), e.open = !1, await e.clear()), s;
+        throw r && this._isCurrentPopupOperation(p) && (p.abort(), e.open = !1, await e.clear()), s;
       }
-      if (!this._isCurrentPopupOperation(r))
+      if (!this._isCurrentPopupOperation(p))
         return;
-      if (p)
+      if (r)
         try {
-          const s = await p;
-          if (!this._isCurrentPopupOperation(r))
+          const s = await r;
+          if (!this._isCurrentPopupOperation(p))
             return;
-          Object.assign(e, g), l !== void 0 && (e.heading = l), await e.openFeatureStream(s);
+          Object.assign(e, w), l !== void 0 && (e.heading = l), await e.openFeatureStream(s);
         } catch (s) {
           if (!T(s))
-            throw this._isCurrentPopupOperation(r) && (e.open = !1, await e.clear()), s;
+            throw this._isCurrentPopupOperation(p) && (e.open = !1, await e.clear()), s;
           return;
         } finally {
           f?.resolve();
         }
       else
-        Object.assign(e, g), l !== void 0 && (e.heading = l), E ? await e.openFeatureStream({ featureStream: E, location: m }) : b?.length ? await e.openFeatureStream({
-          featureStream: U(b, r.signal),
+        Object.assign(e, w), l !== void 0 && (e.heading = l), E ? await e.openFeatureStream({ featureStream: E, location: m }) : b?.length ? await e.openFeatureStream({
+          featureStream: q(b, p.signal),
           location: m
         }) : (e.featureStream = null, c !== void 0 && (e.location = m), e.open = !0);
-      h && this._isCurrentPopupOperation(r) && await e.setFocus();
+      h && this._isCurrentPopupOperation(p) && await e.setFocus();
     } else {
       const { location: a, ...h } = t;
       await this.component.view.openPopup({
@@ -177,7 +180,7 @@ class re extends L {
     return this._popupAbortController === t && !t.signal.aborted;
   }
   _assignDefaultPopup() {
-    this.popupRef.value && !this.popupElement && (this._defaultPopupElement = this.popupRef.value, this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
+    this.component.popupComponentEnabled && this.popupRef.value && !this.popupElement && (this._defaultPopupElement = this.popupRef.value, this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
   }
   handleAttributionHeightChange(t) {
     if (!(this.attributionHeight === t || !this.component.el.shadowRoot)) {
@@ -215,11 +218,11 @@ class re extends L {
     });
   }
   _handlePopupSlotChange(t) {
-    const e = D(t.target, "arcgis-popup");
-    !this.popupElement && e.length ? this.popupElement = e[0] : e.length || (this.popupElement = void 0);
+    const e = M(t.target, "arcgis-popup")[0];
+    e ? this.popupElement = e : this.popupElement !== this._defaultPopupElement && (this.popupElement = void 0, this._assignDefaultPopup());
   }
   _webGLErrorAlert() {
-    return this.webGLError ? C`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
+    return this.webGLError ? S`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
   }
   //#endregion
   //#region Rendering
@@ -227,12 +230,12 @@ class re extends L {
     return x({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (t) => this._handlePopupSlotChange(t), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
-function pe(n) {
-  M((t, e) => {
+function re(n) {
+  D((t, e) => {
     const i = () => {
       if (n.attributionMode !== "auto")
         return;
-      const o = q(n.el);
+      const o = U(n.el);
       n.view.attributionMode !== o && (n.view.attributionMode = o);
     };
     e.onLifecycle(() => (i(), j(n.el, ["class"], i))), e.onUpdate((o) => {
@@ -241,7 +244,7 @@ function pe(n) {
   });
 }
 const se = _((n, t) => {
-  const e = S();
+  const e = C();
   return t.onLifecycle(
     () => u(
       () => {
@@ -249,8 +252,8 @@ const se = _((n, t) => {
         if (!i || i.destroyed)
           return [];
         const o = [];
-        return i.loadError && o.push(i), i.basemap?.loadError && o.push(i.basemap), i.ground.loadError && o.push(i.ground), [...i.allLayers, ...i.allTables].forEach((r) => {
-          r.loadError && o.push(r);
+        return i.loadError && o.push(i), i.basemap?.loadError && o.push(i.basemap), i.ground.loadError && o.push(i.ground), [...i.allLayers, ...i.allTables].forEach((p) => {
+          p.loadError && o.push(p);
         }), o;
       },
       (i) => {
@@ -260,7 +263,7 @@ const se = _((n, t) => {
   ), e;
 }), ae = _(
   (n, t) => {
-    const e = S();
+    const e = C();
     return t.onLifecycle(
       () => u(
         () => n.view?.readyState,
@@ -272,8 +275,8 @@ const se = _((n, t) => {
   }
 );
 export {
-  re as U,
+  pe as U,
   ae as a,
-  pe as b,
+  re as b,
   se as u
 };

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

@@ -33,10 +33,10 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  */
 export abstract class ArcgisFeatureTable extends LitElement {
   /**
-   * Reference to the current [action column](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/ActionColumn/). This column is only generated if a [configuration](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#actionColumnConfig) has been provided.
+   * Reference to the current [action column](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/ActionColumn/). This column is only generated if a [configuration](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#actionColumnConfig) has been provided.
    *
    * @since 4.33
-   * @see [actionColumnConfig](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#actionColumnConfig)
+   * @see [FeatureTable.actionColumnConfig](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#actionColumnConfig)
    */
   get actionColumn(): ActionColumn | null | undefined;
   /**
@@ -50,7 +50,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * ![featuretable action column](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/featuretable/action-column.avif)
    *
    * @since 4.30
-   * @see [actionColumn](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#actionColumn)
+   * @see [FeatureTable.actionColumn](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#actionColumn)
    * @see [ActionColumn](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/ActionColumn/)
    * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
    * @see [Sample - FeatureTable with row highlighting](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable-row-highlights/)
@@ -127,7 +127,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * > [!WARNING]
    * >
-   * > This property differs from the [tableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#tableTemplate) property. The `tableTemplate` property provides more fine-grained control over how the table is rendered within the application by offering more advanced configurations such as custom cell rendering, column formatting, and more. It is useful for application-level development that remains within an application. Use the [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#attributeTableTemplate) property to access the table's settings across different applications. By using this property, the settings can be saved within a webmap or layer. Please refer to the [AttributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/tables/AttributeTableTemplate/) and [TableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/support/TableTemplate/) documentation for more information.
+   * > This property differs from the [tableTemplate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#tableTemplate) property. The `tableTemplate` property provides more fine-grained control over how the table is rendered within the application by offering more advanced configurations such as custom cell rendering, column formatting, and more. It is useful for application-level development that remains within an application. Use the `attributeTableTemplate` property to access the table's settings across different applications. By using this property, the settings can be saved within a webmap or layer. Please refer to the [AttributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/tables/AttributeTableTemplate/) and [TableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/support/TableTemplate/) documentation for more information.
    *
    * @since 4.31
    * @see [Sample - FeatureTable Component](https://developers.arcgis.com/javascript/latest/sample-code/feature-table/)
@@ -250,7 +250,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   get effectiveSize(): number;
   /**
-   * A flattened array of all [field columns](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/FieldColumn/) within the table, including nested columns.
+   * A flattened array of all [field columns](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#fieldColumns) within the table, including nested columns.
    *
    * @since 4.33
    */
@@ -513,7 +513,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor hideTooltips: boolean;
   /**
-   * Indicates whether to highlight the associated feature when a row is selected by checking the corresponding checkbox. This property is only applicable when working with a map and the [view](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#view) property is set.
+   * Indicates whether to highlight the associated feature when a row is selected by checking the corresponding checkbox. This property is only applicable when working with a map and the [view](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#view) property is set.
    *
    * @default false
    * @since 4.25
@@ -525,7 +525,6 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * This property accepts and returns a collection of feature object IDs. Use this to access and control which features are currently selected in the table and subsequently highlighted within the map. Once an application sets a collection of object IDs, the table will select the corresponding row and highlight its feature within the map.
    *
    * @since 4.25
-   * @see [highlightEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#highlightEnabled)
    * @see [Sample - FeatureTable using a map](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable-map/)
    * @see [Sample - FeatureTable with popup interaction](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable-popup-interaction/)
    * @see [Sample - FeatureTable with related data](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable-relates/)
@@ -562,7 +561,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
   get icon(): Icon["icon"];
   set icon(value: IconName);
   /**
-   * The user-provided number of total features accessed from the data source. This is used for initial load of the data store as opposed to querying a specified layer. Additionally, the table will query data counts to verify the data's integrity, or when requested via [refresh()](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#refresh).
+   * The user-provided number of total features accessed from the data source. This is used for initial load of the data store as opposed to querying a specified layer. Additionally, the table will query data counts to verify the data's integrity, or when requested via [refresh()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#refresh).
    *
    * @since 4.31
    */
@@ -603,22 +602,31 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * > [!WARNING]
    * > Use `layer`, `layerUrl`, `mapLayerId`, and `layerItemId` independently; only one should be set at a time.
    *
-   * @see [pageSize](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageSize)
+   * @see [FeatureTable.pageSize](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#pageSize).
    */
   accessor layer: FeatureTableSupportedLayer | null | undefined;
   /**
    * The layer ID of a layer in the service.
-   * Use with `layerUrl` when the service contains multiple layers and you want to specify which layer to use.
+   * Use with [layerItemId](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#layerItemId) when the service contains multiple layers and you want to specify which layer to use.
    *
-   * @since 5.1
-   * @internal
+   * @since 5.2
+   * @example
+   * ```html
+   * <arcgis-feature-table
+   *   layer-item-id="0777d381a2b249ed8c5243f7d0ca49f7"
+   *   reference-element="my-map"
+   *   layer-id="0">
+   * </arcgis-feature-table>
+   * ```
    */
   accessor layerId: number | undefined;
   /**
    * The portal item ID of a layer.
    *
+   *
    * > [!WARNING]
-   * > Use `layer`, `layerUrl`, `mapLayerId`, and `layerItemId` independently; only one should be set at a time.
+   * > * Use `layer`, `layerUrl`, `mapLayerId`, and `layerItemId` independently; only one should be set at a time.
+   * > * If referencing an item containing multiple layers, use [layerId](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#layerId) or [tableId](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#tableId) to specify which layer or standalone table to use.
    */
   accessor layerItemId: string | undefined;
   /**
@@ -664,7 +672,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor mapLayerId: string | undefined;
   /**
-   * This property is applicable when working with layers that contain a large number of features, as it provides the ability to limit the displayed total feature count. If [paginationEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#paginationEnabled) is `true`, and `maxSize` is greater than the current value of [pageSize](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageSize), multiple pages usually display. If `maxSize` is less than [pageSize](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageSize), a single page shows the total number of features limited to `maxSize`.
+   * This property is applicable when working with layers that contain a large number of features, as it provides the ability to limit the displayed total feature count. If [paginationEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#paginationEnabled) is `true`, and `maxSize` is greater than the current value of [pageSize](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#pageSize), multiple pages usually display. If `maxSize` is less than [pageSize](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#pageSize), a single page shows the total number of features limited to `maxSize`.
    *
    * @since 4.31
    */
@@ -692,9 +700,8 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * @default false
    * @since 4.23
-   * @see [FieldColumnTemplate#initialSortPriority](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/support/FieldColumnTemplate/#initialSortPriority)
    * @see [FieldColumnTemplate#direction](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/support/FieldColumnTemplate/#direction)
-   * @see [sortColumn()](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#sortColumn)
+   * @see [FeatureTable.sortColumn](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#sortColumn)
    * @see [Sample - FeatureTable with editing enabled](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable-editing/)
    * @see [Sample - FeatureTable](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable/)
    * @example
@@ -727,7 +734,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor multipleSortEnabled: boolean;
   /**
-   * This property can be used to determine how newly sorted columns are prioritized. By default, newly sorted columns are
+   * This property can be used to determine how newly-sorted columns are prioritized. By default, newly sorted columns are
    * given the highest sort priority.
    *
    * @default "prepend"
@@ -750,8 +757,8 @@ export abstract class ArcgisFeatureTable extends LitElement {
   accessor noDataMessage: string | null | undefined;
   /**
    * This property accepts and returns a collection of feature object IDs. Use this to access and control which features are currently visible in the table.
-   * When the collection is empty, all potential rows are displayed. Modifying object IDs is not supported while [filterBySelectionEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#filterBySelectionEnabled) is `true` as these properties are mutually exclusive.
-   * This filter can also be combined with [filterGeometry](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#filterGeometry) to display features that satisfy both conditions.
+   * When the collection is empty, all potential rows are displayed. Modifying object IDs is not supported while [filterBySelectionEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#filterBySelectionEnabled) is `true` as these properties are mutually exclusive.
+   * This filter can also be combined with [filterGeometry](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#filterGeometry) to display features that satisfy both conditions.
    *
    * @since 4.30
    */
@@ -763,19 +770,19 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor outFields: Array<string> | null | undefined;
   /**
-   * Number of pages of features to be displayed in the table, based on the total [number of features](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#size) and configured [pageSize](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageSize).
+   * Number of pages of features to be displayed in the table, based on the total [number of features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#size) and configured [pageSize](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#pageSize).
    *
    * @since 4.31
    */
   get pageCount(): number;
   /**
-   * Represents the index of the page of the feature currently being displayed. The number of features per page can be adjusted by modifying the [pageSize](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageSize). [Pagination](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#paginationEnabled) must be enabled or the value of this property may not be reliable due to virtualization of visible pages.
+   * Represents the index of the page of the feature currently being displayed. The number of features per page can be adjusted by modifying the [pageSize](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#pageSize). [Pagination](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#paginationEnabled) must be enabled or the value of this property may not be reliable due to virtualization of visible pages.
    *
    * @since 4.31
    */
   accessor pageIndex: number;
   /**
-   * The default page size used when displaying features within the table. By default, the page loads the first 50 features returned by the service. It can be used with [paginationEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#paginationEnabled) to display a subset of features.
+   * The default page size used when displaying features within the table. By default, the page loads the first 50 features returned by the service. It can be used with [paginationEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#paginationEnabled) to display a subset of features.
    *
    * > [!WARNING]
    * >
@@ -787,7 +794,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor pageSize: number;
   /**
-   * Controls whether the table should only display a single page of features at any time. Current page can be determined via the [pageIndex](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageIndex) property. The current page can be modified by calling the [goToPage()](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#goToPage) method and passing in the desired [page index](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageIndex).
+   * Controls whether the table should only display a single page of features at any time. Current page can be determined via the [pageIndex](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#pageIndex) property. The current page can be modified by calling the [goToPage()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#goToPage) method and passing in the desired [page index](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#pageIndex).
    *
    * @default false
    * @since 4.31
@@ -800,7 +807,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * Indicates whether to display any related records associated with rows within the table. Take note that related layers must be provided via the [layers](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#layers) property when there is no associated [view](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#view).
+   * Indicates whether to display any related records associated with rows within the table. Take note that related layers must be provided via the [layers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#layers) property when there is no associated [view](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#view).
    *
    * @default false
    * @since 4.30
@@ -818,7 +825,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
   /**
    * A collection of nested table instances. This is typically used to represent relationships between each other.
    * These are configured and managed by a single table component instance. Only applies if this particular table instance is responsible for managing all nested tables.
-   * Nested tables reference the main table controller via the [tableController](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#tableController) property.
+   * Nested tables reference the main table controller via the [tableController](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#tableController) property.
    *
    * @since 4.31
    */
@@ -848,7 +855,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
   accessor returnGeometryEnabled: boolean;
   /**
    * Indicates whether geometries fetched for the corresponding features contain M values, if supported.
-   * The [returnGeometryEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#returnGeometryEnabled) property must also be true.
+   * The [returnGeometryEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#returnGeometryEnabled) property must also be true.
    *
    * > [!WARNING]
    * >
@@ -860,7 +867,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
   accessor returnMEnabled: boolean;
   /**
    * Indicates whether the fetched features' geometries contain Z values. This is only applicable if Z-values are supported.
-   * The [returnGeometryEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#returnGeometryEnabled) property must also be true.
+   * The [returnGeometryEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#returnGeometryEnabled) property must also be true.
    *
    * > [!WARNING]
    * >
@@ -871,7 +878,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor returnZEnabled: boolean;
   /**
-   * This property accepts and returns a collection of feature object IDs. It is used to access and control which rows display a darker background, i.e., highlighted. Take note that highlighted rows are not considered selected as this property is independent of the table's selection state. Use the [highlightIds](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#highlightIds) property to choose rows. Setting `rowHighlightIds` applies an alternative highlight style to an entire row or rows.
+   * This property accepts and returns a collection of feature object IDs. It is used to access and control which rows display a darker background, i.e., highlighted. Take note that highlighted rows are not considered selected as this property is independent of the table's selection state. Use the [highlightIds](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#highlightIds) property to choose rows. Setting `rowHighlightIds` applies an alternative highlight style to an entire row or rows.
    *
    * >
    * > Use this property to highlight rows based on an event or action from another component (e.g. the view). For example, purposefully highlighting rows when hovering over a feature on the map or applying a "filter" via another component to call out specific rows in the table. Generally, this property is not modified based on table events but rather an event or action from a different component.
@@ -1003,10 +1010,17 @@ export abstract class ArcgisFeatureTable extends LitElement {
   accessor tableDisabled: boolean;
   /**
    * The table ID of a layer in the service.
-   * Use with `layer-item-id` when the service contains multiple layers and tables, and you want to specify which table to use.
+   * Use with [layerItemId](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#layerItemId) when the service contains multiple layers and tables, and you want to specify which table to use.
    *
    * @since 5.2
-   * @internal
+   * @example
+   * ```html
+   * <arcgis-feature-table
+   *   layer-item-id="0777d381a2b249ed8c5243f7d0ca49f7"
+   *   reference-element="my-map"
+   *   table-id="0">
+   * </arcgis-feature-table>
+   * ```
    */
   accessor tableId: number | undefined;
   /**
@@ -1022,7 +1036,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    *
    * > [!WARNING]
    * >
-   * > The `TableTemplate` provides more fine-grained control over how the table is rendered within the application by offering more advanced configurations such as custom cell rendering, column formatting, and more. `TableTemplate` is useful for application-level development that remains within an application. This property differs from the [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#attributeTableTemplate) property as that property should be used to access the table's settings across different applications. By using [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#attributeTableTemplate), the settings can be saved within a webmap or layer. Please refer to the [AttributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/tables/AttributeTableTemplate/) and [TableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/support/TableTemplate/) documentation for more information.
+   * > The `TableTemplate` provides more fine-grained control over how the table is rendered within the application by offering more advanced configurations such as custom cell rendering, column formatting, and more. `TableTemplate` is useful for application-level development that remains within an application. This property differs from the [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#attributeTableTemplate) property as that property should be used to access the table's settings across different applications. By using [attributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#attributeTableTemplate), the settings can be saved within a webmap or layer. Please refer to the [AttributeTableTemplate](https://developers.arcgis.com/javascript/latest/references/core/tables/AttributeTableTemplate/) and [TableTemplate](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/support/TableTemplate/) documentation for more information.
    *
    * > [!WARNING]
    * >
@@ -1067,10 +1081,11 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor tableTitle: string | FeatureTableTitleFunction | null | undefined;
   /**
-   * The [TimeExtent](https://developers.arcgis.com/javascript/latest/references/core/time/TimeExtent/) in which to filter and display data within the FeatureTable component. Setting this property directly on the component or its [viewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/FeatureTableViewModel/#timeExtent) takes precedence over the layer's [FeatureLayer#timeExtent](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#timeExtent). If this property is set directly on the component, the table will not refresh when the layer's [TimeExtent](https://developers.arcgis.com/javascript/latest/references/core/time/TimeExtent/) changes.
+   * The [TimeExtent](https://developers.arcgis.com/javascript/latest/references/core/time/TimeExtent/) in which to filter and display data within the FeatureTable component. Setting this property directly on the component takes precedence over the layer's [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#timeExtent). If this property is set directly on the component, the table will not refresh when the layer's [TimeExtent](https://developers.arcgis.com/javascript/latest/references/core/time/TimeExtent/) changes.
    *
    * @since 4.30
-   * @see [FeatureLayer#timeExtent](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#timeExtent)
+   * @see [FeatureLayer.timeExtent](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#timeExtent)
+   * @see [FeatureTable.viewTimeEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#viewTimeEnabled)
    * @example
    * // Filters the table to display only features that fit within the time extent
    * reactiveUtils.watch(
@@ -1088,8 +1103,8 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * >
    * > The following considerations apply when working with date, time, and big integer field types:
    * >
-   * > By default, the [FeatureTable](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/) displays time zones for `date` and `timestamp-offset` field [types](https://developers.arcgis.com/javascript/latest/references/core/layers/support/Field/#type) using the associated view's time zone. This time zone can be overridden by setting the table's [timeZone](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#timeZone) property.
-   * > If the table's [view](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#view) isn't set, and the table's [Feature#timeZone](https://developers.arcgis.com/javascript/latest/references/core/widgets/Feature/#timeZone) isn't set, the table defaults to `system` time. The only time that this is not the case is when there is a [FeatureLayer#preferredTimeZone](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#preferredTimeZone) set on the table's layer. If the latter is true, the preferred time zone is used as opposed to `system`.
+   * > By default, the FeatureTable displays time zones for `date` and `timestamp-offset` field [types](https://developers.arcgis.com/javascript/latest/references/core/layers/support/Field/#type) using the associated view's time zone. This time zone can be overridden by setting the table's [timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#timeZone) property.
+   * > If the table's [view](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#view) isn't set, and, (if applicable), a [Feature.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/#timeZone) isn't set, the table defaults to `system` time. The only instance where this is not the case is when there is a [FeatureLayer#preferredTimeZone](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#preferredTimeZone) set on the table's layer. If the latter is true, the preferred time zone is used as opposed to `system`.
    *
    * @since 4.28
    */
@@ -1100,10 +1115,14 @@ export abstract class ArcgisFeatureTable extends LitElement {
    */
   accessor view: LinkChartView | MapViewOrSceneView | null | undefined;
   /**
-   * Controls time extent filtering behavior for the table. When `true`, the table's time extent will be derived from the intersection of the
-   * view and layer's time extent. When `false`, only the layer's time extent will be considered.
-   *
-   * When [timeExtent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#timeExtent) is defined, only that time extent will be used and this property will be ignored.
+   * Controls [time extent](https://developers.arcgis.com/javascript/latest/references/core/time/TimeExtent/) filtering behavior for the table. When `true`, the [table's time extent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#timeExtent) will
+   * be derived from the intersection of the [view](https://developers.arcgis.com/javascript/latest/references/core/views/View/#timeExtent)
+   * and [layer's](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#timeExtent) `timeExtent`.
+   * When `false`, only the [layer's `timeExtent`](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#timeExtent)
+   * will be considered.
+   * When [timeExtent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-table/#timeExtent) is defined on the
+   * table, only that [time extent](https://developers.arcgis.com/javascript/latest/references/core/time/TimeExtent/) will be used and this property will
+   * be ignored.
    *
    * @default false
    * @since 5.2

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

@@ -22,11 +22,13 @@ import type { LayerInfo, LegendModelState } from "@arcgis/core/legend/types.js";
  *
  * * Currently, the legend component does not support the following layer types:
  * [ElevationLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ElevationLayer/),
+ * [GeospatialPDFLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GeospatialPDFLayer/),
  * [GraphicsLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GraphicsLayer/),
  * [IntegratedMeshLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/IntegratedMeshLayer/),
  * [KMLLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/KMLLayer/),
  * [MapNotesLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MapNotesLayer/),
  * [OpenStreetMapLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/OpenStreetMapLayer/),
+ * [SketchLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/SketchLayer/),
  * [VectorTileLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VectorTileLayer/),
  * [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/), and
  * [WebTileLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/WebTileLayer/).

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

@@ -4,8 +4,8 @@ import { css as y, html as p } from "lit";
 import { usePropertyChange as E } from "@arcgis/lumina/controllers";
 import { classes as _ } from "@arcgis/toolkit/dom";
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as C, createEvent as d, safeClassMap as m, nothing as M } from "@arcgis/lumina";
-import { u as P } from "../../chunks/useT9n.js";
+import { LitElement as M, createEvent as d, safeClassMap as m, nothing as P } from "@arcgis/lumina";
+import { u as C } from "../../chunks/useT9n.js";
 import { createRef as T, ref as O } from "lit/directives/ref.js";
 import { m as L } from "../../chunks/useViewModel.js";
 import { l as S } from "../../chunks/legacyIcon.js";
@@ -27,7 +27,7 @@ const R = new x({
   icon: "trash",
   id: "remove-selected-feature",
   title: "{messages.remove}"
-})._internalSetClassName("esri-icon-trash");
+});
 function U(e) {
   return new N({
     title: e.currentLocation,
@@ -181,9 +181,9 @@ r = s([
   $("map-components.locate.LocateViewModel")
 ], r);
 const j = r, v = "gps-off", k = L(j);
-class F extends C {
+class F extends M {
   constructor() {
-    super(), this.locateButtonElement = T(), this.messages = P(), this.viewModel = k(this), this.hideErrorTooltip = () => {
+    super(), this.locateButtonElement = T(), this.messages = C(), this.viewModel = k(this), this.hideErrorTooltip = () => {
       this.isErrorTooltipOpen = !1;
     }, this.isErrorTooltipOpen = !1, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = v, this.popupDisabled = this.viewModel.popupEnabled, this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.visualScale = "m", this.arcgisError = d(), this.arcgisPropertyChange = E()("state"), this.arcgisReady = d(), this.arcgisSuccess = d(), this.listenOn(document, "click", this.hideErrorTooltip);
   }
@@ -225,7 +225,7 @@ class F extends C {
   }
   render() {
     const { viewModel: t, icon: o } = this, { state: a } = t, i = a === "locating", l = i ? this.messages.cancel : this.messages.title, n = a === "feature-unsupported", b = S === void 0 ? v : void 0, h = this._localizeError(this.viewModel?.error);
-    return p`<div class=${m(_("root", g.arcgisButton))}>${!n && p`<calcite-button class=${m(g.widgetButton)} .disabled=${a === "disabled"} .loading=${i} .iconStart=${i ? void 0 : o ?? b} kind=neutral .label=${l} @click=${this._locate} .scale=${this.visualScale} title=${l ?? M} ${O(this.locateButtonElement)}></calcite-button>` || ""}${h ? p`<calcite-tooltip .open=${this.isErrorTooltipOpen} overlay-positioning=fixed .referenceElement=${this.locateButtonElement.value}>${h}</calcite-tooltip>` : null}</div>`;
+    return p`<div class=${m(_("root", g.arcgisButton))}>${!n && p`<calcite-button class=${m(g.widgetButton)} .disabled=${a === "disabled"} .loading=${i} .iconStart=${i ? void 0 : o ?? b} kind=neutral .label=${l} @click=${this._locate} .scale=${this.visualScale} title=${l ?? P} ${O(this.locateButtonElement)}></calcite-button>` || ""}${h ? p`<calcite-tooltip .open=${this.isErrorTooltipOpen} overlay-positioning=fixed .referenceElement=${this.locateButtonElement.value}>${h}</calcite-tooltip>` : null}</div>`;
   }
 }
 w("arcgis-locate", F);