@arcgis/map-components 5.2.0-next.86 → 5.2.0-next.88

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

@@ -17,7 +17,6 @@ import { on as C, watch as K } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as Q, createEvent as I, renderElement as M, safeClassMap as E, nothing as A } from "@arcgis/lumina";
 import { usePropertyChange as W } from "@arcgis/lumina/controllers";
 import { reEmitEvent as X } from "@arcgis/lumina/controllers/accessor";
-import "@arcgis/toolkit/function";
 import { u as Y } from "../../chunks/useCloseEvent.js";
 import { r as Z, A as ee } from "../../chunks/layer-list-item.js";
 import { s as te, a as se } from "../../chunks/layer-list-next.js";
@@ -54,10 +53,10 @@ class ae extends Q {
       this._selectedDragItemLayerUid = e;
     }, this._onTriggerAction = (e, t) => {
       this.triggerAction(e, t);
-    }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new p(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new p(), this.tileOptions = null, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.closed = !1, this.icon = "layers", this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.layerTablesAvailable = new p(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minDragEnabledItems = G, this.minFilterItems = H, this.openedLayers = new p(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new p(), this.selectionMode = "none", this.visibilityAppearance = "default", this.hideCatalogLayerList = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = W()("state"), this.arcgisReady = I(), this.arcgisFilterChange = I(), this.arcgisSelectedItemsChange = I(), this.arcgisOpenedLayersChange = I(), this.arcgisTriggerAction = X(() => this.viewModel, "trigger-action");
+    }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new p(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new p(), this.tileOptions = null, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideCatalogLayerList = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.icon = "layers", this.layerTablesAvailable = new p(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minDragEnabledItems = G, this.minFilterItems = H, this.openedLayers = new p(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new p(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.view = this.viewModel.view, this.visibilityAppearance = "default", this.arcgisFilterChange = I(), this.arcgisOpenedLayersChange = I(), this.arcgisPropertyChange = W()("state"), this.arcgisReady = I(), this.arcgisSelectedItemsChange = I(), this.arcgisTriggerAction = X(() => this.viewModel, "trigger-action");
   }
   static {
-    this.properties = { _catalogLayerList: 16, _tableList: 16, _tooltipReferenceMap: 16, _layerListMap: 16, _totalItems: 16, _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, layerTablesEnabled: 16, mapImageOptions: 16, openedLayerLists: 16, tileOptions: 16, _renderedOpenLayerFlowItems: 16, view: 0, autoDestroyDisabled: 5, closed: 5, referenceElement: 1, icon: 1, catalogLayerList: 32, catalogOptions: 0, collapsed: 5, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, knowledgeGraphOptions: 0, layerTablesAvailable: 0, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, listModeDisabled: 5, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, selectedItems: 0, selectionMode: 1, tableList: 32, visibilityAppearance: 1, hideCatalogLayerList: 5, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryLayerIndicators: 5, messageOverrides: 0, label: 1, state: 32 };
+    this.properties = { _catalogLayerList: 16, _tableList: 16, _tooltipReferenceMap: 16, _layerListMap: 16, _totalItems: 16, _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, layerTablesEnabled: 16, mapImageOptions: 16, openedLayerLists: 16, tileOptions: 16, _renderedOpenLayerFlowItems: 16, autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, closed: 5, collapsed: 5, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, layerTablesAvailable: 0, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, listModeDisabled: 5, messageOverrides: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 32, tableList: 32, view: 0, visibilityAppearance: 1 };
   }
   static {
     this.styles = [te, se];

package/dist/components/arcgis-layer-list-next/types.d.ts

@@ -2,17 +2,55 @@ import type CatalogLayer from "@arcgis/core/layers/CatalogLayer.js";
 import type KnowledgeGraphLayer from "@arcgis/core/layers/KnowledgeGraphLayer.js";
 import type MapImageLayer from "@arcgis/core/layers/MapImageLayer.js";
 import type TileLayer from "@arcgis/core/layers/TileLayer.js";
-import type { CatalogLayerListOptions } from "../arcgis-catalog-layer-list-next/customElement.js";
-import type { TableListOptions } from "../arcgis-table-list-next/customElement.js";
+import type { CatalogLayerListOptions } from "../arcgis-catalog-layer-list-next/types.js";
+import type { ArcgisCatalogLayerListNext } from "../arcgis-catalog-layer-list-next/customElement.js";
+import type { ArcgisTableListNext } from "../arcgis-table-list-next/customElement.js";
+import type { TableListOptions } from "../arcgis-table-list-next/types.js";
+import type { SortableList as SortableList } from "@esri/calcite-components/components/calcite-sortable-list";
 
 /** Catalog layer list configuration passed through Layer List (next). */
 export type CatalogLayerListParams = CatalogLayerListOptions;
 
-/** Table list configuration passed through Layer List (next). */
-export type TableListParams = TableListOptions;
+/** @internal */
+export type DragDetail = Parameters<NonNullable<SortableList["canPull"]>>[0];
 
 /** Layer types that can open a nested flow list from Layer List (next). */
 export type FlowLayer = CatalogLayer | SubtablesLayer;
 
-/** Layer types that expose tables via the Table List flow. */
-export type SubtablesLayer = KnowledgeGraphLayer | MapImageLayer | TileLayer;
+/** @internal */
+export type FlowList = ArcgisCatalogLayerListNext | ArcgisTableListNext;
+
+/** @internal */
+export type LayerListMessages = {
+    componentLabel: string;
+    back: string;
+    noItemsToDisplay: string;
+    layerInvisibleAtScale: string;
+    layerInvisibleAtTime: string;
+    layerError: string;
+    untitledLayer: string;
+    untitledTable: string;
+    layerVisibility: string;
+    menu: string;
+    options: string;
+    showLayer: string;
+    hideLayer: string;
+    layerIncompatible: string;
+    layerIncompatibleTooltip: string;
+    tableError: string;
+    temporary: string;
+    tables: string;
+    catalogLayers: string;
+    connectionStatus: string;
+    updating: string;
+    publishing: string;
+    connected: string;
+    disconnected: string;
+    paused: string;
+};
+
+/** @internal */
+export type SubtablesLayer = KnowledgeGraphLayer | MapImageLayer | TileLayer;
+
+/** Table list configuration passed through Layer List (next). */
+export type TableListParams = TableListOptions;

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

@@ -102,6 +102,16 @@ export abstract class ArcgisLegend extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-legend auto-destroy-disabled></arcgis-legend>
+   * ```
+   *
+   * ```js
+   * legendElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-line-of-sight/customElement.d.ts

@@ -132,6 +132,16 @@ export abstract class ArcgisLineOfSight extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-line-of-sight auto-destroy-disabled></arcgis-line-of-sight>
+   * ```
+   *
+   * ```js
+   * lineOfSightElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -107,13 +107,15 @@ export abstract class ArcgisLinkChart extends LitElement {
    */
   get attributionItems(): LinkChartView["attributionItems"];
   /**
-   * The light or dark mode used to display the attribution.
-   * By default, the mode is inherited from the [Calcite's mode](https://developers.arcgis.com/calcite-design-system/core-concepts/#modes).
-   * You can override the value to style the attribution alongside the map or scene content.
+   * The display mode used for the attribution. Defaults to null.
+   *
+   * Set this property to "auto" to automatically synchronize the attribution with the nearest [Calcite mode](https://developers.arcgis.com/calcite-design-system/core-concepts/#modes). If no Calcite mode is detected, the attribution defaults to light mode. **The "auto" mode was added in version 5.2.**
+   *
+   * Set this property to "light" or "dark" to explicitly use that mode without synchronization.
    *
    * @since 5.0
    */
-  accessor attributionMode: "dark" | "light" | null | undefined;
+  accessor attributionMode: AttributionMode;
   /**
    * 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
@@ -122,6 +124,16 @@ export abstract class ArcgisLinkChart extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-link-chart auto-destroy-disabled></arcgis-link-chart>
+   * ```
+   *
+   * ```js
+   * linkChartElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -966,4 +978,6 @@ export abstract class ArcgisLinkChart extends LitElement {
     arcgisViewReadyError: ArcgisLinkChart["arcgisViewReadyError"]["detail"];
     arcgisViewVerticalTwoFingerDrag: ArcgisLinkChart["arcgisViewVerticalTwoFingerDrag"]["detail"];
   };
-}
+}
+
+export type AttributionMode = LinkChartView["attributionMode"] | "auto";

package/dist/components/arcgis-link-chart/customElement.js

@@ -5,19 +5,19 @@ import _ from "@arcgis/core/views/LinkChartView.js";
 import b from "@arcgis/core/WebLinkChart.js";
 import { LitElement as V, createEvent as c, safeClassMap as w } from "@arcgis/lumina";
 import { makeAccessorController as f, reEmitEvent as e, reCreateAccessor as A } from "@arcgis/lumina/controllers/accessor";
-import { createRef as v, ref as m } from "lit/directives/ref.js";
+import { createRef as m, ref as v } from "lit/directives/ref.js";
 import { s as I } from "../../chunks/esri-main.js";
 import { s as E } from "../../chunks/slots.js";
 import { C as u } from "../../chunks/resources.js";
-import { p as L, i as k } from "../../chunks/component-utils.js";
-import { U as M, u as R, a as U } from "../../chunks/useArcgisViewReadyError.js";
-import { fetchKnowledgeGraph as D } from "@arcgis/core/rest/knowledgeGraphService.js";
-import x from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
+import { p as L, i as M } from "../../chunks/component-utils.js";
+import { U as k, u as R, a as U, b as D } from "../../chunks/useArcgisViewReadyError.js";
+import { fetchKnowledgeGraph as x } from "@arcgis/core/rest/knowledgeGraphService.js";
+import Q from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
 import { t as d } from "../../chunks/async-utils.js";
 import { isAbortError as g } from "@arcgis/core/core/promiseUtils.js";
 import { html as y } from "lit";
-import Q from "@arcgis/core/layers/LinkChartLayer.js";
-const P = f(
+import P from "@arcgis/core/layers/LinkChartLayer.js";
+const z = f(
   b,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -28,10 +28,10 @@ const P = f(
    * in an externalized package.
    */
   {}
-), z = f(_, {});
-class Z extends V {
+), Z = f(_, {});
+class F extends V {
   constructor() {
-    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new M(this), this._activeLoadAbortController = null, this.arcgisLoadError = R(this), this.arcgisViewReadyError = U(this), this._map = P(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = c(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = c(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = m(), this._mapRef = m(), this._uiController = new k(this), this._activeLoadAbortController = null, this.arcgisLoadError = R(this), this.arcgisViewReadyError = U(this), this._map = z(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = Z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = c(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = c(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), D(this), this.view.ui = {
       components: []
     };
   }
@@ -50,6 +50,12 @@ class Z extends V {
   get attributionItems() {
     return this.view?.attributionItems ?? [];
   }
+  get attributionMode() {
+    return this._attributionMode;
+  }
+  set attributionMode(i) {
+    this._attributionMode = i, i !== "auto" && (this.view.attributionMode = i);
+  }
   get center() {
     return this.view.center;
   }
@@ -118,7 +124,7 @@ class Z extends V {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    k(this.viewpoint, i) && (this.view.viewpoint = i);
+    M(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -207,7 +213,7 @@ class Z extends V {
         } else if (this._baseCypherQuery && this._serviceUrl) {
           const a = t();
           s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
-            s.WebLinkChart.fromCypherQuery(l, new x({
+            s.WebLinkChart.fromCypherQuery(l, new Q({
               openCypherQuery: this._baseCypherQuery
             }), void 0, {
               signal: a?.signal
@@ -229,16 +235,16 @@ class Z extends V {
     });
   }
   renderMain() {
-    return y`<div class=${w(u.base)} ${m(this._mapRef)}></div>`;
+    return y`<div class=${w(u.base)} ${v(this._mapRef)}></div>`;
   }
   render() {
-    return y`${this.renderMain()}<section class=${w(u.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>`;
+    return y`${this.renderMain()}<section class=${w(u.containerUI)} ${v(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
 const s = {
-  fetchKnowledgeGraph: async (r) => await D(r),
+  fetchKnowledgeGraph: async (r) => await x(r),
   WebLinkChart: b,
-  LinkChartLayer: Q,
+  LinkChartLayer: P,
   setMap: (r, i) => {
     r.map = i;
   },
@@ -253,8 +259,8 @@ const s = {
   },
   reCreateAccessor: A
 };
-C("arcgis-link-chart", Z);
+C("arcgis-link-chart", F);
 export {
-  Z as ArcgisLinkChart,
+  F as ArcgisLinkChart,
   s as exportsForTests
 };

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

@@ -30,6 +30,16 @@ export abstract class ArcgisLinkChartLayoutSwitcher extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-link-chart-layout-switcher auto-destroy-disabled></arcgis-link-chart-layout-switcher>
+   * ```
+   *
+   * ```js
+   * linkChartLayoutSwitcherElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -21,6 +21,16 @@ export abstract class ArcgisLinkChartNonspatialVisibilityToggle extends LitEleme
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-link-chart-nonspatial-visibility-toggle auto-destroy-disabled></arcgis-link-chart-nonspatial-visibility-toggle>
+   * ```
+   *
+   * ```js
+   * linkChartNonspatialVisibilityToggleElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   accessor icon: IconName | undefined;

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

@@ -36,6 +36,16 @@ export abstract class ArcgisLocate extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-locate auto-destroy-disabled></arcgis-locate>
+   * ```
+   *
+   * ```js
+   * locateElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   accessor geolocationOptions: PositionOptions | undefined;

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

@@ -181,13 +181,15 @@ export abstract class ArcgisMap extends LitElement {
    */
   get attributionItems(): MapView["attributionItems"];
   /**
-   * The light or dark mode used to display the attribution.
-   * By default, the mode is inherited from the [Calcite's mode](https://developers.arcgis.com/calcite-design-system/core-concepts/#modes).
-   * You can override the value to style the attribution alongside the map or scene content.
+   * The display mode used for the attribution. Defaults to null.
+   *
+   * Set this property to "auto" to automatically synchronize the attribution with the nearest [Calcite mode](https://developers.arcgis.com/calcite-design-system/core-concepts/#modes). If no Calcite mode is detected, the attribution defaults to light mode. **The "auto" mode was added in version 5.2.**
+   *
+   * Set this property to "light" or "dark" to explicitly use that mode without synchronization.
    *
    * @since 5.0
    */
-  accessor attributionMode: "dark" | "light" | null | undefined;
+  accessor attributionMode: AttributionMode;
   /**
    * 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
@@ -196,6 +198,16 @@ export abstract class ArcgisMap extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-map auto-destroy-disabled></arcgis-map>
+   * ```
+   *
+   * ```js
+   * mapElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -1409,4 +1421,6 @@ export abstract class ArcgisMap extends LitElement {
     arcgisViewReadyError: ArcgisMap["arcgisViewReadyError"]["detail"];
     arcgisViewVerticalTwoFingerDrag: ArcgisMap["arcgisViewVerticalTwoFingerDrag"]["detail"];
   };
-}
+}
+
+export type AttributionMode = MapView["attributionMode"] | "auto";

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

@@ -7,13 +7,13 @@ import v from "@arcgis/core/WebMap.js";
 import { LitElement as m, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
 import { makeAccessorController as p, reEmitEvent as e, reCreateAccessor as u } from "@arcgis/lumina/controllers/accessor";
 import { createRef as n, ref as h } from "lit/directives/ref.js";
-import { s as g } from "../../chunks/esri-main.js";
-import { s as d } from "../../chunks/slots.js";
+import { U as g, u as d, a as y, b as f } from "../../chunks/useArcgisViewReadyError.js";
+import { s as b } from "../../chunks/esri-main.js";
+import { s as V } from "../../chunks/slots.js";
 import { C as w } from "../../chunks/resources.js";
-import { p as y, i as f } from "../../chunks/component-utils.js";
-import { U as b, u as V, a as C } from "../../chunks/useArcgisViewReadyError.js";
-import E from "@arcgis/core/core/Collection.js";
-const A = p(
+import { p as C, i as E } from "../../chunks/component-utils.js";
+import A from "@arcgis/core/core/Collection.js";
+const _ = p(
   v,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -25,9 +25,9 @@ const A = p(
    */
   {}
 ), R = p(c, {});
-class _ extends m {
+class M extends m {
   constructor() {
-    super(), this._containerRef = n(), this._mapRef = n(), this._uiController = new b(this), this.extraContent = new E(), this.arcgisLoadError = V(this), this.arcgisViewReadyError = C(this), this._map = A(this), this.view = R(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.ipsInfo = this._map.ipsInfo, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.spatialReferenceLocked = this.view.spatialReferenceLocked, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new g(this), this.extraContent = new A(), this.arcgisLoadError = d(this), this.arcgisViewReadyError = y(this), this._map = _(this), this.view = R(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.ipsInfo = this._map.ipsInfo, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.spatialReferenceLocked = this.view.spatialReferenceLocked, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), f(this), this.view.ui = {
       components: []
     };
   }
@@ -35,7 +35,7 @@ class _ extends m {
     this.properties = { _map: 16, view: 32, animationsDisabled: 5, aria: 0, allLayerViews: 32, analyses: 0, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, canZoomIn: 36, canZoomOut: 36, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, hideAttribution: 5, highlights: 0, interacting: 32, ipsInfo: 0, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, ready: 36, resizeAlign: 1, resolution: 40, rotation: 9, scale: 9, selectionManager: 32, slotGroupRefs: 32, spatialReference: 0, spatialReferenceLocked: 5, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [g, d];
+    this.styles = [b, V];
   }
   get aria() {
     return this.view?.aria;
@@ -46,11 +46,17 @@ class _ extends m {
   get attributionItems() {
     return this.view?.attributionItems ?? [];
   }
+  get attributionMode() {
+    return this._attributionMode;
+  }
+  set attributionMode(i) {
+    this._attributionMode = i, i !== "auto" && (this.view.attributionMode = i);
+  }
   get center() {
     return this.view.center;
   }
   set center(i) {
-    const t = y(i, this.view);
+    const t = C(i, this.view);
     t && (this.view.center = t);
   }
   get extent() {
@@ -105,7 +111,7 @@ class _ extends m {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    f(this.viewpoint, i) && (this.view.viewpoint = i);
+    E(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -178,7 +184,7 @@ class _ extends m {
     return a`${this.renderMain()}<section class=${o(w.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`;
   }
 }
-l("arcgis-map", _);
+l("arcgis-map", M);
 export {
-  _ as ArcgisMap
+  M as ArcgisMap
 };

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

@@ -114,6 +114,16 @@ export abstract class ArcgisMeasurement extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-measurement auto-destroy-disabled></arcgis-measurement>
+   * ```
+   *
+   * ```js
+   * measurementElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -29,6 +29,16 @@ export abstract class ArcgisMultiFeatureForm extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-multi-feature-form auto-destroy-disabled></arcgis-multi-feature-form>
+   * ```
+   *
+   * ```js
+   * multiFeatureFormElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /** @default false */
@@ -42,7 +52,21 @@ export abstract class ArcgisMultiFeatureForm extends LitElement {
   get hasTooManyComplexFeatures(): boolean;
   /** @default false */
   get hasTooManyFeatures(): boolean;
-  /** Indicates the heading level to use for the headings in the component. */
+  /**
+   * Indicates the heading level to use for the heading of the component. By default, the heading is rendered as a `<h2>`. Depending on the component's placement in your app, you may need to adjust this heading for proper semantics. This is important for meeting accessibility standards.
+   *
+   * @see [HTML heading elements](https://developer.mozilla.org/docs/Web/HTML/Element/Heading_Elements)
+   * @example
+   * 
+   * ```html
+   * <arcgis-multi-feature-form heading-level="2"></arcgis-multi-feature-form>
+   * ```
+   *
+   * ```js
+   * multiFeatureFormElement.headingLevel = 2;
+   * ```
+   * 
+   */
   accessor headingLevel: HeadingLevel;
   /**
    * Icon which represents the component.

package/dist/components/arcgis-navigation-toggle/customElement.d.ts

@@ -39,6 +39,16 @@ export abstract class ArcgisNavigationToggle extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-navigation-toggle auto-destroy-disabled></arcgis-navigation-toggle>
+   * ```
+   *
+   * ```js
+   * navigationToggleElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts

@@ -21,6 +21,16 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-oriented-imagery-viewer auto-destroy-disabled></arcgis-oriented-imagery-viewer>
+   * ```
+   *
+   * ```js
+   * orientedImageryViewerElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-oriented-imagery-viewer-non-panoramic-viewer/customElement.js

@@ -7,13 +7,11 @@ import { property as h, subclass as C } from "@arcgis/core/core/accessorSupport/
 import * as M from "@arcgis/toolkit/log";
 import V from "@arcgis/core/core/Accessor.js";
 import w from "@arcgis/core/geometry/Extent.js";
-import "@arcgis/core/views/MapView.js";
 import b from "@arcgis/core/geometry/SpatialReference.js";
 import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
 import { rotateDimensions as S, registerPanConstraint as F } from "@arcgis/core/applications/Components/OrientedImageryViewer/ImageViewer/utils.js";
 import H from "@arcgis/core/layers/support/TileInfo.js";
 import { u as L } from "../../chunks/useT9n.js";
-import "@arcgis/core/Graphic.js";
 import { G as z } from "../../chunks/graphicsLayerController.js";
 import { createRef as I, ref as T } from "lit/directives/ref.js";
 const O = x`:host{height:100%;--arcgis-view-color-focus: none}`, R = {