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

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

@@ -1,14 +1,14 @@
-import { c as y } from "../../chunks/runtime.js";
-import { u as W } from "../../chunks/useT9n.js";
-import { css as v, html as r, nothing as _ } from "lit";
+import { c as v } from "../../chunks/runtime.js";
+import { u as L } from "../../chunks/useT9n.js";
+import { css as S, html as r, nothing as f } from "lit";
 import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as T, safeClassMap as a } from "@arcgis/lumina";
-import F from "@arcgis/core/widgets/Expand";
-import $ from "@arcgis/core/widgets/Home";
+import { LitElement as F, createEvent as $, safeClassMap as a } from "@arcgis/lumina";
+import E from "@arcgis/core/widgets/Expand";
+import C from "@arcgis/core/widgets/Home";
 /*! 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.95 */
-const E = v`/** @license
+v1.2.0-next.97 */
+const x = S`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,19 +22,19 @@ const E = v`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}`;
-class x extends T {
+ */:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.margin-right-1-2{margin-right:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}`;
+class I extends F {
   constructor() {
-    super(), this.enabledLayerIds = [], this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.zoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.enableMapPicker = !1, this.enableMapLayerPicker = !1, this.position = "top-leading", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "selectiontool", "map-picker", "map-layer-picker"], this.mapInfos = [], this.defaultLayerId = "", this.isMobile = !1, this.selectedWebMapId = "", this.showOnlyUpdatableLayers = !1, this._hasFloorInfo = !1, this._translations = W({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._selectionToolActive = !1, this._showEllipsisTools = !0, this._ellipsisTools = [], this._isValidWebMap = !0, this._basemapElement = n(), this._floorFilterElement = n(), this._fullscreenElement = n(), this._legendElement = n(), this._searchElement = n(), this._widgets = [], this._selectionToolElement = n(), this._mapTools = [], this._mapTool = n(), this.listenOn(window, "mapChanged", this.mapChanged);
+    super(), this.enabledLayerIds = [], this.enableLegend = !1, this.enableLayerList = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.zoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.enableMapPicker = !1, this.enableMapLayerPicker = !1, this.position = "top-leading", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "layers-list", "selectiontool", "map-picker", "map-layer-picker"], this.selectionTools = ["rectangle-select", "lasso-select", "clear-selection"], this.mapInfos = [], this.defaultLayerId = "", this.isMobile = !1, this.selectedFeaturesIds = [], this.selectedWebMapId = "", this.showOnlyUpdatableLayers = !1, this.visibilityIcon = "eyeball", this._hasFloorInfo = !1, this._translations = L({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._showLayersListWidget = !1, this._rectangleSelectionToolActive = !1, this._lassoSelectionToolActive = !1, this._showEllipsisTools = !0, this._ellipsisTools = [], this._isValidWebMap = !0, this._showSelectionTools = !1, this._basemapElement = n(), this._floorFilterElement = n(), this._fullscreenElement = n(), this._layerListWidgetElement = n(), this._legendElement = n(), this._searchElement = n(), this._widgets = [], this._selectionToolElement = n(), this._mapTools = [], this._mapTool = n(), this.clearSelection = $(), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this._layerSelectionChange);
   }
   static {
-    this.properties = { basemapConfig: 0, enabledLayerIds: 0, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, zoomToolsSize: 1, layout: 1, mapView: 0, mapWidgetsSize: 1, enableMapPicker: 5, enableMapLayerPicker: 5, position: 1, searchConfiguration: 0, stackTools: 5, enableSelectionTool: 5, toolOrder: 0, selectedLayer: 0, mapInfos: 0, defaultLayerId: 1, isMobile: 5, parentComponentHeight: 9, parentComponentWidth: 9, selectedWebMapId: 1, showOnlyUpdatableLayers: 5, mapInfo: 0, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16, _selectionToolActive: 16, _showEllipsisTools: 16, _ellipsisTools: 16, _isValidWebMap: 16 };
+    this.properties = { basemapConfig: 0, enabledLayerIds: 0, enableLegend: 5, enableLayerList: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, zoomToolsSize: 1, layout: 1, mapView: 0, mapWidgetsSize: 1, enableMapPicker: 5, enableMapLayerPicker: 5, position: 1, searchConfiguration: 0, stackTools: 5, enableSelectionTool: 5, toolOrder: 0, selectionTools: 0, selectedLayer: 0, mapInfos: 0, defaultLayerId: 1, isMobile: 5, parentComponentHeight: 9, parentComponentWidth: 9, selectedFeaturesIds: 0, selectedWebMapId: 1, showOnlyUpdatableLayers: 5, mapInfo: 0, visibilityIcon: 1, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16, _showLayersListWidget: 16, _rectangleSelectionToolActive: 16, _lassoSelectionToolActive: 16, _showEllipsisTools: 16, _ellipsisTools: 16, _isValidWebMap: 16, _showSelectionTools: 16 };
   }
   static {
-    this.styles = E;
+    this.styles = x;
   }
   willUpdate(s) {
-    s.has("mapView") && this.mapViewWatchHandler(), s.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), s.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), s.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), s.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), s.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), s.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
+    s.has("mapView") && this.mapViewWatchHandler(), s.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), s.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), s.has("_showLayersListWidget") && (this.hasUpdated || this._showLayersListWidget !== !1) && this._showLayersListWidgetWatchHandler(this._showLayersListWidget), s.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), s.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), s.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), s.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
   }
   async mapViewWatchHandler() {
     await this.mapView?.when(() => {
@@ -45,93 +45,125 @@ class x extends T {
     this._updateTools(s);
   }
   async _showBasemapWidgetWatchHandler(s) {
-    const e = this._basemapElement.value ? this._basemapElement.value.basemapWidget : void 0;
-    e && (s ? this.mapView?.ui.add(e, {
+    const e = this._basemapElement.value ? this._basemapElement.value.basemapWidget : void 0, t = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (s ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(e));
+    }), e.container?.style.setProperty("direction", t)) : this.mapView?.ui.remove(e));
+  }
+  async _showLayersListWidgetWatchHandler(s) {
+    const e = this._layerListWidgetElement.value ? this._layerListWidgetElement.value.layerListWidget : void 0, t = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (s ? (this.mapView?.ui.add(e, {
+      position: this.position,
+      index: 1
+    }), e.container?.style.setProperty("direction", t)) : this.mapView?.ui.remove(e));
   }
   async _showFloorFilterWatchHandler(s) {
-    const e = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterWidget : void 0;
-    e && (s ? this.mapView?.ui.add(e, {
+    const e = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterWidget : void 0, t = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (s ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(e));
+    }), e.container?.style.setProperty("direction", t)) : this.mapView?.ui.remove(e));
   }
   async _showFullscreenWatchHandler(s) {
     const e = this._fullscreenElement.value ? this._fullscreenElement.value.fullscreenWidget : void 0;
     e && (s ? e.viewModel.state === "ready" && e.viewModel.enter() : e.viewModel.state === "active" && e.viewModel.exit());
   }
   async _showLegendWidgetWatchHandler(s) {
-    const e = this._legendElement.value ? this._legendElement.value.legendWidget : void 0;
-    e && (s ? this.mapView?.ui.add(e, {
+    const e = this._legendElement.value ? this._legendElement.value.legendWidget : void 0, t = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (s ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(e));
+    }), e.container?.style.setProperty("direction", t)) : this.mapView?.ui.remove(e));
   }
   async _showSearchWidgetWatchHandler(s) {
-    const e = this._searchElement.value ? this._searchElement.value.searchWidget : void 0;
-    e && (s ? this.mapView?.ui.add(e, {
+    const e = this._searchElement.value ? this._searchElement.value.searchWidget : void 0, t = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (s ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(e));
+    }), e.container?.style.setProperty("direction", t)) : this.mapView?.ui.remove(e));
   }
   async mapChanged(s) {
     const e = s.detail.isValid;
-    this._isValidWebMap = e;
+    this._isValidWebMap = e, this._showTools || this._toggleTools();
+  }
+  async _layerSelectionChange(s) {
+    this._showTools || this._toggleTools();
   }
   async load() {
     this._mapTools = [...this.toolOrder];
   }
   render() {
     this._setZoomToolsSize();
-    const s = this.layout === "horizontal" ? "display-flex" : "", e = this._getToggleIcon(), i = this._showTools ? s : "display-none", l = this._showEllipsisTools ? "" : "display-none", t = this._showSearchWidget ? "" : "display-none", o = this._showBasemapWidget ? "" : "display-none", d = this._showLegendWidget ? "" : "display-none", c = this._showFloorFilter ? "" : "display-none", p = this._showFullscreen ? "" : "display-none", m = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = this.enableSingleExpand ? this.layout === "horizontal" ? "margin-left-1-2" : "margin-top-1-2" : "", u = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", g = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "";
-    return r`<div class=${`${f} ${s}`}>${this.enableSingleExpand ? r`<div class=${a(g)}>${this._getActionGroup(e, !1, m || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${w} ${g} ${i}`}>${this._getMapWidgets(this._mapTools)}</div><div><div class=${a(u)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${a(l)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></map-basemap-gallery><map-search class=${a(t)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${a(d)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${a(p)} .mapView=${this.mapView} @fullscreenStateChange=${(b) => this._fullscreenStateChange(b.detail)} ${h(this._fullscreenElement)}></map-fullscreen><map-floor-filter class=${a(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
-      this._selectionToolActive = !this._selectionToolActive;
-    }} .selectedLayerId=${this.selectedLayer?.id} tool=rectangle ${h(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && r`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && this.selectedLayer && r`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
+    const s = this.layout === "horizontal" ? "display-flex" : "", e = this._getToggleIcon(), t = !this._showTools && !this._showSelectionTools ? "display-none" : s, l = this._showEllipsisTools ? "" : "display-none", o = this._showSearchWidget ? "" : "display-none", i = this._showBasemapWidget ? "" : "display-none", c = this._showLegendWidget ? "" : "display-none", d = this._showFloorFilter ? "" : "display-none", p = this._showFullscreen ? "" : "display-none", m = this._showLayersListWidget ? "" : "display-none", w = this._showTools ? this._translations.collapse : this._translations.expand, u = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableLayerList && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", y = document.dir === "rtl" ? "margin-right-1-2" : "margin-left-1-2", b = this.enableSingleExpand ? this.layout === "horizontal" ? y : "margin-top-1-2" : "", T = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", _ = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "", W = this._showSelectionTools ? this.selectionTools : this._mapTools;
+    return r`<div class=${`${u} ${s}`}>${this.enableSingleExpand ? r`<div class=${a(_)}>${this._getActionGroup(e, !1, w || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${b} ${_} ${t}`}>${this._getMapWidgets(W)}</div><div><div class=${a(T)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${a(l)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(i)} .mapView=${this.mapView} ${h(this._basemapElement)}></map-basemap-gallery><map-search class=${a(o)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${a(c)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${a(p)} .mapView=${this.mapView} @fullscreenStateChange=${(g) => this._fullscreenStateChange(g.detail)} ${h(this._fullscreenElement)}></map-fullscreen><layer-list-widget class=${a(m)} .mapView=${this.mapView} @fullscreenStateChange=${(g) => this._fullscreenStateChange(g.detail)} .visibilityIcon=${this.visibilityIcon} ${h(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${a(d)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+      this._rectangleSelectionToolActive = !1, this._lassoSelectionToolActive = !1;
+    }} .selectedLayerId=${this.selectedLayer?.id} ${h(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && r`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && this.selectedLayer && r`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
   }
   _initHome() {
-    this.enableHome && (this._homeWidget = new $({
+    this.enableHome && (this._homeWidget = new C({
       view: this.mapView
     }));
   }
   _setZoomToolsSize() {
     const s = document.getElementsByClassName("esri-zoom")[0]?.children[0], e = document.getElementsByClassName("esri-zoom")[0]?.children[1];
     if (s && e) {
-      const i = this.zoomToolsSize === "s" ? "32px" : this.zoomToolsSize === "m" ? "40px" : "48px";
-      s.style.width = i, s.style.height = i, e.style.width = i, e.style.height = i;
+      const t = this.zoomToolsSize === "s" ? "32px" : this.zoomToolsSize === "m" ? "40px" : "48px";
+      s.style.width = t, s.style.height = t, e.style.width = t, e.style.height = t;
+    }
+    if (this.layout === "horizontal") {
+      const t = document.dir || "ltr", l = t === "ltr" ? "esri-ui-top-left" : "esri-ui-top-right", o = t === "ltr" ? 0 : this.parentComponentWidth + 50;
+      let i = t === "ltr" ? this._showTools ? "ltr" : "rtl" : this._showTools ? "rtl" : "ltr";
+      document.getElementsByClassName(l)[0]?.firstElementChild?.tagName === "MAP-TOOLS" && !this._showTools && (i = t), document.getElementsByClassName("esri-zoom")[0]?.setAttribute("style", `position: absolute; top: 50px; left: ${o}px`), this._showSelectionTools || document.getElementsByClassName(l)[0]?.setAttribute("style", `flex-direction: row; gap: 5px; align-items: flex-start; direction: ${i} !important; z-index: 1;`);
     }
-    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; gap: 5px; align-items: flex-start; direction: ltr !important; z-index: 1;"));
   }
   _getToggleIcon() {
-    return this.layout === "horizontal" ? this._showTools ? "chevrons-left" : "chevrons-right" : this._showTools ? "chevrons-up" : "chevrons-down";
+    const s = document.dir || "ltr";
+    return this.layout === "horizontal" ? s === "ltr" ? this._showTools ? "chevrons-left" : "chevrons-right" : this._showTools ? "chevrons-right" : "chevrons-left" : this._showTools ? "chevrons-up" : "chevrons-down";
   }
   _updateTools(s) {
-    const e = JSON.parse(JSON.stringify(this.toolOrder));
+    const e = this._showSelectionTools ? JSON.parse(JSON.stringify(this.selectionTools)) : JSON.parse(JSON.stringify(this.toolOrder));
     this._hasFloorInfo = this.mapView?.map?.floorInfo;
-    const i = e.indexOf("floorfilter");
-    i > -1 && !this._hasFloorInfo && e.splice(i, 1);
-    const t = Math.ceil(s / 40) - 1;
-    t && t !== e.length - 1 ? (this._mapTools = e.slice(0, t), this._ellipsisTools = e.slice(t, e.length)) : (this._mapTools = e, this._ellipsisTools = []);
+    const t = e.indexOf("floorfilter");
+    t > -1 && !this._hasFloorInfo && e.splice(t, 1);
+    const o = Math.ceil(s / 40) - 1;
+    o && o !== e.length - 1 ? (this._mapTools = e.slice(0, o), this._ellipsisTools = e.slice(o, e.length)) : (this._mapTools = e, this._ellipsisTools = []);
   }
   _getMapWidgets(s) {
-    const e = this._showFullscreen ? "full-screen-exit" : "full-screen", i = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen, l = this._isValidWebMap ? "map" : "exclamation-mark-triangle", t = this.selectedLayer === void 0 ? "exclamation-mark-triangle" : "layers";
-    return s.map((o) => {
-      switch (o) {
+    const e = this._showFullscreen ? "full-screen-exit" : "full-screen", t = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen, l = this._isValidWebMap ? "map" : "exclamation-mark-triangle", o = this.selectedLayer === void 0 ? "exclamation-mark-triangle" : "layers";
+    return s.map((i) => {
+      switch (i) {
         case "legend":
-          return this.enableLegend && this.enableSingleExpand ? this._getActionGroup("legend", !1, this._translations.legend, () => this._showLegend()) : this.enableLegend ? this._getWidget(o, this._legendElement.value?.legendWidget, !0) : void 0;
+          return this.enableLegend && this.enableSingleExpand ? this._getActionGroup("legend", !1, this._translations.legend, () => this._showLegend()) : this.enableLegend ? this._getWidget(i, this._legendElement.value?.legendWidget, !0) : void 0;
         case "search":
-          return this.enableSearch && this.enableSingleExpand ? this._getActionGroup("magnifying-glass", !1, this._translations.search, () => this._search()) : this.enableSearch ? this._getWidget(o, this._searchElement.value?.searchWidget, !0) : void 0;
+          return this.enableSearch && this.enableSingleExpand ? this._getActionGroup("magnifying-glass", !1, this._translations.search, () => this._search()) : this.enableSearch ? this._getWidget(i, this._searchElement.value?.searchWidget, !0) : void 0;
         case "fullscreen":
-          return this.enableFullscreen && this.enableSingleExpand ? this._getActionGroup(e, !1, i || "", () => this._expand()) : this.enableFullscreen ? this._getWidget(o, this._fullscreenElement.value?.fullscreenWidget, !1) : void 0;
+          return this.enableFullscreen && this.enableSingleExpand ? this._getActionGroup(e, !1, t || "", () => this._expand()) : this.enableFullscreen ? this._getWidget(i, this._fullscreenElement.value?.fullscreenWidget, !1) : void 0;
         case "basemap":
-          return this.enableBasemap && this.enableSingleExpand ? this._getActionGroup("basemap", !1, this._translations.basemap, () => this._toggleBasemapPicker()) : this.enableBasemap ? this._getWidget(o, this._basemapElement.value?.basemapWidget, !0) : void 0;
+          return this.enableBasemap && this.enableSingleExpand ? this._getActionGroup("basemap", !1, this._translations.basemap, () => this._toggleBasemapPicker()) : this.enableBasemap ? this._getWidget(i, this._basemapElement.value?.basemapWidget, !0) : void 0;
+        case "layers-list":
+          return this.enableLayerList && this.enableSingleExpand ? this._getActionGroup("layers", !1, this._translations.layers || "", () => this._toggleLayerListWidget()) : this.enableLayerList ? this._getWidget(i, this._layerListWidgetElement.value?.layerListWidget, !0) : void 0;
         case "floorfilter":
-          return this.enableFloorFilter && this._hasFloorInfo && this.enableSingleExpand ? this._getActionGroup("urban-model", !1, this._translations.floorFilter, () => this._toggleFloorFilter()) : this.enableFloorFilter && this._hasFloorInfo ? this._getWidget(o, this._floorFilterElement.value?.floorFilterWidget, !0) : void 0;
+          return this.enableFloorFilter && this._hasFloorInfo && this.enableSingleExpand ? this._getActionGroup("urban-model", !1, this._translations.floorFilter, () => this._toggleFloorFilter()) : this.enableFloorFilter && this._hasFloorInfo ? this._getWidget(i, this._floorFilterElement.value?.floorFilterWidget, !0) : void 0;
         case "selectiontool":
+          return this.enableSelectionTool && this.selectedLayer ? (
+            // if selection tool is enabled and a layer is selected only then show selection tool
+            this._getActionGroup("cursor-selection", !1, this._translations.selectionTools, this._onSelectionToolClick, !1)
+          ) : void 0;
+        case "rectangle-select":
           return this.enableSelectionTool && this.selectedLayer ? (
             // if selection tool is enabled and a layer is selected then only show selection tool
-            this._getActionGroup("cursor-selection", !1, this._translations.selectByRectangle, () => this._toggleSelectionTool(), this._selectionToolActive)
+            this._getActionGroup("cursor-marquee", !1, this._translations.selectByRectangle, () => this._toggleSelectionTool("rectangle"), !1, this._rectangleSelectionToolActive)
+          ) : void 0;
+        case "lasso-select":
+          return this.enableSelectionTool && this.selectedLayer ? (
+            // if selection tool is enabled and a layer is selected then only show selection tool
+            this._getActionGroup("lasso-select", !1, this._translations.selectByLasso, () => this._toggleSelectionTool("freehandPolygon"), !1, this._lassoSelectionToolActive)
+          ) : void 0;
+        case "clear-selection":
+          return this.selectedLayer && this.selectedFeaturesIds.length > 0 ? (
+            // on mobile show clear selection tool only when a layer is selected
+            this._getActionGroup("erase", !1, this._translations.clearSelection, () => this.clearSelection.emit())
           ) : void 0;
         case "home":
           return this.enableHome ? this._getActionGroup("home", !1, this._translations.defaultMapView, () => this._homeWidget?.go()) : void 0;
@@ -139,7 +171,7 @@ class x extends T {
           return this.enableMapPicker ? this._getActionGroup(l, !1, "", () => {
           }, !this._isValidWebMap) : void 0;
         case "map-layer-picker":
-          return this.enableMapLayerPicker && this._isValidWebMap ? this._getActionGroup(t, !1, "", () => {
+          return this.enableMapLayerPicker && this._isValidWebMap ? this._getActionGroup(o, !1, "", () => {
           }, this.selectedLayer === void 0) : void 0;
         default:
           return "";
@@ -149,19 +181,19 @@ class x extends T {
   _fullscreenStateChange(s) {
     s === "ready" && this._showFullscreen ? this._showFullscreen = !1 : s === "active" && !this._showFullscreen && (this._showFullscreen = !0);
   }
-  _getActionGroup(s, e, i, l, t, o) {
-    const d = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", c = this.stackTools ? "" : "margin-bottom-1-2", p = this.stackTools ? "" : "box-shadow";
-    return r`<div><calcite-action alignment=center appearance=solid .indicator=${o} class=${`map-actions ${d} ${c} border-bottom ${p} ${t ? "danger-icon-color" : ""}`} .disabled=${e} .icon=${s} id=${s ?? _} @click=${l} scale=s text ${h(this._mapTool)}><calcite-icon icon=chevron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && r`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${s ?? _}><span>${i}</span></calcite-tooltip>` || ""}</div>`;
+  _getActionGroup(s, e, t, l, o, i) {
+    const c = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", d = this.stackTools ? "" : "margin-bottom-1-2", p = this.stackTools ? "" : "box-shadow";
+    return r`<div><calcite-action alignment=center appearance=solid .indicator=${i} class=${`map-actions ${c} ${d} border-bottom ${p} ${o ? "danger-icon-color" : ""}`} .disabled=${e} .icon=${s} id=${s ?? f} @click=${l} scale=s text ${h(this._mapTool)}><calcite-icon icon=chevron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && t && r`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${s ?? f}><span>${t}</span></calcite-tooltip>` || ""}</div>`;
   }
-  _getWidget(s, e, i) {
+  _getWidget(s, e, t) {
     if (this._widgets.indexOf(s) < 0 && this.mapView && e) {
-      const l = this.toolOrder.indexOf(s), t = new F({
+      const l = this.toolOrder.indexOf(s), o = new E({
         view: this.mapView,
         content: e
-      }), o = this.enableHome ? 2 : 1;
-      this.mapView.ui.add(i ? t : e, {
+      }), i = this.enableHome ? 2 : 1;
+      this.mapView.ui.add(t ? o : e, {
         position: this.position,
-        index: l > -1 ? l + o : 1
+        index: l > -1 ? l + i : 1
       }), this._widgets.push(s);
     }
   }
@@ -174,23 +206,29 @@ class x extends T {
   _toggleBasemapPicker() {
     this._showBasemapWidget = !this._showBasemapWidget, this._showTools = !1, this._toggleEllipsisTools();
   }
+  _toggleLayerListWidget() {
+    this._showLayersListWidget = !this._showLayersListWidget, this._showTools = !1, this._toggleEllipsisTools();
+  }
   _toggleFloorFilter() {
     this._showFloorFilter = !this._showFloorFilter, this._showTools = !1, this._toggleEllipsisTools();
   }
-  _toggleSelectionTool() {
-    this._selectionToolActive = !this._selectionToolActive, this._selectionToolElement.value?.toggleSelectionTool();
+  _onSelectionToolClick() {
+    this._showSelectionTools = !this._showSelectionTools, this._showTools = !1, this._toggleEllipsisTools();
+  }
+  _toggleSelectionTool(s) {
+    s === "rectangle" ? (this._lassoSelectionToolActive = !1, this._rectangleSelectionToolActive = !this._rectangleSelectionToolActive) : s === "freehandPolygon" && (this._rectangleSelectionToolActive = !1, this._lassoSelectionToolActive = !this._lassoSelectionToolActive), this._selectionToolElement.value?.toggleSelectionTool(s, this._rectangleSelectionToolActive || this._lassoSelectionToolActive);
   }
   _expand() {
     this._showFullscreen = !this._showFullscreen;
   }
   _toggleTools() {
-    this._showTools || (this._showBasemapWidget = !1, this._showSearchWidget = !1, this._showLegendWidget = !1, this._showFloorFilter = !1), this._showTools = !this._showTools, this._toggleEllipsisTools();
+    this._showTools || (this._showSelectionTools = !1, this._showBasemapWidget = !1, this._showLayersListWidget = !1, this._showSearchWidget = !1, this._showLegendWidget = !1, this._showFloorFilter = !1), this._rectangleSelectionToolActive ? this._toggleSelectionTool("rectangle") : this._lassoSelectionToolActive && this._toggleSelectionTool("freehandPolygon"), this._showTools = !this._showTools, this._toggleEllipsisTools(), this._updateTools(this.parentComponentWidth);
   }
   _toggleEllipsisTools() {
     this._showEllipsisTools = !this._showEllipsisTools;
   }
 }
-y("map-tools", x);
+v("map-tools", I);
 export {
-  x as MapTools
+  I as MapTools
 };

package/dist/components/map-tools/index.d.ts

@@ -2,6 +2,7 @@ import "../map-basemap-gallery/index.js";
 import "../map-search/index.js";
 import "../map-legend/index.js";
 import "../map-fullscreen/index.js";
+import "../layer-list-widget/index.js";
 import "../map-floor-filter/index.js";
 import "../selection-tool/index.js";
 import "../map-picker/index.js";

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

@@ -2,6 +2,7 @@ import "../map-basemap-gallery/index.js";
 import "../map-search/index.js";
 import "../map-legend/index.js";
 import "../map-fullscreen/index.js";
+import "../layer-list-widget/index.js";
 import "../map-floor-filter/index.js";
 import "../selection-tool/index.js";
 import "../map-picker/index.js";

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

@@ -5,7 +5,7 @@ import { createRef as o, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as u, safeClassMap as a } 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.95 */
+v1.2.0-next.97 */
 const r = c`/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { createRef as g, ref as c } from "lit-html/directives/ref.js";
 import { LitElement as m } 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.95 */
+v1.2.0-next.97 */
 const h = [
   {
     descriptionPDF: {

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

@@ -13,7 +13,7 @@ import "../refine-selection/customElement.js";
 import D from "@arcgis/core/Graphic";
 /*! 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.95 */
+v1.2.0-next.97 */
 const O = k`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -12,7 +12,7 @@ import R from "@arcgis/core/Graphic";
 import V from "@arcgis/core/layers/GraphicsLayer";
 /*! 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.95 */
+v1.2.0-next.97 */
 const T = D`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/selection-tool/customElement.d.ts

@@ -17,9 +17,15 @@ export declare class SelectionTool extends LitElement {
      *
      * @default 'rectangle'
      */
-    tool: 'circle' | 'polygon' | 'rectangle';
-    /** Toggles the selection tool state */
-    toggleSelectionTool(): Promise<void>;
+    tool: 'circle' | 'freehandPolygon' | 'polygon' | 'rectangle';
+    /**
+     * Toggles the selection tool state
+     *
+     * @param tool
+     * @param isActive
+     * @param tool Tool for selecting the features
+     */
+    toggleSelectionTool(tool: 'circle' | 'freehandPolygon' | 'polygon' | 'rectangle', isActive: boolean): Promise<void>;
     /** Emitted when drawing is completed */
     readonly drawingComplete: TargetedEvent<this, void>;
     /** Emitted when feature are selected */

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

@@ -6,7 +6,7 @@ import h from "@arcgis/core/layers/GraphicsLayer";
 import p from "@arcgis/core/widgets/Sketch/SketchViewModel";
 /*! 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.95 */
+v1.2.0-next.97 */
 const m = l`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -43,8 +43,11 @@ class d extends c {
       this._initSketchViewModel();
     });
   }
-  async toggleSelectionTool() {
-    this._graphicsLayer?.removeAll(), this._selectionTool && this._selectionTool.state === "active" ? this._selectionTool.cancel() : this._selectionTool?.create(this.tool);
+  async toggleSelectionTool(e, t) {
+    if (this._graphicsLayer?.removeAll(), this._selectionTool?.state === "active" && this._selectionTool.cancel(), t) {
+      const i = e ?? this.tool;
+      this._selectionTool?.create(i);
+    }
   }
   async loaded() {
     await this.init();
@@ -56,7 +59,9 @@ class d extends c {
     this.mapView && this._initSketchViewModel();
   }
   _initSketchViewModel() {
-    this._graphicsLayer = new h(), this._selectionTool = new p({
+    this._graphicsLayer = new h({
+      listMode: "hide"
+    }), this._selectionTool = new p({
       layer: this._graphicsLayer,
       view: this.mapView
     }), this._selectionTool && this._selectionTool.on("create", (e) => {

package/dist/components/solution-configure-titles/customElement.d.ts

@@ -13,6 +13,12 @@ export declare class SolutionConfigureTitles extends LitElement {
      * @default false
      */
     open: boolean;
+    /**
+     * Source from which the dialog was opened ("Card Dropdown" or "Details Page")
+     *
+     * @default 'Card Dropdown'
+     */
+    source: 'Card Dropdown' | 'Details Page';
     /** The solution items data used here to check for and store any user defined prefix or suffix values */
     solutionData: any;
     /** ITemplateInfo[]: Collection of template infos */

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

@@ -1,6 +1,6 @@
 import { c as y } from "../../chunks/runtime.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { LitElement as C, createEvent as h, safeClassMap as o } from "@arcgis/lumina";
+import { u as C } from "../../chunks/useT9n.js";
+import { LitElement as $, createEvent as h, safeClassMap as o } from "@arcgis/lumina";
 import { useContextConsumer as T } from "@arcgis/lumina/context";
 import { css as v, html as r } from "lit";
 import { I as S, T as D } from "../../chunks/interfaces.js";
@@ -8,11 +8,11 @@ import { createRef as d, ref as c } from "lit-html/directives/ref.js";
 import { c as E } from "../../chunks/deployAppContexts.js";
 import * as b from "@esri/solution-common";
 import { updateGroup as w, updateItem as V, updateItemExtended as L } from "@esri/solution-common";
-import { j as p } from "../../chunks/helpers.js";
+import { k as p } from "../../chunks/helpers.js";
 import { g as P } from "../../chunks/getRelatedInfos.js";
 /*! 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.95 */
+v1.2.0-next.97 */
 const R = v`/** @license
  * Copyright 2025 Esri
  *
@@ -28,15 +28,15 @@ const R = v`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.font-style-1{font-size:1rem;color:var(--calcite-color-text-2)}.margin-top-0{margin-top:0}.padding-bottom-2{padding-bottom:2rem}.padding-left-2{padding-left:2rem}.padding-right-2{padding-right:2rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.width-full{width:100%}.justify-content-space{justify-content:space-between}`;
-class N extends C {
+class N extends $ {
   constructor() {
-    super(...arguments), this.open = !1, this.solutionData = {}, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._nonSolutionDependencyItems = [], this._solutionItemsTitlesUpdating = !1, this._translations = $({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = T({
+    super(...arguments), this.open = !1, this.source = "Card Dropdown", this.solutionData = {}, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._nonSolutionDependencyItems = [], this._solutionItemsTitlesUpdating = !1, this._translations = C({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = T({
       context: E,
       subscribe: !0
     }), this._defaultPrefix = "", this._defaultSuffix = "", this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1, this._prefixRef = d(), this._prefixValue = "", this._suffixRef = d(), this._suffixValue = "", this._templateInfos = [], this.solutionConfigureTitlesBeforeClose = h(), this.solutionItemsTitlesChanged = h();
   }
   static {
-    this.properties = { card: 0, open: 5, solutionData: 1, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _nonSolutionDependencyItems: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
+    this.properties = { card: 0, open: 5, source: 1, solutionData: 1, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _nonSolutionDependencyItems: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
   }
   static {
     this.styles = R;
@@ -115,7 +115,8 @@ class N extends C {
         dimensions: [
           this.card?.title || "",
           this.card?.deployCommonId || "",
-          this.card?.deployVersion || ""
+          this.card?.deployVersion || "",
+          this.source
         ]
       }), this._solutionItemsTitlesUpdating = !0;
       const e = this._displayTemplateInfos.reduce((s, n) => {

package/dist/components/solution-delete-dialog/customElement.d.ts

@@ -20,6 +20,12 @@ export declare class SolutionDeleteDialog extends LitElement {
      * @default false
      */
     open: boolean;
+    /**
+     * Source from which the dialog was opened ("Card Dropdown" or "Details Page")
+     *
+     * @default 'Card Dropdown'
+     */
+    source: 'Card Dropdown' | 'Details Page';
     /** Closes the panel */
     close(): void;
     /** Deletes the solution provided in the card property. */

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

@@ -6,13 +6,13 @@ import { useContextConsumer as g } from "@arcgis/lumina/context";
 import { a as I } from "../../chunks/common.js";
 import { T as D } from "../../chunks/interfaces.js";
 import { deleteSolution as y } from "@esri/solution-common";
-import { c as b } from "../../chunks/deployAppContexts.js";
-import { createRef as w, ref as d } from "lit-html/directives/ref.js";
+import { c as w } from "../../chunks/deployAppContexts.js";
+import { createRef as b, ref as d } from "lit-html/directives/ref.js";
 import "../solution-item-accordion/customElement.js";
 import { p as C, g as $ } from "../../chunks/getRelatedInfos.js";
 /*! 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.95 */
+v1.2.0-next.97 */
 const S = u`/** @license
  * Copyright 2025 Esri
  *
@@ -30,15 +30,15 @@ const S = u`/** @license
  */.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.display-none{display:none}`;
 class T extends _ {
   constructor() {
-    super(), this.open = !1, this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = f({ name: "solution-delete-dialog", blocking: !0 }), this._accordion = w(), this._configContextConsumer = g({
-      context: b,
+    super(), this.open = !1, this.source = "Card Dropdown", this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = f({ name: "solution-delete-dialog", blocking: !0 }), this._accordion = b(), this._configContextConsumer = g({
+      context: w,
       subscribe: !0
     }), this.solutionDeleteDialogOpen = h(), this.solutionDeleted = h(), this.solutionDeleteDialogBeforeClose = h(), this.listenOn(window, "beforeunload", (e) => {
       this._isDeleteInProgress && (e.preventDefault(), e.returnValue = !0);
     });
   }
   static {
-    this.properties = { card: 0, open: 5, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _showUndeletableItems: 16, _templateInfos: 16, _translations: 16 };
+    this.properties = { card: 0, open: 5, source: 1, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _showUndeletableItems: 16, _templateInfos: 16, _translations: 16 };
   }
   static {
     this.styles = S;
@@ -56,7 +56,8 @@ class T extends _ {
       dimensions: [
         this.card?.title || "",
         this.card?.deployCommonId || "",
-        this.card?.deployVersion || ""
+        this.card?.deployVersion || "",
+        this.source
       ]
     }), this._isDeleteInProgress = !0, this.card) {
       const e = [{

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

@@ -12,7 +12,7 @@ import "lit";
 import "lit/directives/ref.js";
 /*! 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.95 */
+v1.2.0-next.97 */
 export {
   n as SolutionDeployDialog
 };

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

@@ -8,7 +8,7 @@ import "lit-html/directives/ref.js";
 import "lit";
 /*! 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.95 */
+v1.2.0-next.97 */
 export {
   l as SolutionDeployedCard
 };

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

@@ -11,7 +11,7 @@ import { a as C, d as r, h as S } from "../../chunks/cardsHelpers.js";
 import { g as $ } from "../../chunks/getRelatedInfos.js";
 /*! 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.95 */
+v1.2.0-next.97 */
 const D = h`/** @license
  * Copyright 2025 Esri
  *
@@ -81,7 +81,7 @@ class I extends _ {
       this._configureTitlesOpen = !1;
     }} @solutionItemsTitlesChanged=${async () => {
       this.templateInfos = await this.cardRef.getTemplates();
-    }} .open=${this._configureTitlesOpen} .templateInfos=${this.templateInfos}></solution-configure-titles>` : "";
+    }} .open=${this._configureTitlesOpen} source="Details Page" .templateInfos=${this.templateInfos}></solution-configure-titles>` : "";
   }
   _viewDocumentation(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
@@ -163,10 +163,10 @@ class I extends _ {
   _getDeleteDialog() {
     return this._deleteDialogOpen ? i`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
       this._deleteDialogOpen = !1;
-    }} .open=${this._deleteDialogOpen}></solution-delete-dialog>` : "";
+    }} .open=${this._deleteDialogOpen} source="Details Page"></solution-delete-dialog>` : "";
   }
   _getSuccessDeployAlert() {
-    return i`<calcite-alert auto-close auto-close-duration=fast icon=check-circle kind=success .label=${this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? "")} .open=${this._showSuccessAlert} @calciteAlertClose=${() => {
+    return i`<calcite-alert auto-close auto-close-duration=medium icon=check-circle kind=success .label=${this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? "")} .open=${this._showSuccessAlert} @calciteAlertClose=${() => {
       this._showSuccessAlert = !1;
     }}><div slot=title>${this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? "")}</div></calcite-alert>`;
   }