@arcgis/map-components 4.32.0-next.9 → 4.32.0-next.91

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

@@ -1,48 +1,52 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as Feature } from '@arcgis/core/widgets/Feature.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useFeatureWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
-} & Pick<__esri.Feature, "map" | "spatialReference" | "label" | "viewModel" | "icon" | "headingLevel" | "graphic" | "defaultPopupTemplateEnabled" | "location"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<Feature, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FeatureViewModel | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: (HTMLElement & {
-            ownedBy?: HTMLElement | undefined;
-        }) | undefined;
-        view?: __esri.MapView | Nil | __esri.SceneView;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.FeatureProperties): __esri.FeatureProperties | Promise<__esri.FeatureProperties>;
-} | undefined) => __esri.Feature;
-export declare class ArcgisFeature extends LitElement implements Use<typeof useFeatureWidget> {
+    editConstructorProperties(props: __esri.FeatureProperties | undefined): __esri.FeatureProperties | Promise<__esri.FeatureProperties | undefined> | undefined;
+} | undefined) => Feature;
+/** [Feature](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Feature.html) displays a graphic according to its [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). This component is useful in instances where you want to display information about a feature but without the use of a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).
+ */
+export declare class ArcgisFeature extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
     defaultPopupTemplateEnabled: boolean;
-    graphic: __esri.Graphic;
+    graphic: nullish | __esri.Graphic;
     headingLevel: number;
     hideContentAttachments: boolean | undefined;
     hideContentExpression: boolean | undefined;
@@ -51,22 +55,28 @@ export declare class ArcgisFeature extends LitElement implements Use<typeof useF
     hideContentText: boolean | undefined;
     hideLastEditInfo: boolean | undefined;
     hideTitle: boolean | undefined;
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     */
     icon: string;
+    /** The component's default label. */
     label: string;
-    location: __esri.Point;
-    map: __esri.Map;
+    location: __esri.Point | nullish;
+    map: __esri.Map | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    spatialReference: __esri.SpatialReference;
+    spatialReference: nullish | __esri.SpatialReference;
     readonly state: "ready" | "disabled" | "error" | "loading";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     nextMedia(contentElementIndex: number): Promise<void>;
     previousMedia(contentElementIndex: number): Promise<void>;
     setActiveMedia(contentElementIndex: number, mediaInfoIndex: number): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,18 +1,16 @@
 import { c as i } from "../../chunks/runtime.js";
-import { newWidgetsFeature as s } from "@arcgis/core-adapter";
-import { m as a } from "../../chunks/useWidget.js";
-import { usePropertyChange as n } from "@arcgis/components-controllers";
-import { LitElement as o, createEvent as d, noShadowRoot as h } from "@arcgis/lumina";
+import { usePropertyChange as s } from "@arcgis/components-controllers";
+import a from "@arcgis/core/widgets/Feature.js";
+import { LitElement as n, createEvent as o, noShadowRoot as h } from "@arcgis/lumina";
+import { m as d } from "../../chunks/useWidget.js";
 import { css as l } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.9
