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

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

@@ -1,27 +1,21 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/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 { PublicLitElement as LitElement, 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" | "loading" | "disabled" | "error" | undefined;
+declare const useFeatureTableWidget: (component: LitElement & Pick<FeatureTable, never> & {
+    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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -35,7 +29,7 @@ declare const useFeatureTableWidget: (component: import('@arcgis/components-cont
 }, options?: {
     editConstructorProperties(props: __esri.FeatureTableProperties | undefined): __esri.FeatureTableProperties | Promise<__esri.FeatureTableProperties | undefined> | undefined;
 } | undefined) => FeatureTable;
-/** The FeatureTable component provides an interactive tabular view of each feature's attributes in a feature layer.
+/** The Feature Table component provides an interactive tabular view of each feature's attributes in a feature layer.
  */
 export declare class ArcgisFeatureTable extends LitElement {
     attributeTableTemplate: nullish | __esri.AttributeTableTemplate;
@@ -61,9 +55,17 @@ export declare class ArcgisFeatureTable extends LitElement {
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
-    /** Indicates whether the table should automatically refresh when the underlying data changes */
+    /**
+     * Indicates whether the table should automatically refresh when the underlying data changes
+     *
+     * @default false
+     */
     autoRefreshDisabled: boolean;
-    /** Indicates whether the table should allow reordering of columns. */
+    /**
+     * Indicates whether the table should allow reordering of columns.
+     *
+     * @default false
+     */
     columnReorderingDisabled: boolean;
     /**
      * A read-only collection of column, field, group, action, attachment,
@@ -116,6 +118,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     hideSelectionColumn: boolean | undefined;
     /** Indicates whether to display the tooltip for the Show/hide columns button. */
     hideTooltips: boolean | undefined;
+    /** @default false */
     highlightDisabled: boolean;
     highlightIds: __esri.Collection<string | number>;
     initialSize: number | nullish;
@@ -130,7 +133,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     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;
+    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __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.
@@ -150,11 +153,12 @@ export declare class ArcgisFeatureTable extends LitElement {
     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;
+    /** @default false */
     multipleSelectionDisabled: boolean;
     /** Indicates whether sorting multiple columns is supported within the table. */
     multipleSortEnabled: boolean;
     objectIds: __esri.Collection<string | number>;
-    outFields: nullish | string[];
+    outFields: string[] | nullish;
     readonly pageCount: number;
     pageIndex: number;
     pageSize: number;
@@ -175,7 +179,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     readonly size: number;
     /** Indicates whether to display the feature table's layer switch drop down menu. */
     showLayerDropdown: boolean | undefined;
-    readonly state: "loaded" | "ready" | "loading" | "disabled" | "error";
+    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.
      */
@@ -213,7 +217,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     readonly arcgisCellPointerover: TargetedEvent<this, __esri.FeatureTableCellPointeroverEvent>;
     readonly arcgisColumnReorder: TargetedEvent<this, __esri.FeatureTableColumnReorderEvent>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "size" | "state" | "effectiveSize" | "isQueryingOrSyncing" | "layerView";
+        name: "state" | "effectiveSize" | "isQueryingOrSyncing" | "layerView" | "size";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
     readonly arcgisSelectionChange: TargetedEvent<this, __esri.CollectionChangeEvent<string | number>>;

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

@@ -1,19 +1,19 @@
 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 { usePropertyChange as h } from "@arcgis/lumina/controllers";
+import { reEmitEvent as i } from "@arcgis/lumina/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";
+import { e as m, g as c } from "../../chunks/component-utils.js";
+import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const u = c`arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}`, w = g(d);
-class b extends a {
+v4.33.0-next.100 */
+const w = u`@layer{arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}}`, b = g(d);
+class y 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();
+    super(...arguments), this.widget = b(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 };
@@ -22,10 +22,10 @@ class b extends a {
     this.shadowRootOptions = r;
   }
   static {
-    this.styles = u;
+    this.styles = w;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async deleteSelection(e) {
     await this.widget?.deleteSelection(e);
   }
@@ -81,8 +81,8 @@ class b extends a {
   async zoomToSelection() {
     this.widget?.zoomToSelection();
   }
-  // #endregion
-  // #region Lifecycle
+  //#endregion
+  //#region Lifecycle
   load() {
     this.manager.onLifecycle(() => this.widget.highlightIds.on("change", this.arcgisSelectionChange.emit));
   }
@@ -103,10 +103,10 @@ class b extends a {
     }
   }
   loaded() {
-    this.el.childElem?.classList.add("arcgis-feature-table");
+    c(this)?.classList.add("arcgis-feature-table");
   }
 }
-n("arcgis-feature-table", b);
+n("arcgis-feature-table", y);
 export {
-  b as ArcgisFeatureTable
+  y as ArcgisFeatureTable
 };

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/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;
+declare const useFeatureTemplatesWidget: (component: LitElement & Pick<FeatureTemplates, never> & {
     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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -63,8 +57,8 @@ export declare class ArcgisFeatureTemplates extends LitElement {
     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" | "loading" | "disabled";
+    selectionMode: nullish | "single" | "none";
+    readonly state: "ready" | "disabled" | "loading";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {

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

@@ -1,14 +1,14 @@
 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 { usePropertyChange as e } from "@arcgis/lumina/controllers";
+import { reEmitEvent as i } from "@arcgis/lumina/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.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const n = h`arcgis-feature-templates{display:block}`, c = a(s);
+v4.33.0-next.100 */
+const n = h`@layer{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");
@@ -22,8 +22,8 @@ class d extends o {
   static {
     this.styles = n;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as Features } from '@arcgis/core/widgets/Features.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useFeaturesWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Features, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useFeaturesWidget: (component: LitElement & Pick<Features, never> & {
     state?: unknown;
     viewModel?: __esri.FeaturesViewModel | 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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -37,6 +31,7 @@ declare const useFeaturesWidget: (component: import('@arcgis/components-controll
 /** Features component allows users to view a feature's popupTemplate content such as attributes, actions, related records, etc., without having to be tied to the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html).
  */
 export declare class ArcgisFeatures extends LitElement {
+    readonly arcgisClose: TargetedEvent<this>;
     actions: __esri.Collection<__esri.ActionButton | __esri.ActionToggle>;
     readonly active: boolean;
     /**
@@ -48,7 +43,7 @@ export declare class ArcgisFeatures extends LitElement {
      */
     autoDestroyDisabled: boolean;
     collapsed: boolean;
-    content: string | HTMLElement | nullish | __esri.Widget;
+    content: string | __esri.Widget | HTMLElement | nullish;
     featureNavigationTop: boolean;
     featureViewModelAbilities: nullish | __esri.Abilities;
     features: __esri.Graphic[];
@@ -57,12 +52,23 @@ export declare class ArcgisFeatures extends LitElement {
     goToOverride: nullish | __esri.GoToOverride;
     headingLevel: number;
     headerActions: __esri.Collection<__esri.ActionBase>;
+    /** Indicates whether to hide the action bar that holds the feature's [action](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Features-FeaturesViewModel.html#actions). */
     hideActionBar: boolean;
+    /** Indicates whether to hide the close button. */
     hideCloseButton: boolean;
+    /** Indicates whether to hide a heading and description on the widget feature menu list. */
     hideFeatureMenuHeading: boolean;
+    /** Indicates whether to hide pagination for feature navigation.
+     * This allows the user to scroll through various selected features using pagination arrows. */
     hideFeatureNavigation: boolean;
+    /** Determines whether the component should be shown within its built-in [flow component](https://developers.arcgis.com/calcite-design-system/components/flow/) or if the flow component should be excluded.
+     * The component will be displayed within its original flow component if `false`.
+     * The flow component will be omitted if set to `true`.
+     * To place the component into an existing Calcite flow component, set this property to `false`. */
     hideFlow: boolean;
+    /** Indicates whether is hide the heading. */
     hideHeading: boolean;
+    /** Indicates whether to hide the loading spinner. */
     hideSpinner: boolean;
     /**
      * Icon which represents the component.
@@ -85,11 +91,17 @@ export declare class ArcgisFeatures extends LitElement {
     readonly state: "ready" | "disabled";
     timeZone: string;
     clear(): Promise<void>;
+    /** Closes the component. */
     close(): Promise<void>;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
+    /** Use this method to return feature(s) at a given screen location.
+     * These features are fetched from all of the [layer views](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
+     * In order to use this, a layer must already have an associated [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).
+     * This method allows a developer to control how the input location is handled. */
     fetchFeatures(screenPoint: __esri.FeaturesFetchFeaturesScreenPoint, options?: __esri.FetchFeaturesOptions): Promise<__esri.FetchPopupFeaturesResult>;
     next(): Promise<__esri.FeaturesViewModel>;
+    /** Opens Features with content defined either explicitly or driven from the [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) of input features. */
     open(options?: __esri.FeaturesOpenOptions): Promise<void>;
     previous(): Promise<__esri.FeaturesViewModel>;
     triggerAction(actionIndex: number): Promise<void>;

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

@@ -1,17 +1,18 @@
 import { c as i } from "../../chunks/runtime.js";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
+import { usePropertyChange as s } from "@arcgis/lumina/controllers";
+import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
 import o from "@arcgis/core/widgets/Features.js";
 import { LitElement as r, createEvent as n, 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";
+import { c } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const c = l`arcgis-features{display:block}`, g = d(o);
-class u extends r {
+v4.33.0-next.100 */
+const g = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, u = d(o);
+class w extends r {
   constructor() {
-    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.hideFeatureMenuHeading = this.widget.visibleElements.featureMenuHeading, 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.initialDisplayMode = this.widget.initialDisplayMode, 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 = n(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = u(this), this.viewModel = this.widget.viewModel, this.arcgisClose = c(this), 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.hideFeatureMenuHeading = this.widget.visibleElements.featureMenuHeading, 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.initialDisplayMode = this.widget.initialDisplayMode, 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 = n(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
   }
   static {
     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, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFlow: 5, hideHeading: 5, hideSpinner: 5, icon: 1, includeDefaultActions: 5, initialDisplayMode: 1, label: 1, map: 0, position: 1, promises: 0, referenceElement: 1, selectedFeature: 0, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 3, timeZone: 1 };
@@ -20,13 +21,14 @@ class u extends r {
     this.shadowRootOptions = h;
   }
   static {
-    this.styles = c;
+    this.styles = g;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async clear() {
     this.widget?.clear();
   }
+  /** Closes the component. */
   async close() {
     this.widget?.close();
   }
@@ -34,12 +36,17 @@ class u extends r {
   async destroy() {
     await this.manager.destroy();
   }
+  /** Use this method to return feature(s) at a given screen location.
+   * These features are fetched from all of the [layer views](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html).
+   * In order to use this, a layer must already have an associated [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).
+   * This method allows a developer to control how the input location is handled. */
   async fetchFeatures(e, t) {
     return await this.widget?.fetchFeatures(e, t);
   }
   async next() {
     return this.widget?.next();
   }
+  /** Opens Features with content defined either explicitly or driven from the [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) of input features. */
   async open(e) {
     this.widget?.open(e);
   }
@@ -50,7 +57,7 @@ class u extends r {
     this.widget?.triggerAction(e);
   }
 }
-i("arcgis-features", u);
+i("arcgis-features", w);
 export {
-  u as ArcgisFeatures
+  w as ArcgisFeatures
 };

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as FloorFilter } from '@arcgis/core/widgets/FloorFilter.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useFloorFilterWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<FloorFilter, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useFloorFilterWidget: (component: LitElement & Pick<FloorFilter, never> & {
     state?: unknown;
     viewModel?: __esri.FloorFilterViewModel | 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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -34,7 +28,7 @@ declare const useFloorFilterWidget: (component: import('@arcgis/components-contr
 }, options?: {
     editConstructorProperties(props: __esri.FloorFilterProperties | undefined): __esri.FloorFilterProperties | Promise<__esri.FloorFilterProperties | undefined> | undefined;
 } | undefined) => FloorFilter;
-/** The FloorFilter component simplifies visualization of GIS data for a specific floor of a building in your application.
+/** The Floor Filter component simplifies visualization of GIS data for a specific floor of a building in your application.
  */
 export declare class ArcgisFloorFilter extends LitElement {
     /**

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

@@ -5,8 +5,8 @@ import { m as a } from "../../chunks/useWidget.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const h = r`arcgis-floor-filter{display:block}`, n = a(i);
+v4.33.0-next.100 */
+const h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
 class c extends s {
   constructor() {
     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 = o();
@@ -20,8 +20,8 @@ class c extends s {
   static {
     this.styles = h;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();

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

@@ -1,48 +1,39 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
-import { default as FullscreenViewModel } from '@arcgis/core/widgets/Fullscreen/FullscreenViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { useView } from '../../controllers/useView';
+import { default as MapView } from '@arcgis/core/views/MapView.js';
+import { default as SceneView } from '@arcgis/core/views/SceneView.js';
+import { default as LinkChartView } from '@arcgis/core/views/LinkChartView.js';
 
-declare const useFullscreenViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<FullscreenViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<FullscreenViewModel>, options?: {
-    editConstructorProperties(props: unknown): unknown;
-} | undefined) => FullscreenViewModel;
+/**
+ * Provides a simple component to present the View or a user-defined HTMLElement using the entire screen
+ */
 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
-     * 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.
+     * The [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) to present in fullscreen mode.
      */
-    autoDestroyDisabled: boolean;
-    /** The [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) to present in fullscreen mode. */
     element: HTMLElement | nullish;
     /**
-     * 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.
+     * The component's default label.
      */
-    icon: Nil | string;
-    /** The component's default label. */
     label: Nil | string;
-    /** Overwrite localized strings for this component */
+    /**
+     * Replace localized message strings with your own strings.
+     */
     messageOverrides?: typeof this.messages._overrides;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "active" | "feature-unsupported";
-    destroy(): Promise<void>;
+    /**
+     * The current state of the component.
+     */
+    get state(): "active" | "disabled" | "ready" | "unsupported";
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private messages;
 }
-export {};