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

package/dist/components/deduct-calculator/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as p, createEvent as m } from "@arcgis/lumina";
 import { css as d } 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.1 */
 const y = d`/** @license
  * Copyright 2025 Esri
  *
@@ -29,67 +29,22 @@ class h extends p {
   static {
     this.styles = y;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /** Renders the component. */
   render() {
     return i`<div class="label-display"><calcite-label class="label-display">\r\n            Density %${this._getDensityInput()}</calcite-label><calcite-label class="label-display">\r\n            Type${this._getTypeInput()}</calcite-label><calcite-label class="label-display">\r\n            Severity${this._getSeverityInput()}</calcite-label></div><div>${this._getCalculateInput()}</div>`;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Render the density input
-   *
-   * @returns a node with a control to set the density number (float)
-   * @protected
-   */
   _getDensityInput() {
     return i`<calcite-input max=100 min=0 type=number ${n(this._densityElement)}></calcite-input>`;
   }
-  /**
-   * Render the distress type input
-   *
-   * @returns a node with a control that shows the distress type name and value
-   * for example ALLIGATOR_CRACKING (1)
-   * @protected
-   */
   _getTypeInput() {
     return i`<calcite-select label ${n(this._typeElement)}>${this._types.map((e, t) => i`<calcite-option .value=${a[e].toString()}>${`${e} (${t + 1})`}</calcite-option>`)}</calcite-select>`;
   }
-  /**
-   * Render the distress type input
-   *
-   * @returns a node with a control that shows the distress type name and value
-   * for example ALLIGATOR_CRACKING (1)
-   * @protected
-   */
   _getSeverityInput() {
     return i`<calcite-select label ${n(this._severityElement)}><calcite-option .value=${s.H}>\r\n          High</calcite-option><calcite-option .value=${s.M}>\r\n          Medium</calcite-option><calcite-option .value=${s.L}>\r\n          Low</calcite-option></calcite-select>`;
   }
-  /**
-   * Render calculate deduct value button
-   *
-   * @returns a node with a control that calculates the deduct value
-   * @protected
-   */
   _getCalculateInput() {
     const e = this._typeElement.value && Number.parseFloat(this._typeElement.value.value), t = this._severityElement.value && this._severityElement.value.value, l = this._densityElement.value && Number.parseFloat(this._densityElement.value.value);
     return i`<calcite-button @click=${() => this._calculateDeduct(e, t, l)}>\r\n        Calculate Deduct Value</calcite-button>`;
   }
-  /**
-   * Calculate the deduct value based on the user inputs using the ASTM methodology
-   *
-   * @param type distress type 1-19 based on ASTM
-   * @param severity "H" | "M" | "L" high, med, low based on ASTM
-   * @param density percent density of the distress type and severity based on total sample area
-   * @protected
-   */
   _calculateDeduct(e, t, l) {
     if (e && t && !Number.isNaN(l)) {
       const r = u(e.toString(), t.toString(), l.toString(), !0);

package/dist/components/delete-button/customElement.d.ts

@@ -7,14 +7,26 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 export declare class DeleteButton extends LitElement {
     /** calcite-dialog: Use this prop when using the button within a parent like a dropdown that would constrain the dialog and that is not desired */
     deleteDialog: any;
-    /** ButtonType (button | action): Support usage as action or button */
+    /**
+     * ButtonType (button | action): Support usage as action or button
+     *
+     * @default 'button'
+     */
     buttonType: ButtonType;
-    /** boolean: This overrides internal enable/disable logic that is based on checks if the layer supports delete */
+    /**
+     * boolean: This overrides internal enable/disable logic that is based on checks if the layer supports delete
+     *
+     * @default false
+     */
     disabled: boolean;
-    /** string: The icon to display in the component */
+    /**
+     * string: The icon to display in the component
+     *
+     * @default ''
+     */
     icon: string;
     /** number[]: The ids that would be deleted */
-    ids: number[];
+    ids: (number | string)[];
     /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
     layer: __esri.FeatureLayer | undefined;
     /** Emitted on demand when features have been deleted */

package/dist/components/delete-button/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as a, createEvent as n } from "@arcgis/lumina";
 import { css as o } 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.1 */
 const d = o`/** @license
  * Copyright 2025 Esri
  *
@@ -31,65 +31,27 @@ class r extends a {
   static {
     this.styles = d;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(t) {
     t.has("ids") && (this.hasUpdated || this.ids?.length > 0) && this.idsWatchHandler(), t.has("layer") && this.layerWatchHandler();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** watch for changes in layer view and verify if it has editing enabled */
   async idsWatchHandler() {
     this._setDeleteEnabled();
   }
