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

package/dist/components/crowdsource-manager/customElement.d.ts

@@ -20,26 +20,54 @@ export declare class CrowdsourceManager extends LitElement {
      * boolean: When true a cover page has been enabled in the consuming application.
      * Also when true a floating button will be shown in the lower right of the window that
      * will emit an event when clicked that the consuming application can respond to that will open the cover page.
+     *
+     * @default false
      */
     coverPageEnabled: boolean;
-    /** string: custom notification text to display in the card manager */
+    /**
+     * string: custom notification text to display in the card manager
+     *
+     * @default ''
+     */
     customInfoText: string;
     /** string: default layout the application should use */
     defaultAppLayout: AppLayout | undefined;
     /**
      * string: default center point values for the map
      * ; delimited x;y pair
+     *
+     * @default ''
      */
     defaultCenter: string;
-    /** string: Global ID of the feature to select */
+    /**
+     * string: Global ID of the feature to select
+     *
+     * @default ''
+     */
     defaultGlobalId: string;
-    /** string: when provided this layer ID will be used when the app loads */
+    /**
+     * string: when provided this layer ID will be used when the app loads
+     *
+     * @default ''
+     */
     defaultLayer: string;
-    /** string: default zoom level */
+    /**
+     * string: default zoom level
+     *
+     * @default ''
+     */
     defaultLevel: string;
-    /** string: Object ID of feature to select */
+    /**
+     * string: Object ID of feature to select
+     *
+     * @default ''
+     */
     defaultOid: string;
-    /** string: Item ID of the web map that should be selected by default */
+    /**
+     * string: Item ID of the web map that should be selected by default
+     *
+     * @default ''
+     */
     defaultWebmap: string;
     /**
      * boolean: when true we will honor field order and visibility that may have been defined
@@ -47,61 +75,153 @@ export declare class CrowdsourceManager extends LitElement {
      *
      * Field order defined in the mapInfo as would be the case for Instant App configurations
      * will always override this map level setting.
+     *
+     * @default false
      */
     honorMapFieldSettings: boolean;
     /**
      * boolean: When true a introduction window has been enabled in the consuming application.
      * Also when true a floating button will be shown in the lower right of the window that
      * will emit an event when clicked that the consuming application can respond to that will open the introduction window.
+     *
+     * @default false
      */
     introductionWindowEnabled: boolean;
-    /** boolean: when true the layer table will auto refresh the data */
+    /**
+     * boolean: when true the layer table will auto refresh the data
+     *
+     * @default false
+     */
     enableAutoRefresh: boolean;
-    /** boolean: when true the basemap widget will be available */
+    /**
+     * boolean: when true the basemap widget will be available
+     *
+     * @default true
+     */
     enableBasemap: boolean;
-    /** boolean: when true the layer table will support drag/drop of columns to adjust order */
+    /**
+     * boolean: when true the layer table will support drag/drop of columns to adjust order
+     *
+     * @default true
+     */
     enableColumnReorder: boolean;
-    /** boolean: when true the export to csv button will be available */
+    /**
+     * boolean: when true the export to csv button will be available
+     *
+     * @default true
+     */
     enableCSV: boolean;
-    /** boolean: when true the fullscreen widget will be available */
+    /**
+     * boolean: when true the fullscreen widget will be available
+     *
+     * @default true
+     */
     enableFloorFilter: boolean;
-    /** boolean: when true the fullscreen widget will be available */
+    /**
+     * boolean: when true the fullscreen widget will be available
+     *
+     * @default true
+     */
     enableFullscreen: boolean;
-    /** boolean: when true the home widget will be available */
+    /**
+     * boolean: when true the home widget will be available
+     *
+     * @default true
+     */
     enableHome: boolean;
-    /** boolean: when true the legend widget will be available */
+    /**
+     * boolean: when true the legend widget will be available
+     *
+     * @default true
+     */
     enableLegend: boolean;
-    /** boolean: when true the search widget will be available */
+    /**
+     * boolean: when true the search widget will be available
+     *
+     * @default true
+     */
     enableSearch: boolean;
-    /** boolean: when true the share widget will be available */
+    /**
+     * boolean: when true the share widget will be available
+     *
+     * @default false
+     */
     enableShare: boolean;
-    /** When true the snapping options will be exposed */
+    /**
+     * When true the snapping options will be exposed
+     *
+     * @default true
+     */
     enableSnapping: boolean;
-    /** boolean: when true the zoom widget will be available */
+    /**
+     * boolean: when true the zoom widget will be available
+     *
+     * @default true
+     */
     enableZoom: boolean;
     /** IMapInfo[]: array of map infos (name and id) */
     mapInfos: IMapInfo[];
-    /** boolean: When true only editable layers that support the update capability will be available */
+    /**
+     * boolean: When true only editable layers that support the update capability will be available
+     *
+     * @default true
+     */
     onlyShowUpdatableLayers: boolean;
-    /** string: The background color to apply to the popup header */
+    /**
+     * string: The background color to apply to the popup header
+     *
+     * @default ''
+     */
     popupHeaderColor: string;
-    /** string: The color that will be displayed on hover when expanding the popup header */
+    /**
+     * string: The color that will be displayed on hover when expanding the popup header
+     *
+     * @default ''
+     */
     popupHeaderHoverColor: string;
-    /** string: The font color that will be displayed on hover when expanding the popup header */
+    /**
+     * string: The font color that will be displayed on hover when expanding the popup header
+     *
+     * @default ''
+     */
     popupHeaderHoverTextColor: string;
-    /** string: The font color to apply to the popup header */
+    /**
+     * string: The font color to apply to the popup header
+     *
+     * @default ''
+     */
     popupHeaderTextColor: string;
     /** ISearchConfiguration: Configuration details for the Search widget */
     searchConfiguration: ISearchConfiguration | undefined;
-    /** boolean: When true the share options will include embed option */
+    /**
+     * boolean: When true the share options will include embed option
+     *
+     * @default false
+     */
     shareIncludeEmbed: boolean;
-    /** boolean: When true the share options will include social media sharing */
+    /**
+     * boolean: When true the share options will include social media sharing
+     *
+     * @default false
+     */
     shareIncludeSocial: boolean;
-    /** boolean: when true the table will be sorted by objectid in descending order by default */
+    /**
+     * boolean: when true the table will be sorted by objectid in descending order by default
+     *
+     * @default true
+     */
     showNewestFirst: boolean;
-    /** theme: "light" | "dark" theme to be used */
+    /**
+     * theme: "light" | "dark" theme to be used
+     *
+     * @default 'light'
+     */
     theme: theme;
-    /** boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table */
+    /**
+     * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
+     *
+     * @default false
+     */
     zoomAndScrollToSelected: boolean;
     /** number: default scale to zoom to when zooming to a single point feature */
     zoomToScale: number | undefined;

package/dist/components/crowdsource-manager/customElement.js

@@ -9,7 +9,7 @@ import { LitElement as x, createEvent as c, noShadowRoot as I, safeStyleMap as M
 import { css as S } 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 F = S`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -38,111 +38,61 @@ class T extends x {
   static {
     this.shadowRootOptions = I;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
     e.has("appLayout") && this.appLayout && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Adjust layout based on current appLayout value */
   appLayoutWatchHandler(e, t) {
     e !== t && (this._layerTable.value?.validateTableUpdate(e === "splitView"), this._setActiveLayout(e), this.appLayout === "mapView" && this._layer?.isTable && this._mapCard.value && this._mapCard.value.updateLayer(), this._isMapViewOnLoad && (this._layerTable.value && this._layerTable.value.refresh(), this._isMapViewOnLoad = !1));
   }
-  /** When true the map zoom tools will be available */
   enableZoomWatchHandler() {
     this._initMapZoom();
   }
-  /** Listen for changes in feature selection and show or hide the map, popup, and table */
   async featureSelectionChange(e) {
     this._numSelected = e.detail?.length;
   }
-  /** Listen for when the popup is closed in mobile mode and hide the appropriate UI elements */
   async popupClosed() {
     this._isPortraitMobile && this.showHideMapPopupAndTable(!1);
   }
-  /** Listen for layoutChanged event to be fired so we can adjust the layout */
   async layoutChanged(e) {
     this._layoutMode = e.detail;
   }
-  /** Listen for mapChanged event to be fired then store the new mapView so components will be updated */
   async mapChanged(e) {
     this._mapChange = e.detail, await this._mapChange?.mapView.when(async () => {
       await this._setMapView();
     });
   }
-  /** Get the layer for the provided layer id */
   async layerSelectionChange(e) {
     const t = e.detail[0], i = this._mapView && await v(this._mapView, t);
     i && await i.when(() => {
       this._layerIds.length === 0 && this.appLayout === "mapView" && i.isTable && (this.appLayout = "splitView"), this._layer = i, this._initLayerExpressions(), this._handleFilterListReset(), this._isLoading = !1;
     });
   }
-  /** Get the feature ids and open the delete dialog */
   async showDelete(e) {
     this._deleteIds = e.detail.ids, this._deleteDialogOpen = !0;
   }
-  /** Get the layer ids from the map */
   async idsFound(e) {
     this._layerIds = e.detail.layerIds;
   }
-  /**
-   * Called once just after the component is first connected to the DOM.
-   */
   load() {
     this._resizeObserver = new ResizeObserver(() => this._onResize());
   }
-  /** Renders the component. */
   render() {
     const e = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
     return s`<calcite-shell class="position-relative"><calcite-panel class=${`width-full height-full ${e}`} .loading=${this._isLoading}>${this._getBody(this._layoutMode, this._panelOpen, this._hideTable)}</calcite-panel>${this._getFooter()}</calcite-shell>${this._filterModal()}${this._deleteModal()}`;
   }
-  /**
-   * Called after each render
-   * Used to delay the setting of the mapView when the popup is expaneded and obstructs the view
-   */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
   async updated() {
     this._shouldSetMapView && (this._shouldSetMapView = !1, this._mapChange && await this._setMapView());
   }
-  /** Called once after the component is loaded */
   loaded() {
     this._resizeObserver?.observe(this.el), !this._defaultAppLayoutHonored && this.defaultAppLayout ? (this._defaultAppLayoutHonored = !0, this.appLayout = this.defaultAppLayout) : this.appLayout || (this.appLayout = "splitView"), this._isMapViewOnLoad = this.appLayout === "mapView", this._setActiveLayout(this.appLayout);
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Show View and Delete buttons in the footer when in isMobile is true
-   *
-   * @returns the footer node
-   * @protected
-   */
   _getFooter() {
     const e = this._numSelected > 0, t = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete;
-    return this._isPortraitMobile && e && !this._hideFooter ? s`<div class=${"width-100"} slot=footer><div class="display-flex padding-1-2"><calcite-button appearance=solid id=solutions-show @click=${() => this.showHideMapPopupAndTable(!0)} width=full>${this._translations.view.replace("{{n}}", this._numSelected.toString())}</calcite-button>${t ? s`<delete-button class="padding-inline-start-1 width-full" id=solutions-delete .ids=${this._layerTable.value?.selectedIds} .layer=${this._layer}></delete-button>` : void 0}</div></div>` : void 0;
-  }
-  /**
-   * sets the active layout to render
-   *
-   * @param appLayout new app layout
-   * @protected
-   */
+    return this._isPortraitMobile && e && !this._hideFooter ? s`<div class=${"width-100"} slot=footer><div class="display-flex padding-1-2"><calcite-button appearance=solid id=solutions-show @click=${() => this.showHideMapPopupAndTable(!0)} width=full>${this._translations.view.replace("{{n}}", this._numSelected.toString())}</calcite-button>${t && this._layerTable.value?.selectedIds ? s`<delete-button class="padding-inline-start-1 width-full" id=solutions-delete .ids=${this._layerTable.value?.selectedIds} .layer=${this._layer}></delete-button>` : void 0}</div></div>` : void 0;
+  }
   _setActiveLayout(e) {
     e === "splitView" && !this._panelOpen && this._toggleLayout(), e === "mapView" ? this._showMapInFullView() : this._showMapInCardView();
   }
-  /**
-   * Get the icon name to use for the divider icon based on the current layout
-   *
-   * @param layoutMode ELayoutMode the current layout mode
-   * @param panelOpen boolean indicates if all panels are open
-   * @returns the icon name
-   * @protected
-   */
   _getDividerIcon(e, t) {
     let i = "";
     switch (e) {
@@ -158,15 +108,6 @@ class T extends x {
     }
     return i;
   }
-  /**
-   * Get the css selector names to use for the map based on the current layout
-   *
-   * @param layoutMode ELayoutMode the current layout mode
-   * @param panelOpen boolean indicates if all panels are open
-   * @param hideTable boolean when true the layer table is hidden
-   * @returns the css selectors
-   * @protected
-   */
   _getMapSizeClass(e, t, i) {
     let a = "";
     switch (e) {
@@ -182,14 +123,6 @@ class T extends x {
     }
     return a;
   }
-  /**
-   * Get the css selector names to use for the table based on the current layout
-   *
-   * @param layoutMode ELayoutMode the current layout mode
-   * @param panelOpen boolean indicates if all panels are open
-   * @returns the css selectors
-   * @protected
-   */
   _getTableSizeClass(e, t) {
     let i = "";
     switch (e) {
@@ -205,57 +138,24 @@ class T extends x {
     }
     return i;
   }
-  /**
-   * Get the table and map nodes based for the current layout
-   *
-   * @param layoutMode ELayoutMode the current layout mode
-   * @param panelOpen boolean indicates if all panels are open
-   * @returns the parent node that contains the table and map
-   * @protected
-   */
   _getBody(e, t, i) {
     const a = e === l.HORIZONTAL ? "" : "display-flex", o = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
     return s`<calcite-panel class="width-full height-full position-absolute"><div class=${`width-full height-full overflow-hidden ${a}`}>${this._getMapAndCard(e, t, i)}${this._getTable(e, t, i)}</div>${this.coverPageEnabled && s`<div class="floating-container" @click=${this.coverPageButtonClick}><calcite-button appearance=solid class=${`floating-button ${o}`} icon-start=content-minimal kind=neutral label round scale=l split-child=primary width=auto></calcite-button></div>` || ""}${this.introductionWindowEnabled && s`<div class="floating-container" @click=${this.infoButtonClick}><calcite-button appearance=solid class=${`floating-button ${o}`} icon-start=information-letter kind=neutral label round scale=l split-child=primary width=auto></calcite-button></div>` || ""}</calcite-panel>`;
   }
-  /** Emit the event when info button clicked */
   infoButtonClick() {
     this.showIntroductionWindow.emit();
   }
-  /** Emit the event when cover page button clicked */
   coverPageButtonClick() {
     this.showCoverPage.emit();
   }
-  /**
-   * Get the map and card nodes based for the current layout options
-   *
-   * @param layoutMode ELayoutMode the current layout mode
-   * @param panelOpen boolean indicates if all panels are open
-   * @param hideTable boolean when true the layer table is hidden
-   * @returns the map node
-   * @protected
-   */
   _getMapAndCard(e, t, i) {
     const a = this._getMapSizeClass(e, t, i), o = !this._isPortraitMobile && this._isMobile ? "border-right" : "";
     return s`<div class=${`${a} overflow-hidden z-index-1 ${o}`}>${this._getMapNode(t)}${this._getPopupExpandNode()}</div>`;
   }
-  /**
-   * Get the map node based for the current layout options
-   *
-   * @param layoutMode ELayoutMode the current layout mode
-   * @param panelOpen boolean indicates if all panels are open
-   * @returns the map node
-   * @protected
-   */
   _getMapNode(e) {
     const t = this.appLayout === "mapView", i = this.appLayout === "tableView", a = t || i ? "position-absolute-0" : this._layoutMode === l.HORIZONTAL && (!this._isPortraitMobile || e) ? "" : "adjusted-height-50", o = this.defaultWebmap && this.defaultLayer;
-    return s`<div class=${`${a} overflow-hidden`} id=card-mapView><map-card .appLayout=${this.appLayout} .appProxies=${this.appProxies} .basemapConfig=${this.basemapConfig} class="width-full" .defaultLayerId=${o ? this.defaultLayer : ""} .defaultWebmapId=${this.defaultWebmap} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableShare=${this.enableShare} enable-single-expand .hidden=${!this._isPortraitMobile && i} home-zoom-index=3 home-zoom-position=top-left home-zoom-tools-size=s .isMapLayout=${t} .isMobile=${this._isMobile} .mapInfo=${this._mapInfo} .mapInfos=${this.mapInfos?.filter((n) => n.visible !== !1)} map-widgets-index=0 map-widgets-position=top-right map-widgets-size=m @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectedLayer=${this._layer} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} stack-tools .theme=${this.theme} .toolOrder=${["legend", "search", "fullscreen", "basemap", "floorfilter"]} .zoomToScale=${this.zoomToScale} ${d(this._mapCard)}></map-card></div>`;
-  }
-  /**
-   * Get the expand node for the popup information
-   *
-   * @returns the expand node
-   * @protected
-   */
+    return s`<div class=${`${a} overflow-hidden`} id=card-mapView><map-card .appLayout=${this.appLayout} .appProxies=${this.appProxies} .basemapConfig=${this.basemapConfig} class="width-full" .defaultLayerId=${o ? this.defaultLayer : ""} .defaultWebmapId=${this.defaultWebmap} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableShare=${this.enableShare} enable-single-expand .hidden=${!this._isPortraitMobile && i} home-zoom-index=3 home-zoom-position=top-left home-zoom-tools-size=s .isMapLayout=${t} .isMobile=${this._isMobile} .mapInfo=${this._mapInfo} .mapInfos=${this.mapInfos?.filter((n) => n.visible !== !1)} map-widgets-index=0 map-widgets-position=top-right map-widgets-size=m @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .selectedFeaturesIds=${this._layerTable.value?.selectedIds ?? []} .selectedLayer=${this._layer} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} stack-tools .theme=${this.theme} .toolOrder=${["legend", "search", "fullscreen", "basemap", "floorfilter"]} .zoomToScale=${this.zoomToScale} ${d(this._mapCard)}></map-card></div>`;
+  }
   _getPopupExpandNode() {
     const e = this._isMobile ? "height-full" : "height-full position-relative", t = this._isPortraitMobile && this._showInformationHeader ? "display-none height-0" : "", i = this.popupHeaderColor ? "" : this._isPortraitMobile ? "calcite-mode-light" : "calcite-mode-dark", a = this._isPortraitMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isPortraitMobile ? "display-none height-0" : "", o = this.mapInfos?.length > 1 && this.appLayout === "tableView" ? "position-relative top-51" : "", n = this.appLayout !== "tableView" ? "position-sticky" : "";
     return s`<div class=${`${i} ${e} ${a} ${o} ${n}`} style=${M({
@@ -265,12 +165,6 @@ class T extends x {
       "--calcite-color-text-2": this.popupHeaderTextColor
     })}><calcite-panel>${!this._isPortraitMobile && this._showInformationHeader || this._numSelected > 0 && !this._isPortraitMobile ? s`<div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-icon icon=information scale=s></calcite-icon><div class="padding-inline-start-75">${this._translations.information}</div></div>` : s`<div></div>`}${this._getCardNode()}</calcite-panel></div>`;
   }
-  /**
-   * Get the card node
-   *
-   * @returns the card node
-   * @protected
-   */
   _getCardNode() {
     const e = this.appLayout === "mapView", t = this.appLayout === "tableView", i = t && this.mapInfos?.length > 1 ? "adjusted-height-100-51" : e || t ? "height-full" : this._numSelected > 0 && !this._isMobile ? "height-50" : this._showInformationHeader ? this._isPortraitMobile ? "height-full" : "height-50" : "adjusted-height-50_25", a = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
     return s`<div class=${`width-50 height-full ${a}`}><card-manager class=${`${i} width-full`} .customInfoText=${this.customInfoText} .enableCreateFeatures=${this._enableCreateFeatures && !this._isMobile} .enableEditGeometry=${this?._mapInfo?.enableEditGeometry} .enableSnapping=${this.enableSnapping} .isMobile=${this._isPortraitMobile} .layer=${this._layer} .mapView=${this?._mapView} @backFromCreateWorkFlow=${() => {
@@ -279,24 +173,10 @@ class T extends x {
       this.appLayout = this._layer?.isTable ? "tableView" : "mapView", this._showInformationHeader = !1;
     }} @featureOrRecordSubmitted=${() => this._layerTable.value && void this._layerTable.value.refresh()} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectingFeatureFromMap=${this.appLayout === "mapView"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
   }
-  /**
-   * Get the table node based for the current layout
-   *
-   * @param layoutMode ELayoutMode the current layout mode
-   * @param panelOpen boolean indicates if all panels are open
-   * @returns the table node
-   * @protected
-   */
   _getTable(e, t, i) {
     const a = this.appLayout === "mapView", o = this.appLayout === "tableView", n = i && this._isPortraitMobile ? "visibility-hidden" : a ? "display-none" : "", f = a ? "height-full width-full z-index-0" : "display-none", b = this._getTableSizeClass(e, t), m = e === l.HORIZONTAL ? "horizontal" : "vertical", _ = e === l.HORIZONTAL ? "header" : "panel-start", r = this.defaultWebmap && this.defaultLayer, p = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((w) => Number.parseInt(w, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
     return s`<calcite-shell class=${`${b} border-bottom`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${m} slot=${_ ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${n}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${r ? p : void 0} .defaultLayerId=${r ? this.defaultLayer : ""} .defaultOid=${r && !p ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableShare=${this.enableShare} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isPortraitMobile} .mapHidden=${o} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} ${d(this._layerTable)}></layer-table></div><div class=${u(f)} id=full-map-view></div></calcite-shell>`;
   }
-  /**
-   * Returns the Actions for table's node
-   *
-   * @returns Node
-   * @protected
-   */
   getActions(e, t) {
     const i = this._getDividerIcon(e, t), a = t ? this._translations.close : this._translations.open, o = "toggle-layout";
     return s`<calcite-action .active=${this.appLayout === "splitView"} class="toggle-node" icon=browser id=browser-action @click=${() => {
@@ -307,21 +187,9 @@ class T extends x {
       this.appLayout = "mapView";
     }} text></calcite-action><calcite-tooltip placement=right reference-element=browser-map-action><span>${this._translations.mapView}</span></calcite-tooltip><calcite-action class="toggle-node" .icon=${i} id=${o} @click=${() => this._toggleLayout()} slot=actions-end text></calcite-action><calcite-tooltip placement=bottom .referenceElement=${o}><span>${a}</span></calcite-tooltip>`;
   }
-  /**
-   * Show delete dialog
-   *
-   * @returns node that will support delete or keep of the features
-   * @protected
-   */
   _deleteModal() {
     return s`<delete-dialog id=deleteDialogId .ids=${this._deleteIds} .layer=${this._layer} @deleteDialogClose=${() => this._deleteDialogOpen = !1} .open=${this._deleteDialogOpen}></delete-dialog>`;
   }
-  /**
-   * Shows the map extent filter
-   *
-   * @returns map extent filter
-   * @protected
-   */
   _mapExtentFilter() {
     const e = this._layerExpressions?.length === 0;
     return s`<calcite-panel><div><calcite-block class=${u(this.theme === "dark" ? "background-dark" : "")} heading menu-placement=bottom-end open><div class="filter-extent-container"><div class="filter-extent-message"><span>${this._translations.filterByExtentMsg}</span><calcite-icon icon=information id=filter-message-info scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top reference-element=filter-message-info>${this._translations.filterByExtentTooltipMsg}</calcite-tooltip></div><calcite-switch .checked=${this._mapExtentFilterChecked} @calciteSwitchChange=${(t) => {
@@ -329,93 +197,40 @@ class T extends x {
       this._layerTable.value && this._layerTable.value.filterUpdate(a, t.target.checked), this._mapCard.value && this._mapCard.value.updateFilterState(a), this._mapExtentFilterChecked = t.target.checked;
     }} scale=m></calcite-switch></div></calcite-block>${e && s`<div class="filter-modal-buttons" slot=footer><calcite-button appearance=outline @click=${this._handleFilterListReset} width=full>${this._translations.Resetfilter}</calcite-button><calcite-button @click=${this._closeFilter} width=full>${this._translations.close}</calcite-button></div>` || ""}</div></calcite-panel>`;
   }
-  /**
-   * Show filter component in modal
-   *
-   * @returns node to interact with any configured filters for the current layer
-   * @protected
-   */
   _filterModal() {
     const e = this._layerExpressions?.length > 0;
     return s`<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=s>${!this._layer?.isTable && this._mapExtentFilter() || ""}${e && this._mapView && s`<instant-apps-filter-list close-btn .closeBtnOnClick=${() => void this._closeFilter()} combobox-overlay-positioning=fixed .layerExpressions=${this._layerExpressions} @filterListReset=${this._handleFilterListReset} @filterUpdate=${() => void this._updateFilter()} .view=${this._mapView} ${d(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
   }
-  /**
-   * Update the filter state
-   *
-   * @protected
-   */
   async _updateFilter() {
     const e = this._filterList?.value?.filterCount && this._filterList.value.filterCount > 0 || this._mapExtentFilterChecked;
     this._layerTable.value && await this._layerTable.value?.filterUpdate(e), this._mapCard.value && await this._mapCard.value.updateFilterState(e);
   }
-  /**
-   * 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._layerExpressions.filter((t) => t.expressions.filter((i) => i.active).length > 0).length > 0;
   }
-  /**
-   * Toggle the filter modal
-   *
-   * @protected
-   */
   _toggleFilter() {
     this._filterOpen = !this._filterOpen;
   }
-  /**
-   * Reset the applied filters
-   *
-   * @protected
-   */
   _handleFilterListReset() {
     this._mapExtentFilterChecked = !1, this._mapCard.value && this._mapCard.value.resetFilter(), this._layerTable.value && this._layerTable.value.filterReset();
   }
-  /**
-   * Close the filter modal
-   *
-   * @protected
-   */
   async _closeFilter() {
     this._filterOpen && (this._filterOpen = !1, this._layerTable.value && this._layerTable.value.closeFilter());
   }
-  /**
-   * Update the component layout when its size changes
-   *
-   * @protected
-   */
   _onResize() {
     const e = this.el.offsetWidth < 1024, t = !this._isMobile && e;
     this._isMobile = e, t && (this._panelOpen = !0), this._isMobile ? (this.showHideMapPopupAndTable(!this._isMobile), this._isPortraitMobile = !!window.matchMedia("(orientation: portrait)").matches, this.appLayout = "splitView") : this._isPortraitMobile = !1, this._layoutMode = this._isPortraitMobile ? l.HORIZONTAL : l.GRID;
   }
-  /**
-   * Open/Close the appropriate panel.
-   * The panel that is toggled is dependent upon the layout mode and if using classic grid or not
-   *
-   * @protected
-   */
   _toggleLayout() {
     this._panelOpen = !this._panelOpen;
   }
-  /**
-   * shows the map in card view
-   *
-   * @protected
-   */
   _showMapInCardView() {
     if (this.appLayout !== "mapView") {
       const e = document.getElementById("full-map-view")?.childNodes[0], t = document.getElementById("card-mapView");
       e && t && t.appendChild(e);
     }
   }
-  /**
-   * Shows the map in full view
-   *
-   * @protected
-   */
   _showMapInFullView() {
     const e = document.getElementById("card-mapView")?.childNodes;
     let t;
@@ -425,31 +240,13 @@ class T extends x {
     const i = document.getElementById("full-map-view");
     t && i && i.appendChild(t);
   }
-  /**
-   * Show/Hide the map, popup, and table
-   *
-   * @param show when true the map, popup, and table will be displayed
-   * @protected
-   */
   showHideMapPopupAndTable(e) {
     this._hideTable = e, this._hideFooter = e;
   }
-  /**
-   * Get the current map info (configuration details) when maps change
-   *
-   * @param id map changed id
-   * @returns IMapInfo for the provided id
-   * @protected
-   */
   _getMapInfo(e) {
     let t;
     return this.mapInfos.some((i) => i.id === e ? (t = { ...i }, !0) : !1), t;
   }
-  /**
-   * Set the current map info when maps change
-   *
-   * @protected
-   */
   async _setMapView() {
     const e = this._mapChange && this._getMapInfo(this._mapChange.id);
     if (e && this._mapChange) {
@@ -461,11 +258,6 @@ class T extends x {
       }), this._defaultCenterHonored = !0, this._defaultLevelHonored = !0);
     }
   }
-  /**
-   * Add/remove zoom tools based on enableZoom prop
-   *
-   * @protected
-   */
   _initMapZoom() {
     this.enableZoom ? this.enableZoom && this._mapView?.ui.add({
       component: "zoom",