@esri/solutions-components 1.2.0-next.99 → 5.0.1

package/dist/components/info-card/customElement.d.ts

@@ -1,103 +1,128 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class InfoCard extends LitElement {
-    /**
-     * When true the geometry of the current feature will be editable
-     *
-     * @default false
-     */
-    enableEditGeometry: boolean;
-    /**
-     * When true the snapping options will be exposed
-     *
-     * @default false
-     */
-    enableSnapping: boolean;
-    /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
-    graphics: __esri.Graphic[];
-    /**
-     * boolean: when true a loading indicator will be shown
-     *
-     * @default false
-     */
-    isLoading: boolean;
-    /**
-     * When true the component will render an optimized view for mobile devices
-     *
-     * @default false
-     */
-    isMobile: boolean;
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /**
-     * boolean: If true will show edit button
-     *
-     * @default false
-     */
-    allowEditing?: boolean | undefined;
-    /**
-     * boolean: If true will highlights the features on map using Features Widget
-     *
-     * @default true
-     */
-    highlightEnabled?: boolean | undefined;
-    /**
-     * boolean: If true will show the pagination for multiple features
-     *
-     * @default true
-     */
-    paginationEnabled?: boolean | undefined;
-    /**
-     * string: Set the position of the feature info
-     *
-     * @default 'absolute'
-     */
-    position?: string | undefined;
-    /**
-     * boolean: If true show close button on the feature info
-     *
-     * @default false
-     */
-    showCloseBtn?: boolean | undefined;
-    /**
-     * Get the current selected feature from the Features widget
-     *
-     * @returns Promise resolving with the current feature
-     */
-    getSelectedFeature(): Promise<any>;
-    /**
-     * Refresh the feature info
-     *
-     * @returns Promise when complete
-     */
-    refresh(): Promise<any>;
-    /** Go to the previous feature in the features widget */
-    back(): Promise<void>;
-    /** Go to the next feature in the features widget */
-    next(): Promise<void>;
-    /** Toggle the visibility of the features list view */
-    toggleListView(): Promise<void>;
-    /**
-     * update the current graphics to the features widget
-     *
-     * @param selectedGraphic
-     */
-    updateCurrentGraphic(selectedGraphic: __esri.Graphic): Promise<void>;
-    /** Emitted on demand when the popup is closed */
-    readonly popupClosed: TargetedEvent<this, void>;
-    /** Emitted on demand when close button is clicked */
-    readonly clearSelection: TargetedEvent<this, void>;
-    /** Emitted on demand when the selected index changes */
-    readonly selectionChanged: TargetedEvent<this, {
-        selectedFeature: __esri.Graphic[];
-        selectedFeatureIndex: number;
-    }>;
-    "@eventTypes": {
-        "clearSelection": InfoCard["clearSelection"]["detail"];
-        "popupClosed": InfoCard["popupClosed"]["detail"];
-        "selectionChanged": InfoCard["selectionChanged"]["detail"];
-    };
-}
+export abstract class InfoCard extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      fetchingData: string;
+      edit: string;
+      enableEditing: string;
+      editDisabled: string;
+      next: string;
+      back: string;
+      indexOfTotal: string;
+      delete: string;
+  } & T9nMeta<{
+      fetchingData: string;
+      edit: string;
+      enableEditing: string;
+      editDisabled: string;
+      next: string;
+      back: string;
+      indexOfTotal: string;
+      delete: string;
+  }>;
+  /**
+   * boolean: If true will show edit button
+   *
+   * @default false
+   */
+  accessor allowEditing: boolean | undefined;
+  /**
+   * When true the geometry of the current feature will be editable
+   *
+   * @default false
+   */
+  accessor enableEditGeometry: boolean;
+  /**
+   * When true the snapping options will be exposed
+   *
+   * @default false
+   */
+  accessor enableSnapping: boolean;
+  /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+  accessor graphics: __esri.Graphic[];
+  /**
+   * boolean: If true will highlights the features on map using Features Widget
+   *
+   * @default true
+   */
+  accessor highlightEnabled: boolean | undefined;
+  /**
+   * boolean: when true a loading indicator will be shown
+   *
+   * @default false
+   */
+  accessor isLoading: boolean;
+  /**
+   * When true the component will render an optimized view for mobile devices
+   *
+   * @default false
+   */
+  accessor isMobile: boolean;
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /**
+   * boolean: If true will show the pagination for multiple features
+   *
+   * @default true
+   */
+  accessor paginationEnabled: boolean | undefined;
+  /**
+   * string: Set the position of the feature info
+   *
+   * @default 'absolute'
+   */
+  accessor position: string | undefined;
+  /**
+   * boolean: If true show close button on the feature info
+   *
+   * @default false
+   */
+  accessor showCloseBtn: boolean | undefined;
+  /** Go to the previous feature in the features widget */
+  back(): Promise<void>;
+  /**
+   * Get the current selected feature from the Features widget
+   *
+   * @returns Promise resolving with the current feature
+   */
+  getSelectedFeature(): Promise<any>;
+  /** Go to the next feature in the features widget */
+  next(): Promise<void>;
+  /**
+   * Refresh the feature info
+   *
+   * @returns Promise when complete
+   */
+  refresh(): Promise<any>;
+  /** Toggle the visibility of the features list view */
+  toggleListView(): Promise<void>;
+  /**
+   * update the current graphics to the features widget
+   *
+   * @param selectedGraphic
+   */
+  updateCurrentGraphic(selectedGraphic: __esri.Graphic): Promise<void>;
+  /** Emitted on demand when close button is clicked */
+  readonly clearSelection: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted on demand when the popup is closed */
+  readonly popupClosed: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted on demand when the selected index changes */
+  readonly selectionChanged: import("@arcgis/lumina").TargetedEvent<this, {
+      selectedFeature: __esri.Graphic[];
+      selectedFeatureIndex: number;
+  }>;
+  readonly "@eventTypes": {
+    clearSelection: InfoCard["clearSelection"]["detail"];
+    popupClosed: InfoCard["popupClosed"]["detail"];
+    selectionChanged: InfoCard["selectionChanged"]["detail"];
+  };
+}

