@arcgis/map-components 4.33.0-next.8 → 4.33.0-next.80

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

@@ -1,43 +1,48 @@
 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 n from "@arcgis/core/widgets/Feature.js";
+import { LitElement as a, createEvent as o, noShadowRoot as d } from "@arcgis/lumina";
+import { m as h } 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.33/esri/copyright.txt for details.
-v4.33.0-next.8 */
-const r = l`arcgis-feature{display:block}`, c = d(a);
-class p extends n {
+v4.33.0-next.80 */
+const r = l`@layer{arcgis-feature{display:block}}`, c = h(n);
+class m extends a {
   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();
+    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.hideLastEditedInfo = 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.timeZone = this.widget.timeZone, 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 };
+    this.properties = { autoDestroyDisabled: 5, defaultPopupTemplateEnabled: 5, graphic: 0, headingLevel: 9, hideContentAttachments: 5, hideContentExpression: 5, hideContentFields: 5, hideContentMedia: 5, hideContentText: 5, hideLastEditInfo: 5, hideLastEditedInfo: 5, hideTitle: 5, icon: 1, label: 1, location: 0, map: 0, position: 1, referenceElement: 1, spatialReference: 0, state: 3, timeZone: 1 };
   }
   static {
-    this.shadowRootOptions = h;
+    this.shadowRootOptions = d;
   }
   static {
     this.styles = r;
   }
   // #endregion
-  // #region Public Methods
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
+  /** Paginates to the next [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos). */
   async nextMedia(t) {
     this.widget?.nextMedia(t);
   }
+  /** Paginates to the previous [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos). */
   async previousMedia(t) {
     this.widget?.previousMedia(t);
   }
+  /** Paginates to a specified [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos) object.
+   * For example, you may have [media content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos) which contains multiple mediaInfos.
+   * This method allows you to specify the index of the mediaInfos you wish to display. */
   async setActiveMedia(t, e) {
     this.widget?.setActiveMedia(t, e);
   }
 }
-i("arcgis-feature", p);
+i("arcgis-feature", m);
 export {
-  p as ArcgisFeature
+  m as ArcgisFeature
 };

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

@@ -65,13 +65,16 @@ export declare class ArcgisFeatureForm extends LitElement {
     timeZone: string;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
+    /** Returns all of the field values, regardless of update status. */
     getValues(): Promise<any>;
+    /** Fires the submit event. */
     submit(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
     readonly arcgisSubmit: TargetedEvent<this, __esri.FeatureFormSubmitEvent>;
+    /** Fires when a field value is updated. */
     readonly arcgisValueChange: TargetedEvent<this, __esri.FeatureFormValueChangeEvent>;
 }
 export {};

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

@@ -7,8 +7,8 @@ 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.33/esri/copyright.txt for details.
-v4.33.0-next.8 */
-const l = m`arcgis-feature-form{display:block}`, g = h(s);
+v4.33.0-next.80 */
+const l = m`@layer{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");
@@ -22,15 +22,17 @@ class n extends r {
   static {
     this.styles = l;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
+  /** Returns all of the field values, regardless of update status. */
   async getValues() {
     return this.widget?.getValues();
   }
+  /** Fires the submit event. */
   async submit() {
     this.widget?.submit();
   }

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

@@ -3,7 +3,7 @@
 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 { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
@@ -35,7 +35,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 +61,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 +124,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;
@@ -150,6 +159,7 @@ 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;

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

@@ -5,15 +5,15 @@ 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.8 */
-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.80 */
+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.js

@@ -7,8 +7,8 @@ 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.8 */
-const n = h`arcgis-feature-templates{display:block}`, c = a(s);
+v4.33.0-next.80 */
+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

@@ -57,12 +57,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 +96,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

@@ -7,8 +7,8 @@ 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.33/esri/copyright.txt for details.
-v4.33.0-next.8 */
-const c = l`arcgis-features{display:block}`, g = d(o);
+v4.33.0-next.80 */
+const c = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, g = d(o);
 class u 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");
@@ -22,11 +22,12 @@ class u extends r {
   static {
     this.styles = c;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async clear() {
     this.widget?.clear();
   }
+  /** Closes the component. */
   async close() {
     this.widget?.close();
   }
@@ -34,12 +35,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);
   }

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

@@ -34,7 +34,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.8 */
-const h = r`arcgis-floor-filter{display:block}`, n = a(i);
+v4.33.0-next.80 */
+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

@@ -14,8 +14,9 @@ declare const useFullscreenViewModel: (component: import('@arcgis/components-con
 } & 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
@@ -26,23 +27,25 @@ export declare class ArcgisFullscreen extends LitElement {
     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).
+    /** Icon displayed in the component's button.
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     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;
+    /**
+     * The current state of the component.
+     */
     readonly state: "ready" | "disabled" | "active" | "feature-unsupported";
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private messages;
 }
 export {};

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

@@ -4,14 +4,14 @@ import { usePropertyChange as c } from "@arcgis/components-controllers";
 import { classes as d } from "@arcgis/components-utils";
 import m from "@arcgis/core/widgets/Fullscreen/FullscreenViewModel.js";
 import { LitElement as u, createEvent as h, noShadowRoot as p, safeClassMap as i, nothing as f } from "@arcgis/lumina";
-import { u as g } from "../../chunks/useView.js";
+import { u as g } from "../../chunks/useT9n.js";
 import { m as w } from "../../chunks/useViewModel.js";
 import { g as o } from "../../chunks/globalCss.js";
-import { css as b } from "@lit/reactive-element/css-tag.js";
+import { css as y } 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.8 */
-const y = b`arcgis-fullscreen{display:block}`, v = {
+v4.33.0-next.80 */
+const b = y`@layer{arcgis-fullscreen{display:block}}`, v = {
   base: "esri-fullscreen"
 }, M = w(m);
 class $ extends u {
@@ -25,26 +25,24 @@ class $ extends u {
     this.shadowRootOptions = p;
   }
   static {
-    this.styles = y;
+    this.styles = b;
   }
-  // #endregion
-  // #region Private Properties
   get fullscreenTitle() {
     const e = this.viewModel?.state;
     return e === "active" ? this.messages.exit : e === "ready" ? this.messages.enter : "";
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async destroy() {
     await this.manager.destroy();
   }
-  // #endregion
-  // #region Private Methods
+  //#endregion
+  //#region Private Methods
   _toggle() {
     this.viewModel.toggle();
   }
-  // #endregion
-  // #region Rendering
+  //#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=${i(d(v.base, o.widget))}>${!a && s`<calcite-button class=${i(o.widgetButton)} .disabled=${t === "disabled"} .iconStart=${r ?? l} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? f}></calcite-button>` || ""}</div>`;

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

