@esri/solutions-components 1.0.0-next.20250501.2 → 1.0.0-next.20250506

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

@@ -5,27 +5,63 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class InfoCard extends LitElement {
-    /** When true the geometry of the current feature will be editable */
+    /**
+     * When true the geometry of the current feature will be editable
+     *
+     * @default false
+     */
     enableEditGeometry: boolean;
-    /** When true the snapping options will be exposed */
+    /**
+     * 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 */
+    /**
+     * 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 */
+    /**
+     * 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 */
+    /**
+     * boolean: If true will show edit button
+     *
+     * @default true
+     */
     allowEditing?: boolean | undefined;
-    /** boolean: If true will highlights the features on map using Features Widget */
+    /**
+     * 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 */
+    /**
+     * boolean: If true will show the pagination for multiple features
+     *
+     * @default true
+     */
     paginationEnabled?: boolean | undefined;
-    /** string: Set the position of the feature info */
+    /**
+     * string: Set the position of the feature info
+     *
+     * @default 'absolute'
+     */
     position?: string | undefined;
-    /** boolean: If true show close button on the feature info */
+    /**
+     * boolean: If true show close button on the feature info
+     *
+     * @default false
+     */
     showCloseBtn?: boolean | undefined;
     /**
      * Get the current selected feature from the Features widget

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

@@ -7,7 +7,7 @@ import { LitElement as m, createEvent as o, noShadowRoot as v, safeStyleMap as y
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506 */
 const $ = x`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -36,7 +36,6 @@ class F extends m {
   static {
     this.shadowRootOptions = v;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
     if (e.has("graphics") && this.graphicsWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_translations")) {
       const t = this._translations._lang, s = e.get("_translations")?._lang;
@@ -46,57 +45,27 @@ class F extends m {
       }
     }
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Watch for changes to the graphic and update the feature widget */
   async graphicsWatchHandler() {
     this._navigatedToRelatedFeature && this._features && (this._features.clear(), this._features.close(), this._count = "", this._navigatedToRelatedFeature = !1), await this.setGraphics();
   }
-  /**
-   * Watch for changes to the isMobile prop then init the Features widget
-   * We need to know if the title should be displayed by the widget (non mobile)
-   * or by us (mobile)
-   */
   async isMobileWatchHandler() {
     await this._initFeaturesWidget();
   }
-  /** Watch for changes to the mapView and re-init the Feature widget */
   async mapViewWatchHandler() {
     return await this._initFeaturesWidget();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Get the current selected feature from the Features widget
-   *
-   * @returns Promise resolving with the current feature
-   */
   async getSelectedFeature() {
     return this._features?.selectedFeature;
   }
-  /**
-   * Refresh the feature info
-   *
-   * @returns Promise when complete
-   */
   async refresh() {
     await this.setGraphics();
   }
-  /** Go to the previous feature in the features widget */
   async back() {
     this._features?.previous(), this._count = this._getCount();
   }
-  /** Go to the next feature in the features widget */
   async next() {
     this._features?.next(), this._count = this._getCount();
   }
-  /** Toggle the visibility of the features list view */
   async toggleListView() {
     if (this._showListView = !this._showListView, this._features) {
       const e = this._features.selectedFeatureIndex;
@@ -106,79 +75,37 @@ class F extends m {
       }), this._features.selectedFeatureIndex = e;
     }
   }
-  /** update the current graphics to the features widget */
   async updateCurrentGraphic(e) {
     this._features?.selectedFeatureWidget && console.log(e);
   }
-  /**
-   * Respond to and close the edit record display
-   *
-   * @returns a promise when the operation has completed
-   */
   async closeEdit() {
     this._editRecordOpen = !1;
   }
-  /** Reset key properties when the layer selection changes */
   async layerSelectionChange() {
     this._showListView = !1, this._features?.viewModel && (this._features.viewModel.featureMenuOpen = !1, this._features.close());
   }
-  /** Refresh the info-card graphics */
   async refreshGraphics(e) {
     this._navigatedToRelatedFeature || (this.graphics = [...e.detail]);
   }
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
   async load() {
     await this._initModules(), this._popupUtils = new g();
   }
-  /**
-   * Called once just after the component is fully loaded and the first render() occurs.
-   *
-   * @returns Promise when complete
-   */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
   async loaded() {
     this.graphics?.length > 0 && await this.setGraphics();
   }
-  /** Renders the component. */
   render() {
     const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", s = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", a = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", n = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, c = this.isMobile ? "display-none" : "", r = Number(this._features?.selectedFeature?.getObjectId()), d = Number.isNaN(r) ? [] : [r], h = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, p = this._relatedFeature ? [this._relatedFeature] : this.graphics, u = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex;
     return i`<calcite-shell class="z-index-1" style=${y({ position: this.position })}>${this._getHeader()}<calcite-loader class=${l(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${l("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? w}></div><div class=${`${a} width-100`} slot=footer>${this.allowEditing && i`<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 && h ? i`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${d} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && h ? i`<calcite-tooltip placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` || ""}${this.paginationEnabled && !n && i`<div class=${`display-flex padding-1-2 button-container top-border ${c}`}><div><calcite-button appearance=transparent .disabled=${n} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action 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=${n} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card class=${l(s)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${u} .graphics=${p} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert 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>`;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   * @protected
-   */
   async _initModules() {
     const [e, t] = await _(["esri/widgets/Features", "esri/core/reactiveUtils"]);
     this.Features = e, this.reactiveUtils = t;
   }
-  /**
-   * Initializes the features widget if not created and updates the feature widget and other required states
-   *
-   * @protected
-   */
   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 && await this._popupUtils?.getPopupTitle(this.graphics[0], this.mapView.map) || "", this._features?.open({
+    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({
       features: this.graphics
     })) : (this._features?.clear(), this._features?.close()), this._count = this._getCount();
   }
-  /**
-   * Init the Feature widget so we can display the popup content
-   *
-   * @returns a promise when the operation has completed
-   * @protected
-   */
   async _initFeaturesWidget() {
     return this.isMobile !== void 0 ? await this.mapView?.when(() => {
       if (this._features)
@@ -210,45 +137,28 @@ class F extends m {
       }
     }) : Promise.resolve();
   }
-  /**
-   * Get the mobile header
-   *
-   * @returns the header node to display when in mobile mode
-   * @protected
-   */
   _getHeader() {
     return this.isMobile && !this._editRecordOpen ? i`<calcite-panel class="border-width-0" slot=header><calcite-action class="end-border" icon=chevron-left icon-flip-rtl @click=${() => this._closePopup()} scale=s slot=header-actions-start text></calcite-action><span class="font-bold" slot=header-content>${this._mobileTitle}</span></calcite-panel>` : void 0;
   }
-  /** Close the popup and emit the selected features */
   _closePopup() {
     this.popupClosed.emit();
   }
-  /** Set the alertOpen member to false when the alert is closed */
   _alertClosed() {
     this._alertOpen = !1;
   }
-  /** Open the edit record */
   _openEditRecord() {
     this._editEnabled ? this._editRecordOpen = !0 : this._alertOpen = !0;
   }
-  /** Go to the previous feature in the features widget */
   _back() {
     this._features?.previous(), this._count = this._getCount();
   }
-  /** Go to the next feature in the features widget */
   _next() {
     this._features?.next(), this._count = this._getCount();
   }
-  /**
-   * Get the current index of total string
-   *
-   * @returns the index of total string
-   */
   _getCount() {
     const e = this._features?.viewModel && (this._features?.viewModel.selectedFeatureIndex + 1).toString() || "", t = this._features?.features?.length.toString() || "";
     return this._translations.indexOfTotal.replace("{{index}}", e).replace("{{total}}", t) || "";
   }
-  /** Toggle the visibility of the features list view */
   _toggleListView() {
     if (this._showListView = !this._showListView, this._features) {
       const e = this._features.selectedFeatureIndex;

package/dist/components/json-editor/customElement.d.ts

@@ -2,21 +2,31 @@
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class JsonEditor extends LitElement {
-    /** Contains a public value to indicate if the model has any changes. */
+    /**
+     * Contains a public value to indicate if the model has any changes.
+     *
+     * @default false
+     */
     hasChanges: boolean;
     /**
      * Contains a public value to indicate if the model has any errors
      * that would prevent saving it.
+     *
+     * @default false
      */
     hasErrors: boolean;
     /**
      * Contains a unique identifier for when we have multiple instances of the editor.
      * For example when we want to show an item's data as well as an item's properties.
+     *
+     * @default ''
      */
     instanceid: any;
     /**
      * Contains the public value for this component; it is not changed by the editor.
      * When changed, the change overwrites the contents of the editor.
+     *
+     * @default ''
      */
     value: any;
     /**

package/dist/components/json-editor/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as u, noShadowRoot as p, nothing as s } from "@arcgis/lumina
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506 */
 const _ = f`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -34,12 +34,6 @@ class g extends u {
   static {
     this.shadowRootOptions = p;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Called once just after the component is fully loaded and the first render() occurs. */
   loaded() {
     const t = document.getElementById(`${this.instanceid}-container`);
     if (t) {
@@ -68,38 +62,12 @@ class g extends u {
       }), this._setDiffModel(), this._loaded = !0, this._toggleUndoRedo());
     }
   }
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
   async load() {
     this._initValueObserver();
   }
-  /** Renders the component. */
   render() {
     return c`<div .id=${`${this.instanceid}-editor-container`} class="editor-container padding-right"><div class="editor-controls"><div class="editor-buttons"><calcite-icon .id=${`${this.instanceid}-errorFlag`} icon=exclamation-mark-triangle title=${this._translations.errorFlag ?? s} scale=s class="edit-error-flag"></calcite-icon><calcite-button .id=${`${this.instanceid}-undo`} kind=brand appearance=solid title=${this._translations.undo ?? s} @click=${() => this._undo()} scale=s class="edit-button"><calcite-icon icon=undo scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-redo`} kind=brand appearance=solid title=${this._translations.redo ?? s} @click=${() => this._redo()} scale=s class="edit-button"><calcite-icon icon=redo scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-diff`} kind=brand appearance=solid title=${this._translations.diff ?? s} @click=${() => this._toggleEditor()} scale=s class="edit-button"><calcite-icon icon=compare scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-search`} appearance=outline kind=brand title=${this._translations.search ?? s} @click=${() => this._search()} scale=s class="edit-button"><calcite-icon icon=search scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-reset`} kind=brand appearance=solid disabled title=${this._translations.cancelEdits ?? s} @click=${() => this._reset()} scale=s class="edit-button"><calcite-icon icon=reset scale=s></calcite-icon></calcite-button></div></div><div class="edit-parent"><div .id=${`${this.instanceid}-container`} class="json-edit-container"></div><div .id=${`${this.instanceid}-diff-container`} class="json-edit-container display-none"></div></div></div>`;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Gets the contents of the editor.
-   *
-   * @returns Promise resolving with the current contents of the editor
-   */
   async getEditorContents() {
     return new Promise((t, e) => {
       try {
@@ -110,34 +78,13 @@ class g extends u {
       }
     });
   }
-  /**
-   * Frees the editor events and memory; to be called when the web component is no longer needed.
-   *
-   * Because the component lifecycle doesn't include an "onDestroy" event
-   * (@see https://stenciljs.com/docs/component-lifecycle#disconnectedcallback)
-   * and TypeScript/JavaScript does automatic garbage collection without a callback
-   * hook until ES2021
-   * (@see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/FinalizationRegistry),
-   * this cleanup call needs to be called manually.
-   */
   async prepareForDeletion() {
     this._searchBtnHandler?.removeEventListener("click", this._search), this._cancelEditsBtnHandler?.removeEventListener("click", this._reset), this._valueObserver?.disconnect(), this._contentChanged?.dispose(), this._editor?.dispose();
   }
-  /**
-   * Replaces the current selection with the supplied text, inserting if nothing is selected.
-   *
-   * @param replacement Text to use for replacement or insertion
-   * @returns Promise resolving when function is done
-   */
   async replaceCurrentSelection(t) {
     const e = this._editor.getSelection();
     this._editor.executeEdits("", [{ range: e, text: t }]);
   }
-  /**
-   * Resets the contents of the editor with the current `value`.
-   *
-   * @returns Promise resolving when function is done
-   */
   async reset() {
     return new Promise((t, e) => {
       try {
@@ -147,34 +94,12 @@ class g extends u {
       }
     });
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Disables a button.
-   *
-   * @param buttonId Id of button to disable
-   * @protected
-   */
   _disableButton(t) {
     document.getElementById(t)?.setAttribute("disabled", "");
   }
-  /**
-   * Enables a button.
-   *
-   * @param buttonId Id of button to enable
-   * @protected
-   */
   _enableButton(t) {
     document.getElementById(t)?.removeAttribute("disabled");
   }
-  /**
-   * Dispatches an event that the editor's content has changed.
-   *
-   * @protected
-   */
   _flagEditorContentChanged() {
     window.dispatchEvent(new CustomEvent("solutionEditorContentChanged", {
       detail: {
@@ -186,14 +111,6 @@ class g extends u {
       composed: !0
     }));
   }
-  /**
-   * Sets the editor's flag indicating if it has changes and dispatches an event when
-   * the flag value changes.
-   *
-   * @param flagHasChanges Current state of change in the editor; if it doesn't match the value saved in this
-   * object, an event is dispatched with the new value and the saved value is updated
-   * @protected
-   */
   _flagEditorHasChanges(t) {
     this.hasChanges !== t && (window.dispatchEvent(new CustomEvent("solutionEditorHasChanges", {
       detail: t,
@@ -202,14 +119,6 @@ class g extends u {
       composed: !0
     })), this.hasChanges = t);
   }
-  /**
-   * Sets the editor's flag indicating if it has errors and dispatches an event when
-   * the flag value changes.
-   *
-   * @param flagHasErrors Current state of errors in the editor; if it doesn't match the value saved in this
-   * object, an event is dispatched with the new value and the saved value is updated
-   * @protected
-   */
   _flagEditorHasErrors(t) {
     this.hasErrors !== t && (window.dispatchEvent(new CustomEvent("solutionEditorHasErrors", {
       detail: t,
@@ -218,11 +127,6 @@ class g extends u {
       composed: !0
     })), this.hasErrors = t);
   }
-  /**
-   * Initializes the observer that will monitor and respond to changes of the value.
-   *
-   * @protected
-   */
   _initValueObserver() {
     this._valueObserver = new MutationObserver((t) => {
       t.forEach((e) => {
@@ -230,72 +134,32 @@ class g extends u {
       });
     }), this._valueObserver.observe(this.el, { attributes: !0, attributeOldValue: !0 });
   }
-  /**
-   * Handles activites appropriate to changes in the editor.
-   *
-   * @protected
-   */
   _onEditorChange() {
     this._toggleUndoRedo();
   }
-  /**
-   * Redoes the previous edit operation.
-   *
-   * @protected
-   */
   _redo() {
     this._currentModel?.canRedo() && (this._currentModel.redo(), this._toggleUndoRedo());
   }
-  /**
-   * Resets the stored model to the original value.
-   *
-   * @protected
-   */
   _reset() {
     this._currentModel.setValue(this.value), this._toggleUndoRedo();
   }
-  /**
-   * Handles click on "Search" button.
-   *
-   * @protected
-   */
   _search() {
     this._editor.trigger("toggleFind", "actions.find");
   }
-  /**
-   * Sets the models for the diff editor.
-   *
-   * @protected
-   */
   _setDiffModel() {
     this._diffEditor && this._diffEditor.setModel({
       original: monaco.editor.createModel(this.value, "json"),
       modified: this._editor.getModel()
     });
   }
-  /**
-   * Shows/Hides the appropriate editor: regular or diff.
-   *
-   * @protected
-   */
   _toggleEditor() {
     this._useDiffEditor = !this._useDiffEditor;
     let t = document.getElementById(`${this.instanceid}-diff-container`), e = document.getElementById(`${this.instanceid}-container`);
     t && e && (this._useDiffEditor ? (this._setDiffModel(), t.classList.remove("display-none"), e.classList.add("display-none")) : (t.classList.add("display-none"), e.classList.remove("display-none")));
   }
-  /**
-   * Toggles the undo and redo buttons.
-   *
-   * @protected
-   */
   _toggleUndoRedo() {
     this._currentModel?.canUndo() ? this._enableButton(`${this.instanceid}-undo`) : this._disableButton(`${this.instanceid}-undo`), this._currentModel?.canRedo() ? this._enableButton(`${this.instanceid}-redo`) : this._disableButton(`${this.instanceid}-redo`), this._currentModel?.canUndo() || this._currentModel?.canRedo() ? this._enableButton(`${this.instanceid}-reset`) : this._disableButton(`${this.instanceid}-reset`);
   }
-  /**
-   * Undoes the current edit operation.
-   *
-   * @protected
-   */
   _undo() {
     this._currentModel?.canUndo() && (this._currentModel.undo(), this._toggleUndoRedo());
   }

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

@@ -9,13 +9,29 @@ export declare class LayerList extends LitElement {
     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 */
+    /**
+     * 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 */
+    /**
+     * 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 */
+    /**
+     * 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 */
+    /**
+     * 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