@esri/solutions-components 1.2.0-next.57 → 1.2.0-next.59

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/crowdsource-manager/crowdsource-manager.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport type {\r\n  AppLayout,\r\n  IBasemapConfig,\r\n  IMapChange,\r\n  IMapInfo,\r\n  ISearchConfiguration,\r\n  theme\r\n} from '../../utils/interfaces';\r\nimport {\r\n  ELayoutMode,\r\n} from '../../utils/interfaces';\r\nimport { getLayerOrTable } from '../../utils/mapViewUtils';\r\nimport { defineCustomElements } from '@arcgis/instant-apps-components/dist/loader';\r\nimport type { LayerExpression } from '@arcgis/instant-apps-components';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  createEvent,\r\n  Fragment,\r\n  h,\r\n  noShadowRoot,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './crowdsource-manager.css';\r\nimport type { MapCard } from '../map-card/map-card';\r\nimport type { LayerTable } from '../layer-table/layer-table';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'crowdsource-manager': CrowdsourceManager;\r\n  }\r\n}\r\n\r\nexport class CrowdsourceManager extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  static override shadowRootOptions = noShadowRoot;\r\n\r\n  constructor() {\r\n    super();\r\n    this.listenOn<CustomEvent>(window, 'featureSelectionChange', this.featureSelectionChange);\r\n    this.listenOn(window, 'popupClosed', this.popupClosed);\r\n    this.listenOn<CustomEvent>(window, 'layoutChanged', this.layoutChanged);\r\n    this.listenOn<CustomEvent>(window, 'mapChanged', this.mapChanged);\r\n    this.listenOn<CustomEvent>(window, 'layerSelectionChange', this.layerSelectionChange);\r\n    this.listenOn<CustomEvent>(window, 'showDelete', this.showDelete);\r\n    this.listenOn(window, 'noLayersFound', this.noLayersFound);\r\n    this.listenOn<CustomEvent>(window, 'idsFound', this.idsFound);\r\n    this.listenOn<CustomEvent>(window, 'clearSelection', this.clearSelection);\r\n    this.listenOn<CustomEvent>(window, 'relatedRecordToggled', this.relatedRecordToggled);\r\n    this.listenOn<CustomEvent>(window, 'creatingFeature', this.creatingFeature);\r\n\r\n    // IAC assets\r\n    defineCustomElements(window);\r\n  }\r\n\r\n  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */\r\n  override willUpdate(changes: PropertyValues<this>): void {\r\n    /* TODO: [MIGRATION] First time Lit calls willUpdate(), changes will include not just properties provided by the user, but also any default values your component set.\r\n    To account for this semantics change, the checks for (this.hasUpdated || value != defaultValue) was added in this method\r\n    Please refactor your code to reduce the need for this check.\r\n    Docs: https://qawebgis.esri.com/components/lumina/transition-from-stencil#watching-for-property-changes */\r\n    if (changes.has('appLayout')) {\r\n      if (this.appLayout) {\r\n        this.appLayoutWatchHandler(this.appLayout, changes.get('appLayout'));\r\n      }\r\n    }\r\n\r\n    if (changes.has('enableZoom') && (this.hasUpdated || this.enableZoom !== true)) {\r\n      this.enableZoomWatchHandler();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * AppLayout: The type of layout the application should use.\r\n   * Valid values: 'mapView' or 'tableView' or 'splitView'\r\n   */\r\n  @property() appLayout: AppLayout | undefined;\r\n\r\n  /** Array of objects containing proxy information for premium platform services. */\r\n  @property() appProxies: any;\r\n\r\n  /** IBasemapConfig: List of any basemaps to filter out from the basemap widget */\r\n  @property() basemapConfig: IBasemapConfig | undefined;\r\n\r\n  /**\r\n   * boolean: When true a cover page has been enabled in the consuming application.\r\n   * Also when true a floating button will be shown in the lower right of the window that\r\n   * will emit an event when clicked that the consuming application can respond to that will open the cover page.\r\n   */\r\n  @property() coverPageEnabled = false;\r\n\r\n  /** string: custom notification text to display in the card manager */\r\n  @property() customInfoText = '';\r\n\r\n  /** string: default layout the application should use */\r\n  @property() defaultAppLayout: AppLayout | undefined;\r\n\r\n  /**\r\n   * string: default center point values for the map\r\n   * ; delimited x;y pair\r\n   */\r\n  @property() defaultCenter = '';\r\n\r\n  /** string: Global ID of the feature to select */\r\n  @property() defaultGlobalId = '';\r\n\r\n  /** string: when provided this layer ID will be used when the app loads */\r\n  @property() defaultLayer = '';\r\n\r\n  /** string: default zoom level */\r\n  @property() defaultLevel = '';\r\n\r\n  /** string: Object ID of feature to select */\r\n  @property() defaultOid = '';\r\n\r\n  /** string: Item ID of the web map that should be selected by default */\r\n  @property() defaultWebmap = '';\r\n\r\n  /**\r\n   * boolean: when true we will honor field order and visibility that may have been defined\r\n   * in the map viewer if no field order is defined in the mapInfo.\r\n   *\r\n   * Field order defined in the mapInfo as would be the case for Instant App configurations\r\n   * will always override this map level setting.\r\n   */\r\n  @property() honorMapFieldSettings = false;\r\n\r\n  /**\r\n   * boolean: When true a introduction window has been enabled in the consuming application.\r\n   * Also when true a floating button will be shown in the lower right of the window that\r\n   * will emit an event when clicked that the consuming application can respond to that will open the introduction window.\r\n   */\r\n  @property() introductionWindowEnabled = false;\r\n\r\n  /** boolean: when true the layer table will auto refresh the data */\r\n  @property() enableAutoRefresh = false;\r\n\r\n  /** boolean: when true the basemap widget will be available */\r\n  @property() enableBasemap = true;\r\n\r\n  /** boolean: when true the layer table will support drag/drop of columns to adjust order */\r\n  @property() enableColumnReorder = true;\r\n\r\n  /** boolean: when true the export to csv button will be available */\r\n  @property() enableCSV = true;\r\n\r\n  /** boolean: when true the fullscreen widget will be available */\r\n  @property() enableFloorFilter = true;\r\n\r\n  /** boolean: when true the fullscreen widget will be available */\r\n  @property() enableFullscreen = true;\r\n\r\n  /** boolean: when true the home widget will be available */\r\n  @property() enableHome = true;\r\n\r\n  /** boolean: when true the legend widget will be available */\r\n  @property() enableLegend = true;\r\n\r\n  /** boolean: when true the search widget will be available */\r\n  @property() enableSearch = true;\r\n\r\n  /** boolean: when true the share widget will be available */\r\n  @property() enableShare = false;\r\n\r\n  /** When true the snapping options will be exposed */\r\n  @property() enableSnapping = true;\r\n\r\n  /** boolean: when true the zoom widget will be available */\r\n  @property() enableZoom = true;\r\n\r\n  /** IMapInfo[]: array of map infos (name and id) */\r\n  @property() mapInfos: IMapInfo[] = [];\r\n\r\n  /** boolean: When true only editable layers that support the update capability will be available */\r\n  @property() onlyShowUpdatableLayers = true;\r\n\r\n  /** string: The background color to apply to the popup header */\r\n  @property() popupHeaderColor = '';\r\n\r\n  /** string: The color that will be displayed on hover when expanding the popup header */\r\n  @property() popupHeaderHoverColor = '';\r\n\r\n  /** string: The font color that will be displayed on hover when expanding the popup header */\r\n  @property() popupHeaderHoverTextColor = '';\r\n\r\n  /** string: The font color to apply to the popup header */\r\n  @property() popupHeaderTextColor = '';\r\n\r\n  /** ISearchConfiguration: Configuration details for the Search widget */\r\n  @property() searchConfiguration: ISearchConfiguration | undefined;\r\n\r\n  /** boolean: When true the share options will include embed option */\r\n  @property() shareIncludeEmbed = false;\r\n\r\n  /** boolean: When true the share options will include social media sharing */\r\n  @property() shareIncludeSocial = false;\r\n\r\n  /** boolean: when true the table will be sorted by objectid in descending order by default */\r\n  @property() showNewestFirst = true;\r\n\r\n  /** theme: 'light' | 'dark' theme to be used */\r\n  @property() theme: theme = 'light';\r\n\r\n  /** boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table */\r\n  @property() zoomAndScrollToSelected = false;\r\n\r\n  /** number: default scale to zoom to when zooming to a single point feature */\r\n  @property() zoomToScale: number | undefined;\r\n\r\n  /** boolean: when true the selection tool will be available */\r\n  @property() enableSelectionTool = true;\r\n\r\n  /** string: selection mode for the feature selection */\r\n  @property() featureSelectionMode = 'multiple';\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: When true the delete dialog will be shown */\r\n  @state() _deleteDialogOpen = false;\r\n\r\n  /** boolean: when true the users can have the option to create features */\r\n  @state() _enableCreateFeatures = true;\r\n\r\n  /** When true the mobile footer will be hidden */\r\n  @state() _hideFooter = false;\r\n\r\n  /** When true the table will be hidden */\r\n  @state() _hideTable = false;\r\n\r\n  /** When true the component will render an optimized view for mobile devices */\r\n  @state() _isMobile = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'crowdsource-manager', blocking: true });\r\n\r\n  /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */\r\n  @state() _layer: __esri.FeatureLayer | undefined;\r\n\r\n  /** Controls the layout of the application */\r\n  @state() _layoutMode: ELayoutMode = ELayoutMode.GRID;\r\n\r\n  /** IMapInfo: The current map info stores configuration details */\r\n  @state() _mapInfo: IMapInfo | undefined;\r\n\r\n  /** Stores the current map view */\r\n  @state() _mapView: __esri.MapView | undefined;\r\n\r\n  /** Controls the layout of the application */\r\n  @state() _panelOpen = true;\r\n\r\n  /** Number of selected features in the table */\r\n  @state() _numSelected = 0;\r\n\r\n  /** boolean: When true the filter component will be displayed */\r\n  @state() _filterOpen = false;\r\n\r\n  /** boolean: When true information header will be displayed */\r\n  @state() _showInformationHeader = true;\r\n\r\n  /** LayerExpression[]: All layer expressions from the current filter config for the currently selected layer */\r\n  @state() _layerExpressions: LayerExpression[] = [];\r\n\r\n  /** string[]: list of layer ids */\r\n  @state() _layerIds: string[] = [];\r\n\r\n  /** boolean: if true panel will be in loading state */\r\n  @state() _isLoading: boolean = true;\r\n\r\n  /** boolean: if true map extent filter is applied */\r\n  @state() _mapExtentFilterChecked = false;\r\n\r\n  /** number[]: the ids to be deleted */\r\n  @state() _deleteIds: number[] = [];\r\n\r\n  /** boolean:  When true alret message should be shown*/\r\n  @state() _showInvalidMapAlert = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: When true the default appLayout has been applied and should no longer override */\r\n  private _defaultAppLayoutHonored = false;\r\n\r\n  /**\r\n   * boolean: When true the map view will be set after render due to popup obstructing the view\r\n   * MapView.when is not fired when mapView is not currently visible\r\n   */\r\n  private _defaultCenterHonored = false;\r\n\r\n  /**\r\n   * boolean: When true the map view will be set after render due to popup obstructing the view\r\n   * MapView.when is not fired when mapView is not currently visible\r\n   */\r\n  private _defaultLevelHonored = false;\r\n\r\n  /** HTMLLayerTableElement: The layer table element */\r\n  private _layerTable = createRef<LayerTable['el']>();\r\n\r\n  /** IMapChange: The current map change details */\r\n  private _mapChange: IMapChange | undefined;\r\n\r\n  /** ResizeObserver: The observer that watches for screen size changes */\r\n  private _resizeObserver: ResizeObserver | undefined;\r\n\r\n  /**\r\n   * boolean: When true the map view will be set after render due to popup obstructing the view\r\n   * MapView.when is not fired when mapView is not currently visible\r\n   */\r\n  private _shouldSetMapView = false;\r\n\r\n  /** HTMLInstantAppsFilterListElement: Component from Instant Apps that supports interacting with the current filter config */\r\n  private _filterList = createRef<HTMLInstantAppsFilterListElement>();\r\n\r\n  /** HTMLMapCardElement: Map card refrence element */\r\n  private _mapCard = createRef<MapCard['el']>();\r\n\r\n  /** boolean: True when app is directly rendered to map view layout */\r\n  private _isMapViewOnLoad = false;\r\n\r\n  /** Related record table of the selected feature */\r\n  private _relatedTableLayer: __esri.FeatureLayer | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Adjust layout based on current appLayout value */\r\n  private appLayoutWatchHandler(\r\n    newAppLayout: AppLayout,\r\n    oldAppLayout?: AppLayout\r\n  ): void {\r\n    if (newAppLayout !== oldAppLayout) {\r\n      void this._layerTable.value?.validateTableUpdate(newAppLayout === 'splitView');\r\n      this._setActiveLayout(newAppLayout);\r\n      // update the layer if table selected while switching to map view\r\n      if (this.appLayout === 'mapView' && this._layer?.isTable) {\r\n        this._mapCard.value && void this._mapCard.value.updateLayer();\r\n      }\r\n      if (this._isMapViewOnLoad) {\r\n        this._layerTable.value && void this._layerTable.value.refresh();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** When true the map zoom tools will be available */\r\n  private enableZoomWatchHandler(): void {\r\n    this._initMapZoom();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when a info button is clicked */\r\n  showIntroductionWindow = createEvent();\r\n\r\n  /** Emitted on demand when a cover page button is clicked */\r\n  showCoverPage = createEvent();\r\n\r\n  /** Listen for changes in feature selection and show or hide the map, popup, and table */\r\n  private async featureSelectionChange(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    this._numSelected = _evt.detail?.length;\r\n  }\r\n\r\n  /** Listen for when the popup is closed in mobile mode and hide the appropriate UI elements */\r\n  private async popupClosed(): Promise<void> {\r\n    if (this._isMobile) {\r\n      this.showHideMapPopupAndTable(false);\r\n    }\r\n  }\r\n\r\n  /** Listen for layoutChanged event to be fired so we can adjust the layout */\r\n  private async layoutChanged(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    this._layoutMode = _evt.detail;\r\n  }\r\n\r\n  /** Listen for mapChanged event to be fired then store the new mapView so components will be updated */\r\n  private async mapChanged(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    if (this._isMapViewOnLoad) {\r\n      this._showMapInFullView();\r\n      this._isMapViewOnLoad = false;\r\n    }\r\n    this._mapChange = _evt.detail;\r\n    this.showHideMapPopupAndTable(false);\r\n    // Check if selected web map is valid and successfully loaded\r\n    if (this._mapChange?.isValid) {\r\n      await this._mapChange.mapView?.when(async () => {\r\n        await this._setMapView();\r\n      });\r\n    } else {\r\n      // if selected web map is invalid then just update the map info\r\n      this._mapInfo = this._mapChange && this._getMapInfo(this._mapChange.id);\r\n      this._showInvalidMapAlert = true;\r\n    }\r\n  }\r\n\r\n  /** Get the layer for the provided layer id */\r\n  private async layerSelectionChange(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    const id: string = _evt.detail[0];\r\n    const layer = this._mapView && await getLayerOrTable(this._mapView, id);\r\n    layer &&\r\n      (await layer.when(() => {\r\n        // if table is selected the switch to the table view\r\n        if (layer.isTable && !this._isMobile) {\r\n          this.appLayout = 'tableView';\r\n        }\r\n        this._layer = layer;\r\n        this._initLayerExpressions();\r\n        this._handleFilterListReset();\r\n        this._isLoading = false;\r\n      }));\r\n  }\r\n\r\n  /** Get the feature ids and open the delete dialog */\r\n  private async showDelete(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    this._deleteIds = _evt.detail.ids;\r\n    this._deleteDialogOpen = true;\r\n  }\r\n\r\n  /** Refresh the table when */\r\n  private async noLayersFound(): Promise<void> {\r\n    this._layer = undefined;\r\n    this._isLoading = false;\r\n  }\r\n\r\n  /** Get the layer ids from the map */\r\n  private async idsFound(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    this._layerIds = _evt.detail.layerIds;\r\n  }\r\n\r\n\r\n  /** Handle the map popup and table on clearing feature selection (in case of mobile) */\r\n  private async clearSelection(): Promise<void> {\r\n    this.showHideMapPopupAndTable(false);\r\n  }\r\n\r\n  /** Updates the layer / table when navigated to related table */\r\n  private async relatedRecordToggled(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    const layerOrTable: __esri.FeatureLayer = _evt.detail;\r\n    this._relatedTableLayer = layerOrTable\r\n  }\r\n\r\n  /** When adding a feature switch to split view to allow user to see the map */\r\n  private async creatingFeature(): Promise<void> {\r\n    this.appLayout = 'splitView';\r\n  }\r\n\r\n  /**\r\n   * Called once just after the component is first connected to the DOM.\r\n   */\r\n  load(): void {\r\n    this._resizeObserver = new ResizeObserver(() => this._onResize());\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    // only avoid border when we have a header color that is not white\r\n    const borderClass = this.popupHeaderColor && this.popupHeaderColor !== '#FFFFFF' ? 'border-width-0' : '';\r\n    const themeClass = this.theme === 'dark' ? 'calcite-mode-dark' : 'calcite-mode-light';\r\n    const message = this._translations.invalidWebMapMsg?.replace('{{web_map}}', this._mapInfo?.name || '');\r\n\r\n    return (\r\n      <>\r\n        {this._showInvalidMapAlert && <calcite-alert\r\n          auto-close\r\n          class={themeClass}\r\n          icon='check-circle'\r\n          kind='danger'\r\n          label=''\r\n          oncalciteAlertClose={() => { this._showInvalidMapAlert = false }}\r\n          open\r\n          placement={'top'}\r\n        >\r\n          <div slot='message'>\r\n            {message}\r\n          </div>\r\n        </calcite-alert>}\r\n\r\n        <calcite-shell class='position-relative'>\r\n          <calcite-panel\r\n            class={`width-full height-full ${borderClass}`}\r\n            loading={this._isLoading}\r\n          >\r\n            {this._getBody(\r\n              this._layoutMode,\r\n              this._panelOpen,\r\n              this._hideTable)\r\n            }\r\n          </calcite-panel>\r\n          {this._getFooter()}\r\n        </calcite-shell>\r\n        {/* create a filter modal from manager to keep a comman modal for both layer-table and map-card and maintain state while switchig from one component to other*/}\r\n        {this._filterModal()}\r\n        {!this._isMobile && this._deleteModal()}\r\n      </>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Called after each render\r\n   * Used to delay the setting of the mapView when the popup is expaneded and obstructs the view\r\n   */\r\n  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */\r\n  override async updated(): Promise<void> {\r\n    if (this._shouldSetMapView) {\r\n      this._shouldSetMapView = false;\r\n      if (this._mapChange) {\r\n        await this._setMapView();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Called once after the component is loaded */\r\n  loaded(): void {\r\n    this._resizeObserver?.observe(this.el);\r\n    if (!this._defaultAppLayoutHonored && this.defaultAppLayout) {\r\n      this._defaultAppLayoutHonored = true;\r\n      this.appLayout = this.defaultAppLayout;\r\n    } else if (!this.appLayout) {\r\n      this.appLayout = 'splitView';\r\n    }\r\n    this._isMapViewOnLoad = this.appLayout === 'mapView';\r\n    this._setActiveLayout(this.appLayout);\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Show View and Delete buttons in the footer when in isMobile is true\r\n   *\r\n   * @returns the footer node\r\n   * @private\r\n   */\r\n  private _getFooter(): JsxNode {\r\n    const hasSelectedFeatures = this._numSelected > 0;\r\n    const layerOrTable = this._layerTable.value && this._layerTable.value.selectedRelatedIds?.length > 0 ? this._relatedTableLayer : this._layer;\r\n    const deleteEnabled = this._layer?.editingEnabled && this._layer.capabilities?.operations.supportsDelete;\r\n    return this._isMobile && hasSelectedFeatures && !this._hideFooter ? (\r\n      <div class={`width-100`} slot='footer'>\r\n        <div class='display-flex padding-1-2'>\r\n          <calcite-button\r\n            appearance='solid'\r\n            id='solutions-show'\r\n            onClick={() => this.showHideMapPopupAndTable(true)}\r\n            width='full'\r\n          >\r\n            {this._translations.view.replace('{{n}}', this._numSelected.toString())}\r\n          </calcite-button>\r\n          {deleteEnabled ? (\r\n            <delete-button\r\n              class='padding-inline-start-1 width-full'\r\n              id='solutions-delete'\r\n              ids={this.updateIdsToBeDeleted()}\r\n              ondeleteClicked={this.updateIdsToBeDeleted}\r\n              layer={layerOrTable}\r\n            />\r\n          ) : undefined}\r\n        </div>\r\n      </div>\r\n    ) : undefined;\r\n  }\r\n\r\n  /** Updates the ids to be deleted  */\r\n  private updateIdsToBeDeleted(): number[] {\r\n    // update the deleteIds state to update the deleting records\r\n    this._deleteIds = this._layerTable.value && this._layerTable.value.selectedRelatedIds?.length > 0\r\n      ? this._layerTable.value.selectedRelatedIds\r\n      : this._layerTable.value?.selectedIds as number[];\r\n    return this._deleteIds;\r\n  }\r\n\r\n  /**\r\n   * sets the active layout to render\r\n   *\r\n   * @param appLayout new app layout\r\n   * @private\r\n   */\r\n  private _setActiveLayout(\r\n    appLayout: AppLayout\r\n  ): void {\r\n    //When going to splitView layout the panel should be open\r\n    if (appLayout === 'splitView' && !this._panelOpen) {\r\n      this._toggleLayout();\r\n    }\r\n    //Move the map node based on the selected layout\r\n    //for mapView layout show map in full view and or all other layout show in the card view\r\n    //for tableView the map will be hidden using css\r\n    if (appLayout === 'mapView') {\r\n      this._showMapInFullView();\r\n    } else {\r\n      this._showMapInCardView();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get the icon name to use for the divider icon based on the current layout\r\n   *\r\n   * @param layoutMode ELayoutMode the current layout mode\r\n   * @param panelOpen boolean indicates if all panels are open\r\n   * @returns the icon name\r\n   * @private\r\n   */\r\n  private _getDividerIcon(\r\n    layoutMode: ELayoutMode,\r\n    panelOpen: boolean\r\n  ): HTMLCalciteIconElement['icon'] | undefined {\r\n    return layoutMode === ELayoutMode.HORIZONTAL ?\r\n      (panelOpen ? 'chevrons-up' : 'chevrons-down') :\r\n      layoutMode === ELayoutMode.VERTICAL ?\r\n        (panelOpen ? 'chevrons-left' : 'chevrons-right') :\r\n        layoutMode === ELayoutMode.GRID ?\r\n          (panelOpen ? 'chevrons-left' : 'chevrons-right') :\r\n          undefined;\r\n  }\r\n\r\n  /**\r\n   * Get the css selector names to use for the map based on the current layout\r\n   *\r\n   * @param layoutMode ELayoutMode the current layout mode\r\n   * @param panelOpen boolean indicates if all panels are open\r\n   * @param hideTable boolean when true the layer table is hidden\r\n   * @returns the css selectors\r\n   * @private\r\n   */\r\n  private _getMapSizeClass(\r\n    layoutMode: ELayoutMode,\r\n    panelOpen: boolean,\r\n    hideTable: boolean\r\n  ): string {\r\n    let sizeClass = '';\r\n    switch (layoutMode) {\r\n      case ELayoutMode.HORIZONTAL:\r\n        sizeClass = `${panelOpen && !hideTable ? 'height-1-2 display-grid' : panelOpen && hideTable ? 'height-full' : 'height-0'} width-full position-relative`;\r\n        break;\r\n      case ELayoutMode.GRID:\r\n        sizeClass = `height-full position-relative ${panelOpen ? 'width-1-3' : 'width-0'}`;\r\n        break;\r\n      case ELayoutMode.VERTICAL:\r\n        sizeClass = `height-full position-relative ${panelOpen ? 'width-1-2' : 'width-0'}`;\r\n        break;\r\n    }\r\n    return sizeClass;\r\n  }\r\n\r\n  /**\r\n   * Get the css selector names to use for the table based on the current layout\r\n   *\r\n   * @param layoutMode ELayoutMode the current layout mode\r\n   * @param panelOpen boolean indicates if all panels are open\r\n   * @returns the css selectors\r\n   * @private\r\n   */\r\n  private _getTableSizeClass(\r\n    layoutMode: ELayoutMode,\r\n    panelOpen: boolean\r\n  ): string {\r\n    let sizeClass = '';\r\n    switch (layoutMode) {\r\n      case ELayoutMode.HORIZONTAL:\r\n        sizeClass = `${panelOpen ? 'height-1-2' : 'height-full'} width-full display-flex flex-column`;\r\n        break;\r\n      case ELayoutMode.GRID:\r\n        sizeClass = `${panelOpen ? 'width-2-3' : 'width-full'} height-full display-flex`;\r\n        break;\r\n      case ELayoutMode.VERTICAL:\r\n        sizeClass = `${panelOpen ? 'width-1-2' : 'width-full'} height-full display-flex`;\r\n        break;\r\n    }\r\n    return sizeClass;\r\n  }\r\n\r\n  /**\r\n   * Get the table and map nodes based for the current layout\r\n   *\r\n   * @param layoutMode ELayoutMode the current layout mode\r\n   * @param panelOpen boolean indicates if all panels are open\r\n   * @returns the parent node that contains the table and map\r\n   * @private\r\n   */\r\n  private _getBody(\r\n    layoutMode: ELayoutMode,\r\n    panelOpen: boolean,\r\n    hideTable: boolean\r\n  ): JsxNode {\r\n    const contentClass = layoutMode === ELayoutMode.HORIZONTAL ? '' : 'display-flex';\r\n    const themeClass = this.theme === 'dark' ? 'calcite-mode-dark' : 'calcite-mode-light';\r\n    // if app is rtl the using class left-0 or use class right-0\r\n    const containerClass = document.dir === 'rtl' ? 'left-0' : 'right-0';\r\n    return (\r\n      <calcite-panel class={'width-full height-full position-absolute'}>\r\n        <div class={`width-full height-full overflow-hidden ${contentClass}`}>\r\n          {this._getMapAndCard(layoutMode, panelOpen, hideTable)}\r\n          {this._getTable(layoutMode, panelOpen, hideTable)}\r\n        </div>\r\n        {this.coverPageEnabled && (\r\n          <div\r\n            class={`floating-container ${containerClass}`}\r\n            onClick={this.coverPageButtonClick}\r\n          >\r\n            <calcite-button\r\n              appearance='solid'\r\n              class={`floating-button ${themeClass}`}\r\n              iconStart='content-minimal'\r\n              kind='neutral'\r\n              label=''\r\n              round\r\n              scale='l'\r\n              splitChild='primary'\r\n              width='auto'\r\n            />\r\n          </div>\r\n        )}\r\n        {this.introductionWindowEnabled && (\r\n          <div\r\n            class={`floating-container ${containerClass}`}\r\n            onClick={this.infoButtonClick}\r\n          >\r\n            <calcite-button\r\n              appearance='solid'\r\n              class={`floating-button ${themeClass}`}\r\n              iconStart='information-letter'\r\n              kind='neutral'\r\n              label=''\r\n              round\r\n              scale='l'\r\n              splitChild='primary'\r\n              width='auto'\r\n            />\r\n          </div>\r\n        )}\r\n      </calcite-panel>\r\n    );\r\n  }\r\n\r\n  /** Emit the event when info button clicked */\r\n  private infoButtonClick(): void {\r\n    this.showIntroductionWindow.emit();\r\n  }\r\n\r\n  /** Emit the event when cover page button clicked */\r\n  private coverPageButtonClick(): void {\r\n    this.showCoverPage.emit();\r\n  }\r\n\r\n  /**\r\n   * Get the map and card nodes based for the current layout options\r\n   *\r\n   * @param layoutMode ELayoutMode the current layout mode\r\n   * @param panelOpen boolean indicates if all panels are open\r\n   * @param hideTable boolean when true the layer table is hidden\r\n   * @returns the map node\r\n   * @private\r\n   */\r\n  private _getMapAndCard(\r\n    layoutMode: ELayoutMode,\r\n    panelOpen: boolean,\r\n    hideTable: boolean\r\n  ): JsxNode {\r\n    const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen, hideTable);\r\n    return (\r\n      <div class={`${mapSizeClass} overflow-hidden z-index-2`}>\r\n        {this._getMapNode(panelOpen)}\r\n        {this._getPopupExpandNode()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Get the map node based for the current layout options\r\n   *\r\n   * @param layoutMode ELayoutMode the current layout mode\r\n   * @param panelOpen boolean indicates if all panels are open\r\n   * @returns the map node\r\n   * @private\r\n   */\r\n  private _getMapNode(\r\n    panelOpen: boolean\r\n  ): JsxNode {\r\n    const isMapLayout = this.appLayout === 'mapView';\r\n    const isTableLayout = this.appLayout === 'tableView';\r\n    const mapContainerClass = this._isMobile ? 'height-full' : (isMapLayout || isTableLayout) ? 'position-absolute-0' : this._layoutMode === ELayoutMode.HORIZONTAL && (!this._isMobile || panelOpen) ? '' : 'adjusted-height-50';\r\n    const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;\r\n    const enableSelection = this.enableSelectionTool && this.featureSelectionMode === 'multiple' && !this._layer?.isTable\r\n    const mapToolsOrder = ['home', 'legend', 'search', 'fullscreen', 'basemap', 'floorfilter', 'selectiontool'];\r\n    const mobileToolsOrder = ['map-picker', 'map-layer-picker'];\r\n    return (\r\n      <div class={`${mapContainerClass} overflow-hidden`} id='card-mapView'>\r\n        <map-card\r\n          appLayout={this.appLayout}\r\n          appProxies={this.appProxies}\r\n          basemapConfig={this.basemapConfig}\r\n          class='width-full'\r\n          defaultLayerId={hasMapAndLayer ? this.defaultLayer : ''}\r\n          defaultWebmapId={this.defaultWebmap}\r\n          enableBasemap={this.enableBasemap}\r\n          enableFloorFilter={this.enableFloorFilter}\r\n          enableFullscreen={this.enableFullscreen}\r\n          enableHome={this.enableHome}\r\n          enableLegend={this.enableLegend}\r\n          enableSearch={this.enableSearch}\r\n          enableSelectionTool={enableSelection}\r\n          enableShare={this.enableShare}\r\n          enableSingleExpand={true}\r\n          enableMapLayerPicker={true}\r\n          enableMapPicker={true}\r\n          featureSelectionMode={this.featureSelectionMode}\r\n          hide={!this._isMobile && isTableLayout}\r\n          zoomToolsSize={'s'}\r\n          isMapLayout={isMapLayout}\r\n          isMobile={this._isMobile}\r\n          mapInfo={this._mapInfo}\r\n          mapInfos={this.mapInfos?.filter(mapInfo => mapInfo.visible !== false)}\r\n          mapWidgetsIndex={0}\r\n          mapWidgetsPosition={'top-leading'}\r\n          mobileMapWidgetsPosition={'top-right'}\r\n          mapWidgetsSize={'m'}\r\n          showOnlyUpdatableLayers={this.onlyShowUpdatableLayers}\r\n          ontoggleFilter={this._toggleFilter}\r\n          ref={this._mapCard}\r\n          selectedFeaturesIds={this._layerTable.value?.selectedIds ?? []}\r\n          selectedLayer={this._layer}\r\n          shareIncludeEmbed={this.shareIncludeEmbed}\r\n          shareIncludeSocial={this.shareIncludeSocial}\r\n          stackTools={true}\r\n          theme={this.theme}\r\n          mapToolsOrder={mapToolsOrder}\r\n          mobileToolsOrder={mobileToolsOrder}\r\n          zoomToScale={this.zoomToScale}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Get the expand node for the popup information\r\n   *\r\n   * @returns the expand node\r\n   * @private\r\n   */\r\n  private _getPopupExpandNode(): JsxNode {\r\n    const popupNodeClass = this._isMobile ? 'height-full' : 'height-full position-relative';\r\n    const headerClass = this._isMobile && this._showInformationHeader ? 'display-none height-0' : '';\r\n    const headerTheme = this.popupHeaderColor ? '' : !this._isMobile ? 'calcite-mode-dark' : 'calcite-mode-light';\r\n    const containerClass = this._isMobile && this._hideTable ? 'position-absolute-0 width-full height-full' : this._isMobile ? 'display-none height-0' : '';\r\n    const tableViewClass = this.mapInfos?.length > 1 && this.appLayout === 'tableView' ? 'position-relative top-51' : '';\r\n    // position-sticky added to avoid an issue where this dialog would overlap the delete message modal in some small screens\r\n    // position-sticky not set when in tableView as it will cause the map-picker to not be visible\r\n    const stickyClass = this.appLayout !== 'tableView' ? 'position-sticky' : '';\r\n    return (\r\n      <div\r\n        class={`${headerTheme} ${popupNodeClass} ${containerClass} ${tableViewClass} ${stickyClass}`}\r\n        style={{\r\n          '--calcite-color-foreground-1': this.popupHeaderColor /* background color that will be displayed on the popup header */,\r\n          '--calcite-color-foreground-2': this.popupHeaderHoverColor /* background color that will be displayed on button when hovered */,\r\n          '--calcite-color-text-3': this.popupHeaderTextColor /* font color that will be displayed on button */,\r\n          '--calcite-color-text-2': this.popupHeaderTextColor /* font color that will be displayed on popup header text*/,\r\n        }}\r\n      >\r\n        <calcite-panel>\r\n          {(!this._isMobile && this._showInformationHeader) || (this._numSelected > 0 && !this._isMobile) ? (\r\n            <div\r\n              class={`display-flex align-items-center ${headerClass}`}\r\n              slot='header-content'\r\n            >\r\n              <calcite-icon\r\n                icon='information'\r\n                scale='s'\r\n              />\r\n              <div class='padding-inline-start-75'>\r\n                {this._translations.information}\r\n              </div>\r\n            </div>\r\n          ) : (\r\n            <div />\r\n          )}\r\n          {this._getCardNode()}\r\n        </calcite-panel>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Get the card node\r\n   *\r\n   * @returns the card node\r\n   * @private\r\n   */\r\n  private _getCardNode(): JsxNode {\r\n    const isMapLayout = this.appLayout === 'mapView';\r\n    const isTableLayout = this.appLayout === 'tableView';\r\n    const cardManagerHeight =\r\n      this._isMobile ? 'height-full' :\r\n        isTableLayout && this.mapInfos?.length > 1\r\n          ? 'adjusted-height-100-51'\r\n          : isMapLayout || isTableLayout\r\n            ? 'height-full'\r\n            : this._numSelected > 0 && !this._isMobile\r\n              ? 'height-50'\r\n              : !this._showInformationHeader\r\n                ? 'adjusted-height-50_25'\r\n                : !this._isMobile\r\n                  ? 'height-50'\r\n                  : 'height-full';\r\n    const themeClass = this.theme === 'dark' ? 'calcite-mode-dark' : 'calcite-mode-light';\r\n    const layerOrTable = this._layerTable.value && this._layerTable.value.selectedRelatedIds?.length > 0 ? this._relatedTableLayer : this._layer;\r\n\r\n    return (\r\n      <div class={`width-50 height-full ${themeClass}`}>\r\n        <card-manager\r\n          class={`${cardManagerHeight} width-full`}\r\n          customInfoText={this.customInfoText}\r\n          enableCreateFeatures={this._enableCreateFeatures && !this._isMobile}\r\n          enableEditGeometry={this?._mapInfo?.enableEditGeometry}\r\n          enableSnapping={this.enableSnapping}\r\n          isMobile={this._isMobile}\r\n          layerOrTable={layerOrTable}\r\n          mapView={this?._mapView}\r\n          onbackFromCreateWorkFlow={() => {\r\n            this._showInformationHeader = true;\r\n          }}\r\n          oncreateWorkFlowStarted={() => {\r\n            this.appLayout = layerOrTable?.isTable ? 'tableView' : 'mapView';\r\n            this._showInformationHeader = false;\r\n          }}\r\n          onfeatureOrRecordSubmitted={() => this._layerTable.value && void this._layerTable.value.refresh()}\r\n          selectedFeaturesIds={this._layerTable.value?.selectedIds}\r\n          selectingFeatureFromMap={this.appLayout === 'mapView'}\r\n          showSketchWidgets={layerOrTable?.geometryType !== 'point'}\r\n          zoomAndScrollToSelected={this.zoomAndScrollToSelected}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Get the table node based for the current layout\r\n   *\r\n   * @param layoutMode ELayoutMode the current layout mode\r\n   * @param panelOpen boolean indicates if all panels are open\r\n   * @returns the table node\r\n   * @private\r\n   */\r\n  private _getTable(\r\n    layoutMode: ELayoutMode,\r\n    panelOpen: boolean,\r\n    hideTable: boolean\r\n  ): JsxNode {\r\n    const isMapLayout = this.appLayout === 'mapView';\r\n    const isTableLayout = this.appLayout === 'tableView';\r\n    const tableClass = hideTable && this._isMobile ? 'visibility-hidden' : isMapLayout ? 'display-none' : '';\r\n    const mapClass = isMapLayout ? 'height-full width-full z-index-0' : 'display-none';\r\n    const tableSizeClass = this._getTableSizeClass(layoutMode, panelOpen);\r\n    const toggleLayout = layoutMode === ELayoutMode.HORIZONTAL ? 'horizontal' : 'vertical';\r\n    const toggleSlot = layoutMode === ELayoutMode.HORIZONTAL ? 'header' : 'panel-start';\r\n    const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;\r\n    const borderTop = this._isMobile ? 'border-top' : '';\r\n    const globalId = !this.defaultGlobalId ? undefined : this.defaultGlobalId?.indexOf(',') > -1 ? this.defaultGlobalId.split(',') : [this.defaultGlobalId];\r\n    const defaultOid = !this.defaultOid ? undefined : this.defaultOid?.indexOf(',') > -1 ? this.defaultOid.split(',').map(o => Number.parseInt(o, 10)) : [Number.parseInt(this.defaultOid, 10)];\r\n    return (\r\n      <calcite-shell class={`${tableSizeClass} ${borderTop} border-bottom z-index-1`}>\r\n        {!this._isMobile ? (\r\n          <calcite-action-bar\r\n            class='border-sides'\r\n            expandDisabled={true}\r\n            layout={toggleLayout}\r\n            slot={toggleSlot}\r\n          >\r\n            {this.getActions(layoutMode, panelOpen)}\r\n          </calcite-action-bar>\r\n        ) : undefined}\r\n        <div class={`width-full height-full position-relative z-index-0 ${tableClass}`}>\r\n          <layer-table\r\n            appLayout={this.appLayout}\r\n            defaultGlobalId={hasMapAndLayer ? globalId : undefined}\r\n            defaultLayerId={hasMapAndLayer ? this.defaultLayer : ''}\r\n            defaultOid={hasMapAndLayer && !globalId ? defaultOid : undefined}\r\n            enableAutoRefresh={this.enableAutoRefresh}\r\n            enableCSV={this.enableCSV}\r\n            enableColumnReorder={this.enableColumnReorder}\r\n            enableInlineEdit={this?._mapInfo?.enableInlineEdit}\r\n            enableShare={this.enableShare}\r\n            featureSelectionMode={this.featureSelectionMode}\r\n            honorMapFieldSettings={this.honorMapFieldSettings}\r\n            isMobile={this._isMobile}\r\n            mapHidden={isTableLayout}\r\n            mapInfo={this._mapInfo}\r\n            mapView={this?._mapView}\r\n            showOnlyUpdatableLayers={this.onlyShowUpdatableLayers}\r\n            ontoggleFilter={this._toggleFilter}\r\n            ref={this._layerTable}\r\n            shareIncludeEmbed={this.shareIncludeEmbed}\r\n            shareIncludeSocial={this.shareIncludeSocial}\r\n            showNewestFirst={this.showNewestFirst}\r\n            zoomAndScrollToSelected={this.zoomAndScrollToSelected}\r\n            zoomToScale={this.zoomToScale}\r\n          />\r\n        </div>\r\n        <div class={mapClass} id='full-map-view' />\r\n      </calcite-shell>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Returns the Actions for table's node\r\n   *\r\n   * @returns Node\r\n   * @private\r\n   */\r\n  private getActions(\r\n    layoutMode: ELayoutMode,\r\n    panelOpen: boolean\r\n  ): JsxNode {\r\n    const icon = this._getDividerIcon(layoutMode, panelOpen);\r\n    const tooltip = panelOpen ? this._translations.close : this._translations.open;\r\n    const id = 'toggle-layout';\r\n    return (\r\n      <>\r\n        <calcite-action\r\n          active={this.appLayout === 'splitView'}\r\n          appearance='solid'\r\n          class='toggle-node'\r\n          icon={'browser'}\r\n          id={'browser-action'}\r\n          onClick={() => {\r\n            this.appLayout = 'splitView';\r\n          }}\r\n          text=''\r\n        />\r\n        <calcite-tooltip\r\n          placement='right'\r\n          referenceElement={'browser-action'}\r\n        >\r\n          <span>\r\n            {this._translations.splitView}\r\n          </span>\r\n        </calcite-tooltip>\r\n\r\n        <calcite-action\r\n          active={this.appLayout === 'tableView'}\r\n          appearance='solid'\r\n          class='toggle-node'\r\n          icon={'dock-left'}\r\n          id={'dock-left-action'}\r\n          onClick={() => {\r\n            this.appLayout = 'tableView';\r\n          }}\r\n          text=''\r\n        />\r\n        <calcite-tooltip\r\n          placement='right'\r\n          referenceElement={'dock-left-action'}\r\n        >\r\n          <span>\r\n            {this._translations.tableView}\r\n          </span>\r\n        </calcite-tooltip>\r\n\r\n        <calcite-action\r\n          active={this.appLayout === 'mapView'}\r\n          appearance='solid'\r\n          class='toggle-node'\r\n          disabled={this._layer?.isTable}\r\n          icon={'browser-map'}\r\n          id={'browser-map-action'}\r\n          onClick={() => {\r\n            this.appLayout = 'mapView';\r\n          }}\r\n          text=''\r\n        />\r\n        <calcite-tooltip\r\n          placement='right'\r\n          referenceElement={'browser-map-action'}\r\n        >\r\n          <span>\r\n            {this._translations.mapView}\r\n          </span>\r\n        </calcite-tooltip>\r\n\r\n        <calcite-action\r\n          appearance='solid'\r\n          class='toggle-node'\r\n          icon={icon}\r\n          id={id}\r\n          onClick={() => this._toggleLayout()}\r\n          slot='actions-end'\r\n          text=''\r\n        />\r\n        <calcite-tooltip\r\n          placement='bottom'\r\n          referenceElement={id}\r\n        >\r\n          <span>{tooltip}</span>\r\n        </calcite-tooltip>\r\n      </>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Show delete dialog\r\n   *\r\n   * @returns node that will support delete or keep of the features\r\n   * @private\r\n   */\r\n  private _deleteModal(): JsxNode {\r\n    const layerOrTable = (this._layerTable.value?.selectedRelatedIds?.length ?? 0) > 0 ? this._relatedTableLayer : this._layer;\r\n    return (\r\n      <delete-dialog\r\n        id={'deleteDialogId'}\r\n        ids={this._deleteIds}\r\n        layer={layerOrTable}\r\n        ondeleteDialogClose={() => (this._deleteDialogOpen = false)}\r\n        open={this._deleteDialogOpen}\r\n      />\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Shows the map extent filter\r\n   *\r\n   * @returns map extent filter\r\n   * @private\r\n   */\r\n  private _mapExtentFilter(): JsxNode {\r\n    const showButtons = this._layerExpressions?.length === 0;\r\n    return (\r\n      <calcite-panel>\r\n        <div>\r\n          <calcite-block\r\n            class={this.theme === 'dark' ? 'background-dark' : ''}\r\n            heading={''}\r\n            menuPlacement={'bottom-end'}\r\n            open\r\n          >\r\n            <div class='filter-extent-container'>\r\n              <div class='filter-extent-message'>\r\n                <span>\r\n                  {this._translations.filterByExtentMsg}\r\n                </span>\r\n                <calcite-icon\r\n                  icon='information'\r\n                  id='filter-message-info'\r\n                  scale='s'\r\n                />\r\n                <calcite-tooltip\r\n                  overlayPositioning='fixed'\r\n                  placement='top'\r\n                  referenceElement='filter-message-info'\r\n                >\r\n                  {this._translations.filterByExtentTooltipMsg}\r\n                </calcite-tooltip>\r\n              </div>\r\n              <calcite-switch\r\n                checked={this._mapExtentFilterChecked}\r\n                oncalciteSwitchChange={e => {\r\n                  const active = e.target.checked ||\r\n                    (this._filterList.value?.filterCount && this._filterList.value?.filterCount > 0);\r\n                  const _active = active ? true : false;\r\n                  this._layerTable.value && void this._layerTable.value?.filterUpdate(_active, e.target.checked);\r\n                  this._mapCard.value && void this._mapCard.value?.updateFilterState(_active);\r\n                  this._mapExtentFilterChecked = e.target.checked;\r\n                }}\r\n                scale='m'\r\n              />\r\n            </div>\r\n          </calcite-block>\r\n          {showButtons && (\r\n            <div\r\n              class='filter-modal-buttons'\r\n              slot='footer'\r\n            >\r\n              <calcite-button\r\n                appearance='outline'\r\n                onClick={this._handleFilterListReset}\r\n                width='full'\r\n              >\r\n                {this._translations.Resetfilter}\r\n              </calcite-button>\r\n              <calcite-button\r\n                onClick={this._closeFilter}\r\n                width='full'\r\n              >\r\n                {this._translations.close}\r\n              </calcite-button>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </calcite-panel>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Show filter component in modal\r\n   *\r\n   * @returns node to interact with any configured filters for the current layer\r\n   * @private\r\n   */\r\n  private _filterModal(): JsxNode {\r\n    const showFilterModal = this._layerExpressions?.length > 0;\r\n    const themeClass = this.theme === 'dark' ? 'calcite-mode-dark' : 'calcite-mode-light';\r\n    return (\r\n      <calcite-dialog\r\n        class={`filter-content-space ${themeClass}`}\r\n        heading={this._translations.filter.replace('{{title}}', this._layer?.title || '')}\r\n        id='solutions-filter-dialog-manager'\r\n        kind='brand'\r\n        modal={true}\r\n        oncalciteDialogClose={() => void this._closeFilter()}\r\n        open={this._filterOpen}\r\n        width='s'\r\n      >\r\n        {!this._layer?.isTable && this._mapExtentFilter()}\r\n        {showFilterModal && this._mapView && (\r\n          <instant-apps-filter-list\r\n            autoUpdateUrl={false}\r\n            closeBtn={true}\r\n            closeBtnOnClick={() => void this._closeFilter()}\r\n            comboboxOverlayPositioning='fixed'\r\n            layerExpressions={this._layerExpressions}\r\n            onfilterListReset={this._handleFilterListReset}\r\n            onfilterUpdate={() => void this._updateFilter()}\r\n            ref={this._filterList}\r\n            view={this._mapView}\r\n            zoomBtn={false}\r\n          />\r\n        )}\r\n      </calcite-dialog>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Update the filter state\r\n   *\r\n   * @private\r\n   */\r\n  private _updateFilter(): void {\r\n    const active = (this._filterList?.value?.filterCount && this._filterList.value.filterCount > 0) ||\r\n      this._mapExtentFilterChecked;\r\n    this._layerTable.value && void this._layerTable.value?.filterUpdate(active);\r\n    this._mapCard.value && void this._mapCard.value.updateFilterState(active);\r\n  }\r\n\r\n  /**\r\n   * Store any filters for the current layer.\r\n   * Should only occur on layer change\r\n   *\r\n   * @private\r\n   */\r\n  private _initLayerExpressions(): void {\r\n    const layerExpressions = this._mapInfo?.filterConfig?.layerExpressions;\r\n    this._layerExpressions = layerExpressions ? layerExpressions.filter(exp => exp.id === this._layer?.id) : [];\r\n  }\r\n\r\n  /**\r\n   * Toggle the filter modal\r\n   *\r\n   * @private\r\n   */\r\n  private _toggleFilter(): void {\r\n    this._filterOpen = !this._filterOpen;\r\n  }\r\n\r\n  /**\r\n   * Reset the applied filters\r\n   *\r\n   * @private\r\n   */\r\n  private _handleFilterListReset(): void {\r\n    this._mapExtentFilterChecked = false;\r\n    this._mapCard.value && void this._mapCard.value.resetFilter();\r\n    this._layerTable.value && void this._layerTable.value.filterReset();\r\n  }\r\n\r\n  /**\r\n   * Close the filter modal\r\n   *\r\n   * @private\r\n   */\r\n  private async _closeFilter(): Promise<void> {\r\n    if (this._filterOpen) {\r\n      this._filterOpen = false;\r\n      this._layerTable.value && void this._layerTable.value.closeFilter();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Update the component layout when its size changes\r\n   *\r\n   * @private\r\n   */\r\n  private _onResize(): void {\r\n    const isMobile = this.el.offsetWidth <= 1024;\r\n    const forceOpen = !this._isMobile && isMobile;\r\n    this._isMobile = isMobile;\r\n    if (forceOpen) {\r\n      this._panelOpen = true;\r\n    }\r\n    if (this._isMobile) {\r\n      this.showHideMapPopupAndTable(!this._isMobile);\r\n      this.appLayout = 'splitView';\r\n    } else {\r\n      // if table is selected the switch to the table view\r\n      if (this._layer?.isTable) {\r\n        this.appLayout = 'tableView';\r\n      }\r\n      this._isMobile = false;\r\n    }\r\n    this._layoutMode = this._isMobile ? ELayoutMode.HORIZONTAL : ELayoutMode.GRID;\r\n  }\r\n\r\n  /**\r\n   * Open/Close the appropriate panel.\r\n   * The panel that is toggled is dependent upon the layout mode and if using classic grid or not\r\n   *\r\n   * @private\r\n   */\r\n  private _toggleLayout(): void {\r\n    this._panelOpen = !this._panelOpen;\r\n  }\r\n\r\n  /**\r\n   * shows the map in card view\r\n   *\r\n   * @private\r\n   */\r\n  private _showMapInCardView(): void {\r\n    if (this.appLayout !== 'mapView') {\r\n      const fullMapView = document.getElementById('full-map-view')?.childNodes[0];\r\n      const splitMapClass = document.getElementById('card-mapView');\r\n      if (fullMapView && splitMapClass) {\r\n        splitMapClass.appendChild(fullMapView);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Shows the map in full view\r\n   *\r\n   * @private\r\n   */\r\n  private _showMapInFullView(): void {\r\n    const childNodes = document.getElementById('card-mapView')?.childNodes;\r\n    let splitMap: any;\r\n    childNodes?.forEach(n => {\r\n      if (!splitMap && (n as any).mapView) {\r\n        splitMap = n;\r\n      }\r\n    });\r\n    const fullMapViewClass = document.getElementById('full-map-view');\r\n    if (splitMap && fullMapViewClass) {\r\n      fullMapViewClass.appendChild(splitMap);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Show/Hide the map, popup, and table\r\n   *\r\n   * @param show when true the map, popup, and table will be displayed\r\n   * @private\r\n   */\r\n  private showHideMapPopupAndTable(\r\n    show: boolean\r\n  ): void {\r\n    this._hideTable = show;\r\n    this._hideFooter = show;\r\n  }\r\n\r\n  /**\r\n   * Get the current map info (configuration details) when maps change\r\n   *\r\n   * @param id map changed id\r\n   * @returns IMapInfo for the provided id\r\n   * @private\r\n   */\r\n  private _getMapInfo(\r\n    id: string\r\n  ): IMapInfo | undefined {\r\n    let mapInfo: IMapInfo | undefined = undefined;\r\n    this.mapInfos.some(mi => {\r\n      if (mi.id === id) {\r\n        mapInfo = { ...mi };\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    });\r\n    return mapInfo;\r\n  }\r\n\r\n  /**\r\n   * Set the current map info when maps change\r\n   *\r\n   * @private\r\n   */\r\n  private async _setMapView(): Promise<void> {\r\n    const mapInfo = this._mapChange && this._getMapInfo(this._mapChange.id);\r\n    if (mapInfo && this._mapChange) {\r\n      this._mapInfo = mapInfo;\r\n      this._initLayerExpressions();\r\n      this._enableCreateFeatures = this._mapInfo.enableCreateFeatures;\r\n      this._mapView = this._mapChange.mapView;\r\n      this._initMapZoom();\r\n      if (this._mapView) {\r\n        this._mapView.popupEnabled = false;\r\n      }\r\n      const center = !this.defaultCenter || this._defaultCenterHonored ?\r\n        undefined : this.defaultCenter?.split(';').map(v => Number.parseFloat(v));\r\n      const zoom = !this.defaultLevel || this._defaultLevelHonored ?\r\n        undefined : Number.parseInt(this.defaultLevel, 10);\r\n      if (center && zoom) {\r\n        await this._mapView?.goTo({\r\n          center,\r\n          zoom,\r\n        });\r\n        this._defaultCenterHonored = true;\r\n        this._defaultLevelHonored = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Add/remove zoom tools based on enableZoom prop\r\n   *\r\n   * @private\r\n   */\r\n  private _initMapZoom(): void {\r\n    if (!this.enableZoom) {\r\n      this._mapView?.ui.remove('zoom');\r\n    } else if (this.enableZoom) {\r\n      this._mapView?.ui.add({\r\n        component: 'zoom',\r\n        position: 'top-left',\r\n        index: 0,\r\n      } as any);\r\n    }\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":"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"}

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

@@ -117,7 +117,7 @@ export declare class CrowdsourceReporter extends LitElement {
     loginTitle: string;
     /** IMapInfo[]: array of map infos (name and id) */
     mapInfos: IMapInfo[];
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /**
      * string: Object id of the feature from URL params