-  /** watch for changes in layer view and verify if it has editing enabled */
   async layerWatchHandler() {
     this._setDeleteEnabled();
   }
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async load() {
-  }
-  /** Renders the component. */
   render() {
     return e`${this.buttonType === "button" ? e`<calcite-button appearance=outline .disabled=${!this._deleteEndabled} id=solutions-delete kind=danger @click=${() => this._delete()} width=full>${this._translations.deleteCount.replace("{{n}}", this.ids?.length.toString())}</calcite-button>` : e`<calcite-action appearance=solid .disabled=${!this._deleteEndabled} id=${this.icon ?? l} @click=${() => this._delete()} scale=s .text=${this._translations.delete}><calcite-button appearance=transparent .iconStart=${this.icon} kind=danger>${this._translations.delete}</calcite-button></calcite-action>`}${this._deleteMessage()}<calcite-tooltip placement=bottom .referenceElement=${this.buttonType === "button" ? "solutions-delete" : this.icon}><span>${this._translations.delete}</span></calcite-tooltip>`;
   }
-  /** Called once just after the component is fully loaded and the first render() occurs. */
   loaded() {
     this._setDeleteEnabled();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /** Verify if the layer supports delete and that we have 1 or more ids */
   _setDeleteEnabled() {
     this._supportsDelete = !!(this.layer?.editingEnabled && this.layer?.capabilities?.operations?.supportsDelete), this._deleteEndabled = !this.disabled || this._supportsDelete && this.ids?.length > 0;
   }
-  /**
-   * Delete all selected records or shows an alert if the layer does not have editing enabled
-   *
-   * @returns a promise that will resolve when the operation is complete
-   */
   _delete() {
     this._confirmDelete = !0;
   }
-  /**
-   * Show delete confirmation message
-   *
-   * @returns node to confirm or deny the delete operation
-   */
   _deleteMessage() {
     return this.deleteDialog ? this.deleteDialog : e`<delete-dialog id=solution-delete-dialog .ids=${this.ids} .layer=${this.layer} @deleteDialogClose=${() => this._confirmDelete = !1} .open=${this._confirmDelete}></delete-dialog>`;
   }

package/dist/components/delete-dialog/customElement.d.ts

@@ -5,10 +5,14 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 
 export declare class DeleteDialog extends LitElement {
     /** number[]: The ids that would be deleted */
-    ids: number[];
+    ids: (number | string)[];
     /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
     layer: __esri.FeatureLayer | undefined;
-    /** boolean: When true the delete dialog will be displayed */
+    /**
+     * boolean: When true the delete dialog will be displayed
+     *
+     * @default false
+     */
     open: boolean;
     /** Emitted on demand when features have been deleted */
     readonly editsComplete: TargetedEvent<this, EditType>;

package/dist/components/delete-dialog/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as o, createEvent as t } from "@arcgis/lumina";
 import { css as a } 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.1 */
 const r = a`/** @license
  * Copyright 2025 Esri
  *
@@ -31,34 +31,19 @@ class c extends o {
   static {
     this.styles = r;
   }
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async load() {
-  }
-  /** Renders the component. */
   render() {
     const e = this.ids?.length === 1 ? this._translations.confirmSingle : this._translations.confirmMultiple;
     return l`<calcite-dialog .heading=${this._translations.deleteFeature} kind=danger modal @calciteDialogClose=${() => this._close()} .open=${this.open} width=s><div>${e}</div><calcite-button appearance=outline kind=danger @click=${() => this._close()} slot=footer-end width=full>${this._translations.cancel}</calcite-button><calcite-button kind=danger .loading=${this._isDeleting} @click=${() => void this._deleteFeatures()} slot=footer-end width=full>${this._translations.delete}</calcite-button></calcite-dialog>`;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /** Delete the currently selected features */
   async _deleteFeatures() {
     if (this.layer) {
       this._isDeleting = !0;
-      const e = this.ids.map((i) => ({ objectId: i }));
+      const e = this.ids.map((i) => ({ objectId: Number(i) }));
       await this.layer.applyEdits({
         deleteFeatures: e
       }), this._isDeleting = !1, this._close(), this.editsComplete.emit("delete");
     }
   }
-  /** Set the alertOpen member to false when the alert is closed */
   _close() {
     this.open = !1, this.deleteDialogClose.emit();
   }

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

@@ -4,17 +4,33 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class EditCard 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;
-    /** The index of the current graphic */
+    /**
+     * The index of the current graphic
+     *
+     * @default 0
+     */
     graphicIndex: number;
     /** esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
     graphics: __esri.Graphic[];
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
-    /** When true the component is displayed */
+    /**
+     * When true the component is displayed
+     *
+     * @default false
+     */
     open: boolean;
     /** Emitted on demand when the Editor widget should be closed */
     readonly closeEdit: TargetedEvent<this, undefined>;

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

@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as a, noShadowRoot as m, safeClassMap as r
 import { css as _ } 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.1 */
 const u = _`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -37,37 +37,18 @@ class w extends f {
   static {
     this.shadowRootOptions = m;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Watch for changes to the graphics and update the feature widget */
   async graphicsWatchHandler() {
     this.graphics.length === 0 && this.open && await this._closeEdit(!0);
   }
-  // TODO doc
   async openWatchHandler(t) {
     t && this.graphics?.length > 0 && this.graphicIndex > -1 && (this._editorLoading = !0, await this._initEditorWidget(), this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose && await this._startUpdate(), this._editorLoading = !1), t || await this._closeEdit(!0);
   }
-  // TODO doc
   async featureSelectionChange() {
     this.open && await this._closeEdit(!1);
   }
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
   async load() {
     await this._initModules();
   }
-  /**
-   * Special handeling when used with layer-table.
-   * This allows us to only fetch graphics when the modal is opened rather than with every render of the layer-table.
-   *
-   * @returns Promise when complete
-   */
   willUpdate(t) {
     if (t.has("graphics") && this.graphicsWatchHandler(), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openWatchHandler(this.open), this.graphics?.length > 0 && this.graphics[0]?.layer) {
       this._layer = this.graphics[0].layer, this._layerEditHandle && this._layerEditHandle.remove();
@@ -79,26 +60,14 @@ class w extends f {
       });
     }
   }
-  /** Renders the component. */
   render() {
     const t = this.graphics?.length > 0 && this.graphics[0] ? !this.graphics[0].layer.editingEnabled : !0, i = this._editorLoading ? "display-none" : "position-absolute", s = this._editorLoading ? "" : "display-none";
     return o`<div class="position-absolute">${t ? o`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${r(i)} id=feature-form ${g(this._editContainer)}></div><calcite-loader class=${r(s)} label scale=s></calcite-loader></div></div>`;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   */
   async _initModules() {
     const [t, i] = await d(["esri/widgets/Editor", "esri/core/reactiveUtils"]);
     this.Editor = t, this.reactiveUtils = i;
   }
-  /** Init the Editor widget so we can display the popup content */
   async _initEditorWidget() {
     if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
       this._editor && this._editor.destroy();
@@ -123,11 +92,9 @@ class w extends f {
       }), this.enableSnapping || t.classList.add("hide-editor-toolbar"), this._editContainer.value && this._editContainer.value.appendChild(t), this._editor && this.editorInitialized.emit(this._editor);
     }
   }
-  /** Close the edit widget */
   async _closeEdit(t) {
     this._shouldClose = !0, t && this._editor?.activeWorkflow ? (this._editor.activeWorkflow?.activeWorkflow?.hasPendingEdits && (await this._editor.activeWorkflow.reset(), await this._editor.cancelWorkflow()), this._editor.destroy()) : this.graphicIndex > -1 && this.graphics?.length > 0 && this.refreshGraphics.emit(this.graphics), this.enableSnapping && ((this.mapView?.ui.view).grid = null), this._shouldClose = !1, this.closeEdit.emit();
   }
-  /** Start the update workflow for the editor widget */
   async _startUpdate() {
     await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]), this._shouldClose = !0;
   }

package/dist/components/feature-details/customElement.d.ts

@@ -7,7 +7,11 @@ import { FeatureList } from '../feature-list/customElement.js';
 import { InfoCard } from '../info-card/customElement.js';
 
 export declare class FeatureDetails extends LitElement {
-    /** When true the snapping options will be exposed */
+    /**
+     * When true the snapping options will be exposed
+     *
+     * @default false
+     */
     enableSnapping: boolean;
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
@@ -17,9 +21,17 @@ export declare class FeatureDetails extends LitElement {
     reportingOptions: IReportingOptions | undefined;
     /** ILayerItemsHash: LayerDetailsHash for each layer in the map */
     layerItemsHash: ILayerItemsHash | undefined;
-    /** boolean: When true the profile image of the comment creator will be shown in the comments list */
+    /**
+     * boolean: When true the profile image of the comment creator will be shown in the comments list
+     *
+     * @default false
+     */
     showUserImageInCommentsList: boolean;
-    /** boolean: When false comment will shown in single line in the comments list */
+    /**
+     * boolean: When false comment will shown in single line in the comments list
+     *
+     * @default true
+     */
     showFullCommentTitle: boolean;
     /**
      * Refresh the features comments which will fetch like, dislike and update the component

package/dist/components/feature-details/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as g, createEvent as h, noShadowRoot as f } from "@arcgis/lu
 import { css as b } 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.1 */
 const C = b`@layer{/**
  * @license
  * Copyright 2025 Esri
@@ -40,45 +40,21 @@ class F extends g {
   willUpdate(i) {
     i.has("graphics") && this.graphicsWatchHandler();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Called each time the graphics prop is changed */
   async graphicsWatchHandler() {
     await this.getCompleteGraphic(this.graphics[0]), this.checkLikeDislikeFields(), await this.processComments();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Refresh the features comments which will fetch like, dislike and update the component
-   *
-   * @returns Promise that resolves when the operation is complete
-   */
   async refresh(i) {
     i && await this.getCompleteGraphic(i), await this.processComments(), i && this.isLikeDislikeConfigured(i.layer) ? this.graphics.length > 1 && this.checkLikeDislikeFields() : (this._likeFieldAvailable = !1, this._dislikeFieldAvailable = !1);
   }
-  /** Go to the previous feature in the features widget */
   async back() {
     this._infoCard.value && this._infoCard.value.back();
   }
-  /** Go to the next feature in the features widget */
   async next() {
     this._infoCard.value && this._infoCard.value.next();
   }
-  /** Toggle the visibility of the features list view */
   async toggleListView() {
     this._infoCard.value && this._infoCard.value.toggleListView();
   }
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
   async load() {
     await this._initModules(), await this.getCompleteGraphic(this.graphics[0]), this.checkLikeDislikeFields(), await this.processComments();
   }
@@ -92,22 +68,10 @@ class F extends g {
       this.commentSelect.emit(e.detail);
     }} page-size=5 .selectedLayerId=${this.relatedTableId} .showFullTitle=${this.showFullCommentTitle} .showUserImageInList=${this.showUserImageInCommentsList} text-size=small .whereClause=${i} ${u(this._commentsList)}></feature-list>` || ""}</calcite-panel>`;
   }
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   * @protected
-   */
   async _initModules() {
     const [i, e] = await m(["esri/rest/support/RelationshipQuery", "esri/Graphic"]);
     this.RelationshipQuery = i, this.Graphic = e;
   }
-  /**
-   * Get complete graphic with complete attributes
-   *
-   * @param graphic selected feature graphic
-   * @protected
-   */
   async getCompleteGraphic(i) {
     if (i) {
       const e = i.layer, s = e.createQuery(), t = Number(i.getObjectId());
@@ -118,12 +82,6 @@ class F extends g {
       }
     }
   }
-  /**
-   * Process the comments functionality.
-   * If comments are configured, fetches the related comments ans creates the input for comments list
-   *
-   * @protected
-   */
   async processComments() {
     const i = this._selectedGraphic?.layer;
     if (this.reportingOptions && this.reportingOptions[i.id] && this.reportingOptions[i.id].comment && i?.relationships && i.relationships?.length > 0) {
@@ -148,13 +106,6 @@ class F extends g {
     } else
       this._relatedFeaturesOIDs = [], this._commentsAvailable = !1, this.relatedTableId = "";
   }
-  /**
-   * Checks if the layers is configured for like dislike or not
-   *
-   * @param selectedLayer Feature layer
-   * @returns boolean
-   * @protected
-   */
   isLikeDislikeConfigured(i) {
     let e = !1, s = !1;
     if (this.reportingOptions && this.reportingOptions[i.id]) {
@@ -169,11 +120,6 @@ class F extends g {
     }
     return e || s;
   }
-  /**
-   * Check if configured like or dislike fields are available in the selected layer
-   *
-   * @protected
-   */
   checkLikeDislikeFields() {
     this._likeFieldAvailable = !1, this._dislikeFieldAvailable = !1, this._isLikeBtnClicked = !1, this._isDislikeBtnClicked = !1, this._likeCount = 0, this._disLikeCount = 0;
     const i = this._selectedGraphic?.layer;
@@ -185,29 +131,12 @@ class F extends g {
       }), this.getFromLocalStorage();
     }
   }
-  /**
-   * On like button click highlight the like button and update the feature
-   *
-   * @protected
-   */
   onLikeButtonClick() {
     this._isDislikeBtnClicked && this._selectedGraphic?.layer && this.reportingOptions && this.reportingOptions[this._selectedGraphic.layer.id].dislike && this.onDislikeButtonClick(), this._isLikeBtnClicked = !this._isLikeBtnClicked, this._isLikeBtnClicked ? this._likeCount++ : this._likeCount--, this.updateFeaturesLikeDislikeField(this._likeField, this._isLikeBtnClicked);
   }
-  /**
-   * On dislike button click highlight the dislike button and update the feature
-   *
-   * @protected
-   */
   onDislikeButtonClick() {
     this._isLikeBtnClicked && this._selectedGraphic?.layer && this.reportingOptions && this.reportingOptions[this._selectedGraphic.layer.id].like && this.onLikeButtonClick(), this._isDislikeBtnClicked = !this._isDislikeBtnClicked, this._isDislikeBtnClicked ? this._disLikeCount++ : this._disLikeCount--, this.updateFeaturesLikeDislikeField(this._dislikeField, this._isDislikeBtnClicked);
   }
-  /**
-   * Update the feature if user click on like or dislike button
-   *
-   * @param fieldName field name of the feature for like or dislike attribute
-   * @param buttonClicked is like or dislike button clicked
-   * @protected
-   */
   async updateFeaturesLikeDislikeField(i, e) {
     const s = {}, t = this._selectedGraphic?.layer;
     this._updating = !0;
@@ -226,11 +155,6 @@ class F extends g {
       }
     }
   }
-  /**
-   * Gets the like/dislike information form local storage and updates the like and dislike button states
-   *
-   * @protected
-   */
   getFromLocalStorage() {
     const i = this._selectedGraphic?.layer && this._selectedGraphic.layer.id, e = !Number.isNaN(Number(i)) && i?.toString() && localStorage[i];
     if (e) {
@@ -238,11 +162,6 @@ class F extends g {
       t.length > 0 && (this._isLikeBtnClicked = t[0].like, this._isDislikeBtnClicked = t[0].dislike);
     }
   }
-  /**
-   * Sets the like/dislike information for the current selected graphic in local storage
-   *
-   * @protected
-   */
   setInLocalStorage() {
     const i = this._selectedGraphic?.layer && this._selectedGraphic.layer.id, e = i?.toString() && localStorage[i];
     let s = [];