@arcgis/map-components 4.32.0-next.4 → 4.32.0-next.40

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

@@ -6,34 +6,35 @@ 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>;
+    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.
@@ -196,6 +207,7 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     readonly arcgisCellKeydown: CustomEvent<__esri.FeatureTableCellKeydownEvent>;
     readonly arcgisCellPointerout: CustomEvent<__esri.FeatureTableCellPointeroutEvent>;
     readonly arcgisCellPointerover: CustomEvent<__esri.FeatureTableCellPointeroverEvent>;
+    readonly arcgisColumnReorder: CustomEvent<__esri.FeatureTableColumnReorderEvent>;
     readonly arcgisPropertyChange: CustomEvent<{
         name: "size" | "state" | "effectiveSize" | "isQueryingOrSyncing" | "layerView";
     }>;

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.4
+ * v4.32.0-next.40
 */
-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

@@ -5,34 +5,34 @@ 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>;
+    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,9 +47,14 @@ 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";

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.4
+ * v4.32.0-next.40
 */
-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
 };

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

@@ -5,34 +5,34 @@ import { Nil } from '@arcgis/components-utils';
 import { PublicLitElement as LitElement } from '@arcgis/lumina';
 
 declare const useFeaturesWidget: (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.Features, "map" | "spatialReference" | "timeZone" | "label" | "viewModel" | "content" | "icon" | "headingLevel" | "goToOverride" | "features" | "promises" | "selectedFeatureIndex"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<__esri.Features, "map" | "spatialReference" | "timeZone" | "label" | "viewModel" | "content" | "icon" | "headingLevel" | "goToOverride" | "collapsed" | "featureNavigationTop" | "features" | "headerActions" | "promises" | "selectedFeatureIndex"> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FeaturesViewModel | 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.FeaturesProperties): __esri.FeaturesProperties | Promise<__esri.FeaturesProperties>;
 } | undefined) => __esri.Features;