@@ -48,7 +48,7 @@ export declare class ArcgisHistogram extends LitElement {
     autoDestroyDisabled: boolean;
     average: number | nullish;
     barCreatedFunction: nullish | __esri.BarCreatedFunction;
-    bins: nullish | __esri.Bin[];
+    bins: nullish | __esri.HistogramBin[];
     dataLineCreatedFunction: nullish | __esri.DataLineCreatedFunction;
     dataLines: nullish | __esri.HistogramDataLines[];
     /**

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

@@ -6,8 +6,8 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } 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.8 */
-const h = n`arcgis-histogram{display:block}`, d = r(e);
+v4.33.0-next.80 */
+const h = n`@layer{arcgis-histogram{display:block}}`, d = r(e);
 class m extends s {
   constructor() {
     super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.icon = this.widget.icon, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.layout = this.widget.layout, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.state = this.widget.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a();
@@ -21,8 +21,8 @@ class m 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-histogram-range-slider/customElement.d.ts

@@ -48,17 +48,19 @@ export declare class ArcgisHistogramRangeSlider extends LitElement {
     autoDestroyDisabled: boolean;
     average: number | nullish;
     barCreatedFunction: nullish | __esri.BarCreatedFunction;
-    bins: nullish | __esri.Bin[];
+    bins: nullish | __esri.HistogramBin[];
     dataLineCreatedFunction: nullish | __esri.DataLineCreatedFunction;
     dataLines: nullish | __esri.HistogramRangeSliderDataLines[];
-    excludedBarColor: __esri.Color;
+    get excludedBarColor(): typeof this.widget.excludedBarColor;
+    set excludedBarColor(value: __esri.ColorProperties);
     /**
      * 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;
-    includedBarColor: __esri.Color;
+    get includedBarColor(): typeof this.widget.includedBarColor;
+    set includedBarColor(value: __esri.ColorProperties);
     /** The component's default label. */
     label: string;
     labelFormatFunction: __esri.SliderLabelFormatter;
@@ -83,5 +85,10 @@ export declare class ArcgisHistogramRangeSlider extends LitElement {
         name: "state";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private widget: HistogramRangeSlider;
+    readonly _setterTypes: {
+        excludedBarColor?: __esri.ColorProperties;
+        includedBarColor?: __esri.ColorProperties;
+    };
 }
 export {};

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -6,14 +6,14 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as d } 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.8 */
-const h = d`arcgis-histogram-range-slider{display:block}`, l = n(s);
+v4.33.0-next.80 */
+const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {
     super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.excludedBarColor = this.widget.excludedBarColor, this.icon = this.widget.icon, this.includedBarColor = this.widget.includedBarColor, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeType = this.widget.rangeType, this.standardDeviation = this.widget.standardDeviation, this.standardDeviationCount = this.widget.standardDeviationCount, this.state = this.viewModel.state, this.values = this.widget.values, this.arcgisPropertyChange = e()("state"), this.arcgisReady = r();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, average: 9, barCreatedFunction: 0, bins: 0, dataLineCreatedFunction: 0, dataLines: 0, excludedBarColor: 0, icon: 1, includedBarColor: 0, label: 1, labelFormatFunction: 0, max: 9, min: 9, position: 1, precision: 9, rangeType: 1, referenceElement: 1, standardDeviation: 9, standardDeviationCount: 9, state: 3, values: 0 };
+    this.properties = { autoDestroyDisabled: 5, average: 9, barCreatedFunction: 0, bins: 0, dataLineCreatedFunction: 0, dataLines: 0, excludedBarColor: 1, icon: 1, includedBarColor: 1, label: 1, labelFormatFunction: 0, max: 9, min: 9, position: 1, precision: 9, rangeType: 1, referenceElement: 1, standardDeviation: 9, standardDeviationCount: 9, state: 3, values: 0 };
   }
   static {
     this.shadowRootOptions = o;
@@ -21,8 +21,8 @@ class g extends a {
   static {
     this.styles = h;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();