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

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

@@ -0,0 +1,43 @@
+import { c as i } from "../../chunks/runtime.js";
+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.100 */
+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 = 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 };
+  }
+  static {
+    this.shadowRootOptions = h;
+  }
+  static {
+    this.styles = r;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async nextMedia(t) {
+    this.widget?.nextMedia(t);
+  }
+  async previousMedia(t) {
+    this.widget?.previousMedia(t);
+  }
+  async setActiveMedia(t, e) {
+    this.widget?.setActiveMedia(t, e);
+  }
+}
+i("arcgis-feature", p);
+export {
+  p 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,77 @@
+/// <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 { 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;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<FeatureForm, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: unknown;
+    viewModel?: __esri.FeatureFormViewModel | undefined;
+    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;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    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 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: 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.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | nullish | __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: TargetedEvent<this, {
+        name: "state";
+    }>;
+    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

@@ -0,0 +1,41 @@
+import { c as e } from "../../chunks/runtime.js";
+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.100 */
+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 = 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 = o;
+  }
+  static {
+    this.styles = l;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async getValues() {
+    return this.widget?.getValues();
+  }
+  async submit() {
+    this.widget?.submit();
+  }
+}
+e("arcgis-feature-form", n);
+export {
+  n 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,221 @@
+/// <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 { 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;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<FeatureTable, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "loaded" | "ready" | "disabled" | "error" | "loading" | undefined;
+    viewModel?: __esri.FeatureTableViewModel | undefined;
+    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;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    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.
+     */
+    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 temporarily 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 | nullish;
+    editingEnabled: boolean;
+    /**
+     * Total number of records displayed in the table's current view.
+     */
+    readonly effectiveSize: number;
+    filterBySelectionEnabled: boolean;
+    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;
+    /** 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>;
+    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.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.
+     */
+    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: 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.
+     */
+    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: nullish | string[];
+    readonly 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: 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: nullish | FeatureTable;
+    tableDisabled: boolean;
+    /**
+     *  Reference to a table instance that this table is directly related to.
+     */
+    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 | nullish>;
+    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: 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: TargetedEvent<this, undefined>;
+    readonly arcgisSelectionChange: TargetedEvent<this, __esri.CollectionChangeEvent<string | number>>;
+}
+export {};

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

@@ -0,0 +1,112 @@
+import { c as n } from "../../chunks/runtime.js";
+import { usePropertyChange as h } from "@arcgis/components-controllers";
+import { reEmitEvent as i } from "@arcgis/components-controllers/accessor";
+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.100 */
+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.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 = { 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 = r;
+  }
+  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") && (m(this.layerItemId) ? this.layer = null : this.layerItemId && s.fromPortalItem({
+      portalItem: {
+        id: this.layerItemId
+      }
+    }).then((t) => {
+      this.layer = t;
+    }).catch(console.error)), e.has("layerUrl")) {
+      const t = this.layerUrl;
+      t ? s.fromArcGISServerUrl({
+        url: t
+      }).then((o) => {
+        this.layer = o;
+      }).catch(console.error) : this.layer = null;
+    }
+  }
+  loaded() {
+    this.el.childElem?.classList.add("arcgis-feature-table");
+  }
+}
+n("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,76 @@
+/// <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 { default as FeatureTemplates } from '@arcgis/core/widgets/FeatureTemplates.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+
+declare const useFeatureTemplatesWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<FeatureTemplates, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: unknown;
+    viewModel?: __esri.FeatureTemplatesViewModel | undefined;
+    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;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.FeatureTemplatesProperties | undefined): __esri.FeatureTemplatesProperties | Promise<__esri.FeatureTemplatesProperties | undefined> | undefined;
+} | undefined) => FeatureTemplates;
+/**
+ * @internal
+ */
+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
+     * 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;
+    enableListScroll: boolean;
+    filterFunction: nullish | __esri.FilterFunction;
+    filterText: string;
+    groupBy: string | nullish | __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;
+    /** The component's default label. */
+    label: string;
+    layers: (__esri.FeatureLayer | __esri.SceneLayer | __esri.SubtypeGroupLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer)[];
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    selectionMode: nullish | "none" | "single";
+    readonly state: "ready" | "disabled" | "loading";
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
+        name: "state";
+    }>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisSelect: TargetedEvent<this, __esri.FeatureTemplatesSelectEvent>;
+}
+export {};

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

@@ -0,0 +1,35 @@
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
+import { reEmitEvent as i } from "@arcgis/components-controllers/accessor";
+import s from "@arcgis/core/widgets/FeatureTemplates.js";
+import { LitElement as o, createEvent as r, noShadowRoot as l } from "@arcgis/lumina";
+import { m as a } from "../../chunks/useWidget.js";
+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.100 */
+const n = h`arcgis-feature-templates{display:block}`, c = a(s);
+class d extends o {
+  constructor() {
+    super(...arguments), this.widget = c(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 = e()("state"), this.arcgisReady = r(), this.arcgisSelect = i(() => 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 };
+  }
+  static {
+    this.shadowRootOptions = l;
+  }
+  static {
+    this.styles = n;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+t("arcgis-feature-templates", d);
+export {
+  d as ArcgisFeatureTemplates
+};

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

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

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

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