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

package/dist/components/layer-table/customElement.js

@@ -12,7 +12,7 @@ import { css as T } from "@lit/reactive-element/css-tag.js";
 import "@arcgis/map-config-components";
 /*! 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 = T`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -41,51 +41,36 @@ class F extends S {
   static {
     this.shadowRootOptions = O;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
     if (e.has("appLayout") && this.appLayoutWatchHandler(), e.has("defaultOid") && this.defaultOidWatchHandler(), e.has("defaultGlobalId") && this.defaultGlobalIdWatchHandler(), e.has("enableCSV") && this.enableCSVWatchHandler(), e.has("enableInlineEdit") && this.enableInlineEditWatchHandler(), e.has("mapHidden") && this.mapHiddenWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("mapInfo") && this.mapInfoWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_layer") && this._layerWatchHandler(), e.has("selectedIds") && (this.hasUpdated || JSON.stringify(e.get("selectedIds")) !== JSON.stringify(this.selectedIds)) && this.selectedIdsWatchHandler(), e.has("_translations")) {
       const t = this._translations._lang, i = e.get("_translations")?._lang;
       t && i && t !== i && this._initToolInfos();
     }
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Update the url params when the appLayout changes */
   appLayoutWatchHandler() {
     this._updateShareUrl();
   }
-  /** Handle url defaults when defaultOid is set */
   async defaultOidWatchHandler() {
     await this._handleDefaults();
   }
-  /** Handle url defaults when defaultGlobalId is set */
   async defaultGlobalIdWatchHandler() {
     await this._handleDefaults();
   }
-  /** Reset the toolInfos when export csv is enabled/disabled */
   enableCSVWatchHandler() {
     this._toolInfos?.length > 0 && this._initToolInfos();
   }
-  /** Update the table when enableInlineEdit is enabled/disabled */
   enableInlineEditWatchHandler() {
     this._table && (this._table.editingEnabled = this._editEnabled && this.enableInlineEdit);
   }
-  /** Reset the toolInfos when mapHidden prop changes so we can show/hide any map dependant tool(s) */
   mapHiddenWatchHandler() {
     this._toolInfos?.length > 0 && this._initToolInfos();
   }
-  /** When isMobile is false we need to init the tool infos for the dynamic toolbar */
   isMobileWatchHandler() {
     !this._toolInfos && !this.isMobile && this._initToolInfos();
   }
-  /** watch for changes in map info and reset the column templates */
   async mapInfoWatchHandler() {
     this._table && this._resetColumnTemplates();
   }