-export declare class ArcgisFeatures extends LitElement implements Use<typeof useFeaturesWidget> {
+export declare class ArcgisFeatures extends LitElement {
     actions: __esri.Collection<__esri.ActionButton | __esri.ActionToggle>;
     readonly active: boolean;
     /**
@@ -43,20 +43,27 @@ export declare class ArcgisFeatures extends LitElement implements Use<typeof use
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
-    readonly collapsed: boolean;
+    collapsed: boolean;
     content: string | HTMLElement | __esri.Widget;
+    featureNavigationTop: boolean;
     featureViewModelAbilities: __esri.Abilities;
     features: __esri.Graphic[];
     featuresPerPage: number;
     featuresTitle: string;
     goToOverride: __esri.GoToOverride;
     headingLevel: number;
+    headerActions: __esri.Collection<__esri.ActionBase>;
     hideActionBar: boolean | undefined;
     hideCloseButton: boolean | undefined;
     hideFeatureNavigation: boolean | undefined;
     hideFlow: boolean | undefined;
     hideHeading: boolean | undefined;
     hideSpinner: 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;
     includeDefaultActions: boolean;
     label: string;

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

@@ -4,22 +4,26 @@ import { newWidgetsFeatures as a } from "@arcgis/core-adapter";
 import { m as o } from "../../chunks/useWidget.js";
 import { LitElement as r, createEvent as h, noShadowRoot as n } from "@arcgis/lumina";
 import { reEmitEvent as d } from "@arcgis/components-controllers/accessor";
+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.4
+ * v4.32.0-next.40
 */
-const l = o(a);
-class c extends r {
+const c = l`arcgis-features{display:block}`, g = o(a);
+class u extends r {
   constructor() {
-    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.actions = this.viewModel.actions, this.active = this.widget.active, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.content = this.widget.content, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.features = this.widget.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featuresTitle = this.widget.title, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = this.widget.headingLevel, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureNavigation = this.widget.visibleElements.featureNavigation, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideSpinner = this.widget.visibleElements.spinner, this.icon = this.widget.icon, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.label = this.widget.label, this.map = this.widget.map, this.position = "bottom-left", this.promises = this.widget.promises, this.selectedFeature = this.widget.selectedFeature, this.selectedFeatureIndex = this.widget.selectedFeatureIndex, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("selectedFeature", "selectedFeatureIndex", "state"), this.arcgisReady = h(), this.arcgisTriggerAction = d(() => this.widget, "triggerAction");
+    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.actions = this.viewModel.actions, this.active = this.widget.active, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.content = this.widget.content, this.featureNavigationTop = this.widget.featureNavigationTop, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.features = this.widget.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featuresTitle = this.widget.title, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = this.widget.headingLevel, this.headerActions = this.widget.headerActions, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureNavigation = this.widget.visibleElements.featureNavigation, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideSpinner = this.widget.visibleElements.spinner, this.icon = this.widget.icon, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.label = this.widget.label, this.map = this.widget.map, this.position = "bottom-left", this.promises = this.widget.promises, this.selectedFeature = this.widget.selectedFeature, this.selectedFeatureIndex = this.widget.selectedFeatureIndex, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("selectedFeature", "selectedFeatureIndex", "state"), this.arcgisReady = h(), this.arcgisTriggerAction = d(() => this.widget, "trigger-action");
   }
   static {
-    this.properties = { actions: 0, active: 7, autoDestroyDisabled: 5, collapsed: 7, content: 1, featureViewModelAbilities: 0, features: 0, featuresPerPage: 9, featuresTitle: 1, goToOverride: 0, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideFeatureNavigation: 5, hideFlow: 5, hideHeading: 5, hideSpinner: 5, icon: 1, includeDefaultActions: 5, label: 1, map: 0, position: 1, promises: 0, referenceElement: 1, selectedFeature: 0, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 3, timeZone: 1 };
+    this.properties = { actions: 0, active: 7, autoDestroyDisabled: 5, collapsed: 7, content: 1, featureNavigationTop: 5, featureViewModelAbilities: 0, features: 0, featuresPerPage: 9, featuresTitle: 1, goToOverride: 0, headingLevel: 9, headerActions: 0, hideActionBar: 5, hideCloseButton: 5, hideFeatureNavigation: 5, hideFlow: 5, hideHeading: 5, hideSpinner: 5, icon: 1, includeDefaultActions: 5, label: 1, map: 0, position: 1, promises: 0, referenceElement: 1, selectedFeature: 0, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 3, timeZone: 1 };
   }
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = c;
+  }
   // #endregion
   // #region Public Methods
   async clear() {
@@ -48,7 +52,7 @@ class c extends r {
     this.widget?.triggerAction(e);
   }
 }
-i("arcgis-features", c);
+i("arcgis-features", u);
 export {
-  c as ArcgisFeatures
+  u as ArcgisFeatures
 };

package/dist/components/arcgis-floor-filter/customElement.d.ts

@@ -5,34 +5,34 @@ import { Nil } from '@arcgis/components-utils';
 import { PublicLitElement as LitElement } from '@arcgis/lumina';
 
 declare const useFloorFilterWidget: (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.FloorFilter, "label" | "viewModel" | "icon" | "headingLevel" | "facility" | "level" | "longNames" | "site"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FloorFilterViewModel | 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.FloorFilterProperties): __esri.FloorFilterProperties | Promise<__esri.FloorFilterProperties>;
 } | undefined) => __esri.FloorFilter;
-export declare class ArcgisFloorFilter extends LitElement implements Use<typeof useFloorFilterWidget> {
+export declare class ArcgisFloorFilter 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
@@ -43,6 +43,11 @@ export declare class ArcgisFloorFilter extends LitElement implements Use<typeof
     autoDestroyDisabled: boolean;
     facility: string;
     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;
     level: string;

package/dist/components/arcgis-floor-filter/customElement.js

@@ -2,15 +2,16 @@ import { c as e } from "../../chunks/runtime.js";
 import { newWidgetsFloorFilter as i } from "@arcgis/core-adapter";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as o, createEvent as l, noShadowRoot as a } from "@arcgis/lumina";
+import { css as r } 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.4
+ * v4.32.0-next.40
 */
-const r = s(i);
-class h extends o {
+const h = r`arcgis-floor-filter{display:block}`, n = s(i);
+class d extends o {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.position = "bottom-left", this.site = this.widget.site, this.arcgisReady = l();
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.position = "bottom-left", this.site = this.widget.site, this.arcgisReady = l();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, facility: 3, headingLevel: 9, icon: 1, label: 1, level: 3, longNames: 5, position: 1, referenceElement: 1, site: 3 };
@@ -18,6 +19,9 @@ class h extends o {
   static {
     this.shadowRootOptions = a;
   }
+  static {
+    this.styles = h;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -28,7 +32,7 @@ class h extends o {
     this.widget?.updateWebDocument(t);
   }
 }
-e("arcgis-floor-filter", h);
+e("arcgis-floor-filter", d);
 export {
-  h as ArcgisFloorFilter
+  d as ArcgisFloorFilter
 };

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

@@ -5,25 +5,25 @@ import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
 
 declare const useFullscreenViewModel: (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.FullscreenViewModel, never> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | "active" | "feature-unsupported" | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     position: __esri.UIPosition;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: (HTMLElement & {
-            ownedBy?: HTMLElement | undefined;
-        }) | undefined;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
         view?: __esri.MapView | __esri.SceneView | undefined;
     };
     autoDestroyDisabled: boolean;
@@ -31,7 +31,8 @@ declare const useFullscreenViewModel: (component: import('@arcgis/components-con
 }, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => __esri.FullscreenViewModel;
-export declare class ArcgisFullscreen extends LitElement implements Use<typeof useFullscreenViewModel> {
+export declare class ArcgisFullscreen extends LitElement {
+    private messages;
     /**
      * 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

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

@@ -6,17 +6,18 @@ import { newWidgetsFullscreenFullscreenViewModel as m } from "@arcgis/core-adapt
 import { u, m as h } from "../../chunks/useViewModel.js";
 import { g as i } from "../../chunks/globalCss.js";
 import { LitElement as g, createEvent as p, noShadowRoot as f, safeClassMap as o, nothing as w } from "@arcgis/lumina";
+import { css as b } 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.4
+ * v4.32.0-next.40
 */
-const b = {
+const y = b`arcgis-fullscreen{display:block}`, v = {
   base: "esri-fullscreen"
-}, v = h(m);
-class y extends g {
+}, M = h(m);
+class $ extends g {
   constructor() {
-    super(...arguments), this.messages = u(), this.viewModel = v(this), this.autoDestroyDisabled = !1, this.element = this.viewModel.element, this.icon = "zoom-out-fixed", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = c()("state"), this.arcgisReady = p();
+    super(...arguments), this.messages = u(), this.viewModel = M(this), this.autoDestroyDisabled = !1, this.element = this.viewModel.element, this.icon = "zoom-out-fixed", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = c()("state"), this.arcgisReady = p();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, element: 0, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 3 };
@@ -24,6 +25,9 @@ class y extends g {
   static {
     this.shadowRootOptions = f;
   }
+  static {
+    this.styles = y;
+  }
   // #endregion
   // #region Private Properties
   get fullscreenTitle() {
@@ -43,11 +47,11 @@ class y extends g {
   // #endregion
   // #region Rendering
   render() {
-    const { fullscreenTitle: e, icon: r } = this, t = this.viewModel?.state, a = t === "feature-unsupported", l = t === "ready" || t === "disabled" || t === "feature-unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return s`<div class=${o(d(b.base, i.widget))}>${!a && s`<calcite-button class=${o(i.widgetButton)} .disabled=${t === "disabled"} .iconStart=${(r ?? l) || ""} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? w}></calcite-button>` || ""}</div>`;
+    const { fullscreenTitle: e, icon: r } = this, t = this.viewModel?.state, l = t === "feature-unsupported", a = t === "ready" || t === "disabled" || t === "feature-unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
+    return s`<div class=${o(d(v.base, i.widget))}>${!l && s`<calcite-button class=${o(i.widgetButton)} .disabled=${t === "disabled"} .iconStart=${r ?? a} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? w}></calcite-button>` || ""}</div>`;
   }
 }
-n("arcgis-fullscreen", y);
+n("arcgis-fullscreen", $);
 export {
-  y as ArcgisFullscreen
+  $ as ArcgisFullscreen
 };

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

@@ -1,2 +1,2 @@
-import "@esri/calcite-components/dist/components/calcite-button";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

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

@@ -1,2 +1,2 @@
-import "@esri/calcite-components/dist/components/calcite-button";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";