@arcgis/map-components 4.32.0-next.5 → 4.32.0-next.51

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

@@ -2,37 +2,37 @@
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 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;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.Feature, "map" | "spatialReference" | "label" | "viewModel" | "icon" | "headingLevel" | "graphic" | "defaultPopupTemplateEnabled" | "location"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    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> {
+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
@@ -51,6 +51,11 @@ 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;
     label: string;
     location: __esri.Point;
@@ -64,9 +69,9 @@ export declare class ArcgisFeature extends LitElement implements Use<typeof useF
     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,17 +1,18 @@
 import { c as i } from "../../chunks/runtime.js";
 import { newWidgetsFeature as s } from "@arcgis/core-adapter";
-import { m as n } from "../../chunks/useWidget.js";
-import { usePropertyChange as a } from "@arcgis/components-controllers";
+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 { 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.5
+ * v4.32.0-next.51
 */
-const l = n(s);
-class r extends o {
+const r = l`arcgis-feature{display:block}`, c = a(s);
+class p extends o {
   constructor() {
-    super(...arguments), this.widget = l(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 = a()("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 = n()("state"), this.arcgisReady = d();
   }
   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 };
@@ -19,23 +20,26 @@ class r extends o {
   static {
     this.shadowRootOptions = h;
   }
+  static {
+    this.styles = r;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  async nextMedia(e) {
-    this.widget?.nextMedia(e);
+  async nextMedia(t) {
+    this.widget?.nextMedia(t);
   }
-  async previousMedia(e) {
-    this.widget?.previousMedia(e);
+  async previousMedia(t) {
+    this.widget?.previousMedia(t);
   }
-  async setActiveMedia(e, t) {
-    this.widget?.setActiveMedia(e, t);
+  async setActiveMedia(t, e) {
+    this.widget?.setActiveMedia(t, e);
   }
 }
-i("arcgis-feature", r);
+i("arcgis-feature", p);
 export {
-  r as ArcgisFeature
+  p as ArcgisFeature
 };

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

@@ -2,37 +2,37 @@
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 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;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.FeatureForm, "timeZone" | "label" | "viewModel" | "icon" | "headingLevel" | "layer" | "feature" | "formTemplate" | "groupDisplay"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FeatureFormViewModel | 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.FeatureFormProperties): __esri.FeatureFormProperties | Promise<__esri.FeatureFormProperties>;
 } | undefined) => __esri.FeatureForm;
-export declare class ArcgisFeatureForm extends LitElement implements Use<typeof useFeatureFormWidget> {
+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
@@ -45,9 +45,14 @@ export declare class ArcgisFeatureForm extends LitElement implements Use<typeof
     formTemplate: __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;
     label: string;
-    layer: __esri.FeatureLayer | __esri.SubtypeSublayer;
+    layer: __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.CSVLayer | __esri.SubtypeSublayer;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     readonly state: "ready" | "disabled";
@@ -56,11 +61,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

@@ -4,15 +4,16 @@ 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 { reEmitEvent as t } 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.5
+ * v4.32.0-next.51
 */
-const m = r(i);
-class g extends a {
+const l = m`arcgis-feature-form{display:block}`, g = r(i);
+class n extends a {
   constructor() {
-    super(...arguments), this.widget = m(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, "valueChange");
+    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");
   }
   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 };
@@ -20,6 +21,9 @@ class g extends a {
   static {
     this.shadowRootOptions = h;
   }
+  static {
+    this.styles = l;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -33,7 +37,7 @@ class g extends a {
     return this.widget?.submit();
   }
 }
-e("arcgis-feature-form", g);
+e("arcgis-feature-form", n);
 export {
-  g as ArcgisFeatureForm
+  n as ArcgisFeatureForm
 };

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

@@ -2,38 +2,39 @@
 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 { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';
 
 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" | "maxSize" | "menuConfig" | "objectIds" | "outFields" | "pageCount" | "pageIndex" | "paginationEnabled" | "relatedRecordsEnabled" | "relatedTable" | "relatedTables" | "returnGeometryEnabled" | "returnMEnabled" | "returnZEnabled" | "rowHighlightIds" | "tableController" | "tableParent" | "tableTemplate"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<__esri.FeatureTable, "timeExtent" | "timeZone" | "label" | "viewModel" | "icon" | "pageSize" | "layer" | "attributeTableTemplate" | "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?: 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> {
+export declare class ArcgisFeatureTable extends LitElement {
+    attributeTableTemplate: __esri.AttributeTableTemplate;
     actionColumnConfig: __esri.ActionColumnConfig;
     /**
      * A read-only property indicating the type of filter used by the table.
@@ -73,6 +74,8 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     readonly effectiveSize: number;
     filterBySelectionEnabled: boolean;
     filterGeometry: __esri.Geometry;
+    /** 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,7 +114,13 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     hideTooltips: boolean | undefined;
     highlightDisabled: boolean;
     highlightIds: __esri.Collection<string | number>;
+    initialSize: number;
     /** 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;
@@ -142,7 +151,7 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     multipleSortEnabled: boolean;
     objectIds: __esri.Collection<string | number>;
     outFields: string[];
-    pageCount: number;
+    readonly pageCount: number;
     pageIndex: number;
     pageSize: number;
     paginationEnabled: boolean;
@@ -160,6 +169,8 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     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.
@@ -192,14 +203,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 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

@@ -2,22 +2,22 @@ import { c as o } 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 { i as r } from "../../chunks/component-utils.js";
+import { f as r } from "../../chunks/component-utils.js";
 import { LitElement as g, createEvent as n, noShadowRoot as m } from "@arcgis/lumina";
 import { reEmitEvent as i } from "@arcgis/components-controllers/accessor";
 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.5
+ * v4.32.0-next.51
 */
-const u = c`.arcgis-feature-table{width:100%;height:100%}`, w = a(d);
+const u = c`arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}`, w = a(d);
 class b extends g {
   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.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, "cellClick"), this.arcgisCellKeydown = i(() => this.widget, "cellKeydown"), this.arcgisCellPointerout = i(() => this.widget, "cellPointerout"), this.arcgisCellPointerover = i(() => this.widget, "cellPointerover"), 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 = n(), this.arcgisSelectionChange = n();
   }
   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, 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: 9, 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: 0, attachmentsEnabled: 5, autoDestroyDisabled: 5, autoRefreshDisabled: 5, columnReorderingDisabled: 5, columns: 0, description: 1, editingEnabled: 5, effectiveSize: 0, 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: 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, showLayerDropdown: 5, state: 3, tableController: 0, tableDisabled: 5, tableParent: 0, tableTemplate: 0, timeExtent: 0, timeZone: 1 };
   }
   static {
     this.shadowRootOptions = m;

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

@@ -2,37 +2,37 @@
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useFeatureTemplatesWidget: (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;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.FeatureTemplates, "layers" | "label" | "viewModel" | "icon" | "headingLevel" | "filterText" | "selectionMode" | "enableListScroll" | "filterFunction" | "groupBy"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FeatureTemplatesViewModel | 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.FeatureTemplatesProperties): __esri.FeatureTemplatesProperties | Promise<__esri.FeatureTemplatesProperties>;
 } | undefined) => __esri.FeatureTemplates;
-export declare class ArcgisFeatureTemplates extends LitElement implements Use<typeof useFeatureTemplatesWidget> {
+export declare class ArcgisFeatureTemplates 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
@@ -47,19 +47,24 @@ export declare class ArcgisFeatureTemplates extends LitElement implements Use<ty
     groupBy: string | __esri.GroupByFunction;
     headingLevel: number;
     hideFilter: 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;
     label: string;
-    layers: (__esri.FeatureLayer | __esri.SceneLayer | __esri.SubtypeGroupLayer | __esri.GeoJSONLayer | __esri.SubtypeSublayer)[];
+    layers: (__esri.FeatureLayer | __esri.SceneLayer | __esri.SubtypeGroupLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer)[];
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectionMode: "none" | "single";
     readonly state: "ready" | "disabled" | "loading";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisSelect: CustomEvent<__esri.FeatureTemplatesSelectEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisSelect: TargetedEvent<this, __esri.FeatureTemplatesSelectEvent>;
 }
 export {};

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

@@ -4,15 +4,16 @@ import { usePropertyChange as i } from "@arcgis/components-controllers";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as o, createEvent as r, noShadowRoot as l } from "@arcgis/lumina";
 import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
+import { css as h } 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.5
+ * v4.32.0-next.51
 */
-const h = s(e);
-class n extends o {
+const n = h`arcgis-feature-templates{display:block}`, d = s(e);
+class c extends o {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.enableListScroll = this.widget.enableListScroll, this.filterFunction = this.widget.filterFunction, this.filterText = this.widget.filterText, this.groupBy = this.widget.groupBy, this.headingLevel = this.widget.headingLevel, this.hideFilter = this.widget.visibleElements.filter, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.position = "bottom-left", this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = r(), this.arcgisSelect = a(() => this.widget, "select");
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.enableListScroll = this.widget.enableListScroll, this.filterFunction = this.widget.filterFunction, this.filterText = this.widget.filterText, this.groupBy = this.widget.groupBy, this.headingLevel = this.widget.headingLevel, this.hideFilter = this.widget.visibleElements.filter, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.position = "bottom-left", this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = r(), this.arcgisSelect = a(() => this.widget, "select");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, enableListScroll: 5, filterFunction: 0, filterText: 1, groupBy: 1, headingLevel: 9, hideFilter: 5, icon: 1, label: 1, layers: 0, position: 1, referenceElement: 1, selectionMode: 1, state: 3 };
@@ -20,6 +21,9 @@ class n extends o {
   static {
     this.shadowRootOptions = l;
   }
+  static {
+    this.styles = n;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -27,7 +31,7 @@ class n extends o {
     await this.manager.destroy();
   }
 }
-t("arcgis-feature-templates", n);
+t("arcgis-feature-templates", c);
 export {
-  n as ArcgisFeatureTemplates
+  c as ArcgisFeatureTemplates
 };