-  /** watch for changes in map view and get the first layer */
   async mapViewWatchHandler() {
     this._mapClickHandle && this._mapClickHandle.remove(), this.mapView && (this._floorExpression = "", this._searchExpression = "undefined", this.mapView.highlights = [
       {
@@ -104,46 +89,32 @@ class F extends S {
       this._mapClicked(e);
     }));
   }
-  /** watch for changes in layer view and verify if it has editing enabled */
   async _layerWatchHandler() {
     this._fetchingData = !0, await this._layer?.when(async () => {
       this._definitionExpression = this._layer?.definitionExpression || "", this._floorField = this._layer?.floorInfo?.floorField || "", this._updateFloorDefinitionExpression(), await this._resetTable(), this.createFilterModal && this._initLayerExpressions(), this._updateShareUrl(), this._fetchingData = !1;
     });
   }
-  /** watch for selection changes */
   async selectedIdsWatchHandler() {
     this._updateShareUrl(), this._validateEnabledActions(), this._selectAllActive && this.selectedIds.length !== this._allIds.length && (this._selectAllActive = !1), this.selectedIds.length > 0 && (this._table.rowHighlightIds.removeAll(), this._table.rowHighlightIds.add(this.selectedIds[0]));
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /** Closes the filter */
   async closeFilter() {
     await this._closeFilter();
   }
-  /** Reset the filter */
   async filterReset() {
     this._filterByExtentHandle && (this._table && (this._table.filterGeometry = void 0), this._filterByExtentHandle.remove(), this._filterByExtentHandle = void 0), await this._handleFilterListReset();
   }
-  /** Updates the filter */
   async filterUpdate(e, t) {
     await this._handleFilterUpdate(e), t ? (this._shouldUpdateTableOnExtentChange = !0, this._handleTableOnMapExtent()) : t === !1 && (this._table && (this._table.filterGeometry = void 0), this._filterByExtentHandle?.remove(), this._filterByExtentHandle = void 0, await this._updateAllIds());
   }
-  /** Validate if the table should update */
   async validateTableUpdate(e) {
     this._shouldUpdateTableOnExtentChange = e;
   }
-  /** Validate if the editor has any pending edits */
   async validateActiveEdits() {
     return this._validateActiveEdits([], this.selectedIds);
   }
-  /** refresh the feature table */
   async refresh() {
     this._table && await this._refresh();
   }
-  /** Listen for changes to map info and load the appropriate map */
   async beforeMapInfoChange(e) {
     const t = e.detail.ref, i = e.detail.mapInfo;
     if (this._hasPendingEdits()) {
@@ -152,28 +123,12 @@ class F extends S {
       await t.setMapByID(s ? i.id : e.detail.currentId, !s);
     }
   }
-  /**
-   * Get the Editor instance after it's been initialized
-   *
-   * @param _evt CustomEvent that contains the editor instance
-   * @returns a promise when the operation has completed
-   */
   async editorInitialized(e) {
     this._shouldUpdateTableOnExtentChange = !1, this._editor = e.detail;
   }
-  /**
-   * Respond to and close the edit record display
-   *
-   * @returns a promise when the operation has completed
-   */
   async closeEdit() {
     this._shouldUpdateTableOnExtentChange = !0, this._filterByExtentHandle && this._handleTableOnMapExtent();
   }
-  /**
-   * Scroll and zoom to the selected feature from the Features widget.
-   *
-   * @param _evt CustomEvent the graphic for the current selection
-   */
   async selectionChanged(e) {
     const t = e.detail.selectedFeature[0], i = Number(t.getObjectId()), a = this._table;
     if (a.rowHighlightIds.length && a.rowHighlightIds.removeAll(), a.rowHighlightIds.add(i), this._highlightFeatures(i), this.zoomAndScrollToSelected && a && this.mapView) {
@@ -184,11 +139,6 @@ class F extends S {
       o.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (n = r, this.mapView && await g([i], n, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
     }
   }
-  /**
-   * Handles before layer selection change
-   *
-   * @param _evt CustomEvent the id for the current layer
-   */
   async beforeLayerSelectionChange(e) {
     if (this._hasPendingEdits()) {
       e.preventDefault();
@@ -196,63 +146,35 @@ class F extends S {
       return e.detail.selectedIds ? await i.setLayerByIds(a ? e.detail.newIds : e.detail.currentIds, !0) : await i.setLayerById(a ? e.detail.newId : e.detail.currentId, !0);
     }
   }
-  /**
-   * Handles layer selection change to show new table
-   *
-   * @param _evt CustomEvent the id for the current layer
-   */
   async layerSelectionChange(e) {
     await this._layerSelectionChanged(e);
   }
-  /** Refresh the table when edits are completed */
   async editsComplete(e) {
     const t = e.detail;
     (t === "delete" || t === "add") && (this._allIds = await this.queryAllIds()), await this._refresh();
   }
-  /** Refresh the table when floor filter facility is changed */
   async facilityChanged(e) {
     this._floorFacility = e.detail, this._updateFloorDefinitionExpression();
   }
-  /** Refresh the table when floor filter level is changed */
   async levelChanged(e) {
     this._floorLevel = e.detail, this._updateFloorDefinitionExpression();
   }
-  /** Refresh the table when floor filter site is changed */
   async siteChanged(e) {
     this._floorSite = e.detail, this._updateFloorDefinitionExpression();
   }
-  /** Refresh the table when */
   async noLayersFound() {
     this._layer = void 0, this._allIds = [], this._clearSelection();
   }
-  /** Clears the selection from table */
   async clearSelection() {
     await this._validateActiveEdits([], this.selectedIds) && this._clearSelection();
   }
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
   async load() {
     await this._initModules(), this._initToolInfos();
   }
-  /** Renders the component. */
   render() {
     const e = this._fetchingData ? "display-none" : "", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", a = this._size.toString(), s = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", o = this._canShowFullTextSearch();
     return this._validateActiveActions(), h`<div><calcite-scrim class=${u(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell>${this._getTableControlRow("header")}<div class=${`width-full ${l}`}><calcite-panel class="height-full width-full">${o && h`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? d} type=search></calcite-input></div>` || ""}<calcite-loader class=${u(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${u(e)} ${c(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : h`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", a) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", s)).replace("{{total}}", a).replace("{{selected}}", s)}</div>`}</calcite-shell>${this.createFilterModal && this._filterModal() || ""}</div>`;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   * @protected
-   */
   async _initModules() {
     const [e, t, i] = await y([
       "esri/widgets/FeatureTable",
@@ -261,17 +183,11 @@ class F extends S {
     ]);
     this.FeatureTable = e, this.reactiveUtils = t, this.TableTemplate = i;
   }
-  /**
-   * Search using the fullTextSearch on layer and filter the table
-   *
-   * @param event The input change event
-   */
   async _searchTextChanged(e) {
     this._fullTextSearchInfo.forEach((t) => {
       t.searchTerm = e.target.value;
     }), this._searchFullText();
   }
-  /** Search using the fullTextSearch on layer and filter the table */
   async _searchFullText() {
     let e = [], t = !1;
     if (this._showOnlySelected)
@@ -288,16 +204,10 @@ class F extends S {
     }
     t && i?.length && (this._showOnlySelected = !0, this._table?.highlightIds.addMany(i.reverse())), await new Promise((a) => setTimeout(a, 800)), await this._updateAllIds();
   }
-  /** Clears the applied search expression on the layer */
   _clearSearchDefinitionExpression() {
     const e = this._layer?.definitionExpression;
     this._searchExpression && e && e?.indexOf(this._searchExpression) > -1 && this._layer && (e?.indexOf(" AND (" + this._searchExpression) > -1 ? this._layer.definitionExpression = e.replace(` AND (${this._searchExpression})`, "") : this._layer.definitionExpression = e.replace(this._searchExpression, "")), this._searchExpression = "";
   }
-  /**
-   * Update the search expression in layer
-   *
-   * @param searchedIds Array of objectIds satisfying the full search text
-   */
   async _updateSearchDefinitionExpression(e) {
     const t = this._layer?.definitionExpression;
     if (this._layer)
@@ -307,11 +217,9 @@ class F extends S {
       } else
         this._clearSearchDefinitionExpression();
   }
-  /** Validates if full text search is enabled and and indexes for fullTextSearch available on the layer */
   _canShowFullTextSearch() {
     return this._layer?.capabilities?.query?.supportsFullTextSearch && this._layer.indexes.items.filter((e) => e.indexType == "FullText").length > 0;
   }
-  /** Create list of full text search info */
   _getFullTextSearchInfo() {
     if (this._fullTextSearchInfo = [], this._layer?.capabilities?.query?.supportsFullTextSearch) {
       const e = this._layer.indexes?.filter((t) => t.indexType == "FullText");
@@ -332,52 +240,28 @@ class F extends S {
       }
     }
   }
-  /**
-   * Gets a row of controls that can be used for various interactions with the table
-   *
-   * @param slot string optional slot to display the control within
-   * @returns The dom node that contains the controls
-   */
   _getTableControlRow(e) {
     return h`<div class=${"display-flex height-51-px border-bottom"} slot=${e ?? d} ${c(this._toolbar)}>${this._getActionBar()}<div slot=header-actions-end class="display-flex absolute-right"><field-selection class="actions-end" .layer=${this._layer} .mapView=${this.mapView} .table=${this._table}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div></div>`;
   }
-  /**
-   * Gets a row of controls that can be used for various interactions with the table
-   *
-   * @param slot string optional slot to display the control within
-   * @returns The dom node that contains the controls
-   */
   _getActionBar() {
     const e = this.isMobile ? "border-top" : "";
     return h`<calcite-action-bar class=width-full expand-disabled expanded id=${this._getId("bar") ?? d} layout=horizontal><div class=${`border-end ${e}`} id=solutions-map-layer-picker-container><map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
   }
-  /**
-   * Get the actions that are used for various interactions with the table
-   *
-   * @returns VNode[] the action nodes
-   */
   _getActions() {
     return this._toolInfos?.reduce((e, t) => (t && e.push(t.isDanger ? this._getDangerAction(t.icon, t.label, t.func, t.disabled) : this._getAction(t.active, t.icon, t.indicator, t.label, t.func, t.disabled, !!t.loading)), e), []);
   }
-  /** Update actions enabled prop based on number of selected indexes */
   _validateEnabledActions() {
     const e = this._featuresSelected(), t = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate, i = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter"];
     this._toolInfos?.forEach((a) => {
       a && i.indexOf(a.icon) > -1 && (a.disabled = a.icon === "pencil" ? !t : !e);
     });
   }
-  /** Update actions active prop based on a stored value */
   _validateActiveActions() {
     const e = ["filter", "list-check-all", "selected-items-filter"];
     this._toolInfos?.forEach((t) => {
       t && e.indexOf(t.icon) > -1 && (t.icon === "filter" && (t.indicator = this._filterActive), t.icon === "list-check-all" && (t.active = this._selectAllActive), t.icon === "selected-items-filter" && (t.active = this._showOnlySelected, t.label = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected));
     });
   }
-  /**
-    * Get the full list of toolInfos.
-    * Order is important. They should be listed in the order they should display in the UI from
-    * Left to Right for the action bar and Top to Bottom for the dropdown.
-    */
   _initToolInfos() {
     const e = this._featuresSelected();
     this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate;
@@ -449,76 +333,35 @@ class F extends S {
       disabled: i
     }), console.log(s), this._toolInfos = [...s];
   }
-  /**
-   * Applies a definition expression when floor field and level are available
-   *
-   * @returns boolean
-   */
   _updateFloorDefinitionExpression() {
     if (this._floorField && this._floorLevel) {
       const e = `${this._floorField} = '${this._floorLevel}'`, t = this._layer?.definitionExpression;
       this._layer && (this._layer.definitionExpression = t && this._floorExpression && t?.indexOf(this._floorExpression) > -1 ? t.replace(this._floorExpression, e) : t ? `${t} AND (${e})` : e), this._floorExpression = e;
     }
   }
-  /**
-   * Returns true when one ore more features are selected
-   *
-   * @returns boolean
-   */
   _featuresSelected() {
     return this.selectedIds.length > 0;
   }
-  /**
-   * Return true when we have no features
-   *
-   * @returns boolean
-   */
   _featuresEmpty() {
     return this._allIds.length === 0;
   }
-  /**
-   * Return true when we have at least 1 layer expression for the current layer
-   *
-   * @returns boolean
-   */
   _hasFilterExpressions() {
     let e = [];
     const t = this._layer?.id;
     return this.mapInfo?.filterConfig?.layerExpressions && t !== void 0 && (e = this.mapInfo.filterConfig.layerExpressions.filter((i) => i.id === t)), e.length > 0;
   }
-  /**
-   * Get an action and tooltip
-   *
-   * @param icon string the name of the icon to display, will also be used as the id
-   * @param label string the text to display and label the action
-   * @param func any the function to execute
-   * @param disabled boolean when true the user will not be able to interact with the action
-   * @returns VNode The node representing the DOM element that will contain the action
-   */
   _getAction(e, t, i, a, s, l, o) {
     const n = this._layer === void 0 ? !0 : l;
     return h`<calcite-action .active=${e} appearance=solid .disabled=${n} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${a} .loading=${o} @click=${s} .text=${a} text-enabled></calcite-action>`;
   }
-  /**
-   * Show the delete dialog
-   *
-   * @param
-   */
   _showDelete() {
     this.showDelete.emit({
       ids: this._getIds()
     });
   }
-  /**
-   * Get an action and tooltip for share
-   *
-   * @param icon string the name of the icon to display, will also be used in its id
-   * @returns VNode The node representing the DOM element that will contain the action
-   */
   _getShare(e) {
     return this.mapView && h`<div id=${this._getId(e) ?? d}><instant-apps-social-share class="actions-end" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${c(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>` || "";
   }
-  /** Called each time the values that are used for custom url params change */
   _updateShareUrl() {
     const e = this._shareNode.value?.shareUrl;
     if (!e)
@@ -526,62 +369,22 @@ class F extends S {
     const t = new URL(e);
     this.mapInfo?.id ? t.searchParams.set("webmap", this.mapInfo.id) : t.searchParams.delete("webmap"), this._layer?.id ? t.searchParams.set("layer", this._layer.id) : t.searchParams.delete("layer"), this.selectedIds?.length > 0 ? t.searchParams.set("oid", this.selectedIds.join(",")) : t.searchParams.delete("oid"), this.appLayout && t.searchParams.set("applayout", this.appLayout), this._shareNode.value && (this._shareNode.value.shareUrl = t.href);
   }
-  /**
-   * Get a tooltip
-   *
-   * @param label string accessible name for the component
-   * @param placement string where the tooltip should display
-   * @param referenceElement string the element the tooltip will be associated with
-   * @param text string the text to display in the tooltip
-   * @returns VNode The tooltip node
-   */
   _getToolTip(e, t, i) {
     return document.getElementById(t) ? h`<calcite-tooltip .placement=${e} .referenceElement=${t}><span>${i}</span></calcite-tooltip>` : void 0;
   }
-  /**
-   * Get an id with a prefix to the user supplied value
-   *
-   * @param id the unique value for the id
-   * @returns the new id with the prefix value
-   */
   _getId(e) {
     return `solutions-action-${e}`;
   }
-  /**
-   * Get an action with danger color icon and text
-   *
-   * @param icon string the name of the icon to display, will also be used as the id
-   * @param label string the text to display and label the action
-   * @param func any the function to execute
-   * @param disabled boolean when true the user will not be able to interact with the action
-   * @returns VNode The node representing the DOM element that will contain the action
-   */
   _getDangerAction(e, t, i, a) {
     const s = this._layer === void 0 ? !0 : a;
     return h`<div class="display-flex" id=${this._getId(e) ?? d}>${h`<calcite-action appearance=solid .disabled=${s} id=${e ?? d} @click=${i} text><calcite-button appearance=transparent .iconStart=${e} kind=danger>${t}</calcite-button></calcite-action>`}${this._getToolTip("bottom", e, t)}</div>`;
   }
-  /**
-   * Return all currently selected IDs from the table
-   *
-   * @returns number[] the selected ids
-   */
   _getIds() {
     return this._table?.highlightIds?.map((e) => Number.parseInt(e.toString(), 10)).toArray() || [];
   }
-  /**
-   * Store a reference to the table node after it's first created
-   * and initializes the FeatureTable
-   *
-   * @param node HTMLDivElement The node representing the DOM element that will contain the widget.
-   */
   onTableNodeCreate(e) {
     this._tableNode = e;
   }
-  /**
-   * Initialize the FeatureTable
-   *
-   * @param node HTMLDivElement The node representing the DOM element that will contain the widget.
-   */
   async _getTable(e, t) {
     this._layer && (await this._layer.when(() => {
       this._table = this.FeatureTable && new this.FeatureTable({
@@ -618,13 +421,6 @@ class F extends S {
     const i = [...this._getIds()];
     this.selectedIds = i.reverse(), this._tempSelectedIds = [...this.selectedIds], this._finishOnChange(), this._selectionFromMap = !1, this._highlightFeatures(this.selectedIds[0]);
   }
-  /**
-   * Validate if the editor has any pending edits
-   *
-   * @param added ids added as a result of selection change
-   * @param removed ids removed as a result of selection change
-   * @returns a promise with a boolean value that represents if selection change should be handled normally
-   */
   async _validateActiveEdits(e, t) {
     let i = !0;
     if (this._editor && !this._skipEditCheck) {
@@ -643,46 +439,31 @@ class F extends S {
       i = !this._skipEditCheck, this._skipEditCheck = !1;
     return this._shouldUpdateTableOnExtentChange = i, i;
   }
-  /** Check if the editor has any pending edits */
   _hasPendingEdits() {
     const e = this._editor?.viewModel?.hasPendingEdits, t = this._editor?.activeWorkflow?.activeWorkflow?.hasPendingEdits;
     return e || t;
   }
-  /** Handle any updates after a selection change has occured and emit the results */
   _finishOnChange() {
     this._showOnlySelected && (this._featuresSelected() && this._table ? this._table.filterBySelectionEnabled = !0 : this._toggleShowSelected()), this.featureSelectionChange.emit(this.selectedIds);
   }
-  /**
-   * Highlight feature when hovered over table row
-   *
-   * @param e The Feature table pointer over event
-   */
   tempHighlightOnHover(e) {
     if (this._removeTempHighlight(), this._selectedLayerView) {
       const t = e.feature;
       this._temporaryFeatureHandle = this._selectedLayerView?.highlight([t], { name: "temporary" });
     }
   }
-  /** Clears the temporary highlight */
   _removeTempHighlight() {
     this._temporaryFeatureHandle && this._temporaryFeatureHandle.remove();
   }
-  /**
-   * Highlights the current and secondary features on map
-   *
-   * @param currentFeatureId selected current feature id
-   */
   _highlightFeatures(e) {
     if (this._clearHighlights(), this._selectedLayerView && (this._currentFeatureHighlightHandle = this._selectedLayerView?.highlight([e], { name: "current-selection" }), this.selectedIds.length > 1)) {
       const t = this.selectedIds.filter((i) => i !== e);
       this._defaultFeaturesHandle = this._selectedLayerView?.highlight(t, { name: "default" });
     }
   }
-  /** Clears the highlights */
   _clearHighlights() {
     this._removeTempHighlight(), this._currentFeatureHighlightHandle && this._currentFeatureHighlightHandle.remove(), this._defaultFeaturesHandle && this._defaultFeaturesHandle.remove();
   }
-  /** Reset the tables column templates when we get new column config */
   _resetColumnTemplates() {
     if (this._layer) {
       const e = this._getColumnTemplates(this._layer?.id, this._layer?.fields);
@@ -697,7 +478,6 @@ class F extends S {
       }
     }
   }
-  /** Reset basic table props */
   async _resetTable() {
     if (this._loaded = !1, this._clearSelection(), this._allIds = await this.queryAllIds(), !this._table && this._layer) {
       const e = this._getColumnTemplates(this._layer.id, this._layer?.fields);
@@ -709,7 +489,6 @@ class F extends S {
       await this.finishLoading();
     }));
   }
-  /** Finish the table loading tasks */
   async finishLoading() {
     try {
       this._loaded = !0, this._table?.highlightIds.removeAll(), this._table.objectIds.removeAll(), this._resetColumnTemplates(), this._showOnlySelected = !1, await this._handleDefaults(), await this._sortTable(), this._initToolInfos(), ["esri-feature-table", "esri-widget"].forEach((t) => {
@@ -719,44 +498,33 @@ class F extends S {
       console.log(e);
     }
   }
-  /** Update the current IDs when that layers data is modified */
   async _initLayerRefresh() {
     this._refreshHandle && this._refreshHandle.remove(), this._layer && (this._refreshHandle = this._layer.on("refresh", (e) => {
       e.dataChanged && this._updateAllIds();
     }));
   }
-  /** Reset _allIds when the layers data has changed and refresh the selection ids and table */
   async _updateAllIds() {
     const e = await this.queryAllIds(), t = this.selectedIds.filter((i) => this._allIds.indexOf(i) > -1);
     (JSON.stringify(e) !== JSON.stringify(this._allIds) || JSON.stringify(this.selectedIds) !== JSON.stringify(t)) && (this._allIds = e, this.selectedIds = t, await this._refresh());
   }
-  /** Handle default OID or GlobalID from url parameters */
   async _handleDefaults() {
     if (!this._defaultOidHonored && this.defaultOid?.length > 0 && this.defaultOid[0] > -1 && this._table && (await this._selectDefaultFeature(this.defaultOid), this._defaultOidHonored = !0, this.defaultOid = [], this._showOnlySelected = !1, this._toggleShowSelected()), !this._defaultGlobalIdHonored && this.defaultGlobalId && this.defaultGlobalId?.length > 0 && this._table && this._layer) {
       const e = await I(this.defaultGlobalId, this._layer), t = e?.length > 0 ? e.map((i) => Number(i.getObjectId())) : void 0;
       t && await this._selectDefaultFeature(t), this._defaultGlobalIdHonored = !0, this.defaultGlobalId = [], this._showOnlySelected = !1, this._toggleShowSelected();
     }
   }
-  /**
-   * Store the column names and current hidden status to support show/hide of columns
-   *
-   * @param fieldNames optional list of names from new config options
-   */
   _initColumnsInfo(e) {
     const t = this._table?.columns.reduce((s, l) => ((!e || e?.indexOf(l.name) > -1) && (s[l.name] = !l.hidden), s), {}), i = this._table?.columns.map((s) => s.name);
     (e && i ? e.filter((s) => i.indexOf(s) < 0) : []).forEach((s) => {
       t[s] = !0;
     }), this._columnsInfo = e ? e.reduce((s, l) => (s[l] = t[l], s), {}) : t;
   }
-  /** Select the feature that was specified via url params */
   async _selectDefaultFeature(e) {
     e.length > 0 && this._table?.highlightIds.addMany(e);
   }
-  /** Verify edit capabilities of the layer */
   _checkEditEnabled() {
     this._editEnabled = !!(this._layer?.editingEnabled && this._layer?.capabilities?.operations.supportsUpdate), this._deleteEnabled = !!(this._layer?.editingEnabled && this._layer?.capabilities?.operations.supportsDelete);
   }
-  /** Sort the table with the configured field and the sort order */
   async _sortTable() {
     let e = this._layer?.objectIdField, t = "desc", i;
     const a = this.mapInfo?.layerOptions?.layers, s = this._layer?.id;
@@ -764,28 +532,12 @@ class F extends S {
       e && this._table?.sortColumn(e, t);
     }));
   }
-  /**
-   * Show filter component in modal
-   *
-   * @returns node to interact with any configured filters for the current layer
-   * @protected
-   */
   _filterModal() {
     return h`<calcite-dialog class="filter-content-space" .heading=${this._translations.filter.replace("{{title}}", this._layer?.title || "")} id=solutions-filter-dialog kind=brand modal @calciteDialogClose=${() => void this._closeFilter()} .open=${this._filterOpen} width-scale=s>${this.mapView && h`<instant-apps-filter-list close-btn .closeBtnOnClick=${() => void this._closeFilter()} combobox-overlay-positioning=fixed .layerExpressions=${this._layerExpressions} @filterListReset=${() => void this._handleFilterListReset()} @filterUpdate=${() => this._filterList?.value?.filterCount && void this._handleFilterUpdate(this._filterList?.value?.filterCount > 0)} .view=${this.mapView} ${c(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
   }
-  /**
-   * Reset the filter active prop
-   *
-   * @protected
-   */
   async _handleFilterListReset() {
     this._filterActive = !1, this._updateShareUrl(), await this._searchFullText();
   }
-  /**
-   * Check if the layers definitionExpression has been modified
-   *
-   * @protected
-   */
   async _handleFilterUpdate(e) {
     if (this._floorExpression && this._layer) {
       const t = this._layer.definitionExpression, i = new RegExp(`${this._floorField} = ['].+[']`, "gm");
@@ -793,7 +545,6 @@ class F extends S {
     }
     this._filterActive = e, this._updateShareUrl(), await this._searchFullText();
   }
-  /** Update the table when extent is changed */
   _handleTableOnMapExtent() {
     this._table && (this._filterByExtentHandle = this.reactiveUtils?.when(
       () => this.mapView?.stationary,
@@ -815,19 +566,9 @@ class F extends S {
       }
     ));
   }
-  /**
-   * Close the filter modal
-   *
-   * @protected
-   */
   async _closeFilter() {
     this._filterOpen && (this._allIds = await this.queryAllIds(), this._filterOpen = !1);
   }
-  /**
-   * Query the layer for applied filter
-   *
-   * @returns Promise with the featureSet from the layer that match the provided ids
-   */
   async queryAllIds() {
     if (this._layer) {
       const e = this._layer.createQuery();
@@ -835,12 +576,6 @@ class F extends S {
     } else
       return [];
   }
-  /**
-   * Handle map click events to keep table and map click selection in sync
-   *
-   * @param _evt IMapClick map click event details
-   * @protected
-   */
   async _mapClicked(e) {
     const t = {
       include: this._layer
@@ -850,65 +585,27 @@ class F extends S {
       l !== void 0 && l < 0 && (this._selectionFromMap = !0, this._table?.highlightIds.add(s));
     }), this._showOnlySelected && this._table && (this._table.filterBySelectionEnabled = !0)) : await this.clearSelection();
   }
-  /**
-   * Select or deselect all rows
-   *
-   * @protected
-   */
   async _selectAll() {
     const e = this._allIds, t = e.filter((a) => this.selectedIds.indexOf(a) < 0);
     await this._validateActiveEdits(t, this.selectedIds) && this._table ? (this._table.highlightIds.removeAll(), this._table.highlightIds.addMany(e), this.selectedIds = e, this._finishOnChange(), this._selectAllActive = !0) : this._skipEditCheck = !1;
   }
-  /**
-   * Toggle the show only selected flag
-   *  When showOnly is true only the selected features will be shown in the table
-   *
-   * @protected
-   */
   _toggleShowSelected() {
     this._showOnlySelected = !this._showOnlySelected, this._table && (this._table.filterBySelectionEnabled = this._showOnlySelected);
   }
-  /**
-   * Clears the selected indexes
-   *
-   * @protected
-   */
   _clearSelection() {
     this.selectedIds = [], this._outOFExtentOids = [], this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId && this._table.viewModel.hideAttachmentsView(), this._table?.highlightIds.removeAll(), this._clearHighlights(), this._table?.rowHighlightIds.removeAll(), this._finishOnChange();
   }
-  /**
-   * When true the filter modal will be displayed
-   *
-   * @protected
-   */
   _toggleFilter() {
     this._filterOpen = !this._filterOpen;
   }
-  /**
-   * Store any filters for the current layer.
-   * Should only occur on layer change
-   *
-   * @protected
-   */
   _initLayerExpressions() {
     const e = this.mapInfo?.filterConfig?.layerExpressions;
     this._layerExpressions = e ? e.filter((t) => t.id === this._layer?.id) : [], this._filterList.value && (this._filterList.value.layerExpressions = this._layerExpressions, this._filterActive = this._layerExpressions.filter((t) => t.expressions.filter((i) => i.active).length > 0).length > 0);
   }
-  /**
-   * Select all rows that are not currently selectd
-   *
-   * @protected
-   */
   async _switchSelected() {
     const e = [...this.selectedIds], t = this._allIds.reduce((a, s) => (e.indexOf(s) < 0 && a.push(s), a), []).sort((a, s) => a - s);
     await this._validateActiveEdits(t, e) && this._table ? (this._table.highlightIds.removeAll(), this._table.highlightIds.addMany(t), this.selectedIds = t, this._finishOnChange()) : this._skipEditCheck = !1;
   }
-  /**
-   * Export all selected rows as CSV
-   *
-   * @returns a promise that will resolve when the operation is complete
-   * @protected
-   */
   async _exportToCSV() {
     const e = {}, t = this._getIds();
     this._layer && this._layer.title && (e[this._layer.id] = {
@@ -923,7 +620,7 @@ class F extends S {
       }
       return a;
     }, []);
-    this._updateToolInfoLoading("export", !0), this._csvExporting = !0, this.mapView && await x(
+    this._updateToolInfoLoading("export", !0), this._csvExporting = !0, this.mapView?.map && await x(
       this.mapView.map,
       e,
       !1,
@@ -937,38 +634,15 @@ class F extends S {
       !0
     ), this._updateToolInfoLoading("export", !1), this._csvExporting = !1;
   }
-  /**
-   * Set the loading prop in the stored toolInfos
-   *
-   * @protected
-   */
   _updateToolInfoLoading(e, t) {
     this._toolInfos.some((i) => i?.icon === e ? (i.loading = t, !0) : !1);
   }
-  /**
-   * Refreshes the table and maintains the current scroll position
-   *
-   * @protected
-   */
   async _refresh() {
     await this._validateActiveEdits([], this.selectedIds) && (await this._table?.refresh(), this._allIds = await this.queryAllIds(), this.featureSelectionChange.emit(this.selectedIds));
   }
-  /**
-   * Zoom to all selected features
-   *
-   * @returns a promise that will resolve when the operation is complete
-   * @protected
-   */
   async _zoom() {
     this._layer && this.mapView && await g(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
   }
-  /**
-   * Handles layer selection change to show new table
-   *
-   * @param _evt CustomEvent the id for the current layer
-   * @returns a promise that will resolve when the operation is complete
-   * @protected
-   */
   async _layerSelectionChanged(e) {
     const t = e.detail[0];
     if (t !== this._layer?.id || this._featuresEmpty()) {
@@ -980,13 +654,6 @@ class F extends S {
     }
     this._fetchingData = !1;
   }
-  /**
-   * Get any column templates for the current map
-   *
-   * @param id item ID of the current map
-   * @returns a list of column templates if they exist
-   * @protected
-   */
   _getColumnTemplates(e, t) {
     let i;
     this.mapInfo?.layerOptions?.layers.some((n) => n.id === e ? (i = n, !0) : !1);
@@ -1008,11 +675,6 @@ class F extends S {
   _sortFields(e, t, i) {
     return e?.indexOf(t.fieldName) - e.indexOf(i.fieldName);
   }
-  /**
-   * Get the menu config that adds the ability to hide the current column
-   *
-   * @protected
-   */
   _getMenuConfig(e) {
     return {
       items: [
@@ -1027,11 +689,6 @@ class F extends S {
       ]
     };
   }
-  /**
-   * Hide the table column for the provided name
-   *
-   * @protected
-   */
   _handleHideClick(e) {
     this._columnsInfo && this._table && (this._columnsInfo[e] = !1, this._table.hideColumn(e), this._table.tableTemplate && this._table.tableTemplate.columnTemplates.forEach((t) => {
       t.fieldName === e && (t.visible = !1);