@esri/solutions-components 1.0.0-next.20250509 → 1.0.0-next.20250513

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

@@ -1,16 +1,16 @@
 import { c as y } from "../../chunks/runtime.js";
-import { g as l } from "../../chunks/interfaces.js";
+import { g as s } from "../../chunks/interfaces.js";
 import { d as v } from "../../chunks/mapViewUtils.js";
 import { defineCustomElements as $ } from "@arcgis/instant-apps-components/loader";
 import { u as C } from "../../chunks/useT9n.js";
-import { html as s, nothing as L } from "lit";
-import { createRef as h, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as x, createEvent as c, noShadowRoot as I, safeStyleMap as M, safeClassMap as u } from "@arcgis/lumina";
+import { html as l, nothing as L } from "lit";
+import { createRef as c, ref as p } from "lit-html/directives/ref.js";
+import { LitElement as x, createEvent as f, noShadowRoot as I, safeStyleMap as T, safeClassMap as b } from "@arcgis/lumina";
 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.20250509 */
-const F = S`@layer{/** @license
+v1.0.0-next.20250513 */
+const M = S`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,15 +25,15 @@ const F = S`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-foreground-1)}.padding-1-2{padding:.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-right{border-right:2px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.position-absolute{position:absolute}.position-sticky{position:sticky}.height-50{height:50%}.top-51{top:51px}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-51{height:calc(100% - 51px)}.display-none{display:none!important}.adjusted-height-50_25{height:calc(50% + 25px)}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button,.esri-floor-filter__level-button,.esri-floor-filter__browse-button{width:40px!important;height:40px!important}.position-absolute-50{position:absolute;inset:50px 0 0}.position-absolute-0{position:absolute;inset:0}.visibility-hidden{visibility:hidden;height:0px}.position-fixed{position:fixed}.border-width-0{border-width:0px}.border-bottom-width-0{border-bottom-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;right:0;margin:100px 0}.floating-container .floating-button{box-shadow:0 10px 25px #5c5d5e99;-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:all .3s;transition:all .3s}.z-index-0{z-index:0!important}.z-index-1{z-index:1!important}.filter-content-space{--calcite-dialog-content-space: 0px}.background-dark{background:var(--calcite-color-background)}.filter-extent-container{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.filter-modal-buttons{display:flex;padding:12px;gap:10px}.filter-extent-message{align-items:center;display:flex;gap:5px}}`;
-class T extends x {
+class F extends x {
   constructor() {
-    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !0, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._isPortraitMobile = !1, this._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = l.GRID, this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._deleteIds = [], this._layerTable = h(), this._shouldSetMapView = !1, this._layerExpressions = [], this._filterList = h(), this._mapCard = h(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = c(), this.showCoverPage = c(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "idsFound", this.idsFound), $(window);
+    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !0, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this.enableSelectionTool = !0, this.featureSelectionMode = "multiple", this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._isPortraitMobile = !1, this._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = s.GRID, this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._deleteIds = [], this._layerTable = c(), this._shouldSetMapView = !1, this._layerExpressions = [], this._filterList = c(), this._mapCard = c(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = f(), this.showCoverPage = f(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "idsFound", this.idsFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), $(window);
   }
   static {
-    this.properties = { appLayout: 1, appProxies: 1, basemapConfig: 0, coverPageEnabled: 5, customInfoText: 1, defaultAppLayout: 1, defaultCenter: 1, defaultGlobalId: 1, defaultLayer: 1, defaultLevel: 1, defaultOid: 1, defaultWebmap: 1, honorMapFieldSettings: 5, introductionWindowEnabled: 5, enableAutoRefresh: 5, enableBasemap: 5, enableColumnReorder: 5, enableCSV: 5, enableFloorFilter: 5, enableFullscreen: 5, enableHome: 5, enableLegend: 5, enableSearch: 5, enableShare: 5, enableSnapping: 5, enableZoom: 5, mapInfos: 0, onlyShowUpdatableLayers: 5, popupHeaderColor: 1, popupHeaderHoverColor: 1, popupHeaderHoverTextColor: 1, popupHeaderTextColor: 1, searchConfiguration: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, theme: 1, zoomAndScrollToSelected: 5, zoomToScale: 9, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _isPortraitMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16 };
+    this.properties = { appLayout: 1, appProxies: 1, basemapConfig: 0, coverPageEnabled: 5, customInfoText: 1, defaultAppLayout: 1, defaultCenter: 1, defaultGlobalId: 1, defaultLayer: 1, defaultLevel: 1, defaultOid: 1, defaultWebmap: 1, honorMapFieldSettings: 5, introductionWindowEnabled: 5, enableAutoRefresh: 5, enableBasemap: 5, enableColumnReorder: 5, enableCSV: 5, enableFloorFilter: 5, enableFullscreen: 5, enableHome: 5, enableLegend: 5, enableSearch: 5, enableShare: 5, enableSnapping: 5, enableZoom: 5, mapInfos: 0, onlyShowUpdatableLayers: 5, popupHeaderColor: 1, popupHeaderHoverColor: 1, popupHeaderHoverTextColor: 1, popupHeaderTextColor: 1, searchConfiguration: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, theme: 1, zoomAndScrollToSelected: 5, zoomToScale: 9, enableSelectionTool: 5, featureSelectionMode: 1, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _isPortraitMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16 };
   }
   static {
-    this.styles = F;
+    this.styles = M;
   }
   static {
     this.shadowRootOptions = I;
@@ -64,7 +64,7 @@ class T extends x {
   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;
+      i.isTable && (this.appLayout = "tableView"), this._layer = i, this._initLayerExpressions(), this._handleFilterListReset(), this._isLoading = !1;
     });
   }
   async showDelete(e) {
@@ -73,12 +73,19 @@ class T extends x {
   async idsFound(e) {
     this._layerIds = e.detail.layerIds;
   }
+  async clearSelection() {
+    this.showHideMapPopupAndTable(!1);
+  }
+  async relatedRecordToggled(e) {
+    const t = e.detail;
+    this._relatedTableLayer = t;
+  }
   load() {
     this._resizeObserver = new ResizeObserver(() => this._onResize());
   }
   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()}`;
+    return l`<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()}`;
   }
   async updated() {
     this._shouldSetMapView && (this._shouldSetMapView = !1, this._mapChange && await this._setMapView());
@@ -87,8 +94,8 @@ class T extends x {
     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);
   }
   _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 && 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;
+    const e = this._numSelected > 0, t = this._layerTable.value && this._layerTable.value.selectedRelatedIds?.length > 0 ? this._layerTable.value.selectedRelatedIds : this._layerTable.value?.selectedIds, i = this._layerTable.value && this._layerTable.value.selectedRelatedIds?.length > 0 ? this._relatedTableLayer : this._layer, a = this._layer?.editingEnabled && this._layer.capabilities?.operations.supportsDelete;
+    return this._isPortraitMobile && e && !this._hideFooter ? l`<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>${a ? l`<delete-button class="padding-inline-start-1 width-full" id=solutions-delete .ids=${t} .layer=${i}></delete-button>` : void 0}</div></div>` : void 0;
   }
   _setActiveLayout(e) {
     e === "splitView" && !this._panelOpen && this._toggleLayout(), e === "mapView" ? this._showMapInFullView() : this._showMapInCardView();
@@ -96,13 +103,13 @@ class T extends x {
   _getDividerIcon(e, t) {
     let i = "";
     switch (e) {
-      case l.HORIZONTAL:
+      case s.HORIZONTAL:
         i = t ? "chevrons-up" : "chevrons-down";
         break;
-      case l.VERTICAL:
+      case s.VERTICAL:
         i = t ? "chevrons-left" : "chevrons-right";
         break;
-      case l.GRID:
+      case s.GRID:
         i = t ? "chevrons-left" : "chevrons-right";
         break;
     }
@@ -111,13 +118,13 @@ class T extends x {
   _getMapSizeClass(e, t, i) {
     let a = "";
     switch (e) {
-      case l.HORIZONTAL:
+      case s.HORIZONTAL:
         a = `${t && !i ? "height-1-2 display-grid" : t && i ? "height-full" : "height-0"} width-full position-relative`;
         break;
-      case l.GRID:
+      case s.GRID:
         a = `height-full position-relative ${t ? "width-1-3" : "width-0"}`;
         break;
-      case l.VERTICAL:
+      case s.VERTICAL:
         a = `height-full position-relative ${t ? "width-1-2" : "width-0"}`;
         break;
     }
@@ -126,21 +133,21 @@ class T extends x {
   _getTableSizeClass(e, t) {
     let i = "";
     switch (e) {
-      case l.HORIZONTAL:
+      case s.HORIZONTAL:
         i = `${t ? "height-1-2" : "height-full"} width-full display-flex flex-column`;
         break;
-      case l.GRID:
+      case s.GRID:
         i = `${t ? "width-2-3" : "width-full"} height-full display-flex`;
         break;
-      case l.VERTICAL:
+      case s.VERTICAL:
         i = `${t ? "width-1-2" : "width-full"} height-full display-flex`;
         break;
     }
     return i;
   }
   _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>`;
+    const a = e === s.HORIZONTAL ? "" : "display-flex", o = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
+    return l`<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 && l`<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 && l`<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>`;
   }
   infoButtonClick() {
     this.showIntroductionWindow.emit();
@@ -150,56 +157,57 @@ class T extends x {
   }
   _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>`;
+    return l`<div class=${`${a} overflow-hidden z-index-1 ${o}`}>${this._getMapNode(t)}${this._getPopupExpandNode()}</div>`;
   }
   _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>`;
+    const t = this.appLayout === "mapView", i = this.appLayout === "tableView", a = t || i ? "position-absolute-0" : this._layoutMode === s.HORIZONTAL && (!this._isPortraitMobile || e) ? "" : "adjusted-height-50", o = this.defaultWebmap && this.defaultLayer, n = this.enableSelectionTool && this.featureSelectionMode === "multiple" && !this._layer?.isTable, r = ["home", "legend", "search", "fullscreen", "basemap", "floorfilter", "selectiontool"];
+    return l`<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} .enableSelectionTool=${n} .enableShare=${this.enableShare} enable-single-expand 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((h) => h.visible !== !1)} map-widgets-index=0 map-widgets-position=top-right map-widgets-size=m .showOnlyUpdatableLayers=${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=${r} .zoomToScale=${this.zoomToScale} ${p(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({
+    return l`<div class=${`${i} ${e} ${a} ${o} ${n}`} style=${T({
       "--calcite-color-foreground-1": this.popupHeaderColor,
       "--calcite-color-foreground-2": this.popupHeaderHoverColor,
       "--calcite-color-text-3": this.popupHeaderTextColor,
       "--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>`;
+    })}><calcite-panel>${!this._isPortraitMobile && this._showInformationHeader || this._numSelected > 0 && !this._isPortraitMobile ? l`<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>` : l`<div></div>`}${this._getCardNode()}</calcite-panel></div>`;
   }
   _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=${() => {
+    return l`<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} .layerOrTable=${this._layer} .mapView=${this?._mapView} @backFromCreateWorkFlow=${() => {
       this._showInformationHeader = !0;
     }} @createWorkFlowStarted=${() => {
       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>`;
   }
   _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>`;
+    const a = this.appLayout === "mapView", o = this.appLayout === "tableView", n = i && this._isPortraitMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), m = e === s.HORIZONTAL ? "horizontal" : "vertical", _ = e === s.HORIZONTAL ? "header" : "panel-start", d = this.defaultWebmap && this.defaultLayer, u = 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 l`<calcite-shell class=${`${h} border-bottom`}>${this._isMobile ? void 0 : l`<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=${d ? u : void 0} .defaultLayerId=${d ? this.defaultLayer : ""} .defaultOid=${d && !u ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableShare=${this.enableShare} .featureSelectionMode=${this.featureSelectionMode} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isPortraitMobile} .mapHidden=${o} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} .showOnlyUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} ${p(this._layerTable)}></layer-table></div><div class=${b(r)} id=full-map-view></div></calcite-shell>`;
   }
   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=${() => {
+    return l`<calcite-action .active=${this.appLayout === "splitView"} class="toggle-node" .disabled=${this._layer?.isTable} icon=browser id=browser-action @click=${() => {
       this.appLayout = "splitView";
     }} text></calcite-action><calcite-tooltip placement=right reference-element=browser-action><span>${this._translations.splitView}</span></calcite-tooltip><calcite-action .active=${this.appLayout === "tableView"} class="toggle-node" icon=dock-left id=dock-left-action @click=${() => {
       this.appLayout = "tableView";
-    }} text></calcite-action><calcite-tooltip placement=right reference-element=dock-left-action><span>${this._translations.tableView}</span></calcite-tooltip><calcite-action .active=${this.appLayout === "mapView"} class="toggle-node" .disabled=${this._layerIds?.length === 0} icon=browser-map id=browser-map-action @click=${() => {
+    }} text></calcite-action><calcite-tooltip placement=right reference-element=dock-left-action><span>${this._translations.tableView}</span></calcite-tooltip><calcite-action .active=${this.appLayout === "mapView"} class="toggle-node" .disabled=${this._layer?.isTable} icon=browser-map id=browser-map-action @click=${() => {
       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>`;
   }
   _deleteModal() {
-    return s`<delete-dialog id=deleteDialogId .ids=${this._deleteIds} .layer=${this._layer} @deleteDialogClose=${() => this._deleteDialogOpen = !1} .open=${this._deleteDialogOpen}></delete-dialog>`;
+    const e = (this._layerTable.value?.selectedRelatedIds?.length ?? 0) > 0 ? this._relatedTableLayer : this._layer;
+    return l`<delete-dialog id=deleteDialogId .ids=${this._deleteIds} .layer=${e} @deleteDialogClose=${() => this._deleteDialogOpen = !1} .open=${this._deleteDialogOpen}></delete-dialog>`;
   }
   _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) => {
+    return l`<calcite-panel><div><calcite-block class=${b(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) => {
       const a = !!(t.target.checked || this._filterList.value?.filterCount && this._filterList.value?.filterCount > 0);
-      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>`;
+      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 && l`<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>`;
   }
   _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>`;
+    return l`<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 && l`<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} ${p(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
   }
   async _updateFilter() {
     const e = this._filterList?.value?.filterCount && this._filterList.value.filterCount > 0 || this._mapExtentFilterChecked;
@@ -220,7 +228,7 @@ class T extends x {
   }
   _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;
+    this._isMobile = e, t && (this._panelOpen = !0), this._isMobile ? (this.showHideMapPopupAndTable(!this._isMobile), this._isPortraitMobile = !!window.matchMedia("(orientation: portrait)").matches, this.appLayout = "splitView") : (this._layer?.isTable && (this.appLayout = "tableView"), this._isPortraitMobile = !1), this._layoutMode = this._isPortraitMobile ? s.HORIZONTAL : s.GRID;
   }
   _toggleLayout() {
     this._panelOpen = !this._panelOpen;
@@ -266,7 +274,7 @@ class T extends x {
     }) : this._mapView?.ui.remove("zoom");
   }
 }
-y("crowdsource-manager", T);
+y("crowdsource-manager", F);
 export {
-  T as CrowdsourceManager
+  F as CrowdsourceManager
 };

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

@@ -11,7 +11,7 @@ import "@arcgis/instant-apps-components";
 import { defineCustomElements as C } from "@arcgis/instant-apps-components/loader";
 /*! 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.20250509 */
+v1.0.0-next.20250513 */
 const S = $`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { LitElement as p, createEvent as m } from "@arcgis/lumina";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250509 */
+v1.0.0-next.20250513 */
 const y = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as a, createEvent as n } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250509 */
+v1.0.0-next.20250513 */
 const d = o`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,12 +1,12 @@
 import { c as s } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
 import { u as n } from "../../chunks/useT9n.js";
-import { LitElement as o, createEvent as t } from "@arcgis/lumina";
-import { css as a } from "@lit/reactive-element/css-tag.js";
+import { LitElement as a, createEvent as i } from "@arcgis/lumina";
+import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250509 */
-const r = a`/** @license
+v1.0.0-next.20250513 */
+const r = o`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,9 +21,9 @@ const r = a`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.delete-modal{position:fixed}`;
-class c extends o {
+class c extends a {
   constructor() {
-    super(...arguments), this.ids = [], this.open = !1, this._isDeleting = !1, this._translations = n({ name: "delete-dialog", blocking: !0 }), this.editsComplete = t(), this.deleteDialogClose = t();
+    super(...arguments), this.ids = [], this.open = !1, this._isDeleting = !1, this._translations = n({ name: "delete-dialog", blocking: !0 }), this.editsComplete = i(), this.deleteDialogClose = i();
   }
   static {
     this.properties = { ids: 0, layer: 0, open: 5, _isDeleting: 16, _translations: 16 };
@@ -32,13 +32,13 @@ class c extends o {
     this.styles = r;
   }
   render() {
-    const e = this.ids?.length === 1 ? this._translations.confirmSingle : this._translations.confirmMultiple;
-    return l`<calcite-dialog .heading=${this._translations.deleteFeature} kind=danger modal @calciteDialogClose=${() => this._close()} .open=${this.open} width=s><div>${e}</div><calcite-button appearance=outline kind=danger @click=${() => this._close()} slot=footer-end width=full>${this._translations.cancel}</calcite-button><calcite-button kind=danger .loading=${this._isDeleting} @click=${() => void this._deleteFeatures()} slot=footer-end width=full>${this._translations.delete}</calcite-button></calcite-dialog>`;
+    const e = this.layer?.title || "", t = this.ids.length === 1 ? (this._translations.confirmSingle || "").replace("{{layer-name}}", e) : (this._translations.confirmMultiple || "").replace("{{layer-name}}", e);
+    return l`<calcite-dialog .heading=${this._translations.deleteFeature} kind=danger modal @calciteDialogClose=${() => this._close()} .open=${this.open} width=s><div>${t}</div><calcite-button appearance=outline kind=danger @click=${() => this._close()} slot=footer-end width=full>${this._translations.cancel}</calcite-button><calcite-button kind=danger .loading=${this._isDeleting} @click=${() => void this._deleteFeatures()} slot=footer-end width=full>${this._translations.delete}</calcite-button></calcite-dialog>`;
   }
   async _deleteFeatures() {
     if (this.layer) {
       this._isDeleting = !0;
-      const e = this.ids.map((i) => ({ objectId: Number(i) }));
+      const e = this.ids.map((t) => ({ objectId: Number(t) }));
       await this.layer.applyEdits({
         deleteFeatures: e
       }), this._isDeleting = !1, this._close(), this.editsComplete.emit("delete");

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

@@ -1,14 +1,14 @@
-import { c as l } from "../../chunks/runtime.js";
-import { l as d } from "../../chunks/loadModules.js";
-import { j as h } from "../../chunks/mapViewUtils.js";
+import { c as h } from "../../chunks/runtime.js";
+import { l } from "../../chunks/loadModules.js";
+import { j as d } from "../../chunks/mapViewUtils.js";
 import { u as c } from "../../chunks/useT9n.js";
 import { html as o } from "lit";
 import { createRef as p, ref as g } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as a, noShadowRoot as m, safeClassMap as r } from "@arcgis/lumina";
+import { LitElement as f, createEvent as a, noShadowRoot as m, safeClassMap as n } from "@arcgis/lumina";
 import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250509 */
+v1.0.0-next.20250513 */
 const u = _`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -26,7 +26,7 @@ const u = _`@layer{/** @license
  */:host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{padding-top:0}.padding-sides-bottom-1{padding:0 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative!important;width:100%!important;background-color:var(--calcite-color-foreground-1)!important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1)!important}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.position-absolute{position:absolute;inset:0;overflow:auto}.esri-editor__panel-content{padding-block:10px!important}}`;
 class w extends f {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this._editorLoading = !1, this._translations = c({ name: "edit-card", blocking: !0 }), this._editContainer = p(), this._editControlElements = [], this._editingDisabled = "", this._shouldClose = !1, this.closeEdit = a(), this.editorInitialized = a(), this.editsComplete = a(), this.refreshGraphics = a(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this._editorLoading = !1, this._translations = c({ name: "edit-card", blocking: !0 }), this._editContainer = p(), this._editControlElements = [], this._editingDisabled = "", this._shouldClose = !1, this.closeEdit = a(), this.editorInitialized = a(), this.editsComplete = a(), this.refreshGraphics = a(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
     this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphicIndex: 9, graphics: 0, mapView: 0, open: 5, _editorLoading: 16, _translations: 16 };
@@ -46,6 +46,9 @@ class w extends f {
   async featureSelectionChange() {
     this.open && await this._closeEdit(!1);
   }
+  async mapChanged() {
+    this.open && await this._closeEdit(!1);
+  }
   async load() {
     await this._initModules();
   }
@@ -62,22 +65,22 @@ class w extends f {
   }
   render() {
     const t = this.graphics?.length > 0 && this.graphics[0] ? !this.graphics[0].layer.editingEnabled : !0, i = this._editorLoading ? "display-none" : "position-absolute", s = this._editorLoading ? "" : "display-none";
-    return o`<div class="position-absolute">${t ? o`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${r(i)} id=feature-form ${g(this._editContainer)}></div><calcite-loader class=${r(s)} label scale=s></calcite-loader></div></div>`;
+    return o`<div class="position-absolute">${t ? o`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${n(i)} id=feature-form ${g(this._editContainer)}></div><calcite-loader class=${n(s)} label scale=s></calcite-loader></div></div>`;
   }
   async _initModules() {
-    const [t, i] = await d(["esri/widgets/Editor", "esri/core/reactiveUtils"]);
+    const [t, i] = await l(["esri/widgets/Editor", "esri/core/reactiveUtils"]);
     this.Editor = t, this.reactiveUtils = i;
   }
   async _initEditorWidget() {
     if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
       this._editor && this._editor.destroy();
-      const t = document.createElement("div"), i = await h(this.mapView), s = this.enableSnapping && this.enableEditGeometry, n = i.map((e) => ({
+      const t = document.createElement("div"), i = await d(this.mapView), s = this.enableSnapping && this.enableEditGeometry, r = i.map((e) => ({
         layer: e,
         geometryUpdatesEnabled: this.enableEditGeometry
       }));
       this._editor = this.Editor && new this.Editor({
         view: this.mapView,
-        layerInfos: n,
+        layerInfos: r,
         visibleElements: {
           flow: !0,
           settingsMenu: s,
@@ -99,7 +102,7 @@ class w extends f {
     await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]), this._shouldClose = !0;
   }
 }
-l("edit-card", w);
+h("edit-card", w);
 export {
   w as EditCard
 };

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

@@ -7,7 +7,7 @@ import { LitElement as g, createEvent as h, noShadowRoot as f } from "@arcgis/lu
 import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250509 */
+v1.0.0-next.20250513 */
 const C = b`@layer{/**
  * @license
  * Copyright 2025 Esri

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

@@ -9,7 +9,7 @@ import { LitElement as L, createEvent as I, noShadowRoot as F, safeClassMap as b
 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.20250509 */
+v1.0.0-next.20250513 */
 const E = S`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/field-selection/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as m } from "@arcgis/lumina";
 import { css as p } 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.20250509 */
+v1.0.0-next.20250513 */
 const b = p`/** @license
  * Copyright 2025 Esri
  *
@@ -22,7 +22,7 @@ const b = p`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */`;
+ */.height-51{height:51px}.width-51{width:51px}`;
 class u extends m {
   constructor() {
     super(...arguments), this._translations = h({ name: "field-selection", blocking: !0 }), this.fieldVisibilityPopoverClickHandler = (t) => {
@@ -36,7 +36,7 @@ class u extends m {
     this.styles = b;
   }
   render() {
-    return c`<calcite-action id=solutions-field-selection .text=${this._translations.fieldVisibility} scale=m @click=${() => this.handleFieldVisibilityClick()} @mouseover=${() => this.addTableTooltip(this.fieldVisibilityActionNode, this._translations.fieldVisibility)} @mouseout=${() => this.removeTableTooltip()} @focus=${() => this.addTableTooltip(this.fieldVisibilityActionNode, this._translations.fieldVisibility)} ${d((t) => this.fieldVisibilityActionNode = t)}><calcite-icon scale=s icon=gear></calcite-icon></calcite-action>`;
+    return c`<calcite-action class="height-51 width-51" id=solutions-field-selection .text=${this._translations.fieldVisibility} scale=m @click=${() => this.handleFieldVisibilityClick()} @mouseover=${() => this.addTableTooltip(this.fieldVisibilityActionNode, this._translations.fieldVisibility)} @mouseout=${() => this.removeTableTooltip()} @focus=${() => this.addTableTooltip(this.fieldVisibilityActionNode, this._translations.fieldVisibility)} ${d((t) => this.fieldVisibilityActionNode = t)}><calcite-icon scale=s icon=gear></calcite-icon></calcite-action>`;
   }
   handleFieldVisibilityClick() {
     if (this.fieldVisibilityPopoverNode)

package/dist/components/floor-filter/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as h, createEvent as s } from "@arcgis/lumina";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250509 */
+v1.0.0-next.20250513 */
 const c = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { LitElement as m, createEvent as o, noShadowRoot as v, safeStyleMap as y
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250509 */
+v1.0.0-next.20250513 */
 const $ = x`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as u, noShadowRoot as p, nothing as s } from "@arcgis/lumina
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250509 */
+v1.0.0-next.20250513 */
 const _ = f`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { LitElement as L, createEvent as c, noShadowRoot as w } from "@arcgis/lu
 import { css as g } 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.20250509 */
+v1.0.0-next.20250513 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {

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

@@ -48,6 +48,14 @@ export declare class LayerTable extends LitElement {
      * @default false
      */
     enableShare: boolean;
+    /**
+     * string: Selection mode for the feature selection
+     *
+     * @default "multiple"
+     */
+    featureSelectionMode: string;
+    /** number[]: A list of ids selected ids from related records */
+    selectedRelatedIds: number[];
     /**
      * boolean: when true we will honor field order and visibility that may have been defined
      * in the map viewer if no field order is defined in the mapInfo.
@@ -79,7 +87,7 @@ export declare class LayerTable extends LitElement {
      *
      * @default false
      */
-    onlyShowUpdatableLayers: boolean;
+    showOnlyUpdatableLayers: boolean;
     /** number[]: A list of ids that are currently selected */
     selectedIds: (number | string)[];
     /**
@@ -132,4 +140,6 @@ export declare class LayerTable extends LitElement {
     readonly toggleFilter: TargetedEvent<this, undefined>;
     /** Emitted on demand when when the delete dialog should be shown */
     readonly showDelete: TargetedEvent<this, IDeleteIds>;
+    /** Emitted when related record toggled from related table */
+    readonly relatedRecordToggled: TargetedEvent<this, __esri.FeatureLayer>;
 }