@esri/solutions-components 1.0.0-next.20250604 → 1.0.0-next.20250610

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

@@ -91,6 +91,12 @@ export declare class CreateFeature extends LitElement {
      * @default false
      */
     showSketchWidgets: boolean;
+    /**
+     * boolean: When true user can create multiple features
+     *
+     * @default false
+     */
+    allowMultipleCreation: boolean;
     /**
      * Submit the created feature
      *

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

@@ -1,4 +1,4 @@
-import { c as _ } from "../../chunks/runtime.js";
+import { c as g } from "../../chunks/runtime.js";
 import { l as y } from "../../chunks/loadModules.js";
 import { j as M, d as f } from "../../chunks/mapViewUtils.js";
 import { u as v } from "../../chunks/useT9n.js";
@@ -8,7 +8,7 @@ import { LitElement as L, createEvent as l, noShadowRoot as b, safeClassMap as u
 import { css as V } 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.20250604 */
+v1.0.0-next.20250610 */
 const S = V`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -26,10 +26,10 @@ const S = V`@layer{/** @license
  */:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.esri-editor__panel-content{padding-block:0px!important}.esri-editor .esri-item-list__group__header,.esri-editor__panel-content__section .esri-widget__heading{display:none!important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px!important;padding-inline:10px!important}.search-widget{width:92%!important;margin:5px 14px 20px}.display-none{display:none!important}.hide-map{height:1%;visibility:hidden}.show-map{padding:10px!important;position:absolute!important;bottom:0;height:auto!important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.edit-location-btn{margin:5px;display:flex}.esri-editor__panel-content{padding-block:10px!important}@media only screen and (max-width: 600px){.esri-editor__panel-content{padding-block:0!important;min-height:0!important}}}`;
 class E extends L {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this._currentPage = "templatePicker", this._editorLoading = !1, this._inValidGeomtryDrawn = !1, this._translations = v({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._calciteNotice = p(), this._isSubmitBtnClicked = !1, this._mapViewContainer = p(), this._searchDiv = p(), this.success = l(), this.fail = l(), this.drawComplete = l(), this.editingLocation = l(), this.editingAttachment = l(), this.progressStatus = l(), this.modeChanged = l();
+    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this._currentPage = "templatePicker", this._editorLoading = !1, this._inValidGeomtryDrawn = !1, this._translations = v({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._calciteNotice = p(), this._isSubmitBtnClicked = !1, this._mapViewContainer = p(), this._searchDiv = p(), this.success = l(), this.fail = l(), this.drawComplete = l(), this.editingLocation = l(), this.editingAttachment = l(), this.progressStatus = l(), this.modeChanged = l();
   }
   static {
-    this.properties = { customizeSubmit: 5, enableSearch: 5, enableSnapping: 5, floorLevel: 1, formElements: 1, isMobile: 5, mapView: 0, searchConfiguration: 0, selectedLayerId: 1, showGuidingMsg: 5, submitNewReportsMessage: 1, updateMapPosition: 5, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, showSketchWidgets: 5, _currentPage: 16, _editorLoading: 16, _inValidGeomtryDrawn: 16, _translations: 16 };
+    this.properties = { customizeSubmit: 5, enableSearch: 5, enableSnapping: 5, floorLevel: 1, formElements: 1, isMobile: 5, mapView: 0, searchConfiguration: 0, selectedLayerId: 1, showGuidingMsg: 5, submitNewReportsMessage: 1, updateMapPosition: 5, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, showSketchWidgets: 5, allowMultipleCreation: 5, _currentPage: 16, _editorLoading: 16, _inValidGeomtryDrawn: 16, _translations: 16 };
   }
   static {
     this.styles = S;
@@ -169,7 +169,7 @@ class E extends L {
       const d = this.reactiveUtils?.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (o) => {
         o === "ready" && this._editor?.viewModel.featureFormViewModel && this._currentPage !== "editing" && (this._mapViewContainer.value?.classList?.replace("show-map", "hide-map"), this._editor.viewModel.featureFormViewModel.addHandles(this._editor.viewModel.featureFormViewModel.on("submit", this.submitted.bind(this))), setTimeout(() => {
           this._setFloorLevel(this.floorLevel);
-        }, 50), this._currentPage = "featureForm", this.progressStatus.emit(100), this.drawComplete.emit(!1));
+        }, 50), !this.allowMultipleCreation && this._editor.activeWorkflow && (this._editor.activeWorkflow.data.creationInfo.maxFeatures = 1), this._currentPage = "featureForm", this.progressStatus.emit(100), this.drawComplete.emit(!1));
       });
       d && this._editor.viewModel.addHandles(d);
       const r = this.reactiveUtils?.watch(() => this._editor?.viewModel.state, (o) => {
@@ -290,13 +290,13 @@ class E extends L {
         this._updatedMapView?.map.editableLayers.forEach((r) => {
           const n = this.formElements.orgElements, o = this.formElements.orgExpressionInfos, h = [...n];
           if (h.push(d), r.type === "feature" && this.FormTemplate) {
-            const w = r, g = new this.FormTemplate({
+            const w = r, _ = new this.FormTemplate({
               title: w?.formTemplate?.title,
               description: w?.formTemplate?.description,
               elements: h,
               expressionInfos: [a].concat(o)
             });
-            r.formTemplate = g;
+            r.formTemplate = _;
           }
         });
       }
@@ -331,7 +331,7 @@ class E extends L {
     return new Promise((t) => setTimeout(t, e));
   }
 }
-_("create-feature", E);
+g("create-feature", E);
 export {
   E as CreateFeature
 };

package/dist/components/create-related-feature/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as p, createEvent as d, noShadowRoot as f, safeClassMap as w
 import { css as y } 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.20250604 */
+v1.0.0-next.20250610 */
 const b = y`@layer{/**
  * @license
  * Copyright 2025 Esri

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

@@ -1,15 +1,15 @@
-import { c as y } from "../../chunks/runtime.js";
-import { i as s } from "../../chunks/interfaces.js";
+import { c as w } from "../../chunks/runtime.js";
+import { j 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 l, nothing as L } from "lit";
 import { createRef as p, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as x, createEvent as b, noShadowRoot as I, safeStyleMap as T, safeClassMap as m } from "@arcgis/lumina";
+import { LitElement as x, createEvent as f, noShadowRoot as I, safeStyleMap as T, safeClassMap as m } 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.20250604 */
+v1.0.0-next.20250610 */
 const M = S`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -27,7 +27,7 @@ const M = S`@layer{/** @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}.z-index-1{z-index:1}.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 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.enableSelectionTool = !0, this.featureSelectionMode = "multiple", this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !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._layerExpressions = [], this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._deleteIds = [], this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._layerTable = p(), this._shouldSetMapView = !1, this._filterList = p(), this._mapCard = p(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = b(), this.showCoverPage = b(), 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);
+    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._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = s.GRID, this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerExpressions = [], this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._deleteIds = [], this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._layerTable = p(), this._shouldSetMapView = !1, this._filterList = p(), this._mapCard = p(), 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, enableSelectionTool: 5, featureSelectionMode: 1, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerExpressions: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16, _deleteIds: 16 };
@@ -164,7 +164,7 @@ class F extends x {
   }
   _getMapNode(e) {
     const t = this.appLayout === "mapView", i = this.appLayout === "tableView", a = this._isMobile ? "height-full" : t || i ? "position-absolute-0" : this._layoutMode === s.HORIZONTAL && (!this._isMobile || 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"], h = ["map-picker", "map-layer-picker"];
-    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 .featureSelectionMode=${this.featureSelectionMode} .hide=${!this._isMobile && i} zoom-tools-size=s .isMapLayout=${t} .isMobile=${this._isMobile} .mapInfo=${this._mapInfo} .mapInfos=${this.mapInfos?.filter((d) => d.visible !== !1)} map-widgets-index=0 map-widgets-position=top-left mobile-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} .mapToolsOrder=${r} .mobileToolsOrder=${h} .zoomToScale=${this.zoomToScale} ${u(this._mapCard)}></map-card></div>`;
+    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 enable-map-layer-picker enable-map-picker .featureSelectionMode=${this.featureSelectionMode} .hide=${!this._isMobile && i} zoom-tools-size=s .isMapLayout=${t} .isMobile=${this._isMobile} .mapInfo=${this._mapInfo} .mapInfos=${this.mapInfos?.filter((d) => d.visible !== !1)} map-widgets-index=0 map-widgets-position=top-left mobile-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} .mapToolsOrder=${r} .mobileToolsOrder=${h} .zoomToScale=${this.zoomToScale} ${u(this._mapCard)}></map-card></div>`;
   }
   _getPopupExpandNode() {
     const e = this._isMobile ? "height-full" : "height-full position-relative", t = this._isMobile && this._showInformationHeader ? "display-none height-0" : "", i = this.popupHeaderColor ? "" : this._isMobile ? "calcite-mode-light" : "calcite-mode-dark", a = this._isMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isMobile ? "display-none height-0" : "", o = this.mapInfos?.length > 1 && this.appLayout === "tableView" ? "position-relative top-51" : "", n = this.appLayout !== "tableView" ? "position-sticky" : "";
@@ -176,16 +176,16 @@ class F extends x {
     })}><calcite-panel>${!this._isMobile && this._showInformationHeader || this._numSelected > 0 && !this._isMobile ? 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 = this._isMobile ? "height-full" : t && this.mapInfos?.length > 1 ? "adjusted-height-100-51" : e || t ? "height-full" : this._numSelected > 0 && !this._isMobile ? "height-50" : this._showInformationHeader ? this._isMobile ? "height-full" : "height-50" : "adjusted-height-50_25", a = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-    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._isMobile} .layerOrTable=${this._layer} .mapView=${this?._mapView} @backFromCreateWorkFlow=${() => {
+    const e = this.appLayout === "mapView", t = this.appLayout === "tableView", i = this._isMobile ? "height-full" : t && this.mapInfos?.length > 1 ? "adjusted-height-100-51" : e || t ? "height-full" : this._numSelected > 0 && !this._isMobile ? "height-50" : this._showInformationHeader ? this._isMobile ? "height-full" : "height-50" : "adjusted-height-50_25", a = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", o = this._layerTable.value && this._layerTable.value.selectedRelatedIds?.length > 0 ? this._relatedTableLayer : this._layer;
+    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._isMobile} .layerOrTable=${o} .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"} .showSketchWidgets=${this._layer?.geometryType !== "point"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
+      this.appLayout = o?.isTable ? "tableView" : "mapView", this._showInformationHeader = !1;
+    }} @featureOrRecordSubmitted=${() => this._layerTable.value && void this._layerTable.value.refresh()} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectingFeatureFromMap=${this.appLayout === "mapView"} .showSketchWidgets=${o?.geometryType !== "point"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
   }
   _getTable(e, t, i) {
-    const a = this.appLayout === "mapView", o = this.appLayout === "tableView", n = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), d = e === s.HORIZONTAL ? "horizontal" : "vertical", _ = e === s.HORIZONTAL ? "header" : "panel-start", c = this.defaultWebmap && this.defaultLayer, f = 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 z-index-1`}>${this._isMobile ? void 0 : l`<calcite-action-bar class="border-sides" expand-disabled .layout=${d} 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=${c ? f : void 0} .defaultLayerId=${c ? this.defaultLayer : ""} .defaultOid=${c && !f ? 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._isMobile} .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} ${u(this._layerTable)}></layer-table></div><div class=${m(r)} id=full-map-view></div></calcite-shell>`;
+    const a = this.appLayout === "mapView", o = this.appLayout === "tableView", n = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), d = e === s.HORIZONTAL ? "horizontal" : "vertical", _ = e === s.HORIZONTAL ? "header" : "panel-start", c = this.defaultWebmap && this.defaultLayer, b = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((y) => Number.parseInt(y, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
+    return l`<calcite-shell class=${`${h} border-bottom z-index-1`}>${this._isMobile ? void 0 : l`<calcite-action-bar class="border-sides" expand-disabled .layout=${d} 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=${c ? b : void 0} .defaultLayerId=${c ? this.defaultLayer : ""} .defaultOid=${c && !b ? 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._isMobile} .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} ${u(this._layerTable)}></layer-table></div><div class=${m(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";
@@ -209,8 +209,8 @@ class F extends x {
     }} 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 l`<calcite-dialog class="filter-content-space" .heading=${this._translations.filter.replace("{{title}}", this._layer?.title || "")} id=solutions-filter-dialog-manager 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} ${u(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
+    const e = this._layerExpressions?.length > 0, t = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
+    return l`<calcite-dialog class=${`filter-content-space ${t}`} .heading=${this._translations.filter.replace("{{title}}", this._layer?.title || "")} id=solutions-filter-dialog-manager 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} ${u(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
   }
   _updateFilter() {
     const e = this._filterList?.value?.filterCount && this._filterList.value.filterCount > 0 || this._mapExtentFilterChecked;
@@ -261,7 +261,7 @@ class F extends x {
   async _setMapView() {
     const e = this._mapChange && this._getMapInfo(this._mapChange.id);
     if (e && this._mapChange) {
-      this._mapInfo = e, this._enableCreateFeatures = this._mapInfo.enableCreateFeatures, this._mapView = this._mapChange.mapView, this._initMapZoom(), this._mapView.popupEnabled = !1;
+      this._mapInfo = e, this._initLayerExpressions(), this._enableCreateFeatures = this._mapInfo.enableCreateFeatures, this._mapView = this._mapChange.mapView, this._initMapZoom(), this._mapView.popupEnabled = !1;
       const t = !this.defaultCenter || this._defaultCenterHonored ? void 0 : this.defaultCenter?.split(";").map((a) => Number.parseFloat(a)), i = !this.defaultLevel || this._defaultLevelHonored ? void 0 : Number.parseInt(this.defaultLevel, 10);
       t && i && (await this._mapView.goTo({
         center: t,
@@ -277,7 +277,7 @@ class F extends x {
     }) : this._mapView?.ui.remove("zoom");
   }
 }
-y("crowdsource-manager", F);
+w("crowdsource-manager", F);
 export {
   F as CrowdsourceManager
 };

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

@@ -1,18 +1,18 @@
 import { c as g } from "../../chunks/runtime.js";
 import { l as y } from "../../chunks/loadModules.js";
 import { d as c, j as u, i as w, g as f, c as b, e as L } from "../../chunks/mapViewUtils.js";
-import { d as F } from "../../chunks/queryUtils.js";
-import { u as v } from "../../chunks/useT9n.js";
+import { d as v } from "../../chunks/queryUtils.js";
+import { u as F } from "../../chunks/useT9n.js";
 import { html as a, nothing as m } from "lit";
 import { createRef as h, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as I, createEvent as $, noShadowRoot as C, safeClassMap as _ } from "@arcgis/lumina";
-import { css as x } from "@lit/reactive-element/css-tag.js";
+import { css as S } from "@lit/reactive-element/css-tag.js";
 import "@arcgis/instant-apps-components";
-import { defineCustomElements as S } from "@arcgis/instant-apps-components/loader";
+import { defineCustomElements as x } 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.20250604 */
-const E = x`@layer{/** @license
+v1.0.0-next.20250610 */
+const E = S`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,9 +27,9 @@ const E = x`@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)}.width-full{width:100%!important}.width-0{width:0}.height-full{height:100%!important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1)!important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}.report-submitted-msg{position:absolute;z-index:1000}.share-node{display:flex}}`;
-class V extends I {
+class P extends I {
   constructor() {
-    super(), this.center = "", this.commentButtonText = "", this.commentSubmittedMessage = "", this.defaultWebmap = "", this.description = "", this.enableAnonymousAccess = !1, this.enableAnonymousComments = !1, this.enableComments = !1, this.enableHome = !0, this.enableLogin = !1, this.enableNewReports = !1, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.isMobile = !1, this.layerExpressions = [], this.layerId = "", this.level = "", this.loginTitle = "", this.mapInfos = [], this.objectId = "", this.reportButtonText = "", this.reportsHeader = "", this.reportSubmittedMessage = "", this.showComments = !1, this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.submitNewReportsMessage = "", this.theme = "light", this.floorLevel = "", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this._featureCreationFailedErrorMsg = "", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._selectedLayerName = "", this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = v({ name: "crowdsource-reporter", blocking: !0 }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._showNextButton = !1, this._submitNextButtonDisabled = !1, this._createFeature = h(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = h(), this._featureList = h(), this._selectedRelatedFeature = [], this._filterList = h(), this._layerList = h(), this._createRelatedFeature = h(), this._layers = [], this._mapImageryLayersId = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = h(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this._reportSubmittedAlert = h(), this.togglePanel = $(), S(window);
+    super(), this.center = "", this.commentButtonText = "", this.commentSubmittedMessage = "", this.defaultWebmap = "", this.description = "", this.enableAnonymousAccess = !1, this.enableAnonymousComments = !1, this.enableComments = !1, this.enableHome = !0, this.enableLogin = !1, this.enableNewReports = !1, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.isMobile = !1, this.layerExpressions = [], this.layerId = "", this.level = "", this.loginTitle = "", this.mapInfos = [], this.objectId = "", this.reportButtonText = "", this.reportsHeader = "", this.reportSubmittedMessage = "", this.showComments = !1, this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.submitNewReportsMessage = "", this.theme = "light", this.floorLevel = "", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this._featureCreationFailedErrorMsg = "", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._selectedLayerName = "", this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = F({ name: "crowdsource-reporter", blocking: !0 }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._showNextButton = !1, this._submitNextButtonDisabled = !1, this._createFeature = h(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = h(), this._featureList = h(), this._selectedRelatedFeature = [], this._filterList = h(), this._layerList = h(), this._createRelatedFeature = h(), this._layers = [], this._mapImageryLayersId = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = h(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this._reportSubmittedAlertNode = h(), this._commentSubmittedAlertNode = h(), this._sortPopoverNode = h(), this.togglePanel = $(), x(window);
   }
   static {
     this.properties = { center: 1, commentButtonText: 1, commentSubmittedMessage: 1, defaultWebmap: 1, description: 1, enableAnonymousAccess: 5, enableAnonymousComments: 5, enableComments: 5, enableHome: 5, enableLogin: 5, enableNewReports: 5, enableSearch: 5, enableSnapping: 5, enableZoom: 5, isMobile: 5, layerExpressions: 0, layerId: 1, level: 1, loginTitle: 1, mapInfos: 0, mapView: 0, objectId: 1, reportButtonText: 1, reportingOptions: 0, reportsHeader: 1, reportSubmittedMessage: 1, searchConfiguration: 0, showComments: 5, showUserImageInCommentsList: 5, showFeatureSymbol: 5, showMyReportsOnly: 5, submitNewReportsMessage: 1, theme: 1, zoomToScale: 9, floorLevel: 1, showFullCommentTitle: 5, filterByMapExtent: 5, sortOption: 1, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, _featureCreationFailedErrorMsg: 16, _filterActive: 16, _flowItems: 16, _hasValidLayers: 16, _mapInfo: 16, _reportSubmitted: 16, _selectedLayerName: 16, _showSubmitCancelButton: 16, _showLoadingIndicator: 16, _sidePanelCollapsed: 16, _translations: 16, _updatedProgressBarStatus: 16, _updatedSorting: 16, _updatedSortOption: 16, _commentSubmitted: 16, _addingCommentFailed: 16, _filterOpen: 16, _showNextButton: 16, _submitNextButtonDisabled: 16 };
@@ -97,16 +97,16 @@ class V extends I {
     const e = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
     return a`${this._reportSubmitted && a`<calcite-alert auto-close class=${`${e} report-submitted-msg`} icon=check-circle kind=success label @calciteAlertClose=${() => {
       this._reportSubmitted = !1;
-    }} open placement=top><div slot=message .innerHTML=${(this.reportSubmittedMessage || this._translations.submitMsg) ?? ""} ${n(this._reportSubmittedAlert)}></div></calcite-alert>` || ""}${this._featureCreationFailedErrorMsg && a`<calcite-alert auto-close class=${_(e)} icon=x-octagon kind=danger label @calciteAlertClose=${() => {
+    }} open placement=top><div slot=message .innerHTML=${(this.reportSubmittedMessage || this._translations.submitMsg) ?? ""} ${n(this._reportSubmittedAlertNode)}></div></calcite-alert>` || ""}${this._featureCreationFailedErrorMsg && a`<calcite-alert auto-close class=${_(e)} icon=x-octagon kind=danger label @calciteAlertClose=${() => {
       this._featureCreationFailedErrorMsg = "";
     }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._featureCreationFailedErrorMsg}</div></calcite-alert>` || ""}${this._commentSubmitted && a`<calcite-alert auto-close class=${`report-submitted ${e}`} icon=check-circle kind=success label @calciteAlertClose=${() => {
       this._commentSubmitted = !1;
-    }} open placement=top><div slot=message>${this.commentSubmittedMessage || this._translations.commentSubmittedMsg}</div></calcite-alert>` || ""}${this._addingCommentFailed && a`<calcite-alert auto-close class=${_(e)} icon=x-octagon kind=danger label @calciteAlertClose=${() => {
+    }} open placement=top><div slot=message .innerHTML=${(this.commentSubmittedMessage || this._translations.commentSubmittedMsg) ?? ""} ${n(this._commentSubmittedAlertNode)}></div></calcite-alert>` || ""}${this._addingCommentFailed && a`<calcite-alert auto-close class=${_(e)} icon=x-octagon kind=danger label @calciteAlertClose=${() => {
       this._addingCommentFailed = !1;
     }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._translations.addingCommentFailedMsg}</div></calcite-alert>` || ""}<div><calcite-shell content-behind>${this._getReporter()}</calcite-shell></div>${this.isMobile && this.filterModal() || ""}`;
   }
   updated() {
-    this.reportSubmittedMessage && this._reportSubmittedAlert.value?.children[0] && (this._reportSubmittedAlert.value.children[0].style.margin = "0px");
+    this._adjustAlertStyles();
   }
   async _initModules() {
     const [e, t, i, s] = await y([
@@ -165,6 +165,9 @@ class V extends I {
       this._filterList.value?.filterCount !== void 0 && this._handleFilterUpdate(this._filterList.value?.filterCount > 0);
     }} reset-btn .view=${this.mapView} ${n(this._filterList)}></instant-apps-filter-list>` || ""}</div></calcite-modal>` || "";
   }
+  _adjustAlertStyles() {
+    this.reportSubmittedMessage && this._reportSubmittedAlertNode.value?.children[0] && (this._reportSubmittedAlertNode.value.children[0].style.margin = "0px"), this.commentSubmittedMessage && this._commentSubmittedAlertNode.value?.children[0] && (this._commentSubmittedAlertNode.value.children[0].style.margin = "0px");
+  }
   _toggleFilter() {
     this._filterOpen = !this._filterOpen;
   }
@@ -175,11 +178,11 @@ class V extends I {
     this._updatedSorting = {
       field: e,
       order: t
-    }, this._updatedSortOption = i;
+    }, this._updatedSortOption = i, this._sortPopoverNode.value && (this._sortPopoverNode.value.open = !1);
   }
   _toggleSort() {
     const e = this.reportingOptions && this.reportingOptions[this._selectedLayerId] && this.reportingOptions[this._selectedLayerId].like && this.reportingOptions[this._selectedLayerId].likeField;
-    return a`<calcite-popover auto-close label offset-distance=0 .placement=${this.isMobile ? "leading-start" : "bottom-start"} pointer-disabled reference-element=sort-popover><calcite-list label selection-mode=single-persist><calcite-list-item .label=${this._translations.sortNewest} @calciteListItemSelect=${() => {
+    return a`<calcite-popover auto-close label offset-distance=0 .placement=${this.isMobile ? "leading-start" : "bottom-start"} pointer-disabled reference-element=sort-popover ${n(this._sortPopoverNode)}><calcite-list label selection-mode=single-persist><calcite-list-item .label=${this._translations.sortNewest} @calciteListItemSelect=${() => {
       this._selectedLayer && this.sortOptionClick(this._selectedLayer.objectIdField, "desc", "newest");
     }} .selected=${this._updatedSortOption === "newest"} value=newest></calcite-list-item><calcite-list-item .label=${this._translations.sortOldest} @calciteListItemSelect=${() => {
       this._selectedLayer && this.sortOptionClick(this._selectedLayer.objectIdField, "asc", "oldest");
@@ -527,7 +530,7 @@ class V extends I {
     }), this.layerId && this.objectId) {
       const e = this.mapView && await c(this.mapView, this.layerId);
       if (e) {
-        const t = this.mapView && await F([Number(this.objectId)], e, [], !0, this.mapView.spatialReference);
+        const t = this.mapView && await v([Number(this.objectId)], e, [], !0, this.mapView.spatialReference);
         t?.length && (await this.setSelectedFeatures(t), this._flowItems.length && this._flowItems[this._flowItems.length - 1] !== "feature-details" ? this._flowItems = [...this._flowItems, "feature-details"] : this._flowItems = [...this._flowItems]);
       }
     }
@@ -589,7 +592,7 @@ class V extends I {
     });
   }
 }
-g("crowdsource-reporter", V);
+g("crowdsource-reporter", P);
 export {
-  V as CrowdsourceReporter
+  P as CrowdsourceReporter
 };

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.20250604 */
+v1.0.0-next.20250610 */
 const y = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ 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.20250604 */
+v1.0.0-next.20250610 */
 const d = o`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ 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.20250604 */
+v1.0.0-next.20250610 */
 const r = o`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,12 +4,12 @@ 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 n } from "@arcgis/lumina";
-import { css as u } from "@lit/reactive-element/css-tag.js";
+import { LitElement as f, createEvent as a, noShadowRoot as m, safeClassMap as r } 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.20250604 */
-const _ = u`@layer{/** @license
+v1.0.0-next.20250610 */
+const u = _`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,13 +26,13 @@ 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.allowMultipleEditing = !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);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this.allowMultipleEditing = !1, this._editorLoading = !1, this._translations = c({ name: "edit-card", blocking: !0 }), this._editContainer = p(), this._editControlElements = [], this._editingDisabled = "", this._shouldClose = !1, this._shouldEmitEditsComplete = !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, allowMultipleEditing: 5, _editorLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = _;
+    this.styles = u;
   }
   static {
     this.shadowRootOptions = m;
@@ -53,26 +53,32 @@ class w extends f {
     await this._initModules();
   }
   willUpdate(t) {
-    t.has("graphics") && this.graphicsWatchHandler(), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openWatchHandler(this.open), this.graphics?.length > 0 && this.graphics[0]?.layer && (this._layer = this.graphics[0].layer, this._layerEditHandle && this._layerEditHandle.remove());
+    if (t.has("graphics") && this.graphicsWatchHandler(), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openWatchHandler(this.open), this.graphics?.length > 0 && this.graphics[0]?.layer) {
+      this._layer = this.graphics[0].layer, this._layerEditHandle && this._layerEditHandle.remove();
+      const i = this._layer.type === "subtype-sublayer" ? this._layer.parent : this._layer;
+      i && (this._layerEditHandle = i.on("edits", () => {
+        this._shouldEmitEditsComplete = !0;
+      }));
+    }
   }
   render() {
-    const t = this.graphics?.length > 0 && this.graphics[0] ? !this.graphics[0].layer.editingEnabled : !0, e = 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=${n(e)} id=feature-form ${g(this._editContainer)}></div><calcite-loader class=${n(s)} label scale=s></calcite-loader></div></div>`;
+    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>`;
   }
   async _initModules() {
-    const [t, e] = await h(["esri/widgets/Editor", "esri/core/reactiveUtils"]);
-    this.Editor = t, this.reactiveUtils = e;
+    const [t, i] = await h(["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"), e = await d(this.mapView), s = this.enableSnapping && this.enableEditGeometry, r = e.map((i) => ({
-        layer: i,
+      const t = document.createElement("div"), i = await d(this.mapView), s = this.enableSnapping && this.enableEditGeometry, n = i.map((e) => ({
+        layer: e,
         geometryUpdatesEnabled: this.enableEditGeometry
       }));
       this._editor = this.Editor && new this.Editor({
         view: this.mapView,
-        layerInfos: r,
+        layerInfos: n,
         visibleElements: {
           flow: !0,
           settingsMenu: s,
@@ -82,10 +88,10 @@ class w extends f {
         container: t
       }), this._attachmentHandle && this._activeWorkflowHandle && (this._attachmentHandle.remove(), this._activeWorkflowHandle.remove()), this._attachmentHandle = this.reactiveUtils?.when(() => this._editor?.viewModel.state === "adding-attachment" || this._editor?.viewModel.state === "editing-attachment" || this._editor?.viewModel.state === "creating-features", () => {
         this._shouldClose = !1;
-      }), this._activeWorkflowHandle = this.reactiveUtils?.watch(() => this._editor?.viewModel.activeWorkflow, (i) => {
-        (i?.type === "update" || i?.type === "create-features") && (this._shouldClose = !1), (!i?.type && !i?.hasPendingEdits && !this._editor?.activeWorkflow || !this._editor?.activeWorkflow?.started) && (this.allowMultipleEditing = !1, this.open = !1);
-      }), this.reactiveUtils?.watch(() => this._editor?.viewModel.state, (i) => {
-        i === "ready" && this.editsComplete.emit();
+      }), this._activeWorkflowHandle = this.reactiveUtils?.watch(() => this._editor?.viewModel.activeWorkflow, (e) => {
+        (e?.type === "update" || e?.type === "create-features") && (this._shouldClose = !1), (!e?.type && !e?.hasPendingEdits && !this._editor?.activeWorkflow || !this._editor?.activeWorkflow?.started) && (this.allowMultipleEditing = !1, this.open = !1);
+      }), this.reactiveUtils?.watch(() => this._editor?.viewModel.state, (e) => {
+        this._shouldEmitEditsComplete && e === "ready" && !this._editor?.activeWorkflow && (this.editsComplete.emit(), this._shouldEmitEditsComplete = !1);
       }), this.enableSnapping || t.classList.add("hide-editor-toolbar"), this._editContainer.value && this._editContainer.value.appendChild(t), this._editor && this.editorInitialized.emit(this._editor);
     }
   }

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.20250604 */
+v1.0.0-next.20250610 */
 const C = b`@layer{/**
  * @license
  * Copyright 2025 Esri

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

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

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

@@ -7,7 +7,7 @@ import { LitElement as p } from "@arcgis/lumina";
 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.20250604 */
+v1.0.0-next.20250610 */
 const u = b`/** @license
  * Copyright 2025 Esri
  *

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.20250604 */
+v1.0.0-next.20250610 */
 const c = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { LitElement as m, createEvent as r, noShadowRoot as v, safeStyleMap as y
 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.20250604 */
+v1.0.0-next.20250610 */
 const F = $`@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.20250604 */
+v1.0.0-next.20250610 */
 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.20250604 */
+v1.0.0-next.20250610 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {

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

@@ -12,7 +12,7 @@ import { css as C } from "@lit/reactive-element/css-tag.js";
 import "@arcgis/map-config-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250604 */
+v1.0.0-next.20250610 */
 const A = C`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -54,6 +54,18 @@ export declare class MapCard extends LitElement {
      * @default false
      */
     enableShare: boolean;
+    /**
+     * boolean: when true the map layer picker tool will be available
+     *
+     * @default false
+     */
+    enableMapLayerPicker: boolean;
+    /**
+     * boolean: when true the map picker tool will be available
+     *
+     * @default false
+     */
+    enableMapPicker: boolean;
     /**
      * boolean: when true map tools will be displayed within a single expand/collapse widget
      * when false widgets will be loaded individually into expand widgets