@esri/solutions-components 1.2.0-next.20 → 1.2.0-next.22

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

@@ -6,7 +6,7 @@ import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as F, 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.20 */
+v1.2.0-next.22 */
 const x = T`/** @license
  * Copyright 2025 Esri
  *
@@ -32,66 +32,66 @@ class $ extends F {
   static {
     this.styles = x;
   }
-  willUpdate(e) {
-    e.has("mapView") && this.mapViewWatchHandler(), e.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), e.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), e.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), e.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), e.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), e.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
+  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);
   }
   async mapViewWatchHandler() {
     await this.mapView?.when(() => {
       this.enableHome && this._initHome(), this.parentComponentWidth && this._updateTools(this.parentComponentWidth);
     });
   }
-  async parentComponentWidthWatchHandler(e) {
-    this._updateTools(e);
+  async parentComponentWidthWatchHandler(s) {
+    this._updateTools(s);
   }
-  async _showBasemapWidgetWatchHandler(e) {
-    const s = this._basemapElement.value ? this._basemapElement.value.basemapWidget : void 0;
-    s && (e ? this.mapView?.ui.add(s, {
+  async _showBasemapWidgetWatchHandler(s) {
+    const e = this._basemapElement.value ? this._basemapElement.value.basemapWidget : void 0;
+    e && (s ? this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(s));
+    }) : this.mapView?.ui.remove(e));
   }
-  async _showFloorFilterWatchHandler(e) {
-    const s = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterWidget : void 0;
-    s && (e ? this.mapView?.ui.add(s, {
+  async _showFloorFilterWatchHandler(s) {
+    const e = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterWidget : void 0;
+    e && (s ? this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(s));
+    }) : this.mapView?.ui.remove(e));
   }
-  async _showFullscreenWatchHandler(e) {
-    const s = this._fullscreenElement.value ? this._fullscreenElement.value.fullscreenWidget : void 0;
-    s && (e ? s.viewModel.state === "ready" && s.viewModel.enter() : s.viewModel.state === "active" && s.viewModel.exit());
+  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(e) {
-    const s = this._legendElement.value ? this._legendElement.value.legendWidget : void 0;
-    s && (e ? this.mapView?.ui.add(s, {
+  async _showLegendWidgetWatchHandler(s) {
+    const e = this._legendElement.value ? this._legendElement.value.legendWidget : void 0;
+    e && (s ? this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(s));
+    }) : this.mapView?.ui.remove(e));
   }
-  async _showSearchWidgetWatchHandler(e) {
-    const s = this._searchElement.value ? this._searchElement.value.searchWidget : void 0;
-    s && (e ? this.mapView?.ui.add(s, {
+  async _showSearchWidgetWatchHandler(s) {
+    const e = this._searchElement.value ? this._searchElement.value.searchWidget : void 0;
+    e && (s ? this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(s));
+    }) : this.mapView?.ui.remove(e));
   }
-  async mapChanged(e) {
-    const s = e.detail.isValid;
-    this._isValidWebMap = s;
+  async mapChanged(s) {
+    const e = s.detail.isValid;
+    this._isValidWebMap = e;
   }
   async load() {
     this._mapTools = [...this.toolOrder], await this._initModules();
   }
   render() {
     this._setZoomToolsSize();
-    const e = this.layout === "horizontal" ? "display-flex" : "", s = this._getToggleIcon(), i = this._showTools ? e : "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} ${e}`}>${this.enableSingleExpand ? r`<div class=${a(g)}>${this._getActionGroup(s, !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><basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></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><floor-filter class=${a(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+    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><basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></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><floor-filter class=${a(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></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>` || ""}`;
   }
   async _initModules() {
-    const [e, s] = await W(["esri/widgets/Expand", "esri/widgets/Home"]);
-    this.Expand = e, this.Home = s;
+    const [s, e] = await W(["esri/widgets/Expand", "esri/widgets/Home"]);
+    this.Expand = s, this.Home = e;
   }
   _initHome() {
     this.enableHome && (this._homeWidget = this.Home && new this.Home({
@@ -99,35 +99,34 @@ class $ extends F {
     }));
   }
   _setZoomToolsSize() {
-    const e = document.getElementsByClassName("esri-zoom")[0]?.children[0], s = document.getElementsByClassName("esri-zoom")[0]?.children[1];
-    if (e && s) {
+    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";
-      e.style.width = i, e.style.height = i, s.style.width = i, s.style.height = i;
+      s.style.width = i, s.style.height = i, e.style.width = i, e.style.height = i;
     }
     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() {
-    let e;
-    return this.layout === "horizontal" ? e = this._showTools ? "chevrons-left" : "chevrons-right" : e = this._showTools ? "chevrons-up" : "chevrons-down", e;
+    return this.layout === "horizontal" ? this._showTools ? "chevrons-left" : "chevrons-right" : this._showTools ? "chevrons-up" : "chevrons-down";
   }
-  _updateTools(e) {
-    const s = JSON.parse(JSON.stringify(this.toolOrder));
+  _updateTools(s) {
+    const e = JSON.parse(JSON.stringify(this.toolOrder));
     this._hasFloorInfo = this.mapView?.map?.floorInfo;
-    const i = s.indexOf("floorfilter");
-    i > -1 && !this._hasFloorInfo && s.splice(i, 1);
-    const t = Math.ceil(e / 40) - 1;
-    t && t !== s.length - 1 ? (this._mapTools = s.slice(0, t), this._ellipsisTools = s.slice(t, s.length)) : (this._mapTools = s, this._ellipsisTools = []);
-  }
-  _getMapWidgets(e) {
-    const s = 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 e.map((o) => {
+    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 = []);
+  }
+  _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) {
         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;
         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;
         case "fullscreen":
-          return this.enableFullscreen && this.enableSingleExpand ? this._getActionGroup(s, !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, i || "", () => this._expand()) : this.enableFullscreen ? this._getWidget(o, 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;
         case "floorfilter":
@@ -150,23 +149,23 @@ class $ extends F {
       }
     });
   }
-  _fullscreenStateChange(e) {
-    e === "ready" && this._showFullscreen ? this._showFullscreen = !1 : e === "active" && !this._showFullscreen && (this._showFullscreen = !0);
+  _fullscreenStateChange(s) {
+    s === "ready" && this._showFullscreen ? this._showFullscreen = !1 : s === "active" && !this._showFullscreen && (this._showFullscreen = !0);
   }
-  _getActionGroup(e, s, i, l, t, o) {
+  _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 .indicator=${o} class=${`map-actions ${d} ${c} border-bottom ${p} ${t ? "danger-icon-color" : ""}`} .disabled=${s} .icon=${e} id=${e ?? _} @click=${l} scale=s text ${h(this._mapTool)}><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && r`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${e ?? _}><span>${i}</span></calcite-tooltip>` || ""}</div>`;
+    return r`<div><calcite-action alignment=center .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>`;
   }
