@arcgis/map-components 4.32.0-next.1 → 4.32.0-next.3

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

@@ -0,0 +1,72 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+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';
+
+declare const useFeatureWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    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;
+    state?: unknown;
+    viewModel?: __esri.FeatureViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    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;
+    };
+    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> {
+    /**
+     * 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.
+     */
+    autoDestroyDisabled: boolean;
+    defaultPopupTemplateEnabled: boolean;
+    graphic: __esri.Graphic;
+    headingLevel: number;
+    hideContentAttachments: boolean | undefined;
+    hideContentExpression: boolean | undefined;
+    hideContentFields: boolean | undefined;
+    hideContentMedia: boolean | undefined;
+    hideContentText: boolean | undefined;
+    hideLastEditInfo: boolean | undefined;
+    hideTitle: boolean | undefined;
+    icon: string;
+    label: string;
+    location: __esri.Point;
+    map: __esri.Map;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    spatialReference: __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<{
+        name: "state";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+}
+export {};

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

@@ -0,0 +1,41 @@
+import { c as i } from "../../chunks/runtime.js";
+import { F as s } from "../../chunks/index.js";
+import { m as n } from "../../chunks/useWidget.js";
+import { usePropertyChange as a } from "@arcgis/components-controllers";
+import { LitElement as o, createEvent as d, noShadowRoot as h } from "@arcgis/lumina";
+/*!
+ * 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.3
+*/
+const l = n(s);
+class r 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();
+  }
+  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 };
+  }
+  static {
+    this.shadowRootOptions = h;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async nextMedia(e) {
+    this.widget?.nextMedia(e);
+  }
+  async previousMedia(e) {
+    this.widget?.previousMedia(e);
+  }
+  async setActiveMedia(e, t) {
+    this.widget?.setActiveMedia(e, t);
+  }
+}
+i("arcgis-feature", r);
+export {
+  r as ArcgisFeature
+};

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,66 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+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';
+
+declare const useFeatureFormWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    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;
+    state?: unknown;
+    viewModel?: __esri.FeatureFormViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    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;
+    };
+    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> {
+    /**
+     * 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.
+     */
+    autoDestroyDisabled: boolean;
+    feature: __esri.Graphic;
+    formTemplate: __esri.FormTemplate;
+    groupDisplay: "all" | "sequential";
+    headingLevel: number;
+    icon: string;
+    label: string;
+    layer: __esri.FeatureLayer | __esri.SubtypeSublayer;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    readonly state: "ready" | "disabled";
+    timeZone: string;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    getValues(): Promise<any>;
+    submit(): Promise<void>;
+    readonly arcgisPropertyChange: CustomEvent<{
+        name: "state";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisSubmit: CustomEvent<__esri.FeatureFormSubmitEvent>;
+    readonly arcgisValueChange: CustomEvent<__esri.FeatureFormValueChangeEvent>;
+}
+export {};

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

@@ -0,0 +1,39 @@
+import { c as e } from "../../chunks/runtime.js";
+import { E as i } from "../../chunks/index.js";
+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";
+/*!
+ * 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.3
+*/
+const m = r(i);
+class g 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");
+  }
+  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;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async getValues() {
+    return this.widget?.getValues();
+  }
+  async submit() {
+    return this.widget?.submit();
+  }
+}
+e("arcgis-feature-form", g);
+export {
+  g as ArcgisFeatureForm
+};

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,205 @@
+/// <reference types="@arcgis/core/interfaces.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 { PropertyValues } from 'lit';
+
+declare const useFeatureTableWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    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;
+    state?: "loaded" | "ready" | "disabled" | "error" | "loading" | undefined;
+    viewModel?: __esri.FeatureTableViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    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;
+    };
+    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;
+    /**
+     * 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.
+     */
+    readonly activeFilters: __esri.Collection<__esri.GeometryFilter | __esri.SelectionFilter>;
+    /**
+     * Use this read-only property if needing to query features while retaining
+     * a column's sort order.
+     */
+    readonly activeSortOrders: __esri.ColumnSortOrder[];
+    /** Indicates the table is displaying all related tables in "show all" mode. */
+    readonly allRelatedTablesVisible: boolean;
+    attachmentsEnabled: boolean;
+    /**
+     * 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.
+     */
+    autoDestroyDisabled: boolean;
+    /** Indicates whether the table should automatically refresh when the underlying data changes */
+    autoRefreshDisabled: boolean;
+    /** Indicates whether the table should allow reordering of columns. */
+    columnReorderingDisabled: boolean;
+    /**
+     * A read-only collection of column, field, group, action, attachment,
+     * 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;
+    editingEnabled: boolean;
+    /**
+     * Total number of records displayed in the table's current view.
+     */
+    readonly effectiveSize: number;
+    filterBySelectionEnabled: boolean;
+    filterGeometry: __esri.Geometry;
+    hiddenFields: __esri.Collection<string>;
+    /** Indicates whether to display the Sort Ascending menu item. */
+    hideColumnMenuItemsSortAscending: boolean | undefined;
+    /** Indicates whether to display the Sort Descending menu item. */
+    hideColumnMenuItemsSortDescending: boolean | undefined;
+    /** Indicates whether to display the menu items within the individual columns */
+    hideColumnMenus: boolean | undefined;
+    /** Indicates whether to display the feature table's header information. */
+    hideHeader: boolean | undefined;
+    /** Indicates whether to display the feature table's menu. */
+    hideMenu: boolean | undefined;
+    /** Indicates whether to display the Clear selection menu item. */
+    hideMenuItemsClearSelection: boolean | undefined;
+    /** Indicates whether to display the Delete Selection menu item. */
+    hideMenuItemsDeleteSelection: boolean | undefined;
+    /** Indicates whether to display the Export selection to CSV menu item. */
+    hideMenuItemsExportSelectionToCsv: boolean | undefined;
+    /** Indicates whether to display the Refresh data menu item. */
+    hideMenuItemsRefreshData: boolean | undefined;
+    /** Indicates whether to toggle between showing only selected records in the table to showing all of the records. */
+    hideMenuItemsSelectedRecordsShowAllToggle: boolean | undefined;
+    /** Indicates whether to display the Show selected records menu item. */
+    hideMenuItemsSelectedRecordsShowSelectedToggle: boolean | undefined;
+    /** Indicates whether to enable toggling column visibility within the menu. */
+    hideMenuItemsToggleColumns: boolean | undefined;
+    /** Indicates whether to display the Zoom to selected menu item. */
+    hideMenuItemsZoomToSelection: boolean | undefined;
+    /** Indicates whether to display the progress indicator when the table is querying or syncing data. */
+    hideProgress: boolean | undefined;
+    /**
+     * Indicates whether to display the selection column in the table.
+     * Each row has a checkbox that selects its corresponding feature.
+     */
+    hideSelectionColumn: boolean | undefined;
+    /** Indicates whether to display the tooltip for the Show/hide columns button. */
+    hideTooltips: boolean | undefined;
+    highlightDisabled: boolean;
+    highlightIds: __esri.Collection<string | number>;
+    /** Icon which represents the component. */
+    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;
+    /**
+     * Portal Item Id for a layer to load. You can set, `layer`, `layerUrl`, or `itemId`,
+     * but not more than one.
+     */
+    layerItemId?: string;
+    /**
+     * Url for a layer to load. You can set, `layer`, `layerUrl`, or `itemId`,
+     * but not more than one.
+     */
+    layerUrl?: string;
+    /** The layer view associated with the table's layer. */
+    readonly layerView: __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;
+    multipleSelectionDisabled: boolean;
+    /** Indicates whether sorting multiple columns is supported within the table. */
+    multipleSortEnabled: boolean;
+    objectIds: __esri.Collection<string | number>;
+    outFields: string[];
+    pageCount: number;
+    pageIndex: number;
+    pageSize: number;
+    paginationEnabled: boolean;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    relatedRecordsEnabled: boolean;
+    /**
+     * Reference to a nested table instance representing a relationship with another table.
+     */
+    relatedTable: __esri.FeatureTable;
+    relatedTables: __esri.Collection<__esri.FeatureTable>;
+    returnGeometryEnabled: boolean;
+    returnMEnabled: boolean;
+    returnZEnabled: boolean;
+    rowHighlightIds: __esri.Collection<string | number>;
+    /** Total number of records currently displayed in the table. */
+    readonly size: number;
+    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;
+    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;
+    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>;
+    goToPage(index: number): Promise<void>;
+    hideColumn(fieldName: string): Promise<void>;
+    nextPage(): Promise<void>;
+    previousPage(): Promise<void>;
+    refresh(): Promise<void>;
+    scrollToBottom(): Promise<void>;
+    scrollToIndex(index: number): Promise<void>;
+    scrollToLeft(): Promise<void>;
+    scrollToRow(objectId: number): Promise<void>;
+    scrollToTop(): Promise<void>;
+    showAllColumns(): Promise<void>;
+    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<{
+        name: "size" | "state" | "effectiveSize" | "isQueryingOrSyncing" | "layerView";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisSelectionChange: CustomEvent<__esri.CollectionChangeEvent<string | number>>;
+}
+export {};

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

