@arcgis/map-components 5.0.0-next.136 → 5.0.0-next.137

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

@@ -1,431 +1,412 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
-import { default as LayerList } from '@arcgis/core/widgets/LayerList.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { IconName } from '../../utils/action-utils';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type Collection from "@arcgis/core/core/Collection.js";
+import type ListItem from "@arcgis/core/widgets/LayerList/ListItem.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { IconName } from "../../utils/action-utils.js";
+import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
+import type { CatalogLayerListProperties } from "@arcgis/core/widgets/CatalogLayerList.js";
+import type { FilterPredicate, ListItemModifier, State, VisibilityAppearance } from "@arcgis/core/widgets/LayerList/types.js";
+import type { HeadingLevel } from "@arcgis/core/widgets/support/types.js";
+import type { Icon } from "@esri/calcite-components/components/calcite-icon";
+import type { TableListProperties } from "@arcgis/core/widgets/TableList.js";
+import type { FlowLayer } from "@arcgis/core/widgets/LayerList.js";
 
-declare const useLayerListWidget: (component: LitElement & Pick<LayerList, "label" | "headingLevel" | "viewModel" | "icon" | "collapsed" | "catalogOptions" | "dragEnabled" | "filterPlaceholder" | "minFilterItems" | "selectedItems" | "selectionMode" | "visibilityAppearance" | "filterText" | "filterPredicate" | "listItemCreatedFunction" | "knowledgeGraphOptions" | "minDragEnabledItems" | "operationalItems"> & {
-    state?: unknown;
-    viewModel?: import('@arcgis/core/widgets/LayerList/LayerListViewModel').default | undefined;
-    closed?: boolean;
-    icon: import('@arcgis/toolkit/type').nil | string;
-    label: import('@arcgis/toolkit/type').nil | string;
-    referenceElement?: ArcgisReferenceElement | string;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => LayerList;
 /**
  * The Layer List component provides a way to display a list of layers, and switch on/off their visibility.
  *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/)
- *
  * @since 4.28
  */
-export declare class ArcgisLayerList extends LitElement {
-    /**
-     * Emitted when the component's close button is clicked.
-     *
-     * @since 4.33
-     */
-    readonly arcgisClose: TargetedEvent<this>;
-    /**
-     * The view associated with the component.
-     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Layer List component will be associated with a map or scene component rather than using the `view` property.
-     */
-    view?: import('@arcgis/core/views/MapViewOrSceneView').MapViewOrSceneView | null | undefined;
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /** The CatalogLayerList that displays a catalog layer's dynamic group layer. */
-    get catalogLayerList(): __esri.CatalogLayerList | nullish;
-    /**
-     * [CatalogLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CatalogLayer.html) specific properties.
-     * Catalog layers will display their [CatalogLayer#dynamicGroupLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CatalogLayer.html#dynamicGroupLayer) as an expandable [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList) in the LayerList component.
-     * This list item will only be displayed when catalog layers with dynamic group layers are loaded in the map.
-     * These are the properties that are used to configure the [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList).
-     *
-     * @since 4.30
-     * @see [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList)
-     * @example
-     * const layerList = new LayerList({
-     *   catalogOptions: {
-     *     listItemCreatedFunction: (event) => {
-     *       const { item } = event;
-     *       item.actionsSections = [
-     *         [
-     *           {
-     *             title: "Add layer to map",
-     *             icon: "add-layer",
-     *             id: "add-layer"
-     *           }
-     *         ]
-     *       ];
-     *     },
-     *     selectionMode: "single",
-     *     visibleElements: {
-     *       filter: true
-     *     }
-     *   },
-     *   view,
-     * });
-     */
-    catalogOptions: import('@arcgis/core/widgets/CatalogLayerList').CatalogLayerListProperties | null | undefined;
-    /**
-     * Indicates whether a component is closed. When `true`, the component will be hidden.
-     *
-     * @default false
-     * @since 4.33
-     */
-    closed: boolean;
-    /**
-     * Indicates whether the component is collapsed.
-     * When collapsed, only the collapse button and heading are displayed.
-     *
-     * @default false
-     * @since 4.29
-     * @see [showCollapseButton](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showCollapseButton)
-     * @example layerList.collapsed = true;
-     */
-    collapsed: boolean;
-    /**
-     * Indicates whether [list items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html) may be reordered within the list by dragging and dropping.
-     * MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer.
-     * Drag won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minDragEnabledItems).
-     *
-     * @default false
-     * @since 4.29
-     * @see [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minDragEnabledItems)
-     * @example layerList.dragEnabled = true;
-     */
-    dragEnabled: boolean;
-    /**
-     * Placeholder text used in the filter input if [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements) is true.
-     *
-     * @default ""
-     * @since 4.29
-     * @see [showFilter](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showFilter)
-     * @example layerList.filterPlaceholder = "Filter layers";
-     */
-    filterPlaceholder: string;
-    /**
-     * Specifies a function to handle filtering [list items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html).
-     *
-     * @since 4.32
-     * @example layerList.filterPredicate = (item) => item.title.toLowerCase().includes("streets");
-     */
-    filterPredicate: import('@arcgis/core/widgets/LayerList/types').FilterPredicate | null | undefined;
-    /**
-     * The value of the filter input if [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements) is true.
-     *
-     * @default ""
-     * @since 4.29
-     * @see [showFilter](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showFilter)
-     * @example
-     * reactiveUtils.watch(
-     *   () => layerList.filterText,
-     *   (filterText) => console.log(filterText)
-     * );
-     */
-    filterText: string;
-    /**
-     * Indicates the heading level to use for the heading of the component.
-     * By default, the heading is rendered as a level 2 heading (e.g., `<h2>Layer List</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.
-     *
-     * @default 2
-     * @since 4.29
-     * @see [showHeading](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showHeading)
-     * @example layerList.headingLevel = 3;
-     */
-    headingLevel: import('@arcgis/core/widgets/support/types').HeadingLevel;
-    /**
-     * Indicates whether to display the [LayerList#catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList).
-     *
-     * @default false
-     * @since 5.0
-     */
-    hideCatalogLayerList: boolean;
-    /**
-     * Indicates whether the layer list should be shown within its built-in [flow component](https://developers.arcgis.com/calcite-design-system/components/flow/) or if the flow component should be excluded. The layer list will be displayed within its original flow component if set to `true`. The flow component will be omitted from the layer list if set to `false`. To place the layer list into an existing Calcite flow component, set this property to `false`.
-     *
-     * @default false
-     * @since 5.0
-     */
-    hideFlow: boolean;
-    /**
-     * Indicates whether the status indicators will be displayed.
-     *
-     * @default false
-     * @since 5.0
-     */
-    hideStatusIndicators: boolean;
-    /**
-     * Icon which represents the widget. It is typically used when the widget is controlled by another
-     * one (e.g. in the Expand widget).
-     *
-     * @default "layers"
-     * @since 4.27
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-     */
-    get icon(): typeof this.widget.icon;
-    set icon(value: IconName);
-    /**
-     * [KnowledgeGraphLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-KnowledgeGraphLayer.html) specific properties.
-     * Knowledge graph layers will display [KnowledgeGraphLayer#tables](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-KnowledgeGraphLayer.html#tables)
-     * as an expandable [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList) in the LayerList component.
-     * This tables list item will only be displayed when knowledge graph layers with tables are loaded in the map.
-     * These are the properties that are used to configure the [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList).
-     *
-     * @since 4.30
-     * @see [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList)
-     * @example
-     * layerList.knowledgeGraphOptions = {
-     *   filterPlaceholder: "Filter tables",
-     *   listItemCreatedFunction: (event) => {
-     *     const { item } = event;
-     *     item.actionsSections = [
-     *       [
-     *         {
-     *           icon: "table",
-     *           id: "open-table",
-     *           title: "Show table"
-     *         },
-     *         {
-     *           icon: "information",
-     *           id: "information",
-     *           title: "Show information"
-     *         }
-     *       ]
-     *     ];
-     *   },
-     *   minFilterItems: 1,
-     *   visibleElements: {
-     *     errors: true,
-     *     filter: true,
-     *     statusIndicators: true
-     *   }
-     * }
-     */
-    knowledgeGraphOptions: import('@arcgis/core/widgets/TableList').TableListProperties | null | undefined;
-    /**
-     * The widget's default label.
-     *
-     * @since 4.7
-     */
-    label: string;
-    /**
-     * A function that executes each time a [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html) is created.
-     * Use this function to add actions and panels to list items, and to override
-     * the default settings of a list item. Actions can be added to list items
-     * using the [ListItem#actionsSections](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html#actionsSections)
-     * property of the ListItem.
-     *
-     * @since 4.4
-     * @see [Sample - LayerList component with actions](https://developers.arcgis.com/javascript/latest/sample-code/widgets-layerlist-actions/)
-     * @example
-     * const layerListComponent = document.createElement("arcgis-layer-list");
-     *   // executes for each ListItem in the LayerList
-     * layerListComponent.listItemCreatedFunction = async function (event) {
-     *
-     *     // The event object contains properties of the
-     *     // layer in the LayerList component.
-     *
-     *     let item = event.item;
-     *
-     *     // Wait for the layer to load and the item title to become available
-     *     await item.layer.when();
-     *
-     *     if (item.title === "US Demographics") {
-     *       // open the list item in the LayerList component
-     *       item.open = true;
-     *       // change the title to something more descriptive
-     *       item.title = "Population by county";
-     *       // set an action for zooming to the full extent of the layer
-     *       item.actionsSections = [[{
-     *         title: "Go to full extent",
-     *         className: "esri-icon-zoom-out-fixed",
-     *         id: "full-extent"
-     *       }]];
-     *     }
-     *   };
-     */
-    listItemCreatedFunction: import('@arcgis/core/widgets/LayerList/types').ListItemModifier | null | undefined;
-    /**
-     * The minimum number of list items required to enable drag and drop reordering with [dragEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#dragEnabled).
-     *
-     * @default 2
-     * @since 4.29
-     * @see [dragEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#dragEnabled)
-     * @example
-     * layerList.dragEnabled = true;
-     * layerList.minDragEnabledItems = 5;
-     */
-    minDragEnabledItems: number;
-    /**
-     * The minimum number of list items required to display the [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-LayerListVisibleElements.html) input box.
-     *
-     * @default 10
-     * @since 4.29
-     * @see [showFilter](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showFilter)
-     * @example
-     * layerList.showFilter = true;
-     * layerList.minFilterItems = 5;
-     */
-    minFilterItems: number;
-    /**
-     * A collection of [Layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)s that are opened
-     * in a [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList) or [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList) flow item.
-     * This property is useful for backing out of the catalog layer list or table list
-     * programmatically to the parent layer list.
-     *
-     * @default []
-     * @since 4.31
-     * @see [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList)
-     * @see [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList)
-     * @example
-     * // back out of the catalog layer list to the main layer list
-     * layerList.openedLayers.pop();
-     */
-    readonly openedLayers: import('@arcgis/core/core/Collection').default<import('@arcgis/core/widgets/LayerList.js').FlowLayer>;
-    /** A collection of ListItems representing operational layers. */
-    get operationalItems(): __esri.Collection<__esri.ListItem>;
-    /**
-     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
-     *
-     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
-     */
-    referenceElement?: ArcgisReferenceElement | string;
-    /**
-     * A collection of selected [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html)s representing operational layers
-     * selected by the user.
-     *
-     * @see [selectionMode](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectionMode)
-     */
-    selectedItems: import('@arcgis/core/core/Collection').default<import('@arcgis/core/widgets/LayerList/ListItem').default>;
-    /**
-     * Specifies the selection mode.
-     * Selected items are available in the [selectedItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectedItems) property.
-     *
-     * | Value | Description |
-     * | ----- | ----------- |
-     * | multiple | Allows any number of items to be selected at once. This is useful when you want to apply an operation to multiple items at the same time. |
-     * | none | Disables selection. Use this when you want to prevent selecting items. |
-     * | single | Allows only one item to be selected at a time. If another item is selected, the previous selection is cleared. This is useful when you want to ensure that a maximum of one item is selected at a time. |
-     * | single-persist | Allows only one item to be selected at a time and prevents de-selection. Once an item is selected, it remains selected until another item is selected. This is useful when you want to ensure that there is always exactly one selected item. |
-     *
-     * @default "none"
-     * @since 4.29
-     * @see [selectedItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectedItems)
-     * @example layerList.selectionMode = "multiple";
-     */
-    selectionMode: "none" | "multiple" | "single" | "single-persist";
-    /**
-     * Indicates whether to display a close button in the header.
-     *
-     * @default false
-     * @since 5.0
-     */
-    showCloseButton: boolean;
-    /**
-     * Indicates whether to display a collapse button in the header.
-     *
-     * @default false
-     * @since 5.0
-     */
-    showCollapseButton: boolean;
-    /**
-     * Indicates whether to display layers with load errors.
-     *
-     * @default false
-     * @since 5.0
-     */
-    showErrors: boolean;
-    /**
-     * Indicates whether to display a filter input box when then number of list items is equal to or greater than the value set in [LayerList#minFilterItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minFilterItems), allowing users to filter layers by their title.
-     *
-     * @default false
-     * @since 5.0
-     */
-    showFilter: boolean;
-    /**
-     * Indicates whether to display the layer list heading. The heading text is "Layer List". The heading level can be set with the [LayerList#headingLevel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#headingLevel).
-     *
-     * @default false
-     * @since 5.0
-     */
-    showHeading: boolean;
-    /**
-     * Indicates whether temporary layer indicators will be displayed for layers with [Layer#persistenceEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#persistenceEnabled) set to `false`. A [temporary icon](https://developers.arcgis.com/calcite-design-system/icons/?icon=temporary&library=Calcite%20UI&query=temporary) will be displayed on the near side of the layer title.
-     *
-     * @default false
-     * @since 5.0
-     */
-    showTemporaryLayerIndicators: boolean;
-    /**
-     * The current state of the component.
-     *
-     * @default "disabled"
-     */
-    readonly state: import('@arcgis/core/widgets/LayerList/types').State;
-    /** The TableList that displays the tables associated with a KnowledgeGraphLayer. */
-    get tableList(): __esri.TableList | nullish;
-    /**
-     * Determines the icons used to indicate visibility.
-     *
-     * | Value | Description | Example |
-     * | ----- | ----------- | ------- |
-     * | default | Displays view icons on the far side. Icons are hidden except on hover or if they have keyboard focus. See [view-visible](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-visible&library=Calcite%20UI&query=view) and [view-hide](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-hide&library=Calcite%20UI&query=view) calcite icons. | ![visibilityAppearance-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/layer-list/visibilityAppearance-default.png) |
-     * | checkbox | Displays checkbox icons on the near side. See [check-square-f](https://developers.arcgis.com/calcite-design-system/icons/?icon=check-square-f&library=Calcite%20UI&query=check) and [square](https://developers.arcgis.com/calcite-design-system/icons/?icon=square&library=Calcite%20UI&query=square) calcite icons. | ![visibilityAppearance-checkbox](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/layer-list/visibilityAppearance-checkbox.png) |
-     *
-     * @default "default"
-     * @since 4.29
-     * @example layerList.visibilityAppearance = "checkbox";
-     */
-    visibilityAppearance: import('@arcgis/core/widgets/LayerList/types').VisibilityAppearance;
-    /** Permanently destroy the component. */
-    destroy(): Promise<void>;
-    /**
-     * @param action
-     * @param item
-     */
-    triggerAction(action: __esri.ActionButton | __esri.ActionToggle, item: __esri.ListItem): Promise<void>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-    readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "state";
-    }>;
-    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
-    readonly arcgisReady: TargetedEvent<this, void>;
-    /** Emitted when an action is triggered on the component. */
-    readonly arcgisTriggerAction: TargetedEvent<this, import('@arcgis/core/widgets/LayerList/LayerListViewModel').LayerListViewModelTriggerActionEvent>;
-    private widget: LayerList;
-    readonly _setterTypes: {
-        icon?: IconName;
-    };
-    "@eventTypes": {
-        "arcgisClose": ArcgisLayerList["arcgisClose"]["detail"];
-        "arcgisPropertyChange": ArcgisLayerList["arcgisPropertyChange"]["detail"];
-        "arcgisReady": ArcgisLayerList["arcgisReady"]["detail"];
-        "arcgisTriggerAction": ArcgisLayerList["arcgisTriggerAction"]["detail"];
-    };
-}
-export {};
+export abstract class ArcgisLayerList extends LitElement {
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /** The CatalogLayerList that displays a catalog layer's dynamic group layer. */
+  get catalogLayerList(): __esri.CatalogLayerList | nullish;
+  /**
+   * [CatalogLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CatalogLayer.html) specific properties.
+   * Catalog layers will display their [CatalogLayer#dynamicGroupLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CatalogLayer.html#dynamicGroupLayer) as an expandable [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList) in the LayerList component.
+   * This list item will only be displayed when catalog layers with dynamic group layers are loaded in the map.
+   * These are the properties that are used to configure the [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList).
+   *
+   * @since 4.30
+   * @see [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList)
+   * @example
+   * const layerList = new LayerList({
+   *   catalogOptions: {
+   *     listItemCreatedFunction: (event) => {
+   *       const { item } = event;
+   *       item.actionsSections = [
+   *         [
+   *           {
+   *             title: "Add layer to map",
+   *             icon: "add-layer",
+   *             id: "add-layer"
+   *           }
+   *         ]
+   *       ];
+   *     },
+   *     selectionMode: "single",
+   *     visibleElements: {
+   *       filter: true
+   *     }
+   *   },
+   *   view,
+   * });
+   */
+  accessor catalogOptions: CatalogLayerListProperties | null | undefined;
+  /**
+   * Indicates whether a component is closed. When `true`, the component will be hidden.
+   *
+   * @default false
+   * @since 4.33
+   */
+  accessor closed: boolean;
+  /**
+   * Indicates whether the component is collapsed.
+   * When collapsed, only the collapse button and heading are displayed.
+   *
+   * @default false
+   * @since 4.29
+   * @see [showCollapseButton](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showCollapseButton)
+   * @example layerList.collapsed = true;
+   */
+  accessor collapsed: boolean;
+  /**
+   * Indicates whether [list items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html) may be reordered within the list by dragging and dropping.
+   * MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer.
+   * Drag won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minDragEnabledItems).
+   *
+   * @default false
+   * @since 4.29
+   * @see [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minDragEnabledItems)
+   * @example layerList.dragEnabled = true;
+   */
+  accessor dragEnabled: boolean;
+  /**
+   * Placeholder text used in the filter input if [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements) is true.
+   *
+   * @default ""
+   * @since 4.29
+   * @see [showFilter](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showFilter)
+   * @example layerList.filterPlaceholder = "Filter layers";
+   */
+  accessor filterPlaceholder: string;
+  /**
+   * Specifies a function to handle filtering [list items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html).
+   *
+   * @since 4.32
+   * @example layerList.filterPredicate = (item) => item.title.toLowerCase().includes("streets");
+   */
+  accessor filterPredicate: FilterPredicate | null | undefined;
+  /**
+   * The value of the filter input if [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements) is true.
+   *
+   * @default ""
+   * @since 4.29
+   * @see [showFilter](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showFilter)
+   * @example
+   * reactiveUtils.watch(
+   *   () => layerList.filterText,
+   *   (filterText) => console.log(filterText)
+   * );
+   */
+  accessor filterText: string;
+  /**
+   * Indicates the heading level to use for the heading of the component.
+   * By default, the heading is rendered as a level 2 heading (e.g., `<h2>Layer List</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.
+   *
+   * @default 2
+   * @since 4.29
+   * @see [showHeading](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showHeading)
+   * @example layerList.headingLevel = 3;
+   */
+  accessor headingLevel: HeadingLevel;
+  /**
+   * Indicates whether to display the [LayerList#catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList).
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideCatalogLayerList: boolean;
+  /**
+   * Indicates whether the layer list should be shown within its built-in [flow component](https://developers.arcgis.com/calcite-design-system/components/flow/) or if the flow component should be excluded. The layer list will be displayed within its original flow component if set to `true`. The flow component will be omitted from the layer list if set to `false`. To place the layer list into an existing Calcite flow component, set this property to `false`.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideFlow: boolean;
+  /**
+   * Indicates whether the status indicators will be displayed.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideStatusIndicators: boolean;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @default "layers"
+   * @since 4.27
+   * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  get icon(): Icon["icon"];
+  set icon(value: IconName);
+  /**
+   * [KnowledgeGraphLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-KnowledgeGraphLayer.html) specific properties.
+   * Knowledge graph layers will display [KnowledgeGraphLayer#tables](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-KnowledgeGraphLayer.html#tables)
+   * as an expandable [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList) in the LayerList component.
+   * This tables list item will only be displayed when knowledge graph layers with tables are loaded in the map.
+   * These are the properties that are used to configure the [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList).
+   *
+   * @since 4.30
+   * @see [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList)
+   * @example
+   * layerList.knowledgeGraphOptions = {
+   *   filterPlaceholder: "Filter tables",
+   *   listItemCreatedFunction: (event) => {
+   *     const { item } = event;
+   *     item.actionsSections = [
+   *       [
+   *         {
+   *           icon: "table",
+   *           id: "open-table",
+   *           title: "Show table"
+   *         },
+   *         {
+   *           icon: "information",
+   *           id: "information",
+   *           title: "Show information"
+   *         }
+   *       ]
+   *     ];
+   *   },
+   *   minFilterItems: 1,
+   *   visibleElements: {
+   *     errors: true,
+   *     filter: true,
+   *     statusIndicators: true
+   *   }
+   * }
+   */
+  accessor knowledgeGraphOptions: TableListProperties | null | undefined;
+  /**
+   * The component's default label.
+   *
+   * @since 4.7
+   */
+  accessor label: string;
+  /**
+   * A function that executes each time a [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html) is created.
+   * Use this function to add actions and panels to list items, and to override
+   * the default settings of a list item. Actions can be added to list items
+   * using the [ListItem#actionsSections](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html#actionsSections)
+   * property of the ListItem.
+   *
+   * @since 4.4
+   * @see [Sample - LayerList component with actions](https://developers.arcgis.com/javascript/latest/sample-code/widgets-layerlist-actions/)
+   * @example
+   * const layerListComponent = document.createElement("arcgis-layer-list");
+   *   // executes for each ListItem in the LayerList
+   * layerListComponent.listItemCreatedFunction = async function (event) {
+   *
+   *     // The event object contains properties of the
+   *     // layer in the LayerList component.
+   *
+   *     let item = event.item;
+   *
+   *     // Wait for the layer to load and the item title to become available
+   *     await item.layer.when();
+   *
+   *     if (item.title === "US Demographics") {
+   *       // open the list item in the LayerList component
+   *       item.open = true;
+   *       // change the title to something more descriptive
+   *       item.title = "Population by county";
+   *       // set an action for zooming to the full extent of the layer
+   *       item.actionsSections = [[{
+   *         title: "Go to full extent",
+   *         className: "esri-icon-zoom-out-fixed",
+   *         id: "full-extent"
+   *       }]];
+   *     }
+   *   };
+   */
+  accessor listItemCreatedFunction: ListItemModifier | null | undefined;
+  /**
+   * The minimum number of list items required to enable drag and drop reordering with [dragEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#dragEnabled).
+   *
+   * @default 2
+   * @since 4.29
+   * @see [dragEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#dragEnabled)
+   * @example
+   * layerList.dragEnabled = true;
+   * layerList.minDragEnabledItems = 5;
+   */
+  accessor minDragEnabledItems: number;
+  /**
+   * The minimum number of list items required to display the [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-LayerListVisibleElements.html) input box.
+   *
+   * @default 10
+   * @since 4.29
+   * @see [showFilter](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list/#showFilter)
+   * @example
+   * layerList.showFilter = true;
+   * layerList.minFilterItems = 5;
+   */
+  accessor minFilterItems: number;
+  /**
+   * A collection of [Layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)s that are opened
+   * in a [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList) or [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList) flow item.
+   * This property is useful for backing out of the catalog layer list or table list
+   * programmatically to the parent layer list.
+   *
+   * @default []
+   * @since 4.31
+   * @see [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList)
+   * @see [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList)
+   * @example
+   * // back out of the catalog layer list to the main layer list
+   * layerList.openedLayers.pop();
+   */
+  get openedLayers(): Collection<FlowLayer>;
+  /** A collection of ListItems representing operational layers. */
+  get operationalItems(): __esri.Collection<__esri.ListItem>;
+  /**
+   * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+   *
+   * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /**
+   * A collection of selected [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html)s representing operational layers
+   * selected by the user.
+   *
+   * @see [selectionMode](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectionMode)
+   */
+  accessor selectedItems: Collection<ListItem>;
+  /**
+   * Specifies the selection mode.
+   * Selected items are available in the [selectedItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectedItems) property.
+   *
+   * | Value | Description |
+   * | ----- | ----------- |
+   * | multiple | Allows any number of items to be selected at once. This is useful when you want to apply an operation to multiple items at the same time. |
+   * | none | Disables selection. Use this when you want to prevent selecting items. |
+   * | single | Allows only one item to be selected at a time. If another item is selected, the previous selection is cleared. This is useful when you want to ensure that a maximum of one item is selected at a time. |
+   * | single-persist | Allows only one item to be selected at a time and prevents de-selection. Once an item is selected, it remains selected until another item is selected. This is useful when you want to ensure that there is always exactly one selected item. |
+   *
+   * @default "none"
+   * @since 4.29
+   * @see [selectedItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectedItems)
+   * @example layerList.selectionMode = "multiple";
+   */
+  accessor selectionMode: "none" | "multiple" | "single" | "single-persist";
+  /**
+   * Indicates whether to display a close button in the header.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor showCloseButton: boolean;
+  /**
+   * Indicates whether to display a collapse button in the header.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor showCollapseButton: boolean;
+  /**
+   * Indicates whether to display layers with load errors.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor showErrors: boolean;
+  /**
+   * Indicates whether to display a filter input box when then number of list items is equal to or greater than the value set in [LayerList#minFilterItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minFilterItems), allowing users to filter layers by their title.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor showFilter: boolean;
+  /**
+   * Indicates whether to display the layer list heading. The heading text is "Layer List". The heading level can be set with the [LayerList#headingLevel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#headingLevel).
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor showHeading: boolean;
+  /**
+   * Indicates whether temporary layer indicators will be displayed for layers with [Layer#persistenceEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#persistenceEnabled) set to `false`. A [temporary icon](https://developers.arcgis.com/calcite-design-system/icons/?icon=temporary&library=Calcite%20UI&query=temporary) will be displayed on the near side of the layer title.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor showTemporaryLayerIndicators: boolean;
+  /**
+   * The current state of the component.
+   *
+   * @default "disabled"
+   */
+  get state(): State;
+  /** The TableList that displays the tables associated with a KnowledgeGraphLayer. */
+  get tableList(): __esri.TableList | nullish;
+  /**
+   * The view associated with the component. 
+   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Layer List component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapViewOrSceneView | null | undefined;
+  /**
+   * Determines the icons used to indicate visibility.
+   *
+   * | Value | Description | Example |
+   * | ----- | ----------- | ------- |
+   * | default | Displays view icons on the far side. Icons are hidden except on hover or if they have keyboard focus. See [view-visible](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-visible&library=Calcite%20UI&query=view) and [view-hide](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-hide&library=Calcite%20UI&query=view) calcite icons. | ![visibilityAppearance-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/layer-list/visibilityAppearance-default.png) |
+   * | checkbox | Displays checkbox icons on the near side. See [check-square-f](https://developers.arcgis.com/calcite-design-system/icons/?icon=check-square-f&library=Calcite%20UI&query=check) and [square](https://developers.arcgis.com/calcite-design-system/icons/?icon=square&library=Calcite%20UI&query=square) calcite icons. | ![visibilityAppearance-checkbox](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/layer-list/visibilityAppearance-checkbox.png) |
+   *
+   * @default "default"
+   * @since 4.29
+   * @example layerList.visibilityAppearance = "checkbox";
+   */
+  accessor visibilityAppearance: VisibilityAppearance;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /**
+   * @param action
+   * @param item
+   */
+  triggerAction(action: __esri.ActionButton | __esri.ActionToggle, item: __esri.ListItem): Promise<void>;
+  "@setterTypes": {
+    icon?: IconName;
+  };
+  /**
+   * Emitted when the component's close button is clicked.
+   *
+   * @since 4.33
+   */
+  readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when an action is triggered on the component. */
+  readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, __esri.LayerListTriggerActionEvent>;
+  readonly "@eventTypes": {
+    arcgisClose: ArcgisLayerList["arcgisClose"]["detail"];
+    arcgisPropertyChange: ArcgisLayerList["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisLayerList["arcgisReady"]["detail"];
+    arcgisTriggerAction: ArcgisLayerList["arcgisTriggerAction"]["detail"];
+  };
+}