@arcgis/map-components 5.2.0-next.87 → 5.2.0-next.89

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,15 @@ 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,15 @@ 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

@@ -124,6 +124,15 @@ 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;
   /**

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

@@ -30,6 +30,15 @@ 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,15 @@ 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,15 @@ 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

@@ -198,6 +198,15 @@ 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;
   /**

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

@@ -114,6 +114,15 @@ 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,15 @@ 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 +51,20 @@ 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,15 @@ 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,15 @@ 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-panoramic-viewer-zoom/customElement.d.ts

@@ -16,6 +16,15 @@ export abstract class ArcgisOrientedImageryViewerPanoramicViewerZoom extends Lit
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-oriented-imagery-viewer-panoramic-viewer-zoom auto-destroy-disabled></arcgis-oriented-imagery-viewer-panoramic-viewer-zoom>
+   * ```
+   *
+   * ```js
+   * orientedImageryViewerPanoramicViewerZoomElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   get hfov(): number | undefined;

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

@@ -158,6 +158,15 @@ export abstract class ArcgisPaste extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-paste auto-destroy-disabled></arcgis-paste>
+   * ```
+   *
+   * ```js
+   * pasteElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /** Called before the the paste is applied. */

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

@@ -174,6 +174,15 @@ export abstract class ArcgisPopup extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-popup auto-destroy-disabled></arcgis-popup>
+   * ```
+   *
+   * ```js
+   * popupElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -408,6 +417,15 @@ export abstract class ArcgisPopup extends LitElement {
    * Indicates whether to hide the component's [heading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#heading).
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-popup hide-heading></arcgis-popup>
+   * ```
+   *
+   * ```js
+   * popupElement.hideHeading = true;
+   * ```
+   * 
    */
   accessor hideHeading: boolean;
   /**

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

@@ -337,7 +337,7 @@ class j extends S {
     };
     return w`<div style=${L(s)} class=${y(x("root", v, {
       hidden: !n || !s && !e
-    }))} .ariaHidden=${!n} .ariaLabel=${T(this.heading ?? "")} role=dialog popover=manual ${m(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`;
+    }))} .ariaHidden=${!n} .ariaLabel=${T(this.heading ?? "")} popover=manual ${m(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`;
   }
   _renderPointer() {
     return !this.dockEnabled || !this.active ? w`<div class="pointer" role=presentation><div class=${y(x("pointer-direction", "shadow"))} ${m(this._pointerNode)}></div></div>` : null;

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

@@ -42,6 +42,15 @@ export abstract class ArcgisPresentation extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-presentation auto-destroy-disabled></arcgis-presentation>
+   * ```
+   *
+   * ```js
+   * presentationElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**