package/dist/components/info-card/customElement.js

@@ -1,37 +1,21 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
 import { P as g } from "../../chunks/popupUtils.js";
-import { u as w } from "../../chunks/useT9n.js";
-import { css as b, nothing as m, html as s } from "lit";
+import { u as b } from "../../chunks/useT9n.js";
+import { css as w, nothing as m, html as s } from "lit";
 import { LitElement as v, createEvent as r, noShadowRoot as y, safeStyleMap as $, safeClassMap as i } from "@arcgis/lumina";
 import x from "@arcgis/core/widgets/Features";
 import * as d from "@arcgis/core/core/reactiveUtils";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.98 */
-const E = b`@layer{/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */:host{display:block;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.feature-node .esri-features__footer{display:none!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-foreground-1)!important;height:100%!important}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`;
-class F extends v {
+const F = w`@layer{:host{display:block;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.feature-node .esri-features__footer{display:none!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-foreground-1)!important;height:100%!important}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`;
+class E extends v {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !1, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._isMultipleEdits = !1, this._mobileTitle = "", this._showListView = !1, this._translations = w({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = r(), this.clearSelection = r(), this.selectionChanged = r(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics), this.listenOn(window, "editMultipleFeatures", this.editMultipleFeatures), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated), this.listenOn(window, "clearSelection", this._alertClosed);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !1, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._isMultipleEdits = !1, this._mobileTitle = "", this._showListView = !1, this._translations = b({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = r(), this.clearSelection = r(), this.selectionChanged = r(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics), this.listenOn(window, "editMultipleFeatures", this.editMultipleFeatures), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated), this.listenOn(window, "clearSelection", this._alertClosed);
   }
   static {
     this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphics: 0, isLoading: 5, isMobile: 5, mapView: 0, allowEditing: 5, highlightEnabled: 5, paginationEnabled: 5, position: 1, showCloseBtn: 5, _alertOpen: 16, _count: 16, _editRecordOpen: 16, _isMultipleEdits: 16, _mobileTitle: 16, _showListView: 16, _translations: 16, _navigatedToRelatedFeature: 16 };
   }
   static {
-    this.styles = E;
+    this.styles = F;
   }
   static {
     this.shadowRootOptions = y;
@@ -40,8 +24,8 @@ class F extends v {
     if (e.has("graphics") && this.graphicsWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_translations")) {
       const t = this._translations._lang, a = e.get("_translations")?._lang;
       if (t && a && t !== a && this._features) {
-        const l = [...this.graphics];
-        this.graphics = [], this.graphics = l;
+        const n = [...this.graphics];
+        this.graphics = [], this.graphics = n;
       }
     }
   }
@@ -100,8 +84,8 @@ class F extends v {
     this.graphics?.length > 0 && await this.setGraphics();
   }
   render() {
-    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", a = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", l = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", o = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, h = Number(this._features?.selectedFeature?.getObjectId()), p = Number.isNaN(h) ? [] : [h], c = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, u = this._relatedFeature ? [this._relatedFeature] : this.graphics, _ = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex, n = this.isMobile ? "display-none" : "";
-    return s`<calcite-shell class="z-index-1" style=${$({ position: this.position })}>${this._getHeader()}<calcite-loader class=${i(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${i("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? m}></div><div class=${`${l} width-100`} slot=footer>${this.allowEditing ? s`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && c ? s`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${p} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && c ? s`<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` : ""}${this.paginationEnabled && !o && s`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action appearance=solid class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s text text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card .allowMultipleEditing=${this._isMultipleEdits} class=${i(a)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${_} .graphics=${u} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert auto-close icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
+    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", a = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", n = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", o = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, h = Number(this._features?.selectedFeature?.getObjectId()), p = Number.isNaN(h) ? [] : [h], c = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, u = this._relatedFeature ? [this._relatedFeature] : this.graphics, _ = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex, l = this.isMobile ? "display-none" : "";
+    return s`<calcite-shell class="z-index-1" style=${$({ position: this.position })}>${this._getHeader()}<calcite-loader class=${i(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${i("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? m}></div><div class=${`${n} width-100`} slot=footer>${this.allowEditing ? s`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && c ? s`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${p} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip class=${i(l)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && c ? s`<calcite-tooltip class=${i(l)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` : ""}${this.paginationEnabled && !o && s`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip class=${i(l)} placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action appearance=solid class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s text text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip class=${i(l)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card .allowMultipleEditing=${this._isMultipleEdits} class=${i(a)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${_} .graphics=${u} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert auto-close icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
   }
   async setGraphics() {
     this._features || await this._initFeaturesWidget(), this.graphics.length > 0 ? (this._layer = this.graphics[0]?.layer, this._editEnabled = !!(this._layer.editingEnabled && this._layer.capabilities?.operations.supportsUpdate), this._mobileTitle = this.mapView?.map && await this._popupUtils?.getPopupTitle(this.graphics[0], this.mapView.map) || "", this._features?.open({
@@ -175,7 +159,7 @@ class F extends v {
     }
   }
 }
-f("info-card", F);
+f("info-card", E);
 export {
-  F as InfoCard
+  E as InfoCard
 };

package/dist/components/info-card/index.d.ts

@@ -1,10 +1 @@
-import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-button";
-import "../delete-button/index.js";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-action";
-import "../edit-card/index.js";
-import "@esri/calcite-components/components/calcite-alert";
-import "@esri/calcite-components/components/calcite-panel";
 export * from "./customElement.js";

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

@@ -1,55 +1,70 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class LayerList extends LitElement {
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /** string[]: If passed will show only these layers in the list if they are present in map and are editable */
-    layers: string[];
-    /**
-     * boolean: if true display's feature count for each layer
-     *
-     * @default true
-     */
-    showFeatureCount?: boolean | undefined;
-    /**
-     * boolean: If true display's arrow icon on each layer item
-     *
-     * @default false
-     */
-    showNextIcon?: boolean | undefined;
-    /**
-     * boolean: If true will consider the FeatureFilter applied on the layerview
-     *
-     * @default false
-     */
-    applyLayerViewFilter?: boolean | undefined;
-    /**
-     * boolean: when true the features count from map view extent will shown
-     *
-     * @default false
-     */
-    filterByMapExtent: boolean;
-    /**
-     * Refresh the layer list which will fetch the latest layer count and update the list
-     *
-     * @returns Promise that resolves when the operation is complete
-     */
-    refresh(): Promise<void>;
-    /** Emitted on demand when feature layer clicked with details layerId and layerName */
-    readonly layerSelect: TargetedEvent<this, {
-        layerId: string;
-        layerName: string;
-    }>;
-    /**
-     * Emitted on demand when list of layers to be listed are created.
-     * When empty array received in this event means no valid layers are found to be listed
-     */
-    readonly layersListLoaded: TargetedEvent<this, string[]>;
-    "@eventTypes": {
-        "layerSelect": LayerList["layerSelect"]["detail"];
-        "layersListLoaded": LayerList["layersListLoaded"]["detail"];
-    };
-}
+export abstract class LayerList extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      error: string;
+      noLayerToDisplayErrorMsg: string;
+      extentFilterMsg: string;
+  } & T9nMeta<{
+      error: string;
+      noLayerToDisplayErrorMsg: string;
+      extentFilterMsg: string;
+  }>;
+  /**
+   * boolean: If true will consider the FeatureFilter applied on the layerview
+   *
+   * @default false
+   */
+  accessor applyLayerViewFilter: boolean | undefined;
+  /**
+   * boolean: when true the features count from map view extent will shown
+   *
+   * @default false
+   */
+  accessor filterByMapExtent: boolean;
+  /** string[]: If passed will show only these layers in the list if they are present in map and are editable */
+  accessor layers: string[];
+  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /**
+   * boolean: if true display's feature count for each layer
+   *
+   * @default true
+   */
+  accessor showFeatureCount: boolean | undefined;
+  /**
+   * boolean: If true display's arrow icon on each layer item
+   *
+   * @default false
+   */
+  accessor showNextIcon: boolean | undefined;
+  /**
+   * Refresh the layer list which will fetch the latest layer count and update the list
+   *
+   * @returns Promise that resolves when the operation is complete
+   */
+  refresh(): Promise<void>;
+  /** Emitted on demand when feature layer clicked with details layerId and layerName */
+  readonly layerSelect: import("@arcgis/lumina").TargetedEvent<this, {
+      layerId: string;
+      layerName: string;
+  }>;
+  /**
+   * Emitted on demand when list of layers to be listed are created.
+   * When empty array received in this event means no valid layers are found to be listed
+   */
+  readonly layersListLoaded: import("@arcgis/lumina").TargetedEvent<this, string[]>;
+  readonly "@eventTypes": {
+    layerSelect: LayerList["layerSelect"]["detail"];
+    layersListLoaded: LayerList["layersListLoaded"]["detail"];
+  };
+}