-*/
-const r = l`arcgis-feature{display:flex}`, c = a(s);
-class p extends o {
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+v4.32.0-next.91 */
+const r = l`arcgis-feature{display:block}`, c = d(a);
+class p extends n {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.defaultPopupTemplateEnabled = this.widget.defaultPopupTemplateEnabled, this.graphic = this.widget.graphic, this.headingLevel = this.widget.headingLevel, this.hideContentAttachments = this.widget.visibleElements.content.attachments, this.hideContentExpression = this.widget.visibleElements.content.expression, this.hideContentFields = this.widget.visibleElements.content.fields, this.hideContentMedia = this.widget.visibleElements.content.media, this.hideContentText = this.widget.visibleElements.content.text, this.hideLastEditInfo = this.widget.visibleElements.lastEditedInfo, this.hideTitle = this.widget.visibleElements.title, this.icon = this.widget.icon, this.label = this.widget.label, this.location = this.viewModel.location, this.map = this.widget.map, this.position = "bottom-left", this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.arcgisPropertyChange = n()("state"), this.arcgisReady = d();
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.defaultPopupTemplateEnabled = this.widget.defaultPopupTemplateEnabled, this.graphic = this.widget.graphic, this.headingLevel = this.widget.headingLevel, this.hideContentAttachments = this.widget.visibleElements.content.attachments, this.hideContentExpression = this.widget.visibleElements.content.expression, this.hideContentFields = this.widget.visibleElements.content.fields, this.hideContentMedia = this.widget.visibleElements.content.media, this.hideContentText = this.widget.visibleElements.content.text, this.hideLastEditInfo = this.widget.visibleElements.lastEditedInfo, this.hideTitle = this.widget.visibleElements.title, this.icon = this.widget.icon, this.label = this.widget.label, this.location = this.viewModel.location, this.map = this.widget.map, this.position = "bottom-left", this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, defaultPopupTemplateEnabled: 5, graphic: 0, headingLevel: 9, hideContentAttachments: 5, hideContentExpression: 5, hideContentFields: 5, hideContentMedia: 5, hideContentText: 5, hideLastEditInfo: 5, hideTitle: 5, icon: 1, label: 1, location: 0, map: 0, position: 1, referenceElement: 1, spatialReference: 0, state: 3 };

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

@@ -1,60 +1,64 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as FeatureForm } from '@arcgis/core/widgets/FeatureForm.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useFeatureFormWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
-} & Pick<__esri.FeatureForm, "timeZone" | "label" | "viewModel" | "icon" | "headingLevel" | "layer" | "feature" | "formTemplate" | "groupDisplay"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<FeatureForm, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FeatureFormViewModel | undefined;
-    icon: string | Nil;
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
-     * is set, make sure to call the \`destroy\` method when you are done to prevent
-     * memory leaks.
-     */
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: (HTMLElement & {
-            ownedBy?: HTMLElement | undefined;
-        }) | undefined;
-        view?: __esri.MapView | Nil | __esri.SceneView;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.FeatureFormProperties): __esri.FeatureFormProperties | Promise<__esri.FeatureFormProperties>;
-} | undefined) => __esri.FeatureForm;
-export declare class ArcgisFeatureForm extends LitElement implements Use<typeof useFeatureFormWidget> {
+    editConstructorProperties(props: __esri.FeatureFormProperties | undefined): __esri.FeatureFormProperties | Promise<__esri.FeatureFormProperties | undefined> | undefined;
+} | undefined) => FeatureForm;
+/**
+ * @internal
+ */
+export declare class ArcgisFeatureForm extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
-    feature: __esri.Graphic;
-    formTemplate: __esri.FormTemplate;
+    feature: nullish | __esri.Graphic;
+    formTemplate: nullish | __esri.FormTemplate;
     groupDisplay: "all" | "sequential";
     headingLevel: number;
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     */
     icon: string;
+    /** The component's default label. */
     label: string;
-    layer: __esri.FeatureLayer | __esri.SubtypeSublayer;
+    layer: __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | nullish | __esri.SubtypeSublayer;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     readonly state: "ready" | "disabled";
@@ -63,11 +67,11 @@ export declare class ArcgisFeatureForm extends LitElement implements Use<typeof
     destroy(): Promise<void>;
     getValues(): Promise<any>;
     submit(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisSubmit: CustomEvent<__esri.FeatureFormSubmitEvent>;
-    readonly arcgisValueChange: CustomEvent<__esri.FeatureFormValueChangeEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisSubmit: TargetedEvent<this, __esri.FeatureFormSubmitEvent>;
+    readonly arcgisValueChange: TargetedEvent<this, __esri.FeatureFormValueChangeEvent>;
 }
 export {};

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

@@ -1,25 +1,23 @@
 import { c as e } from "../../chunks/runtime.js";
-import { newWidgetsFeatureForm as i } from "@arcgis/core-adapter";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { m as r } from "../../chunks/useWidget.js";
-import { LitElement as a, createEvent as o, noShadowRoot as h } from "@arcgis/lumina";
+import { usePropertyChange as i } from "@arcgis/components-controllers";
 import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
+import s from "@arcgis/core/widgets/FeatureForm.js";
+import { LitElement as r, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
+import { m as h } from "../../chunks/useWidget.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.9
-*/
-const l = m`arcgis-feature-form{display:flex}`, g = r(i);
-class n extends a {
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+v4.32.0-next.91 */
+const l = m`arcgis-feature-form{display:block}`, g = h(s);
+class n extends r {
   constructor() {
-    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.feature = this.widget.feature, this.formTemplate = this.widget.formTemplate, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.position = "bottom-left", this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o(), this.arcgisSubmit = t(() => this.widget, "submit"), this.arcgisValueChange = t(() => this.widget, "value-change");
+    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.feature = this.widget.feature, this.formTemplate = this.widget.formTemplate, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.position = "bottom-left", this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a(), this.arcgisSubmit = t(() => this.widget, "submit"), this.arcgisValueChange = t(() => this.widget, "value-change");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, feature: 0, formTemplate: 0, groupDisplay: 1, headingLevel: 9, icon: 1, label: 1, layer: 0, position: 1, referenceElement: 1, state: 3, timeZone: 1 };
   }
   static {
-    this.shadowRootOptions = h;
+    this.shadowRootOptions = o;
   }
   static {
     this.styles = l;
@@ -34,7 +32,7 @@ class n extends a {
     return this.widget?.getValues();
   }
   async submit() {
-    return this.widget?.submit();
+    this.widget?.submit();
   }
 }
 e("arcgis-feature-form", n);

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

@@ -1,40 +1,45 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { PublicLitElement as LitElement, ToElement } from '@arcgis/lumina';
+import { default as FeatureTable } from '@arcgis/core/widgets/FeatureTable.js';
+import { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useFeatureTableWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
-} & Pick<__esri.FeatureTable, "timeExtent" | "timeZone" | "label" | "viewModel" | "icon" | "pageSize" | "layer" | "actionColumnConfig" | "attachmentsEnabled" | "description" | "editingEnabled" | "filterBySelectionEnabled" | "filterGeometry" | "hiddenFields" | "highlightIds" | "initialSize" | "maxSize" | "menuConfig" | "objectIds" | "outFields" | "pageIndex" | "paginationEnabled" | "relatedRecordsEnabled" | "relatedTable" | "relatedTables" | "returnGeometryEnabled" | "returnMEnabled" | "returnZEnabled" | "rowHighlightIds" | "tableController" | "tableParent" | "tableTemplate"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<FeatureTable, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "loaded" | "ready" | "disabled" | "error" | "loading" | undefined;
     viewModel?: __esri.FeatureTableViewModel | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: (HTMLElement & {
-            ownedBy?: HTMLElement | undefined;
-        }) | undefined;
-        view?: __esri.MapView | Nil | __esri.SceneView;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.FeatureTableProperties): __esri.FeatureTableProperties | Promise<__esri.FeatureTableProperties>;
-} | undefined) => __esri.FeatureTable;
-export declare class ArcgisFeatureTable extends LitElement implements Use<typeof useFeatureTableWidget> {
-    actionColumnConfig: __esri.ActionColumnConfig;
+    editConstructorProperties(props: __esri.FeatureTableProperties | undefined): __esri.FeatureTableProperties | Promise<__esri.FeatureTableProperties | undefined> | undefined;
+} | undefined) => FeatureTable;
+/** The [FeatureTable](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html) provides an interactive tabular view of each feature's attributes in a feature layer.
+ */
+export declare class ArcgisFeatureTable extends LitElement {
+    attributeTableTemplate: nullish | __esri.AttributeTableTemplate;
+    actionColumnConfig: nullish | __esri.ActionColumnConfig;
     /**
      * A read-only property indicating the type of filter used by the table.
      * It returns either filters by geometry or selections using a row's object ID.
@@ -51,7 +56,7 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
@@ -65,14 +70,16 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
      * and relationship columns that are displayed within the table.
      */
     readonly columns: __esri.Collection<__esri.Column | __esri.FieldColumn | __esri.GroupColumn | __esri.ActionColumn | __esri.AttachmentsColumn | __esri.RelationshipColumn>;
-    description: string | Function;
+    description: string | Function | nullish;
     editingEnabled: boolean;
     /**
      * Total number of records displayed in the table's current view.
      */
     readonly effectiveSize: number;
     filterBySelectionEnabled: boolean;
-    filterGeometry: __esri.Geometry;
+    filterGeometry: nullish | __esri.geometryGeometry;
+    /** Indicates whether to display descriptions in the header cells of individual columns. */
+    hideColumnDescriptions: boolean | undefined;
     hiddenFields: __esri.Collection<string>;
     /** Indicates whether to display the Sort Ascending menu item. */
     hideColumnMenuItemsSortAscending: boolean | undefined;
@@ -111,14 +118,19 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     hideTooltips: boolean | undefined;
     highlightDisabled: boolean;
     highlightIds: __esri.Collection<string | number>;
-    initialSize: number;
+    initialSize: number | nullish;
     /** Icon which represents the component. */
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     */
     icon: string;
     /** A read-only property which indicates if the table is querying or syncing data. */
     readonly isQueryingOrSyncing: boolean;
     /** The components label. */
     label: string;
-    layer: __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.WFSLayer | __esri.CSVLayer | __esri.ImageryLayer | __esri.CatalogFootprintLayer | __esri.KnowledgeGraphSublayer;
+    layer: __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | nullish | __esri.WFSLayer | __esri.CSVLayer | __esri.ImageryLayer | __esri.Sublayer | __esri.CatalogFootprintLayer | __esri.KnowledgeGraphSublayer;
     /**
      * Portal Item Id for a layer to load. You can set, `layer`, `layerUrl`, or `itemId`,
      * but not more than one.
@@ -130,19 +142,19 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
      */
     layerUrl?: string;
     /** The layer view associated with the table's layer. */
-    readonly layerView: __esri.LayerView;
+    readonly layerView: nullish | __esri.LayerView;
     /**
      * Group of layers displayed in the dropdown component in the table's header,
      * which allows changing what layer is currently displayed in the table.
      */
-    readonly layers: (__esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.WFSLayer | __esri.CSVLayer | __esri.ImageryLayer | __esri.CatalogFootprintLayer | __esri.KnowledgeGraphSublayer)[];
-    maxSize: number;
-    menuConfig: __esri.TableMenuConfig;
+    layers: nullish | (__esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.WFSLayer | __esri.CSVLayer | __esri.ImageryLayer | __esri.CatalogFootprintLayer | __esri.KnowledgeGraphSublayer)[];
+    maxSize: number | nullish;
+    menuConfig: nullish | __esri.TableMenuConfig;
     multipleSelectionDisabled: boolean;
     /** Indicates whether sorting multiple columns is supported within the table. */
     multipleSortEnabled: boolean;
     objectIds: __esri.Collection<string | number>;
-    outFields: string[];
+    outFields: nullish | string[];
     readonly pageCount: number;
     pageIndex: number;
     pageSize: number;
@@ -153,32 +165,34 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     /**
      * Reference to a nested table instance representing a relationship with another table.
      */
-    relatedTable: __esri.FeatureTable;
-    relatedTables: __esri.Collection<__esri.FeatureTable>;
+    relatedTable: nullish | FeatureTable;
+    relatedTables: __esri.Collection<FeatureTable>;
     returnGeometryEnabled: boolean;
     returnMEnabled: boolean;
     returnZEnabled: boolean;
     rowHighlightIds: __esri.Collection<string | number>;
     /** Total number of records currently displayed in the table. */
     readonly size: number;
+    /** Indicates whether to display the feature table's layer switch drop down menu. */
+    showLayerDropdown: boolean | undefined;
     readonly state: "loaded" | "ready" | "disabled" | "error" | "loading";
     /**
      * Reference to top-level controller table, if this table is a related table, nested within and controlled by another table.
      */
-    tableController: __esri.FeatureTable;
+    tableController: nullish | FeatureTable;
     tableDisabled: boolean;
     /**
      *  Reference to a table instance that this table is directly related to.
      */
-    tableParent: __esri.FeatureTable;
-    tableTemplate: __esri.TableTemplate;
-    timeExtent: __esri.TimeExtent;
-    timeZone: string;
+    tableParent: nullish | FeatureTable;
+    tableTemplate: nullish | __esri.TableTemplate;
+    timeExtent: nullish | __esri.TimeExtent;
+    timeZone: string | nullish;
     deleteSelection(showWarningPrompt?: boolean): Promise<void>;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     exportSelectionToCSV(includeGeometry?: boolean): Promise<void>;
-    findColumn(fieldName: string): Promise<__esri.ActionColumn | __esri.AttachmentsColumn | __esri.Column | __esri.GroupColumn | __esri.RelationshipColumn>;
+    findColumn(fieldName: string): Promise<__esri.ActionColumn | __esri.AttachmentsColumn | __esri.Column | __esri.GroupColumn | __esri.RelationshipColumn | nullish>;
     goToPage(index: number): Promise<void>;
     hideColumn(fieldName: string): Promise<void>;
     nextPage(): Promise<void>;
@@ -193,15 +207,15 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     showColumn(fieldName: string): Promise<void>;
     sortColumn(path: string, direction: "asc" | "desc"): Promise<void>;
     zoomToSelection(): Promise<void>;
-    readonly arcgisCellClick: CustomEvent<__esri.FeatureTableCellClickEvent>;
-    readonly arcgisCellKeydown: CustomEvent<__esri.FeatureTableCellKeydownEvent>;
-    readonly arcgisCellPointerout: CustomEvent<__esri.FeatureTableCellPointeroutEvent>;
-    readonly arcgisCellPointerover: CustomEvent<__esri.FeatureTableCellPointeroverEvent>;
-    readonly arcgisColumnReorder: CustomEvent<__esri.FeatureTableColumnReorderEvent>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisCellClick: TargetedEvent<this, __esri.FeatureTableCellClickEvent>;
+    readonly arcgisCellKeydown: TargetedEvent<this, __esri.FeatureTableCellKeydownEvent>;
+    readonly arcgisCellPointerout: TargetedEvent<this, __esri.FeatureTableCellPointeroutEvent>;
+    readonly arcgisCellPointerover: TargetedEvent<this, __esri.FeatureTableCellPointeroverEvent>;
+    readonly arcgisColumnReorder: TargetedEvent<this, __esri.FeatureTableColumnReorderEvent>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "size" | "state" | "effectiveSize" | "isQueryingOrSyncing" | "layerView";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisSelectionChange: CustomEvent<__esri.CollectionChangeEvent<string | number>>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisSelectionChange: TargetedEvent<this, __esri.CollectionChangeEvent<string | number>>;
 }
 export {};

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

@@ -1,26 +1,25 @@
-import { c as o } from "../../chunks/runtime.js";
+import { c as n } from "../../chunks/runtime.js";
 import { usePropertyChange as h } from "@arcgis/components-controllers";
-import { importLayersLayer as l, newWidgetsFeatureTable as d } from "@arcgis/core-adapter";
-import { m as a } from "../../chunks/useWidget.js";
-import { f as r } from "../../chunks/component-utils.js";
-import { LitElement as g, createEvent as n, noShadowRoot as c } from "@arcgis/lumina";
 import { reEmitEvent as i } from "@arcgis/components-controllers/accessor";
-import { css as m } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.9
-*/
-const u = m`arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}`, w = a(d);
-class b extends g {
+import s from "@arcgis/core/layers/Layer.js";
+import d from "@arcgis/core/widgets/FeatureTable.js";
+import { LitElement as a, createEvent as l, noShadowRoot as r } from "@arcgis/lumina";
+import { m as g } from "../../chunks/useWidget.js";
+import { f as m } from "../../chunks/component-utils.js";
+import { css as c } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+v4.32.0-next.91 */
+const u = c`arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}`, w = g(d);
+class b extends a {
   constructor() {
-    super(...arguments), this.widget = w(this), this.viewModel = this.widget.viewModel, this.actionColumnConfig = this.widget.actionColumnConfig, this.activeFilters = this.widget.activeFilters, this.activeSortOrders = this.widget.activeSortOrders, this.allRelatedTablesVisible = this.widget.allRelatedTablesVisible, this.attachmentsEnabled = this.widget.attachmentsEnabled, this.autoDestroyDisabled = !1, this.autoRefreshDisabled = this.widget.autoRefreshEnabled, this.columnReorderingDisabled = this.widget.columnReorderingEnabled, this.columns = this.widget.columns, this.description = this.widget.description, this.editingEnabled = this.widget.editingEnabled, this.effectiveSize = this.widget.effectiveSize, this.filterBySelectionEnabled = this.widget.filterBySelectionEnabled, this.filterGeometry = this.widget.filterGeometry, this.hiddenFields = this.widget.hiddenFields, 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.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.label = this.widget.label, this.layer = this.widget.layer, 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.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.position = "manual", this.relatedRecordsEnabled = this.widget.relatedRecordsEnabled, this.relatedTable = this.widget.relatedTable, this.relatedTables = this.widget.relatedTables, this.returnGeometryEnabled = this.widget.returnGeometryEnabled, this.returnMEnabled = this.widget.returnMEnabled, this.returnZEnabled = this.widget.returnZEnabled, this.rowHighlightIds = this.widget.rowHighlightIds, this.size = this.widget.size, this.state = this.widget.state, this.tableController = this.widget.tableController, this.tableDisabled = this.widget.disabled, this.tableParent = this.widget.tableParent, this.tableTemplate = this.widget.tableTemplate, this.timeExtent = this.widget.timeExtent, this.timeZone = this.widget.timeZone, this.arcgisCellClick = i(() => this.widget, "cell-click"), this.arcgisCellKeydown = i(() => this.widget, "cell-keydown"), this.arcgisCellPointerout = i(() => this.widget, "cell-pointerout"), this.arcgisCellPointerover = i(() => this.widget, "cell-pointerover"), this.arcgisColumnReorder = i(() => this.widget, "column-reorder"), this.arcgisPropertyChange = h()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.arcgisReady = n(), this.arcgisSelectionChange = n();
+    super(...arguments), this.widget = w(this), this.viewModel = this.widget.viewModel, this.attributeTableTemplate = this.widget.attributeTableTemplate, this.actionColumnConfig = this.widget.actionColumnConfig, this.activeFilters = this.widget.activeFilters, this.activeSortOrders = this.widget.activeSortOrders, this.allRelatedTablesVisible = this.widget.allRelatedTablesVisible, this.attachmentsEnabled = this.widget.attachmentsEnabled, this.autoDestroyDisabled = !1, this.autoRefreshDisabled = this.widget.autoRefreshEnabled, this.columnReorderingDisabled = this.widget.columnReorderingEnabled, this.columns = this.widget.columns, this.description = this.widget.description, this.editingEnabled = this.widget.editingEnabled, this.effectiveSize = this.widget.effectiveSize, this.filterBySelectionEnabled = this.widget.filterBySelectionEnabled, this.filterGeometry = this.widget.filterGeometry, this.hideColumnDescriptions = this.widget.visibleElements.columnDescriptions, this.hiddenFields = this.widget.hiddenFields, 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.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.label = this.widget.label, this.layer = this.widget.layer, 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.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.position = "manual", this.relatedRecordsEnabled = this.widget.relatedRecordsEnabled, this.relatedTable = this.widget.relatedTable, this.relatedTables = this.widget.relatedTables, this.returnGeometryEnabled = this.widget.returnGeometryEnabled, this.returnMEnabled = this.widget.returnMEnabled, this.returnZEnabled = this.widget.returnZEnabled, this.rowHighlightIds = this.widget.rowHighlightIds, this.size = this.widget.size, this.showLayerDropdown = this.widget.visibleElements.layerDropdown, this.state = this.widget.state, this.tableController = this.widget.tableController, this.tableDisabled = this.widget.disabled, this.tableParent = this.widget.tableParent, this.tableTemplate = this.widget.tableTemplate, this.timeExtent = this.widget.timeExtent, this.timeZone = this.widget.timeZone, this.arcgisCellClick = i(() => this.widget, "cell-click"), this.arcgisCellKeydown = i(() => this.widget, "cell-keydown"), this.arcgisCellPointerout = i(() => this.widget, "cell-pointerout"), this.arcgisCellPointerover = i(() => this.widget, "cell-pointerover"), this.arcgisColumnReorder = i(() => this.widget, "column-reorder"), this.arcgisPropertyChange = h()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.arcgisReady = l(), this.arcgisSelectionChange = l();
   }
   static {
-    this.properties = { actionColumnConfig: 0, activeFilters: 0, activeSortOrders: 0, allRelatedTablesVisible: 0, attachmentsEnabled: 5, autoDestroyDisabled: 5, autoRefreshDisabled: 5, columnReorderingDisabled: 5, columns: 0, description: 1, editingEnabled: 5, effectiveSize: 0, filterBySelectionEnabled: 5, filterGeometry: 0, hiddenFields: 0, hideColumnMenuItemsSortAscending: 5, hideColumnMenuItemsSortDescending: 5, hideColumnMenus: 5, hideHeader: 5, hideMenu: 5, hideMenuItemsClearSelection: 5, hideMenuItemsDeleteSelection: 5, hideMenuItemsExportSelectionToCsv: 5, hideMenuItemsRefreshData: 5, hideMenuItemsSelectedRecordsShowAllToggle: 5, hideMenuItemsSelectedRecordsShowSelectedToggle: 5, hideMenuItemsToggleColumns: 5, hideMenuItemsZoomToSelection: 5, hideProgress: 5, hideSelectionColumn: 5, hideTooltips: 5, highlightDisabled: 5, highlightIds: 0, initialSize: 9, icon: 1, isQueryingOrSyncing: 0, label: 1, layer: 0, layerItemId: 1, layerUrl: 1, layerView: 0, layers: 0, maxSize: 9, menuConfig: 0, multipleSelectionDisabled: 5, multipleSortEnabled: 5, objectIds: 0, outFields: 0, pageCount: 8, pageIndex: 9, pageSize: 9, paginationEnabled: 5, position: 1, referenceElement: 1, relatedRecordsEnabled: 5, relatedTable: 0, relatedTables: 0, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, size: 0, state: 3, tableController: 0, tableDisabled: 5, tableParent: 0, tableTemplate: 0, timeExtent: 0, timeZone: 1 };
+    this.properties = { attributeTableTemplate: 0, actionColumnConfig: 0, activeFilters: 0, activeSortOrders: 0, allRelatedTablesVisible: 4, attachmentsEnabled: 5, autoDestroyDisabled: 5, autoRefreshDisabled: 5, columnReorderingDisabled: 5, columns: 0, description: 1, editingEnabled: 5, effectiveSize: 8, filterBySelectionEnabled: 5, filterGeometry: 0, hideColumnDescriptions: 5, hiddenFields: 0, hideColumnMenuItemsSortAscending: 5, hideColumnMenuItemsSortDescending: 5, hideColumnMenus: 5, hideHeader: 5, hideMenu: 5, hideMenuItemsClearSelection: 5, hideMenuItemsDeleteSelection: 5, hideMenuItemsExportSelectionToCsv: 5, hideMenuItemsRefreshData: 5, hideMenuItemsSelectedRecordsShowAllToggle: 5, hideMenuItemsSelectedRecordsShowSelectedToggle: 5, hideMenuItemsToggleColumns: 5, hideMenuItemsZoomToSelection: 5, hideProgress: 5, hideSelectionColumn: 5, hideTooltips: 5, highlightDisabled: 5, highlightIds: 0, initialSize: 9, icon: 1, isQueryingOrSyncing: 4, label: 1, layer: 0, layerItemId: 1, layerUrl: 1, layerView: 0, layers: 0, maxSize: 9, menuConfig: 0, multipleSelectionDisabled: 5, multipleSortEnabled: 5, objectIds: 0, outFields: 0, pageCount: 8, pageIndex: 9, pageSize: 9, paginationEnabled: 5, position: 1, referenceElement: 1, relatedRecordsEnabled: 5, relatedTable: 0, relatedTables: 0, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, size: 8, showLayerDropdown: 5, state: 3, tableController: 0, tableDisabled: 5, tableParent: 0, tableTemplate: 0, timeExtent: 0, timeZone: 1 };
   }
   static {
-    this.shadowRootOptions = c;
+    this.shadowRootOptions = r;
   }
   static {
     this.styles = u;
@@ -88,18 +87,18 @@ class b extends g {
     this.manager.onLifecycle(() => this.widget.highlightIds.on("change", this.arcgisSelectionChange.emit));
   }
   willUpdate(e) {
-    if (e.has("layerItemId") && (r(this.layerItemId) ? this.layer = null : this.layerItemId && l().then(async (t) => await t.fromPortalItem({
+    if (e.has("layerItemId") && (m(this.layerItemId) ? this.layer = null : this.layerItemId && s.fromPortalItem({
       portalItem: {
         id: this.layerItemId
       }
-    })).then((t) => {
+    }).then((t) => {
       this.layer = t;
     }).catch(console.error)), e.has("layerUrl")) {
       const t = this.layerUrl;
-      t ? l().then((s) => s.fromArcGISServerUrl({
+      t ? s.fromArcGISServerUrl({
         url: t
-      })).then((s) => {
-        this.layer = s;
+      }).then((o) => {
+        this.layer = o;
       }).catch(console.error) : this.layer = null;
     }
   }
@@ -107,7 +106,7 @@ class b extends g {
     this.el.childElem?.classList.add("arcgis-feature-table");
   }
 }
-o("arcgis-feature-table", b);
+n("arcgis-feature-table", b);
 export {
   b as ArcgisFeatureTable
 };