@@ -0,0 +1,113 @@
+import { c as o } from "../../chunks/runtime.js";
+import { usePropertyChange as h } from "@arcgis/components-controllers";
+import { a3 as l, a4 as d } from "../../chunks/index.js";
+import { m as a } from "../../chunks/useWidget.js";
+import { i 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.3
+*/
+const u = c`.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();
+  }
+  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 };
+  }
+  static {
+    this.shadowRootOptions = m;
+  }
+  static {
+    this.styles = u;
+  }
+  // #endregion
+  // #region Public Methods
+  async deleteSelection(e) {
+    await this.widget?.deleteSelection(e);
+  }
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async exportSelectionToCSV(e) {
+    await this.widget?.exportSelectionToCSV(e);
+  }
+  async findColumn(e) {
+    return this.widget?.findColumn(e);
+  }
+  async goToPage(e) {
+    this.widget.goToPage(e);
+  }
+  async hideColumn(e) {
+    this.widget?.hideColumn(e);
+  }
+  async nextPage() {
+    this.widget.nextPage();
+  }
+  async previousPage() {
+    this.widget.previousPage();
+  }
+  async refresh() {
+    await this.widget?.refresh();
+  }
+  async scrollToBottom() {
+    this.widget.scrollToBottom();
+  }
+  async scrollToIndex(e) {
+    this.widget?.scrollToIndex(e);
+  }
+  async scrollToLeft() {
+    this.widget.scrollLeft();
+  }
+  async scrollToRow(e) {
+    this.widget?.scrollToRow(e);
+  }
+  async scrollToTop() {
+    this.widget.scrollToTop();
+  }
+  async showAllColumns() {
+    this.widget?.showAllColumns();
+  }
+  async showColumn(e) {
+    this.widget?.showColumn(e);
+  }
+  async sortColumn(e, t) {
+    this.widget?.sortColumn(e, t);
+  }
+  async zoomToSelection() {
+    this.widget?.zoomToSelection();
+  }
+  // #endregion
+  // #region Lifecycle
+  load() {
+    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({
+      portalItem: {
+        id: this.layerItemId
+      }
+    })).then((t) => {
+      this.layer = t;
+    }).catch(console.error)), e.has("layerUrl")) {
+      const t = this.layerUrl;
+      t ? l().then((s) => s.fromArcGISServerUrl({
+        url: t
+      })).then((s) => {
+        this.layer = s;
+      }).catch(console.error) : this.layer = null;
+    }
+  }
+  loaded() {
+    this.el.childElem?.classList.add("arcgis-feature-table");
+  }
+}
+o("arcgis-feature-table", b);
+export {
+  b as ArcgisFeatureTable
+};

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,65 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+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';
+
+declare const useFeatureTemplatesWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean | undefined;
+    destroy?: (() => Promise<void>) | undefined;
+} & Pick<__esri.FeatureTemplates, "layers" | "label" | "viewModel" | "icon" | "headingLevel" | "filterText" | "selectionMode" | "enableListScroll" | "filterFunction" | "groupBy"> & {
+    reactiveUtils?: __esri.reactiveUtils | undefined;
+    state?: unknown;
+    viewModel?: __esri.FeatureTemplatesViewModel | undefined;
+    icon: string | Nil;
+    label: string | Nil;
+    referenceElement: string | Nil | ArcgisReferenceElement;
+    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;
+    };
+    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> {
+    /**
+     * 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.
+     */
+    autoDestroyDisabled: boolean;
+    enableListScroll: boolean;
+    filterFunction: __esri.FilterFunction;
+    filterText: string;
+    groupBy: string | __esri.GroupByFunction;
+    headingLevel: number;
+    hideFilter: boolean | undefined;
+    icon: string;
+    label: string;
+    layers: (__esri.FeatureLayer | __esri.SceneLayer | __esri.SubtypeGroupLayer | __esri.GeoJSONLayer | __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<{
+        name: "state";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisSelect: CustomEvent<__esri.FeatureTemplatesSelectEvent>;
+}
+export {};