@arcgis/map-components 4.33.0-next.6 → 4.33.0-next.60

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.6 */
-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.60 */
+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.6 */
-const n = h`arcgis-feature-templates{display:block}`, c = a(s);
+v4.33.0-next.60 */
+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.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.6 */
-const c = l`arcgis-features{display:block}`, g = d(o);
+v4.33.0-next.60 */
+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,8 +22,8 @@ class u extends r {
   static {
     this.styles = c;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async clear() {
     this.widget?.clear();
   }

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

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

@@ -7,11 +7,11 @@ import { LitElement as u, createEvent as h, noShadowRoot as p, safeClassMap as i
 import { u as g } from "../../chunks/useView.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.6 */
-const y = b`arcgis-fullscreen{display:block}`, v = {
+v4.33.0-next.60 */
+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.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.6 */
-const h = n`arcgis-histogram{display:block}`, d = r(e);
+v4.33.0-next.60 */
+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.js

@@ -6,8 +6,8 @@ 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.6 */
-const h = d`arcgis-histogram-range-slider{display:block}`, l = n(s);
+v4.33.0-next.60 */
+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();
@@ -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();

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

@@ -15,12 +15,9 @@ declare const useHomeViewModel: (component: import('@arcgis/components-controlle
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => HomeViewModel;
 /**
- * Provides a simple widget that switches the esri/views/View to its
- * initial esri/Viewpoint or a previously defined `viewpoint`.
- *
- * @since 4.0
- */
-/** Home component enables switching the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) to its initial [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html) or a previously defined viewpoint.
+ * Home component is a button that switches the view to its
+ * initial [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)
+ * or a previously defined `viewpoint`.
  */
 export declare class ArcgisHome extends LitElement {
     private messages;
@@ -34,18 +31,20 @@ export declare class ArcgisHome extends LitElement {
     autoDestroyDisabled: boolean;
     goToOverride: nullish | __esri.GoToOverride;
     /**
-     * Icon displayed in the widget's button.
+     * Icon displayed in the component's button.
      *
      * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-     * @since 4.28
      */
     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" | "going-home";
     /**
      * The esri/Viewpoint, or point of view, to zoom to when
@@ -65,7 +64,7 @@ export declare class ArcgisHome extends LitElement {
      * // Sets the model's viewpoint to the Viewpoint based on a polygon geometry
      * home.viewpoint = vp;
      */
-    viewpoint: nullish | __esri.Viewpoint;
+    viewpoint: __esri.Viewpoint | nullish;
     /**
      * This function provides the ability to interrupt and cancel the process
      * of navigating the view back to the view's initial extent.

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

@@ -11,8 +11,8 @@ import { g as a } from "../../chunks/globalCss.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.6 */
-const b = u`arcgis-home{display:block}`, y = {
+v4.33.0-next.60 */
+const b = u`@layer{arcgis-home{display:block}}`, y = {
   base: "esri-home"
 }, M = f(d);
 class $ extends h {

package/dist/components/arcgis-layer-list/customElement.d.ts

@@ -34,7 +34,7 @@ declare const useLayerListWidget: (component: import('@arcgis/components-control
 }, options?: {
     editConstructorProperties(props: __esri.LayerListProperties | undefined): __esri.LayerListProperties | Promise<__esri.LayerListProperties | undefined> | undefined;
 } | undefined) => LayerList;
-/** The LayerList component provides a way to display a list of layers, and switch on/off their visibility.
+/** The Layer List component provides a way to display a list of layers, and switch on/off their visibility.
  */
 export declare class ArcgisLayerList extends LitElement {
     /**

package/dist/components/arcgis-layer-list/customElement.js

@@ -7,8 +7,8 @@ import { m as d } 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.6 */
-const g = n`arcgis-layer-list{display:block}`, c = d(o);
+v4.33.0-next.60 */
+const g = n`@layer{arcgis-layer-list{display:block}}`, c = d(o);
 class m extends r {
   constructor() {
     super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = s()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
@@ -34,8 +34,8 @@ class m extends r {
   get tableList() {
     return this.widget.tableList;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();

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

@@ -62,6 +62,7 @@ export declare class ArcgisLegend extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     respectLayerDefinitionExpression: boolean;
+    /** @default false */
     respectLayerVisibilityDisabled: boolean;
     readonly state: "ready" | "disabled";
     /** Permanently destroy the component */

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

@@ -6,11 +6,11 @@ import { m as o } 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.6 */
-const d = n`arcgis-legend{display:block}`, h = o(i);
-class l extends s {
+v4.33.0-next.60 */
+const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
+class h extends s {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.activeLayerInfos = this.widget.activeLayerInfos, this.autoDestroyDisabled = !1, this.basemapLegendVisible = this.widget.basemapLegendVisible, this.headingLevel = this.widget.headingLevel, this.hideLayersNotInCurrentView = this.widget.hideLayersNotInCurrentView, this.icon = this.widget.icon, this.label = this.widget.label, this.layerInfos = this.widget.layerInfos, this.legendStyle = this.widget.style, this.position = "bottom-left", this.respectLayerDefinitionExpression = this.widget.respectLayerDefinitionExpression, this.respectLayerVisibilityDisabled = this.widget.respectLayerVisibility, this.state = this.viewModel.state, this.arcgisPropertyChange = t()("state"), this.arcgisReady = r();
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.activeLayerInfos = this.widget.activeLayerInfos, this.autoDestroyDisabled = !1, this.basemapLegendVisible = this.widget.basemapLegendVisible, this.headingLevel = this.widget.headingLevel, this.hideLayersNotInCurrentView = this.widget.hideLayersNotInCurrentView, this.icon = this.widget.icon, this.label = this.widget.label, this.layerInfos = this.widget.layerInfos, this.legendStyle = this.widget.style, this.position = "bottom-left", this.respectLayerDefinitionExpression = this.widget.respectLayerDefinitionExpression, this.respectLayerVisibilityDisabled = this.widget.respectLayerVisibility, this.state = this.viewModel.state, this.arcgisPropertyChange = t()("state"), this.arcgisReady = r();
   }
   static {
     this.properties = { activeLayerInfos: 0, autoDestroyDisabled: 5, basemapLegendVisible: 5, headingLevel: 9, hideLayersNotInCurrentView: 5, icon: 1, label: 1, layerInfos: 0, legendStyle: 1, position: 1, referenceElement: 1, respectLayerDefinitionExpression: 5, respectLayerVisibilityDisabled: 5, state: 3 };
@@ -19,16 +19,16 @@ class l extends s {
     this.shadowRootOptions = a;
   }
   static {
-    this.styles = d;
+    this.styles = l;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
 }
-e("arcgis-legend", l);
+e("arcgis-legend", h);
 export {
-  l as ArcgisLegend
+  h as ArcgisLegend
 };

package/dist/components/arcgis-line-of-sight/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.6 */
-const l = n`arcgis-line-of-sight{display:block}`, h = r(i);
+v4.33.0-next.60 */
+const l = n`@layer{arcgis-line-of-sight{display:block}}`, h = r(i);
 class c extends e {
   constructor() {
     super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = s()("analysis", "state"), this.arcgisReady = o();
@@ -21,8 +21,8 @@ class c extends e {
   static {
     this.styles = l;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async clear() {
     this.widget?.viewModel.clear();
   }

package/dist/components/arcgis-link-chart/customElement.d.ts

@@ -4,7 +4,7 @@ import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as LinkChartView } from '@arcgis/core/views/LinkChartView.js';
 import { default as WebLinkChart } from '@arcgis/core/WebLinkChart.js';
-import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useWebLinkChart: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
@@ -30,6 +30,11 @@ declare const useLinkChartView: (component: import('@arcgis/components-controlle
 }, options?: {
     editConstructorProperties(props: __esri.LinkChartViewProperties | undefined): __esri.LinkChartViewProperties | Promise<__esri.LinkChartViewProperties | undefined> | undefined;
 } | undefined) => LinkChartView;
+/** Loads a [WebLinkChart](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html) from an [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm) into a [LinkChartView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-LinkChartView.html).
+ 
+
+Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
+ */
 export declare class ArcgisLinkChart extends LitElement {
     /** Internal view of the component. */
     readonly view: LinkChartView;
@@ -76,6 +81,8 @@ export declare class ArcgisLinkChart extends LitElement {
     /**
      * Indicates whether layer's displayFilter are honored when rendering layers in the view.
      * If `false`, display filters are ignored and all features are rendered.
+     *
+     * @default false
      */
     displayFilterDisabled: boolean;
     /**
@@ -133,7 +140,11 @@ export declare class ArcgisLinkChart extends LitElement {
     navigation: __esri.Navigation;
     padding: __esri.ViewPadding;
     popup: nullish | __esri.Popup;
-    /** Controls whether the popup opens when users click on the view. */
+    /**
+     * Controls whether the popup opens when users click on the view.
+     *
+     * @default false
+     */
     popupDisabled: boolean;
     /**
      * When `true`, this property indicates whether the view successfully satisfied all dependencies,
@@ -219,9 +230,17 @@ export declare class ArcgisLinkChart extends LitElement {
      */
     get zoom(): number;
     set zoom(newValue: number);
-    /** Adds a layer to the layers collection. */
+    /**
+     * @deprecated since version 4.33. Use `element.map.add(layer)` instead.
+     *
+     * Adds a layer to the map layers collection.
+     * */
     addLayer(layer: __esri.Layer | Promise<any>, index?: number): Promise<void>;
-    /** Adds a layer or array of layers to the layers collection. */
+    /**
+     * @deprecated since version 4.33. Use `element.map.addMany([layer])` instead.
+     *
+     * Adds a layer or array of layers to the map layers collection.
+     * */
     addLayers(layers: __esri.Layer[], index?: number): Promise<void>;
     /** Closes the popup. */
     closePopup(): Promise<void>;
@@ -240,6 +259,11 @@ export declare class ArcgisLinkChart extends LitElement {
     tryFatalErrorRecovery(): Promise<void>;
     /** Gets the LayerView created on the view for the given layer. */
     whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
+    /**
+     * `viewOnReady()` may be leveraged once an instance of the component is created and ready.
+     * This method takes two input parameters: a `callback` function and an `errback` function.
+     */
+    viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
     /**
      * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
      * This event will also emit if stationary toggles from true to false.