@esri/solutions-components 1.2.0-next.98 → 5.0.0

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

@@ -1,44 +1,27 @@
-import { c as v } from "../../chunks/runtime.js";
-import { E as s } from "../../chunks/interfaces.js";
-import { d as $ } from "../../chunks/mapViewUtils.js";
-import { defineCustomElements as L } from "@arcgis/instant-apps-components/dist/loader";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as w } from "../../chunks/runtime.js";
+import { g as v } from "../../chunks/mapViewUtils.js";
+import { defineCustomElements as $ } from "@arcgis/instant-apps-components/dist/loader";
 import { u as C } from "../../chunks/useT9n.js";
-import { css as I, html as l, nothing as T } from "lit";
-import { createRef as u, ref as b } from "lit-html/directives/ref.js";
-import { LitElement as x, createEvent as _, noShadowRoot as M, safeClassMap as f, safeStyleMap as S } from "@arcgis/lumina";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.97 */
-const F = I`@layer{/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */: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-2{z-index:2!important}.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-top{border-top:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px 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)}.display-grid{display:grid}.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-0{position:absolute;inset:0}.visibility-hidden{visibility:hidden;height:0px}.border-width-0{border-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;margin:100px 0;z-index:1}.left-0{left:0}.right-0{right: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}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
-class V extends x {
+import { css as L, html as l, nothing as I } from "lit";
+import { createRef as p, ref as u } from "lit-html/directives/ref.js";
+import { LitElement as M, createEvent as m, noShadowRoot as x, safeClassMap as f, safeStyleMap as T } from "@arcgis/lumina";
+const S = L`@layer{: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-2{z-index:2!important}.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-top{border-top:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px 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)}.display-grid{display:grid}.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-0{position:absolute;inset:0}.visibility-hidden{visibility:hidden;height:0px}.border-width-0{border-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;margin:100px 0;z-index:1}.left-0{left:0}.right-0{right: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}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
+class F extends M {
   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.enableLayerList = !0, this.enableMapList = !0, this.visibilityIcon = "eyeball", this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !1, 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._showInvalidMapAlert = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._layerTable = u(), this._shouldSetMapView = !1, this._filterList = u(), this._mapCard = u(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = _(), this.showCoverPage = _(), 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, "noLayersFound", this.noLayersFound), this.listenOn(window, "idsFound", this.idsFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), this.listenOn(window, "creatingFeature", this.creatingFeature), L(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.enableLayerList = !0, this.enableMapList = !0, this.visibilityIcon = "eyeball", this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !1, 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 = "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._showInvalidMapAlert = !1, this._currentMapInfos = [], 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 = m(), this.showCoverPage = m(), 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, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), this.listenOn(window, "creatingFeature", this.creatingFeature), $(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, enableLayerList: 5, enableMapList: 5, visibilityIcon: 1, 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, _showInvalidMapAlert: 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, enableLayerList: 5, enableMapList: 5, visibilityIcon: 1, 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, _showInvalidMapAlert: 16, _currentMapInfos: 16 };
   }
   static {
-    this.styles = F;
+    this.styles = S;
   }
   static {
-    this.shadowRootOptions = M;
+    this.shadowRootOptions = x;
   }
   willUpdate(e) {
-    e.has("appLayout") && this.appLayout && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler();
+    e.has("appLayout") && this.appLayout && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler(), e.has("mapInfos") && this.hasUpdated && this.mapInfosWatchHandler();
   }
   appLayoutWatchHandler(e, t) {
     e !== t && (this._layerTable.value?.validateTableUpdate(e === "splitView"), this._setActiveLayout(e), this.appLayout === "mapView" && this._layer?.isTable && this._mapCard.value && this._mapCard.value.updateLayer(), this._isMapViewOnLoad && this._layerTable.value && this._layerTable.value.refresh());
@@ -46,6 +29,9 @@ class V extends x {
   enableZoomWatchHandler() {
     this._initMapZoom();
   }
+  mapInfosWatchHandler() {
+    this.updateCurrentMapInfos();
+  }
   async featureSelectionChange(e) {
     this._numSelected = e.detail?.length;
   }
@@ -61,7 +47,7 @@ class V extends x {
     }) : (this._mapInfo = this._mapChange && this._getMapInfo(this._mapChange.id), this._showInvalidMapAlert = !0);
   }
   async layerSelectionChange(e) {
-    const t = e.detail[0], i = this._mapView && await $(this._mapView, t);
+    const t = e.detail[0], i = this._mapView && await v(this._mapView, t);
     i && await i.when(() => {
       i.isTable && !this._isMobile && (this.appLayout = "tableView"), this._layer = i, this._initLayerExpressions(), this._handleFilterListReset(), this._isLoading = !1;
     });
@@ -72,9 +58,6 @@ class V extends x {
   async noLayersFound() {
     this._layer = void 0, this._isLoading = !1;
   }
-  async idsFound(e) {
-    this._layerIds = e.detail.layerIds;
-  }
   async clearSelection() {
     this.showHideMapPopupAndTable(!1);
   }
@@ -86,7 +69,7 @@ class V extends x {
     this.appLayout = "splitView";
   }
   load() {
-    this._resizeObserver = new ResizeObserver(() => this._onResize());
+    this.updateCurrentMapInfos(), this._resizeObserver = new ResizeObserver(() => this._onResize());
   }
   render() {
     const e = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "", t = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", i = this._translations.invalidWebMapMsg?.replace("{{web_map}}", this._mapInfo?.name || "");
@@ -111,18 +94,18 @@ class V extends x {
     e === "splitView" && !this._panelOpen && this._toggleLayout(), e === "mapView" ? this._showMapInFullView() : this._showMapInCardView();
   }
   _getDividerIcon(e, t) {
-    return e === s.HORIZONTAL ? t ? "chevrons-up" : "chevrons-down" : e === s.VERTICAL || e === s.GRID ? t ? "chevrons-left" : "chevrons-right" : void 0;
+    return e === "HORIZONTAL" ? t ? "chevrons-up" : "chevrons-down" : e === "VERTICAL" || e === "GRID" ? t ? "chevrons-left" : "chevrons-right" : void 0;
   }
   _getMapSizeClass(e, t, i) {
     let a = "";
     switch (e) {
-      case s.HORIZONTAL:
+      case "HORIZONTAL":
         a = `${t && !i ? "height-1-2 display-grid" : t && i ? "height-full" : "height-0"} width-full position-relative`;
         break;
-      case s.GRID:
+      case "GRID":
         a = `height-full position-relative ${t ? "width-1-3" : "width-0"}`;
         break;
-      case s.VERTICAL:
+      case "VERTICAL":
         a = `height-full position-relative ${t ? "width-1-2" : "width-0"}`;
         break;
     }
@@ -131,21 +114,21 @@ class V extends x {
   _getTableSizeClass(e, t) {
     let i = "";
     switch (e) {
-      case s.HORIZONTAL:
+      case "HORIZONTAL":
         i = `${t ? "height-1-2" : "height-full"} width-full display-flex flex-column`;
         break;
-      case s.GRID:
+      case "GRID":
         i = `${t ? "width-2-3" : "width-full"} height-full display-flex`;
         break;
-      case s.VERTICAL:
+      case "VERTICAL":
         i = `${t ? "width-1-2" : "width-full"} height-full display-flex`;
         break;
     }
     return i;
   }
   _getBody(e, t, i) {
-    const a = e === s.HORIZONTAL ? "" : "display-flex", o = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", n = document.dir === "rtl" ? "left-0" : "right-0";
-    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 ${n}`} @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 ${n}`} @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 === "HORIZONTAL" ? "" : "display-flex", s = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", o = document.dir === "rtl" ? "left-0" : "right-0";
+    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 ${o}`} @click=${this.coverPageButtonClick}><calcite-button appearance=solid class=${`floating-button ${s}`} 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 ${o}`} @click=${this.infoButtonClick}><calcite-button appearance=solid class=${`floating-button ${s}`} icon-start=information-letter kind=neutral label round scale=l split-child=primary width=auto></calcite-button></div>` || ""}</calcite-panel>`;
   }
   infoButtonClick() {
     this.showIntroductionWindow.emit();
@@ -158,12 +141,12 @@ class V extends x {
     return l`<div class=${`${a} overflow-hidden z-index-2`}>${this._getMapNode(t)}${this._getPopupExpandNode()}</div>`;
   }
   _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, h = ["home", "legend", "search", "fullscreen", "basemap", "floorfilter", "layers-list", "selectiontool"], d = ["map-picker", "map-layer-picker"], r = document.dir || "ltr";
-    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} .enableLayerList=${this.enableLayerList} .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((c) => c.visible !== !1)} map-widgets-index=0 .mapWidgetsPosition=${r === "rtl" ? "top-right" : "top-left"} .mobileMapWidgetsPosition=${r === "rtl" ? "top-left" : "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} .visibilityIcon=${this.visibilityIcon} .mapToolsOrder=${h} .mobileToolsOrder=${d} .zoomToScale=${this.zoomToScale} ${b(this._mapCard)}></map-card></div>`;
+    const t = this.appLayout === "mapView", i = this.appLayout === "tableView", a = this._isMobile ? "height-full" : t || i ? "position-absolute-0" : this._layoutMode === "HORIZONTAL" && (!this._isMobile || e) ? "" : "adjusted-height-50", s = this.defaultWebmap && this.defaultLayer, o = this.enableSelectionTool && this.featureSelectionMode === "multiple" && !this._layer?.isTable, r = ["home", "legend", "search", "fullscreen", "basemap", "floorfilter", "layers-list", "selectiontool"], h = ["map-picker", "map-layer-picker"], n = document.dir || "ltr";
+    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=${s ? this.defaultLayer : ""} .defaultWebmapId=${this.defaultWebmap} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableLayerList=${this.enableLayerList} .enableSearch=${this.enableSearch} .enableSelectionTool=${o} .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._currentMapInfos.filter((d) => d.visible !== !1)} map-widgets-index=0 .mapWidgetsPosition=${n === "rtl" ? "top-right" : "top-left"} .mobileMapWidgetsPosition=${n === "rtl" ? "top-left" : "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} .visibilityIcon=${this.visibilityIcon} .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" : "";
-    return l`<div class=${`${i} ${e} ${a} ${o} ${n}`} style=${S({
+    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" : "", s = this._currentMapInfos?.length > 1 && this.appLayout === "tableView" ? "position-relative top-51" : "", o = this.appLayout !== "tableView" ? "position-sticky" : "";
+    return l`<div class=${`${i} ${e} ${a} ${s} ${o}`} style=${T({
       "--calcite-color-foreground-1": this.popupHeaderColor,
       "--calcite-color-foreground-2": this.popupHeaderHoverColor,
       "--calcite-color-text-3": this.popupHeaderTextColor,
@@ -171,26 +154,26 @@ class V 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", 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} .createBtnLabel=${this._mapInfo?.createFeatureButtonLabel} .enableEditGeometry=${this._mapInfo?.enableEditGeometry} .enableSnapping=${this.enableSnapping} .isMobile=${this._isMobile} .layerOrTable=${o} .mapView=${this?._mapView} @backFromCreateWorkFlow=${() => {
+    const e = this.appLayout === "mapView", t = this.appLayout === "tableView", i = this._isMobile ? "height-full" : t && this._currentMapInfos?.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", s = 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} .createBtnLabel=${this._mapInfo?.createFeatureButtonLabel} .enableEditGeometry=${this._mapInfo?.enableEditGeometry} .enableSnapping=${this.enableSnapping} .isMobile=${this._isMobile} .layerOrTable=${s} .mapView=${this?._mapView} @backFromCreateWorkFlow=${() => {
       this._showInformationHeader = !0;
     }} @createWorkFlowStarted=${() => {
-      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>`;
+      this.appLayout = s?.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=${s?.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" : "", h = a ? "height-full width-full z-index-0" : "display-none", d = this._getTableSizeClass(e, t), r = e === s.HORIZONTAL ? "horizontal" : "vertical", c = e === s.HORIZONTAL ? "header" : "panel-start", p = this.defaultWebmap && this.defaultLayer, g = this._isMobile ? "border-top" : "", m = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, y = 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=${`${d} ${g} border-bottom z-index-1`}>${this._isMobile ? void 0 : l`<calcite-action-bar class="border-sides" expand-disabled .layout=${r} slot=${c ?? T}>${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=${p ? m : void 0} .defaultLayerId=${p ? this.defaultLayer : ""} .defaultOid=${p && !m ? y : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableTableAutosave=${this._mapInfo?.enableTableAutosave !== void 0 ? this._mapInfo?.enableTableAutosave : !0} .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} ${b(this._layerTable)}></layer-table></div><div class=${f(h)} id=full-map-view></div></calcite-shell>`;
+    const a = this.appLayout === "mapView", s = this.appLayout === "tableView", o = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), n = e === "HORIZONTAL" ? "horizontal" : "vertical", d = e === "HORIZONTAL" ? "header" : "panel-start", c = this.defaultWebmap && this.defaultLayer, _ = this._isMobile ? "border-top" : "", 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=${n} slot=${d ?? I}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${o}`}><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} .enableTableAutosave=${this._mapInfo?.enableTableAutosave !== void 0 ? this._mapInfo?.enableTableAutosave : !0} .enableShare=${this.enableShare} .featureSelectionMode=${this.featureSelectionMode} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isMobile} .mapHidden=${s} .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=${f(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";
+    const i = this._getDividerIcon(e, t), a = t ? this._translations.close : this._translations.open, s = "toggle-layout";
     return l`<calcite-action .active=${this.appLayout === "splitView"} alignment=center appearance=solid class="toggle-node" 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"} alignment=center appearance=solid 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"} alignment=center appearance=solid 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 alignment=center appearance=solid 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>`;
+    }} text></calcite-action><calcite-tooltip placement=right reference-element=browser-map-action><span>${this._translations.mapView}</span></calcite-tooltip><calcite-action alignment=center appearance=solid class="toggle-node" .icon=${i} id=${s} @click=${() => this._toggleLayout()} slot=actions-end text></calcite-action><calcite-tooltip placement=bottom .referenceElement=${s}><span>${a}</span></calcite-tooltip>`;
   }
   _deleteModal() {
     const e = (this._layerTable.value?.selectedRelatedIds?.length ?? 0) > 0 ? this._relatedTableLayer : this._layer;
@@ -211,7 +194,7 @@ class V extends x {
       this._closeFilter();
     }} combobox-overlay-positioning=fixed .layerExpressions=${this._layerExpressions} @filterListReset=${this._handleFilterListReset} @filterUpdate=${() => {
       this._updateFilter();
-    }} .view=${this._mapView} ${b(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
+    }} .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;
@@ -232,7 +215,10 @@ class V 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.appLayout = "splitView") : (this._layer?.isTable && (this.appLayout = "tableView"), this._isMobile = !1), this._layoutMode = this._isMobile ? s.HORIZONTAL : s.GRID;
+    this._isMobile = e, t && (this._panelOpen = !0), this._isMobile ? (this.showHideMapPopupAndTable(!this._isMobile), this.appLayout = "splitView") : (this._layer?.isTable && (this.appLayout = "tableView"), this._isMobile = !1), this._layoutMode = this._isMobile ? "HORIZONTAL" : "GRID";
+  }
+  updateCurrentMapInfos() {
+    this._currentMapInfos = this.mapInfos, !this.enableMapList && this.defaultWebmap && (this._currentMapInfos = this.mapInfos.filter((e) => e.id === this.defaultWebmap));
   }
   _toggleLayout() {
     this._panelOpen = !this._panelOpen;
@@ -257,7 +243,7 @@ class V extends x {
   }
   _getMapInfo(e) {
     let t;
-    return this.mapInfos.some((i) => i.id === e ? (t = { ...i }, !0) : !1), t;
+    return this._currentMapInfos.some((i) => i.id === e ? (t = { ...i }, !0) : !1), t;
   }
   async _setMapView() {
     const e = this._mapChange && this._getMapInfo(this._mapChange.id);
@@ -278,7 +264,7 @@ class V extends x {
     }) : this._mapView?.ui.remove("zoom");
   }
 }
-v("crowdsource-manager", V);
+w("crowdsource-manager", F);
 export {
-  V as CrowdsourceManager
+  F as CrowdsourceManager
 };

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

@@ -1,18 +1 @@
-import "@esri/calcite-components/components/calcite-alert";
-import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-panel";
-import "@esri/calcite-components/components/calcite-button";
-import "../delete-button/index.js";
-import "../map-card/index.js";
-import "@esri/calcite-components/components/calcite-icon";
-import "../card-manager/index.js";
-import "@esri/calcite-components/components/calcite-action-bar";
-import "../layer-table/index.js";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "../delete-dialog/index.js";
-import "@esri/calcite-components/components/calcite-block";
-import "@esri/calcite-components/components/calcite-switch";
-import "@esri/calcite-components/components/calcite-dialog";
-import "@arcgis/instant-apps-components/components/instant-apps-filter-list";
 export * from "./customElement.js";