-  _getWidget(e, s, i) {
-    if (this._widgets.indexOf(e) < 0 && this.mapView && s) {
-      const l = this.toolOrder.indexOf(e), t = this.Expand && new this.Expand({
+  _getWidget(s, e, i) {
+    if (this._widgets.indexOf(s) < 0 && this.mapView && e) {
+      const l = this.toolOrder.indexOf(s), t = this.Expand && new this.Expand({
         view: this.mapView,
-        content: s
+        content: e
       }), o = this.enableHome ? 2 : 1;
-      this.mapView.ui.add(i ? t : s, {
+      this.mapView.ui.add(i ? t : e, {
         position: this.position,
         index: l > -1 ? l + o : 1
-      }), this._widgets.push(e);
+      }), this._widgets.push(s);
     }
   }
   _showLegend() {

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 r, 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.20 */
+v1.2.0-next.22 */
 const u = d`/** @license
  * Copyright 2025 Esri
  *

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

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

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

@@ -12,7 +12,7 @@ import { useContextProvider as P } from "@arcgis/lumina/context";
 import { Controller as D } from "@arcgis/lumina/controllers";
 /*! 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.20 */
+v1.2.0-next.22 */
 const O = L`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { useContextConsumer as R } from "@arcgis/lumina/context";
 import { p as V } from "../../chunks/publicNotificationContext.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.20 */
+v1.2.0-next.22 */
 const A = G`@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";
 /*! 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.20 */
+v1.2.0-next.22 */
 const p = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -9,7 +9,7 @@ import { createRef as m, ref as _ } from "lit-html/directives/ref.js";
 import { LitElement as g, noShadowRoot as I, safeClassMap as v } 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.20 */
+v1.2.0-next.22 */
 const b = p`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -3,14 +3,14 @@ import { u as $ } from "../../chunks/useT9n.js";
 import { LitElement as v, createEvent as d, safeClassMap as a } from "@arcgis/lumina";
 import { useContextConsumer as y } from "@arcgis/lumina/context";
 import { css as C, html as n } from "lit";
-import { J as b } from "../../chunks/interfaces.js";
+import { I as b } from "../../chunks/interfaces.js";
 import { createRef as r, ref as c } from "lit-html/directives/ref.js";
 import { u as S } from "../../chunks/deployAppContexts.js";
 import { updateGroup as w, updateItem as L } from "@esri/solution-common";
 import { h as f } from "../../chunks/helpers.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.20 */
+v1.2.0-next.22 */
 const E = C`/** @license
  * Copyright 2025 Esri
  *

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

@@ -3,7 +3,7 @@ import { css as a, html as r, nothing as c } from "lit";
 import { LitElement as l, createEvent as d, noShadowRoot as o } 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.20 */
+v1.2.0-next.22 */
 const h = a`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -10,7 +10,7 @@ import { p as U } from "../../chunks/prepareDataForSolutionDisplay.js";
 import { createRef as A, ref as _ } from "lit-html/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.20 */
+v1.2.0-next.22 */
 const L = C`/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { i as C, v as G, j as M, k as F } from "../../chunks/helpers.js";
 import { a as I } from "../../chunks/appConfig.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.20 */
+v1.2.0-next.22 */
 const R = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { p as u } from "../../chunks/prepareDataForSolutionDisplay.js";
 import { createRef as s, ref as l } from "lit-html/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.20 */
+v1.2.0-next.22 */
 const f = g`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,15 +1,15 @@
 import { c as d } from "../../chunks/runtime.js";
-import { css as p, html as i } from "lit";
+import { css as p, html as t } from "lit";
 import { keyed as g } from "lit/directives/keyed.js";
 import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as u, createEvent as o, nothing as s } from "@arcgis/lumina";
+import { LitElement as u, createEvent as n, nothing as s } from "@arcgis/lumina";
 import { useContextConsumer as m } from "@arcgis/lumina/context";
 import { c as f } from "../../chunks/deployAppContexts.js";
-import { a as v, d as c, h as x } from "../../chunks/cardsHelpers.js";
+import { a as x, d as c, h as b } from "../../chunks/cardsHelpers.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.20 */
-const b = p`/** @license
+v1.2.0-next.22 */
+const v = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,32 +23,32 @@ const b = p`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.align-self-center{align-self:center}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.padding-bottom-1{padding-bottom:var(--calcite-spacing-lg)}.padding-side-1{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.width-full{width:100%}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.width-400{width:400px}.padding-3-4{padding:var(--calcite-spacing-md)}.margin-0{margin:var(--calcite-spacing-none)}.background-color-2{background-color:var(--calcite-color-foreground-2)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-foreground-2);background-color:var(--calcite-color-foreground-2)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-foreground-1);--calcite-shell-panel-background-color: var(--calcite-color-foreground-1)}.border-none{border:none}.padding-top-1{padding-top:var(--calcite-spacing-lg)}.padding-1{padding:var(--calcite-spacing-lg)}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-sides-xxl{padding-inline-start:var(--calcite-spacing-xxl);padding-inline-end:var(--calcite-spacing-xxl)}.padding-sides-lg{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start-lg{padding-inline-start:var(--calcite-spacing-lg)}.padding-end-lg{padding-inline-end:var(--calcite-spacing-lg)}.image-width{width:395px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:2;flex-shrink:.5}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip}.margin-lg{margin:var(--calcite-spacing-lg)}.line-height-1{line-height:1.1}@media(max-width:800px){.image-width{display:none}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}`;
+ */.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-xxl)}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-2{background-color:var(--calcite-color-foreground-2)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-foreground-2);background-color:var(--calcite-color-foreground-2)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-foreground-1);--calcite-shell-panel-background-color: var(--calcite-color-foreground-1)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:395px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:2;flex-shrink:.5}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}@media(max-width:800px){.image-width{display:none}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}`;
 class w extends u {
   constructor() {
     super(), this.diagramKey = "", this.open = !1, this.showSuccessAlert = !1, this.templateInfos = [], this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this._templateInfoGraph = [], this._translations = h({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = m({
       context: f,
       subscribe: !0
-    }), this.navTabSelected = o(), this.sortTypeChanged = o(), this.solutionConfigureDialogClose = o(), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+    }), this.navTabSelected = n(), this.sortTypeChanged = n(), this.solutionConfigureDialogClose = n(), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
   static {
     this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, showSuccessAlert: 5, templateInfos: 0, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _isDiagramOpen: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, _templateInfoGraph: 16, _translations: 16 };
   }
   static {
-    this.styles = b;
+    this.styles = v;
   }
   render() {
-    return i`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-1 panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border padding-top-11 margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}</calcite-shell>`;
+    return t`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}</calcite-shell>`;
   }
   async _deployedCardSelected(e) {
-    const t = e.detail;
-    this.card = t.card, this.cardRef = t.cardRef, this.cardRef.getTemplates().then((a) => {
+    const i = e.detail;
+    this.card = i.card, this.cardRef = i.cardRef, this.cardRef.getTemplates().then((a) => {
       this.templateInfos = a;
     });
-    const n = v(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    const o = x(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
     let l = !1;
-    if (n) {
-      const a = c(n), r = c(this.card);
+    if (o) {
+      const a = c(o), r = c(this.card);
       l = a > r;
     }
     this._hasNewVersion = l;
@@ -57,13 +57,13 @@ class w extends u {
     e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    return i`<div class="display-flex flex-direction-column padding-xxl"><calcite-button appearance=outline class="padding-bottom-1" icon-start=model kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" icon-start=edit-attributes kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" icon-start=file-text kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" icon-start=launch kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" icon-start=trash kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button></div>`;
+    return t`<div class="display-flex flex-direction-column padding-xxl"><calcite-button appearance=outline class="padding-bottom-lg" icon-start=model kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=edit-attributes kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=file-text kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=launch kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=trash kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button></div>`;
   }
   _openConfigureTitlesDialog() {
     this._configureTitlesOpen = !0;
   }
   _getConfigureTitlesDialog() {
-    return this._configureTitlesOpen ? i`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
+    return this._configureTitlesOpen ? t`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
       this._configureTitlesOpen = !1;
     }} @solutionItemsTitlesChanged=${async () => {
       this.templateInfos = await this.cardRef.getTemplates();
@@ -76,35 +76,35 @@ class w extends u {
     e.stopPropagation(), window.open(this.card.itemUrl, "_blank");
   }
   _getOwnerSection() {
-    return i`<div class="display-flex padding-bottom-xxl margin-start-end-xxl flex-direction-column"><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override" layout=inline scale=l>${this._translations.aboutYourSolutionOwner}</calcite-label><calcite-button appearance=transparent kind=neutral icon-start=pencil @click=${() => {
-    }}>${this._translations.editSolutionOwner}</calcite-button></div>${g(this.card?.owner, i`<arcgis-user-popup api=4 appearance=outline .baseUrl=${this._configContextConsumer?.value?.orgUrl} class="padding-top-1" .portal=${this._configContextConsumer?.value?.authentication?.Portal} scale=l show-avatar show-name show-username underline .username=${this.card?.owner}></arcgis-user-popup>`)}</div>`;
+    return t`<div class="display-flex padding-bottom-xxl margin-start-end-xxl flex-direction-column"><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override" layout=inline scale=l>${this._translations.aboutYourSolutionOwner}</calcite-label><calcite-button appearance=transparent kind=neutral icon-start=pencil @click=${() => {
+    }}>${this._translations.editSolutionOwner}</calcite-button></div>${g(this.card?.owner, t`<arcgis-user-popup api=4 appearance=outline .baseUrl=${this._configContextConsumer?.value?.orgUrl} class="padding-top-lg" .portal=${this._configContextConsumer?.value?.authentication?.Portal} scale=l show-avatar show-name show-username underline .username=${this.card?.owner}></arcgis-user-popup>`)}</div>`;
   }
   async _openDiagram(e) {
     e.stopPropagation(), this.cardRef && (this._templateInfoGraph = await this.cardRef.getTemplates(), this._isDiagramOpen = !0);
   }
   _getSolutionVersionCard() {
     const e = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion;
-    return i`<div class="padding-xxl display-flex flex-direction-column"><calcite-label class="font-weight-med label-override" layout=inline scale=l slot=heading>${this._translations.solutionVersion}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-xxl align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-lg"><span class="font-weight-bold font-color-1">${this.card?.deployVersion}</span><span>${e}</span></div></div></div>${this._hasNewVersion ? i`<calcite-button appearance=outline class="padding-top-xxl" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.viewNewVersion}</calcite-button>` : ""}</div>`;
+    return t`<div class="padding-xxl display-flex flex-direction-column"><calcite-label class="font-weight-med label-override" layout=inline scale=l slot=heading>${this._translations.solutionVersion}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="font-weight-bold font-color-1">${this.card?.deployVersion}</span><span>${e}</span></div></div></div>${this._hasNewVersion ? t`<calcite-button appearance=outline class="padding-top-lg" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.viewNewVersion}</calcite-button>` : ""}</div>`;
   }
   _openNewVersionSolution(e) {
     e.stopPropagation();
-    const t = x(this._configContextConsumer.value.allCards, this.card.deployCommonId), n = window.location.href, l = this._configContextConsumer.value.solutionsUrlMarker, a = n.indexOf(l);
-    a > -1 && t && window.open(`${n.substring(0, a + l.length)}/${t}`, "_blank");
+    const i = b(this._configContextConsumer.value.allCards, this.card.deployCommonId), o = window.location.href, l = this._configContextConsumer.value.solutionsUrlMarker, a = o.indexOf(l);
+    a > -1 && i && window.open(`${o.substring(0, a + l.length)}/${i}`, "_blank");
   }
   _getSolutionPanel() {
-    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._configContextConsumer.value?.userSession;
-    return i`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-lg"><img alt=${this.card?.title ?? s} src=${`${e}&token=${t?.token}`}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-sides-lg padding-top-xxl padding-bottom-xxl line-height-1">${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-side-1"><div class="display-flex align-items-start padding-bottom-xxl"><calcite-label scale=l class="font-1 padding-end-1">${this.card?.snippet}</calcite-label></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
+    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), i = this._configContextConsumer.value?.userSession;
+    return t`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title ?? s} src=${`${e}&token=${i?.token}`}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1">${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><calcite-label scale=l class="font-1 padding-end-xxl">${this.card?.snippet}</calcite-label></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
   }
   _getSolutionContents() {
-    return i`<calcite-panel class="panel-background-1 padding-top-1"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto"><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion></div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
+    return t`<calcite-panel class="panel-background-1 padding-top-xxl"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto"><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion></div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
   }
   _getDeleteDialog() {
-    return this._deleteDialogOpen ? i`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
+    return this._deleteDialogOpen ? t`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
       this._deleteDialogOpen = !1;
     }} .open=${this._deleteDialogOpen}></solution-delete-dialog>` : "";
   }
   _renderDiagramDialog() {
-    return this._isDiagramOpen ? i`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "") ?? s} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
+    return this._isDiagramOpen ? t`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "") ?? s} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
       this._isDiagramOpen = !1;
     }} outside-close-disabled resizable scale=l width=l><solution-item-diagram .diagramKey=${this.diagramKey !== "" ? this.diagramKey : this._configContextConsumer.value?.diagramKey ?? ""} .templateInfoGraph=${this._templateInfoGraph} .typeKeywords=${this.card?.typeKeywords}></solution-item-diagram></calcite-dialog>` : "";
   }

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

@@ -25,4 +25,6 @@ export declare class SolutionDeployingDialog extends LitElement {
     confirmCancel(): void;
     /** Cancel the current deployment */
     cancelDeployment(): void;
+    /** Emitted when the deploying dialog opens */
+    readonly deployingDialogOpened: TargetedEvent<this, void>;
 }