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

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

@@ -5,13 +5,13 @@ import { g as y, b as g } from "../../chunks/mapViewUtils.js";
 import { u as _ } from "../../chunks/useT9n.js";
 import { html as o, nothing as c } from "lit";
 import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as v, createEvent as d, noShadowRoot as I, safeClassMap as m } from "@arcgis/lumina";
-import { css as w } from "@lit/reactive-element/css-tag.js";
+import { LitElement as v, createEvent as r, noShadowRoot as w, safeClassMap as m } from "@arcgis/lumina";
+import { css as I } from "@lit/reactive-element/css-tag.js";
 import { defineCustomElements as $ } 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.20250603.1 */
-const L = w`@layer{/** @license
+v1.0.0-next.20250604 */
+const L = I`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,16 +28,16 @@ const L = w`@layer{/** @license
  */:host{display:block;--calcite-label-margin-bottom: 0;--calcite-block-padding: 0}.map-height{height:calc(100% - 53px)}.height-full{height:100%}.height-49-px{height:49px}.box-shadow{box-shadow:none!important}.visibility-hidden-1{visibility:hidden;height:1px}.hidden{visibility:hidden!important}.display-flex{display:flex}.display-none{display:none}.display-block{display:block}.absolute-right{position:absolute;right:0;left:unset}.esri-ui-inner-container.esri-ui-corner-container{direction:ltr}html[dir=rtl] .absolute-right{left:0;right:unset}.panel-header-override{--calcite-panel-header-content-space: 0px}@media only screen and (max-width: 1024px){.esri-zoom{display:none!important}}}`;
 class M extends v {
   constructor() {
-    super(), this.defaultWebmapId = "", this.defaultLayerId = "", this.enableHome = !1, this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableShare = !1, this.enableSingleExpand = !1, this.enableSearch = !1, this.enableBasemap = !1, this.hide = !1, this.zoomToolsSize = "m", this.mapInfos = [], this.mapWidgetsIndex = 0, this.mapWidgetsPosition = "top-left", this.mobileMapWidgetsPosition = "top-right", this.mapWidgetsSize = "m", this.stackTools = !1, this.mapToolsOrder = [], this.mobileToolsOrder = [], this.isMapLayout = !1, this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.selectedFeaturesIds = [], this.showOnlyUpdatableLayers = !1, this.isMobile = !1, this.enableSelectionTool = !1, this._translations = _({ name: "map-card", blocking: !0 }), this._toolInfos = [], this._filterActive = !1, this._enabledLayerIds = [], this._defaultWebmapHonored = !1, this._loadedId = "", this._mapDiv = n(), this._mapPicker = n(), this._mapTools = n(), this._mobMapTools = n(), this._mapListExpanded = !1, this._definitionExpression = "", this._mapLayerPicker = n(), this._toolbar = n(), this._selectedWebMapId = "", this.mapChanged = d(), this.beforeMapChanged = d(), this.toggleFilter = d(), this.clearSelection = d(), this.listenOn(window, "mapInfoChange", this.mapInfoChange), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.enableSingleExpand = !0, this.stackTools = !0, $(window);
+    super(), this.defaultWebmapId = "", this.defaultLayerId = "", this.enableHome = !1, this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableShare = !1, this.enableSingleExpand = !1, this.enableSearch = !1, this.enableBasemap = !1, this.featureSelectionMode = "multiple", this.hide = !1, this.zoomToolsSize = "m", this.mapInfos = [], this.mapWidgetsIndex = 0, this.mapWidgetsPosition = "top-left", this.mobileMapWidgetsPosition = "top-right", this.mapWidgetsSize = "m", this.stackTools = !1, this.mapToolsOrder = [], this.mobileToolsOrder = [], this.isMapLayout = !1, this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.selectedFeaturesIds = [], this.showOnlyUpdatableLayers = !1, this.isMobile = !1, this.enableSelectionTool = !1, this._translations = _({ name: "map-card", blocking: !0 }), this._toolInfos = [], this._filterActive = !1, this._enabledLayerIds = [], this._defaultWebmapHonored = !1, this._loadedId = "", this._mapDiv = n(), this._mapPicker = n(), this._mapTools = n(), this._mobMapTools = n(), this._mapListExpanded = !1, this._definitionExpression = "", this._mapLayerPicker = n(), this._toolbar = n(), this._selectedWebMapId = "", this.mapChanged = r(), this.beforeMapChanged = r(), this.toggleFilter = r(), this.clearSelection = r(), this.editMultipleFeatures = r(), this.listenOn(window, "mapInfoChange", this.mapInfoChange), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.enableSingleExpand = !0, this.stackTools = !0, $(window);
   }
   static {
-    this.properties = { appLayout: 1, appProxies: 1, defaultWebmapId: 1, defaultLayerId: 1, enableHome: 5, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableShare: 5, enableSingleExpand: 5, enableSearch: 5, enableBasemap: 5, basemapConfig: 0, hide: 5, zoomToolsSize: 1, mapInfos: 0, mapWidgetsIndex: 9, mapWidgetsPosition: 1, mobileMapWidgetsPosition: 1, mapWidgetsSize: 1, mapView: 0, stackTools: 5, theme: 1, mapToolsOrder: 0, mobileToolsOrder: 0, isMapLayout: 5, shareIncludeEmbed: 5, shareIncludeSocial: 5, selectedFeaturesIds: 0, selectedLayer: 0, zoomToScale: 9, showOnlyUpdatableLayers: 5, isMobile: 5, mapInfo: 0, enableSelectionTool: 5, _translations: 16, _searchConfiguration: 16, _webMapInfo: 16, _toolInfos: 16, _filterActive: 16, _mapDivHeight: 16, _mapDivWidth: 16 };
+    this.properties = { appLayout: 1, appProxies: 1, defaultWebmapId: 1, defaultLayerId: 1, enableHome: 5, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableShare: 5, enableSingleExpand: 5, enableSearch: 5, enableBasemap: 5, featureSelectionMode: 1, basemapConfig: 0, hide: 5, zoomToolsSize: 1, mapInfos: 0, mapWidgetsIndex: 9, mapWidgetsPosition: 1, mobileMapWidgetsPosition: 1, mapWidgetsSize: 1, mapView: 0, stackTools: 5, theme: 1, mapToolsOrder: 0, mobileToolsOrder: 0, isMapLayout: 5, shareIncludeEmbed: 5, shareIncludeSocial: 5, selectedFeaturesIds: 0, selectedLayer: 0, zoomToScale: 9, showOnlyUpdatableLayers: 5, isMobile: 5, mapInfo: 0, enableSelectionTool: 5, _translations: 16, _searchConfiguration: 16, _webMapInfo: 16, _toolInfos: 16, _filterActive: 16, _mapDivHeight: 16, _mapDivWidth: 16 };
   }
   static {
     this.styles = L;
   }
   static {
-    this.shadowRootOptions = I;
+    this.shadowRootOptions = w;
   }
   willUpdate(e) {
     e.has("appLayout") && this.appLayoutWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("mapInfo") && this.mapInfoWatchHandler(), e.has("selectedLayer") && this.selectedLayerWatchHandler(), e.has("selectedFeaturesIds") && this.selectedFeaturesIdsWatchHandler();
@@ -88,8 +88,8 @@ class M extends v {
     }));
   }
   render() {
-    const e = this.hide ? "visibility-hidden-1" : "", i = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", s = "height-full", t = this.isMapLayout ? "" : "display-none", a = this.isMobile ? "" : "hidden";
-    return this._validateActiveActions(), o`<calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker()}${this._getHeaderActions()}<div slot=header-actions-end class="display-flex absolute-right">${this.enableShare && this.isMapLayout ? this._getShare("share") : void 0}</div><calcite-progress class=${m(t)} value=0></calcite-progress><div class=${`${e} ${s}`}><div class="height-full" ${h(this._mapDiv)}></div></div>${o`<map-tools .basemapConfig=${this.basemapConfig} class=${`box-shadow ${i}`} .defaultLayerId=${this.defaultLayerId} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableSingleExpand=${this.enableSingleExpand} .enableSelectionTool=${this.enableSelectionTool} .isMobile=${this.isMobile} .parentComponentHeight=${this._mapDivHeight} .parentComponentWidth=${this._mapDivWidth} .zoomToolsSize=${this.zoomToolsSize} layout=horizontal .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .position=${this.mapWidgetsPosition} .selectedLayer=${this.selectedLayer} .searchConfiguration=${this._searchConfiguration} .stackTools=${this.stackTools} .toolOrder=${this.mapToolsOrder} ${h(this._mapTools)}></map-tools><map-tools class=${`box-shadow ${i} ${a}`} .enableBasemap=${this.enableBasemap} .enabledLayerIds=${this._enabledLayerIds} enable-map-layer-picker enable-map-picker .isMobile=${this.isMobile} .zoomToolsSize=${this.zoomToolsSize} layout=vertical .mapInfos=${this.mapInfos} .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .parentComponentHeight=${this._mapDivHeight} .position=${this.mobileMapWidgetsPosition} .selectedLayer=${this.selectedLayer} .selectedWebMapId=${this._selectedWebMapId} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} .stackTools=${this.stackTools} .toolOrder=${this.mobileToolsOrder} ${h(this._mobMapTools)}></map-tools>`}</calcite-panel>`;
+    const e = this.hide ? "visibility-hidden-1" : "", i = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", t = "height-full", s = this.isMapLayout ? "" : "display-none", a = this.isMobile ? "" : "hidden";
+    return this._validateActiveActions(), o`<calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker()}${this._getHeaderActions()}<div slot=header-actions-end class="display-flex absolute-right">${this.enableShare && this.isMapLayout ? this._getShare("share") : void 0}</div><calcite-progress class=${m(s)} value=0></calcite-progress><div class=${`${e} ${t}`}><div class="height-full" ${h(this._mapDiv)}></div></div>${o`<map-tools .basemapConfig=${this.basemapConfig} class=${`box-shadow ${i}`} .defaultLayerId=${this.defaultLayerId} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableSingleExpand=${this.enableSingleExpand} .enableSelectionTool=${this.enableSelectionTool} .isMobile=${this.isMobile} .parentComponentHeight=${this._mapDivHeight} .parentComponentWidth=${this._mapDivWidth} .zoomToolsSize=${this.zoomToolsSize} layout=horizontal .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .position=${this.mapWidgetsPosition} .selectedLayer=${this.selectedLayer} .searchConfiguration=${this._searchConfiguration} .stackTools=${this.stackTools} .toolOrder=${this.mapToolsOrder} ${h(this._mapTools)}></map-tools><map-tools class=${`box-shadow ${i} ${a}`} .enableBasemap=${this.enableBasemap} .enabledLayerIds=${this._enabledLayerIds} enable-map-layer-picker enable-map-picker .isMobile=${this.isMobile} .zoomToolsSize=${this.zoomToolsSize} layout=vertical .mapInfos=${this.mapInfos} .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .parentComponentHeight=${this._mapDivHeight} .position=${this.mobileMapWidgetsPosition} .selectedLayer=${this.selectedLayer} .selectedWebMapId=${this._selectedWebMapId} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} .stackTools=${this.stackTools} .toolOrder=${this.mobileToolsOrder} ${h(this._mobMapTools)}></map-tools>`}</calcite-panel>`;
   }
   updated() {
     this._mapDivHeight = this._mapDiv.value?.offsetHeight ?? 0, document.onclick = (e) => this._handleDocumentClick(e);
@@ -98,19 +98,19 @@ class M extends v {
     this._mapDiv.value && this._mapSizeObserver?.observe(this._mapDiv.value), this._updateShareUrl();
   }
   async _initModules() {
-    const [e, i, s, t] = await u([
+    const [e, i, t, s] = await u([
       "esri/WebMap",
       "esri/views/MapView",
       "esri/widgets/Home",
       "esri/config"
     ]);
-    this.WebMap = e, this.MapView = i, this.Home = s, this.esriConfig = t;
+    this.WebMap = e, this.MapView = i, this.Home = t, this.esriConfig = s;
   }
   async _loadMap(e) {
-    const i = !this._defaultWebmapHonored && this.defaultWebmapId, s = this.mapInfos?.filter((l) => l.id === this.defaultWebmapId), t = JSON.stringify(e) !== JSON.stringify(this._webMapInfo);
-    this._webMapInfo = i && s ? s[0] : !e?.id && this.mapInfos.length > 0 ? this.mapInfos[0] : e;
-    const a = this._webMapInfo.id, r = i && e?.id === this.defaultWebmapId;
-    if (this._loadedId !== a && !i || r) {
+    const i = !this._defaultWebmapHonored && this.defaultWebmapId, t = this.mapInfos?.filter((l) => l.id === this.defaultWebmapId), s = JSON.stringify(e) !== JSON.stringify(this._webMapInfo);
+    this._webMapInfo = i && t ? t[0] : !e?.id && this.mapInfos.length > 0 ? this.mapInfos[0] : e;
+    const a = this._webMapInfo.id, d = i && e?.id === this.defaultWebmapId;
+    if (this._loadedId !== a && !i || d) {
       const l = this.WebMap && new this.WebMap({
         portalItem: { id: a }
       });
@@ -121,21 +121,21 @@ class M extends v {
       }), this._loadedId = a, this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapView && await this.mapView.when(() => {
         if (this.mapView) {
           const p = this.isMobile ? 160 : 110;
-          this._mapDivWidth = this._mapDiv.value && this._mapDiv.value.offsetWidth - p, this._mapTools.value && this.mapView.ui.add(this._mapTools.value, { position: this.mapWidgetsPosition, index: this.mapWidgetsIndex }), this._mobMapTools.value && this.mapView.ui.add(this._mobMapTools.value, { position: this.mobileMapWidgetsPosition, index: this.mapWidgetsIndex }), this._defaultWebmapHonored = r ? !0 : this._defaultWebmapHonored, this.mapChanged.emit({
+          this._mapDivWidth = this._mapDiv.value && this._mapDiv.value.offsetWidth - p, this._mapTools.value && this.mapView.ui.add(this._mapTools.value, { position: this.mapWidgetsPosition, index: this.mapWidgetsIndex }), this._mobMapTools.value && this.mapView.ui.add(this._mobMapTools.value, { position: this.mobileMapWidgetsPosition, index: this.mapWidgetsIndex }), this._defaultWebmapHonored = d ? !0 : this._defaultWebmapHonored, this.mapChanged.emit({
             id: a,
             mapView: this.mapView
           });
         }
       });
-    } else i ? (this._defaultWebmapHonored = !0, this._mapPicker.value && this._mapPicker.value.setMapByID(a)) : t && this.mapView && (this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapChanged.emit({
+    } else i ? (this._defaultWebmapHonored = !0, this._mapPicker.value && this._mapPicker.value.setMapByID(a)) : s && this.mapView && (this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapChanged.emit({
       id: a,
       mapView: this.mapView
     }));
     this._updateShareUrl();
   }
   _getMapLayerPicker() {
-    const e = this.isMapLayout ? "header-actions-start" : "", i = this.mapInfos?.length > 1 ? "" : "display-none", s = this.isMapLayout ? "height-0" : "width-full", t = "display-flex", a = this.isMapLayout ? "" : "display-none";
-    return o`${!this.isMobile && o`<div slot=${e ?? c}><map-picker class=${`${i} ${s}`} id=map-picker .isMapLayout=${this.isMapLayout} .mapInfos=${this.mapInfos} .selectedWebMapId=${this._selectedWebMapId} ${h(this._mapPicker)}></map-picker></div>` || ""}<div slot=header-actions-start class=${`mapView-header display-flex ${a}`} id=solutions-map-layer-picker-container><div class=${`border-end ${t}`}>${this.mapView && o`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-single-layer-as-label show-tables show-tables-disabled type=dropdown ${h(this._mapLayerPicker)}></map-layer-picker>` || ""}</div></div>`;
+    const e = this.isMapLayout ? "header-actions-start" : "", i = this.mapInfos?.length > 1 ? "" : "display-none", t = this.isMapLayout ? "height-0" : "width-full", s = "display-flex", a = this.isMapLayout ? "" : "display-none";
+    return o`${!this.isMobile && o`<div slot=${e ?? c}><map-picker class=${`${i} ${t}`} id=map-picker .isMapLayout=${this.isMapLayout} .mapInfos=${this.mapInfos} .selectedWebMapId=${this._selectedWebMapId} ${h(this._mapPicker)}></map-picker></div>` || ""}<div slot=header-actions-start class=${`mapView-header display-flex ${a}`} id=solutions-map-layer-picker-container><div class=${`border-end ${s}`}>${this.mapView && o`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-single-layer-as-label show-tables show-tables-disabled type=dropdown ${h(this._mapLayerPicker)}></map-layer-picker>` || ""}</div></div>`;
   }
   _getHeaderActions() {
     return o`<div slot=header-content><calcite-action-bar class=${m("display-flex")} expand-disabled expanded id=${this._getId("bar") ?? c} layout=horizontal><calcite-action-group>${this.isMapLayout ? this._getActions() : void 0}</calcite-action-group></calcite-action-bar></div>`;
@@ -150,41 +150,46 @@ class M extends v {
     if (!e)
       return;
     const i = new URL(e);
-    this._loadedId ? i.searchParams.set("webmap", this._loadedId) : i.searchParams.delete("webmap"), this.selectedLayer?.id ? i.searchParams.set("layer", this.selectedLayer.id) : i.searchParams.delete("layer"), this.selectedFeaturesIds?.length > 0 ? i.searchParams.set("oid", this.selectedFeaturesIds.join(",")) : i.searchParams.delete("oid"), this.appLayout && i.searchParams.set("applayout", this.appLayout), this._shareNode && (this._shareNode.shareUrl = i.href);
+    this._loadedId ? i.searchParams.set("webmap", this._loadedId) : i.searchParams.delete("webmap"), this.selectedLayer?.id ? i.searchParams.set("layer", this.selectedLayer.id) : i.searchParams.delete("layer"), this.selectedFeaturesIds?.length > 0 ? i.searchParams.set("oid", this.selectedFeaturesIds.join(",")) : i.searchParams.delete("oid"), this.appLayout && i.searchParams.set("applayout", this.appLayout), this._shareNode && (this._shareNode.autoUpdateShareUrl = !1, this._shareNode.shareUrl = i.href);
   }
   _initToolInfos() {
-    const e = this.selectedFeaturesIds?.length > 0;
-    this.selectedFeaturesIds?.length > 1;
-    const i = [];
-    i.push({
+    const e = this.selectedFeaturesIds?.length > 0, i = this.featureSelectionMode === "multiple" && this.selectedLayer?.capabilities?.operations.supportsUpdate, t = [];
+    t.push({
       active: !1,
       icon: "filter",
       indicator: !1,
       label: this._translations.filters,
       func: () => this._toggleFilter(),
       disabled: !1
-    }), i.push({
+    }), t.push({
       active: !1,
       icon: "zoom-to-object",
       indicator: !1,
       label: this._translations.zoom,
       func: () => this._zoom(),
       disabled: !e
-    }), i.push({
+    }), i && t.push({
+      active: !1,
+      icon: "pencil",
+      indicator: !1,
+      label: this._translations.editMultiple,
+      func: () => this.editMultipleFeatures.emit(this.selectedFeaturesIds),
+      disabled: !i
+    }), t.push({
       active: !1,
       icon: "refresh",
       indicator: !1,
       label: this._translations.refresh,
       func: () => this.selectedLayer?.refresh(),
       disabled: !1
-    }), i.push({
+    }), t.push({
       active: !1,
       icon: "erase",
       indicator: !1,
       label: this._translations.clearSelection,
       func: () => this.clearSelection.emit(),
       disabled: !e
-    }), this._toolInfos = i;
+    }), this._toolInfos = t;
   }
   _validateActiveActions() {
     const e = ["filter"];
@@ -193,9 +198,9 @@ class M extends v {
     });
   }
   _validateEnabledActions() {
-    const e = this.selectedFeaturesIds?.length > 0, i = this.selectedFeaturesIds?.length > 1 && this.selectedLayer?.capabilities?.operations?.supportsUpdate, s = ["zoom-to-object", "pencil", "erase"];
-    this._toolInfos?.forEach((t) => {
-      t && s.indexOf(t.icon) > -1 && (t.disabled = t.icon === "pencil" ? !i : !e);
+    const e = this.selectedFeaturesIds?.length > 0, i = this.selectedFeaturesIds?.length > 1 && this.selectedLayer?.capabilities?.operations?.supportsUpdate, t = ["zoom-to-object", "pencil", "erase"];
+    this._toolInfos?.forEach((s) => {
+      s && t.indexOf(s.icon) > -1 && (s.disabled = s.icon === "pencil" ? !i : !e);
     });
   }
   _handleDocumentClick(e) {
@@ -217,12 +222,12 @@ class M extends v {
   _getActions() {
     return this._toolInfos?.reduce((e, i) => (i && e.push(this._getAction(i.active, i.icon, i.indicator, i.label, i.func, i.disabled, i.loading)), e), []);
   }
-  _getToolTip(e, i, s) {
-    return document.getElementById(i) ? o`<calcite-tooltip .placement=${e} .referenceElement=${"map-" + i}><span>${s}</span></calcite-tooltip>` : void 0;
+  _getToolTip(e, i, t) {
+    return document.getElementById(i) ? o`<calcite-tooltip .placement=${e} .referenceElement=${"map-" + i}><span>${t}</span></calcite-tooltip>` : void 0;
   }
-  _getAction(e, i, s, t, a, r, l) {
-    const p = this.selectedLayer === void 0 ? !0 : r;
-    return o`<calcite-action .active=${e} appearance=solid .disabled=${p} .icon=${i} .id=${"map-" + i} .indicator=${s} .label=${t} .loading=${l} @click=${a} .text=${t} text-enabled></calcite-action>`;
+  _getAction(e, i, t, s, a, d, l) {
+    const p = this.selectedLayer === void 0 ? !0 : d;
+    return o`<calcite-action .active=${e} appearance=solid .disabled=${p} .icon=${i} .id=${"map-" + i} .indicator=${t} .label=${s} .loading=${l} @click=${a} .text=${s} text-enabled></calcite-action>`;
   }
   _getId(e) {
     return `solutions-action-${e}`;

package/dist/components/map-draw-tools/customElement.js

@@ -9,7 +9,7 @@ import { LitElement as f, createEvent as h, noShadowRoot as y, safeClassMap as o
 import { css as k } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const w = k`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/map-fullscreen/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as r, createEvent as c } from "@arcgis/lumina";
 import { css as h } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const o = h`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/map-layer-picker/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as g, createEvent as n, noShadowRoot as L, safeStyleMap as c
 import { css as w } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const v = w`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -41,7 +41,11 @@ class I extends g {
     e.has("mapView") && this.hasUpdated && this.mapViewWatchHandler(), e.has("type") && (this._layerElement = this.type === "select" ? this._layerSelectElement : this._layerComboboxElement), e.has("selectedIds") && this.hasUpdated && this.mapView && (async () => {
       const t = await p(this.mapView, this.selectedIds[0]);
       this.selectedName = t?.title ?? "";
-    })();
+    })(), e.has("enabledLayerIds") && this.hasUpdated && this.enabledLayerIdsWatchHandler();
+  }
+  async enabledLayerIdsWatchHandler() {
+    const e = !this.enabledLayerIds.includes(this.selectedIds[0]), t = this.enabledLayerIds.some((s) => !this.ids.includes(s));
+    e ? this.mapViewWatchHandler() : t && this._setLayers(), this._hasMultipleLayers = this.enabledLayerIds.length > 1;
   }
   async mapViewWatchHandler() {
     await this._setLayers(), this.ids?.length > 0 ? (this._hasValidLayers = !0, this._hasMultipleLayers = this.ids.length > 1, await this._setSelectedLayer(this.ids[0])) : (this._hasValidLayers = !1, this.noLayersFound.emit());

package/dist/components/map-legend/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as r } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const o = d`/**
  * @license
  * Copyright 2025 Esri

package/dist/components/map-picker/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as h, createEvent as r, safeClassMap as f, safeStyleMap as m
 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.20250603.1 */
+v1.0.0-next.20250604 */
 const u = b`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/map-search/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as f } from "@arcgis/lumina";
 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.20250603.1 */
+v1.0.0-next.20250604 */
 const S = y`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/map-select-tools/customElement.js

@@ -11,7 +11,7 @@ import { LitElement as E, createEvent as T, noShadowRoot as O, safeClassMap as f
 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.20250603.1 */
+v1.0.0-next.20250604 */
 const D = F`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/map-tools/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as T, safeClassMap as l } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const E = F`/** @license
  * Copyright 2025 Esri
  *
@@ -101,7 +101,7 @@ class $ extends T {
       const t = this.zoomToolsSize === "s" ? "32px" : this.zoomToolsSize === "m" ? "40px" : "48px";
       e.style.width = t, e.style.height = t, s.style.width = t, s.style.height = t;
     }
-    this.layout === "horizontal" && (document.getElementsByClassName("esri-zoom")[0]?.setAttribute("style", "position: absolute; top: 50px;"), document.getElementsByClassName("esri-ui-top-left")[0]?.setAttribute("style", "flex-direction: row; gap: 5px; align-items: flex-start;"));
+    this.layout === "horizontal" && (document.getElementsByClassName("esri-zoom")[0]?.setAttribute("style", "position: absolute; top: 50px; left: 0"), document.getElementsByClassName("esri-ui-top-left")[0]?.setAttribute("style", "flex-direction: row-reverse; gap: 5px; align-items: flex-start;"));
   }
   _getToggleIcon() {
     let e;

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

@@ -6,7 +6,7 @@ import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
 import { css as r } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const u = r`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/pdf-download/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as m } from "@arcgis/lumina";
 import { css as h } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const u = [
   {
     descriptionPDF: {

package/dist/components/public-notification/customElement.js

@@ -11,7 +11,7 @@ import { LitElement as x, createEvent as E, noShadowRoot as T, safeClassMap as p
 import { css as C } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const I = C`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -10,7 +10,7 @@ import { LitElement as R, createEvent as w, noShadowRoot as O } from "@arcgis/lu
 import { css as A } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const D = A`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as h, createEvent as s, noShadowRoot as l } from "@arcgis/lu
 import { css as n } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const p = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-article-card/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as r } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const n = o`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configuration/customElement.js

@@ -10,7 +10,7 @@ import { LitElement as _, noShadowRoot as g, safeClassMap as I } from "@arcgis/l
 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.20250603.1 */
+v1.0.0-next.20250604 */
 const b = v`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configure-panel/customElement.js

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

package/dist/components/solution-configure-titles/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-contents/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as a, createEvent as l, noShadowRoot as d } from "@arcgis/lu
 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.20250603.1 */
+v1.0.0-next.20250604 */
 const h = o`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-deploy-dialog/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-deploy-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as l, noShadowRoot as r, nothing as n } from "@arcgis/lumina
 import { css as c } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const h = c`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-deployed-card/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as l, nothing as i } from "@arcgis/lumina";
 import { css as n } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const r = n`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-deploying-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as l, noShadowRoot as c, nothing as r } from "@arcgis/lumina
 import { css as h } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const u = h`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-details-card/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as c, nothing as r, safeClassMap as n } from "@arcgis/lumina
 import { css as l } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const d = l`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-details-panel/customElement.js

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

package/dist/components/solution-item/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as n, noShadowRoot as c, safeStyleMap as e } from "@arcgis/l
 import { css as r } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const b = r`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-accordion/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as p, createEvent as n } from "@arcgis/lumina";
 import { css as h } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-details/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as r, noShadowRoot as c } from "@arcgis/lumina";
 import { css as h } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const p = h`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-icon/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as p, noShadowRoot as u, nothing as c } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const g = d`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-sharing/customElement.js

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

package/dist/components/solution-items-diagram/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-organization-variables/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as n, createEvent as o } from "@arcgis/lumina";
 import { css as l } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const c = l`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-resource-item/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as u, safeStyleMap as p, safeClassMap as m } from "@arcgis/l
 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.20250603.1 */
+v1.0.0-next.20250604 */
 const _ = f`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-snapshot-gallery/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-spatial-ref/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as u, createEvent as c, noShadowRoot as m } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const S = b`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-template-data/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as p, noShadowRoot as u, safeClassMap as s } from "@arcgis/l
 import { css as m } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const v = m`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-variables/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as l, createEvent as c } 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.20250603.1 */
+v1.0.0-next.20250604 */
 const h = o`/** @license
  * Copyright 2025 Esri
  *