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

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

@@ -1,15 +1,15 @@
 import { c as m } from "../../chunks/runtime.js";
 import { d as p, e as b, f as _ } from "../../chunks/mapViewUtils.js";
-import { u } from "../../chunks/useT9n.js";
-import { css as g, html as i, nothing as l } from "lit";
+import { u as f } from "../../chunks/useT9n.js";
+import { css as u, html as i, nothing as l } from "lit";
 import { createRef as o, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as r, noShadowRoot as L, safeStyleMap as c, safeClassMap as y } from "@arcgis/lumina";
+import { LitElement as g, createEvent as h, noShadowRoot as L, safeStyleMap as c, safeClassMap as y } from "@arcgis/lumina";
 import { useContextConsumer as w } from "@arcgis/lumina/context";
-import { p as v } from "../../chunks/publicNotificationContext.js";
+import { p as I } 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.2 */
-const I = g`@layer{/** @license
+v1.2.0-next.20 */
+const v = u`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,18 +24,18 @@ const I = g`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.map-layer-picker-container{width:100%;align-items:center}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.no-bottom-margin{--calcite-label-margin-bottom: 0px}.layer-picker-label-container{align-items:center;display:inline-flex;height:100%;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.cursor-default{cursor:default}.popover-list{overflow:auto;width:250px}}`;
-class $ extends f {
+class O extends g {
   constructor() {
-    super(), this.appearance = "transparent", this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.placeholderIcon = "", this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.showLayersListInPopover = !1, this.referenceElement = "", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = u({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = o(), this._layerComboboxElement = o(), this._pnContextConsumer = w({
-      context: v,
+    super(), this.appearance = "transparent", this.configLayerOrderDefined = !1, this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.placeholderIcon = "", this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.showLayersListInPopover = !1, this.referenceElement = "", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = f({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = o(), this._layerComboboxElement = o(), this._pnContextConsumer = w({
+      context: I,
       subscribe: !0
-    }), this._skipEditCheck = !1, this._popover = o(), this.beforeLayerSelectionChange = r(), this.idsFound = r(), this.noLayersFound = r(), this.layerSelectionChange = r(), this.listenOn(window, "mapChanged", this.mapChanged);
+    }), this._skipEditCheck = !1, this._popover = o(), this.beforeLayerSelectionChange = h(), this.idsFound = h(), this.noLayersFound = h(), this.layerSelectionChange = h(), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
-    this.properties = { appearance: 1, defaultLayerId: 1, display: 1, enabledLayerIds: 0, height: 9, isMobile: 5, mapView: 0, showOnlyUpdatableLayers: 5, placeholderIcon: 1, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, showLayersListInPopover: 5, referenceElement: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
+    this.properties = { appearance: 1, configLayerOrderDefined: 5, defaultLayerId: 1, display: 1, enabledLayerIds: 0, height: 9, isMobile: 5, mapView: 0, showOnlyUpdatableLayers: 5, placeholderIcon: 1, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, showLayersListInPopover: 5, referenceElement: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
   }
   static {
-    this.styles = I;
+    this.styles = v;
   }
   static {
     this.shadowRootOptions = L;
@@ -123,8 +123,8 @@ class $ extends f {
     return this.ids.reduce((e, t) => (this._validLayer(t) ? e.push(this._getItem(t, "layer")) : this._validTable(t) && e.push(this._getItem(t, "table")), e), []);
   }
   _getItem(e, t) {
-    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, a = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, n = s?.name, h = this.selectedIds.indexOf(e) > -1;
-    return this.type === "combobox" ? i`<calcite-combobox-item .disabled=${a} .selected=${h} .textLabel=${n} .value=${e}></calcite-combobox-item>` : this.type === "select" ? i`<calcite-option .disabled=${a} .label=${n} .selected=${h} .value=${e}></calcite-option>` : this.force && h || !this.force ? i`<calcite-dropdown-group class=${y(a ? "disabled" : "")} id=${n ?? l} .selectionMode=${a ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${a ? void 0 : () => void this._setSelectedLayer(e)} .selected=${h}>${n}</calcite-dropdown-item></calcite-dropdown-group>` : null;
+    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, a = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, r = s?.name, n = this.selectedIds.indexOf(e) > -1;
+    return this.type === "combobox" ? i`<calcite-combobox-item .disabled=${a} .selected=${n} .textLabel=${r} .value=${e}></calcite-combobox-item>` : this.type === "select" ? i`<calcite-option .disabled=${a} .label=${r} .selected=${n} .value=${e}></calcite-option>` : this.force && n || !this.force ? i`<calcite-dropdown-group class=${y(a ? "disabled" : "")} id=${r ?? l} .selectionMode=${a ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${a ? void 0 : () => void this._setSelectedLayer(e)} .selected=${n}>${r}</calcite-dropdown-item></calcite-dropdown-group>` : null;
   }
   async _setSelectedLayer(e) {
     if (e !== this.selectedIds[0]) {
@@ -150,9 +150,15 @@ class $ extends f {
       let e = [];
       this._layerNameHash && (e = this.showOnlyUpdatableLayers ? this._getEditableIds(this._layerNameHash) : Object.keys(this._layerNameHash));
       let t = [];
-      this._tableNameHash && (t = this.showTables ? this.showOnlyUpdatableLayers ? this._getEditableIds(this._tableNameHash) : Object.keys(this._tableNameHash) : []);
-      const s = [...e.reverse(), ...t.reverse()];
-      this.ids = this.enabledLayerIds.length > 0 ? this.enabledLayerIds.filter((a) => s.includes(a)) : s, this.idsFound.emit({
+      if (this._tableNameHash && (t = this.showTables ? this.showOnlyUpdatableLayers ? this._getEditableIds(this._tableNameHash) : Object.keys(this._tableNameHash) : []), this.configLayerOrderDefined) {
+        const s = [...e.reverse(), ...t.reverse()];
+        this.ids = this.enabledLayerIds.length > 0 ? this.enabledLayerIds.filter((a) => s.includes(a)) : s;
+      } else
+        this.ids = [
+          ...e.reverse().filter((s) => this.enabledLayerIds?.length > 0 ? this.enabledLayerIds.indexOf(s) > -1 : !0),
+          ...t.reverse().filter((s) => this.enabledLayerIds?.length > 0 ? this.enabledLayerIds.indexOf(s) > -1 : !0)
+        ];
+      this.idsFound.emit({
         layerIds: e,
         tableIds: t
       });
@@ -187,7 +193,7 @@ class $ extends f {
     }
   }
 }
-m("map-layer-picker", $);
+m("map-layer-picker", O);
 export {
-  $ as MapLayerPicker
+  O as MapLayerPicker
 };

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

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

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

@@ -5,7 +5,7 @@ import { createRef as l, ref as r } from "lit-html/directives/ref.js";
 import { LitElement as f, createEvent as p, safeClassMap as d, safeStyleMap as b } 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.2 */
+v1.2.0-next.20 */
 const u = m`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { createRef as m, ref as f } from "lit-html/directives/ref.js";
 import { LitElement as y } 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.2 */
+v1.2.0-next.20 */
 const S = u`/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { useContextConsumer as F } from "@arcgis/lumina/context";
 import { p as D } 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.2 */
+v1.2.0-next.20 */
 const x = T`@layer{/** @license
  * Copyright 2025 Esri
  *

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.2 */
+v1.2.0-next.20 */
 const x = T`/** @license
  * Copyright 2025 Esri
  *

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.2 */
+v1.2.0-next.20 */
 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.2 */
+v1.2.0-next.20 */
 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.2 */
+v1.2.0-next.20 */
 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.2 */
+v1.2.0-next.20 */
 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.2 */
+v1.2.0-next.20 */
 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.2 */
+v1.2.0-next.20 */
 const b = p`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,16 +1,16 @@
 import { c as T } from "../../chunks/runtime.js";
 import { u as $ } from "../../chunks/useT9n.js";
-import { LitElement as v, createEvent as r, safeClassMap as a } from "@arcgis/lumina";
+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 { createRef as d, ref as c } from "lit-html/directives/ref.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 L, updateItem as w } from "@esri/solution-common";
+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.2 */
+v1.2.0-next.20 */
 const E = C`/** @license
  * Copyright 2025 Esri
  *
@@ -28,10 +28,10 @@ const E = C`/** @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-1{padding-bottom:1rem}.padding-bottom-2{padding-bottom:2rem}.padding-left-2{padding-left:2rem}.padding-right-2{padding-right:2rem}.padding-top-2{padding-top: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 v {
   constructor() {
-    super(...arguments), this.open = !1, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._solutionItemsTitlesUpdating = !1, this._translations = $({ name: "solution-configure-titles", blocking: !0 }), this._prefixRef = d(), this._prefixValue = "", this._suffixRef = d(), this._suffixValue = "", this._userSessionContextConsumer = y({
+    super(...arguments), this.open = !1, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._solutionItemsTitlesUpdating = !1, this._translations = $({ name: "solution-configure-titles", blocking: !0 }), this._prefixRef = r(), this._prefixValue = "", this._suffixRef = r(), this._suffixValue = "", this._accordionRef = r(), this._userSessionContextConsumer = y({
       context: S,
       subscribe: !0
-    }), this.solutionConfigureTitlesBeforeClose = r(), this.solutionItemsTitlesChanged = r();
+    }), this.solutionConfigureTitlesBeforeClose = d(), this.solutionItemsTitlesChanged = d();
   }
   static {
     this.properties = { card: 0, open: 5, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
@@ -39,11 +39,11 @@ class N extends v {
   static {
     this.styles = E;
   }
-  willUpdate(i) {
-    i.has("templateInfos") && this._updateTemplates();
+  willUpdate(t) {
+    t.has("templateInfos") && this._updateTemplates();
   }
   load() {
-    this._updateTemplates();
+    this._updateTemplates(), this._selectFirstAccordionItem();
   }
   render() {
     return n`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${() => {
@@ -51,11 +51,11 @@ class N extends v {
     }} .open=${this.open} outside-close-disabled width=l>${this._getPrefixSuffixControls()}${this._getAccordion()}${this._getDialogButtons()}</calcite-dialog>`;
   }
   _getPrefixSuffixControls() {
-    const i = f(this._prefixValue), s = this._hasNameLengthError && this._prefixValue.length > 0, t = !i, e = !s, u = t ? "display-none" : "", p = e ? "display-none" : "", h = t && e ? "valid" : "invalid", m = f(this._suffixValue), g = this._hasNameLengthError && this._suffixValue.length > 0, l = !m, o = !g, x = l ? "display-none" : "", _ = o ? "display-none" : "", I = l && o ? "valid" : "invalid";
-    return this._saveDisabled = !t || !e || !l || !o, n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2"><calcite-label scale=l class="font-weight-medium">${this._translations.configureTitlesDialogHeader}</calcite-label><p class="font-style-1 margin-top-0">${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${h} ${c(this._prefixRef)}></calcite-input><calcite-input-message class=${a(u)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${a(p)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${I} ${c(this._suffixRef)}></calcite-input><calcite-input-message class=${a(x)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${a(_)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
+    const t = f(this._prefixValue), s = this._hasNameLengthError && this._prefixValue.length > 0, i = !t, e = !s, u = i ? "display-none" : "", h = e ? "display-none" : "", p = i && e ? "valid" : "invalid", m = f(this._suffixValue), g = this._hasNameLengthError && this._suffixValue.length > 0, l = !m, o = !g, _ = l ? "display-none" : "", x = o ? "display-none" : "", I = l && o ? "valid" : "invalid";
+    return this._saveDisabled = !i || !e || !l || !o, n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2"><calcite-label scale=l class="font-weight-medium">${this._translations.configureTitlesDialogHeader}</calcite-label><p class="font-style-1 margin-top-0">${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${p} ${c(this._prefixRef)}></calcite-input><calcite-input-message class=${a(u)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${a(h)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${I} ${c(this._suffixRef)}></calcite-input><calcite-input-message class=${a(_)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${a(x)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
   }
   _getAccordion() {
-    return n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion></div>`;
+    return n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} ${c(this._accordionRef)}></solution-item-accordion></div>`;
   }
   _getDialogButtons() {
     return n`<div slot=footer-end><calcite-button appearance=outline class="padding-end-1-2" kind=brand @click=${this._closeDialog}>${this._translations.cancelTheDialog}</calcite-button><calcite-button .disabled=${this._saveDisabled} kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.applyChangesAndCloseTheDialog}</calcite-button></div>`;
@@ -71,8 +71,11 @@ class N extends v {
     }, 500);
   }
   _updateTemplates() {
-    const i = /[^\s\\]/.test(this._prefixValue), s = /[^\s\\]/.test(this._suffixValue), t = JSON.parse(JSON.stringify(this.templateInfos));
-    this._hasNameLengthError = !1, this._displayTemplateInfos = t.map((e) => (e.title = i && s ? `${`${this._prefixValue} `}${e.title}${` ${this._suffixValue}`}` : i ? `${`${this._prefixValue} `}${e.title}` : s ? `${e.title}${` ${this._suffixValue}`}` : e.title, this._hasNameLengthError || (this._hasNameLengthError = e.title.length > b), e));
+    const t = /[^\s\\]/.test(this._prefixValue), s = /[^\s\\]/.test(this._suffixValue), i = JSON.parse(JSON.stringify(this.templateInfos));
+    this._hasNameLengthError = !1, this._displayTemplateInfos = i.map((e) => (e.title = t && s ? `${`${this._prefixValue} `}${e.title}${` ${this._suffixValue}`}` : t ? `${`${this._prefixValue} `}${e.title}` : s ? `${e.title}${` ${this._suffixValue}`}` : e.title, this._hasNameLengthError || (this._hasNameLengthError = e.title.length > b), e));
+  }
+  async _selectFirstAccordionItem() {
+    await new Promise((t) => setTimeout(t, 0)), this._accordionRef.value && await this._accordionRef.value.selectFirstItem();
   }
   _closeDialog() {
     this.open = !1;
@@ -80,14 +83,14 @@ class N extends v {
   async _commitNameChanges() {
     if (JSON.stringify(this.templateInfos) !== JSON.stringify(this._displayTemplateInfos)) {
       this._solutionItemsTitlesUpdating = !0;
-      const i = this._displayTemplateInfos.reduce((s, t) => {
+      const t = this._displayTemplateInfos.reduce((s, i) => {
         const e = {
-          id: t.id,
-          title: t.title
+          id: i.id,
+          title: i.title
         };
-        return s.push(t.type === "Group" ? L(e, this._userSessionContextConsumer.value) : w(e, this._userSessionContextConsumer.value)), s;
+        return s.push(i.type === "Group" ? w(e, this._userSessionContextConsumer.value) : L(e, this._userSessionContextConsumer.value)), s;
       }, []);
-      await Promise.all(i), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      await Promise.all(t), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
     }
     this._closeDialog();
   }

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.2 */
+v1.2.0-next.20 */
 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.2 */
+v1.2.0-next.20 */
 const L = C`/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,11 +7,11 @@ import { css as b, html as l } from "lit";
 import { createLongId as f, UserSession as N, getItemBase as A, getProp as r } from "@esri/solution-common";
 import { a as P, u as D } from "../../chunks/deployAppContexts.js";
 import { deploySolution as s } from "@esri/solution-deployer";
-import { f as C, v as G, i as M, j as F } from "../../chunks/helpers.js";
+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.2 */
+v1.2.0-next.20 */
 const R = b`/** @license
  * Copyright 2025 Esri
  *
@@ -78,7 +78,7 @@ class h extends o {
   willUpdate(a) {
     if (a.has("card")) {
       const n = a.get("card")?.title, t = this.card?.title;
-      n !== t && (this._solutionTitle = t || "", this._isFormValid = !0, this._generateSolutionName(this._solutionTitle.trim()));
+      n !== t && (this._solutionTitle = t || "", this._isFormValid = !0, this._authContextConsumer.value?.IsSignedIn && this._generateSolutionName(this._solutionTitle.trim()));
     }
     (a.has("userOptions") || a.has("open")) && (this._checkUserOptionState(), this._hasSpatialReferenceOption && this._wkid === "" && (this._isFormValid = !1));
   }

package/dist/components/solution-deployed-card/customElement.d.ts

@@ -1,9 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { ISolutionInfoCard, ITemplateInfo } from '../../utils/interfaces';
+import { IDeployCard, ISolutionInfoCard, ITemplateInfo } from '../../utils/interfaces';
 import { ITemplateInfoGraph } from '../solution-item-diagram/utils/solutionGraph';
 import { SolutionDeleteDialog } from '../solution-delete-dialog/customElement.js';
-import { SolutionConfigureDialog } from '../solution-configure-dialog/customElement.js';
 import { PropertyValues } from 'lit';
 
 export declare class SolutionDeployedCard extends LitElement {
@@ -33,13 +32,11 @@ export declare class SolutionDeployedCard extends LitElement {
     updateAvailable: boolean;
     /** ITemplateInfo[]: Collection of template infos */
     templateInfos: ITemplateInfo[];
-    /** Reference to the card that opened this dialog */
-    cardRef: SolutionConfigureDialog | undefined;
     /**
      * Show the configure dialog
      * This allows other components to leverage the logic that is built into this card.
      */
-    renderConfigureDialog(showSuccessAlert: boolean): Promise<void>;
+    renderConfigureDialog(): Promise<void>;
     /**
      * Show the delete dialog
      * This allows other components to leverage the logic that is built into this card.
@@ -54,4 +51,6 @@ export declare class SolutionDeployedCard extends LitElement {
     renderDiagramDialog(evt: MouseEvent): Promise<HTMLCalciteDialogElement | undefined>;
     /** Get the templates from the current card */
     getTemplates(): Promise<ITemplateInfoGraph[]>;
+    /** Emitted on demand when the details card is selected. */
+    readonly deployedCardSelected: TargetedEvent<this, IDeployCard>;
 }

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

@@ -1,15 +1,15 @@
-import { c as n } from "../../chunks/runtime.js";
-import { u as r } from "../../chunks/useT9n.js";
-import { LitElement as c, nothing as i } from "@arcgis/lumina";
-import { useContextConsumer as l } from "@arcgis/lumina/context";
-import { a as d, u as h } from "../../chunks/deployAppContexts.js";
-import { css as p, html as t, svg as g } from "lit";
+import { c as r } from "../../chunks/runtime.js";
+import { u as n } from "../../chunks/useT9n.js";
+import { LitElement as c, createEvent as d, nothing as i } from "@arcgis/lumina";
+import { useContextConsumer as o } from "@arcgis/lumina/context";
+import { a as h, u as p } from "../../chunks/deployAppContexts.js";
+import { css as g, html as t, svg as m } from "lit";
 import { p as u } from "../../chunks/prepareDataForSolutionDisplay.js";
-import { createRef as o, ref as s } from "lit-html/directives/ref.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.2 */
-const m = p`/** @license
+v1.2.0-next.20 */
+const f = g`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,31 +23,31 @@ const m = 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.
- */calcite-card{width:295px;height:100%;padding-bottom:2px}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(20%);filter:brightness(20%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:content-box;cursor:pointer}.hover-text{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:1.2rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}.width-full{width:100%}.deployed-label-override{--calcite-label-text-color: var(--calcite-color-text-3);--calcite-label-margin-bottom: 0px}.svg-color{fill:var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1-2{padding-bottom:.5rem}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.font-weight-400,.font-weight-normal{font-weight:400}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.justify-content-space-between{justify-content:space-between}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.cursor-default{cursor:default}`;
-class f extends c {
+ */calcite-card{width:295px;height:100%;padding-bottom:var(--calcite-spacing-base)}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(20%);filter:brightness(20%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{outline:var(--calcite-spacing-base) solid var(--calcite-ui-brand);box-sizing:content-box;cursor:pointer}.hover-text{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:var(--calcite-spacing-xl)}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}.width-full{width:100%}.deployed-label-override{--calcite-label-text-color: var(--calcite-color-text-3);--calcite-label-margin-bottom: var(--calcite-spacing-none)}.svg-color{fill:var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:var(--calcite-spacing-sm)}.padding-bottom-1-2{padding-bottom:var(--calcite-spacing-sm)}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.font-weight-400,.font-weight-normal{font-weight:400}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:var(--calcite-spacing-sm);margin-bottom:.7rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.justify-content-space-between{justify-content:space-between}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.cursor-default{cursor:default}`;
+class w extends c {
   constructor() {
-    super(...arguments), this.allowDelete = !1, this.deployedDate = "", this.description = "", this.diagramKey = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this.templateInfos = [], this._isConfigureOpen = !1, this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._configureTitlesOpen = !1, this._translations = r({ name: "solution-deployed-card", blocking: !0 }), this._authContextConsumer = l({
-      context: d,
-      subscribe: !0
-    }), this._configureDialogRef = o(), this._deleteDialogRef = o(), this._diagramDialogRef = o(), this._userSessionContextConsumer = l({
+    super(...arguments), this.allowDelete = !1, this.deployedDate = "", this.description = "", this.diagramKey = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this.templateInfos = [], this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._configureTitlesOpen = !1, this._translations = n({ name: "solution-deployed-card", blocking: !0 }), this._authContextConsumer = o({
       context: h,
       subscribe: !0
-    });
+    }), this._deleteDialogRef = s(), this._diagramDialogRef = s(), this._userSessionContextConsumer = o({
+      context: p,
+      subscribe: !0
+    }), this.deployedCardSelected = d();
   }
   static {
-    this.properties = { allowDelete: 5, card: 0, deployedDate: 1, description: 1, diagramKey: 1, heading: 1, itemId: 1, owner: 1, thumbnail: 1, updateAvailable: 5, templateInfos: 0, cardRef: 0, _isConfigureOpen: 16, _isDeleteOpen: 16, _isDiagramOpen: 16, templateInfoGraph: 16, _configureTitlesOpen: 16, _translations: 16 };
+    this.properties = { allowDelete: 5, card: 0, deployedDate: 1, description: 1, diagramKey: 1, heading: 1, itemId: 1, owner: 1, thumbnail: 1, updateAvailable: 5, templateInfos: 0, _isDeleteOpen: 16, _isDiagramOpen: 16, templateInfoGraph: 16, _configureTitlesOpen: 16, _translations: 16 };
   }
   static {
-    this.styles = m;
+    this.styles = f;
   }
-  async renderConfigureDialog(e) {
-    this._cardSelected(), this._configureDialogRef.value && (this._configureDialogRef.value.showSuccessAlert = e);
+  async renderConfigureDialog() {
+    this._cardSelected();
   }
   async renderDeleteDialog() {
     return this._isDeleteOpen = !0, this._renderDeleteDialog(), this._deleteDialogRef.value;
   }
   async renderDiagramDialog(e) {
-    return this._isDiagramOpen = !0, await this._viewDiagram(e), await this._renderDiagramDialog(), this._diagramDialogRef.value;
+    return await this._viewDiagram(e), await this._renderDiagramDialog(), this._diagramDialogRef.value;
   }
   async getTemplates() {
     return this._processTemplates(this.card);
@@ -58,7 +58,7 @@ class f extends c {
     });
   }
   render() {
-    return t`<calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p slot=description class="font-color-text-2 font-line-height font-size-size--1">${this.description}</p><div class="width-full display-flex flex-direction-column" slot=footer-start><div class="padding-bottom-1-2">${this._getOwnerLabel()}${this._getDeployedDate()}</div>${this._getConfigureButton()}</div></calcite-card>${this._renderDeleteDialog()}${this._renderDiagramDialog()}${this._renderConfigureDialog()}${this._renderConfigureTitlesDialog()}`;
+    return t`<calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p slot=description class="font-color-text-2 font-line-height font-size-size--1">${this.description}</p><div class="width-full display-flex flex-direction-column" slot=footer-start><div class="padding-bottom-1-2">${this._getOwnerLabel()}${this._getDeployedDate()}</div>${this._getConfigureButton()}</div></calcite-card>${this._renderDeleteDialog()}${this._renderDiagramDialog()}${this._renderConfigureTitlesDialog()}`;
   }
   _getImage() {
     const e = this._userSessionContextConsumer.value;
@@ -71,11 +71,14 @@ class f extends c {
     return t`<calcite-label class="font-weight-400 padding-end-1-2" layout=inline scale=s>${`${this._translations.owner}:`}<calcite-link class="font-weight-normal" @click=${this._openUserProfile}>${this.owner}</calcite-link></calcite-label>`;
   }
   _getDeployedDate() {
-    return t`<div class="display-flex align-items-center"><div class="padding-end-1-2"><svg height=16px viewBox="0 0 32 32" width=16px xmlns=http://www.w3.org/2000/svg>${g`<path class="svg-color" d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" /><path class="svg-color" d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" />`}</svg></div><calcite-label class="deployed-label-override" scale=s>${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
+    return t`<div class="display-flex align-items-center"><div class="padding-end-1-2"><svg height=16px viewBox="0 0 32 32" width=16px xmlns=http://www.w3.org/2000/svg>${m`<path class="svg-color" d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" /><path class="svg-color" d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" />`}</svg></div><calcite-label class="deployed-label-override" scale=s>${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
   }
   _getConfigureButton() {
     return t`<calcite-split-button appearance=outline aria-label=${this._translations.openSolution ?? i} dropdown-label=${this._translations.moreActions ?? i} kind=neutral @calciteSplitButtonPrimaryClick=${() => {
-      this._isConfigureOpen = !0;
+      this.deployedCardSelected.emit({
+        card: this.card,
+        cardRef: this.el
+      });
     }} @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.openSolution ?? i} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</calcite-dropdown-item><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</calcite-dropdown-item><calcite-dropdown-item icon-start=edit-attributes @click=${() => {
       this._configureTitlesOpen = !0;
     }}>${this._translations.renameItems}</calcite-dropdown-item><calcite-dropdown-item icon-start=information @click=${this._viewItemDetails}>${this._translations.viewItemDetails}</calcite-dropdown-item>${this.allowDelete && t`<calcite-dropdown-item icon-start=trash @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-dropdown-item>` || ""}</calcite-dropdown-group></calcite-split-button>`;
@@ -83,17 +86,12 @@ class f extends c {
   _renderDeleteDialog() {
     return this._isDeleteOpen ? t`<solution-delete-dialog .card=${this.card} @solutionDeleteDialogOpen=${(e) => {
       this._isDeleteOpen = e.detail;
-    }} .open=${this._isDeleteOpen} ${s(this._deleteDialogRef)}></solution-delete-dialog>` : "";
+    }} .open=${this._isDeleteOpen} ${l(this._deleteDialogRef)}></solution-delete-dialog>` : "";
   }
   _renderDiagramDialog() {
     return this._isDiagramOpen ? t`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramTitle.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramTitle.replace("{{solution}}", this.card?.title ?? "") ?? i} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
       this._isDiagramOpen = !1;
-    }} outside-close-disabled resizable scale=l width=l ${s(this._diagramDialogRef)}><solution-item-diagram .diagramKey=${this.diagramKey} .templateInfoGraph=${this.templateInfoGraph} .typeKeywords=${this.card?.typeKeywords}></solution-item-diagram></calcite-dialog>` : "";
-  }
-  _renderConfigureDialog() {
-    return t`<solution-configure-dialog .card=${this.card} .cardRef=${this.el} @solutionConfigureDialogClose=${() => {
-      this._isConfigureOpen = !1;
-    }} .open=${this._isConfigureOpen} ${s(this._configureDialogRef)}></solution-configure-dialog>`;
+    }} outside-close-disabled resizable scale=l width=l ${l(this._diagramDialogRef)}><solution-item-diagram .diagramKey=${this.diagramKey} .templateInfoGraph=${this.templateInfoGraph} .typeKeywords=${this.card?.typeKeywords}></solution-item-diagram></calcite-dialog>` : "";
   }
   _renderConfigureTitlesDialog() {
     return this._configureTitlesOpen ? t`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
@@ -105,7 +103,10 @@ class f extends c {
     }} .open=${this._configureTitlesOpen} .templateInfos=${this.templateInfos}></solution-configure-titles>` : "";
   }
   _cardSelected() {
-    this._isConfigureOpen = !0;
+    this.deployedCardSelected.emit({
+      card: this.card,
+      cardRef: this.el
+    });
   }
   async _viewDiagram(e) {
     e.stopPropagation(), this.card && (this.templateInfoGraph = await this._processTemplates(this.card), this._isDiagramOpen = !0);
@@ -128,7 +129,7 @@ class f extends c {
     return await u(e.id, this._userSessionContextConsumer.value);
   }
 }
-n("solution-deployed-card", f);
+r("solution-deployed-card", w);
 export {
-  f as SolutionDeployedCard
+  w as SolutionDeployedCard
 };

package/dist/components/solution-deployed-card/index.d.ts

@@ -7,6 +7,5 @@ import "@esri/calcite-components/components/calcite-dropdown-item";
 import "../solution-delete-dialog/index.js";
 import "@esri/calcite-components/components/calcite-dialog";
 import "../solution-item-diagram/index.js";
-import "../solution-configure-dialog/index.js";
 import "../solution-configure-titles/index.js";
 export * from "./customElement.js";

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

@@ -7,6 +7,5 @@ import "@esri/calcite-components/components/calcite-dropdown-item";
 import "../solution-delete-dialog/index.js";
 import "@esri/calcite-components/components/calcite-dialog";
 import "../solution-item-diagram/index.js";
-import "../solution-configure-dialog/index.js";
 import "../solution-configure-titles/index.js";
 export * from "./customElement.js";

package/dist/components/solution-deployed-card-panel/customElement.d.ts

@@ -0,0 +1,40 @@
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { INavTab, ISolutionInfoCard, ITemplateInfo } from '../../utils/interfaces';
+import { ITemplateInfoGraph } from '../solution-item-diagram/utils/solutionGraph';
+
+export declare class SolutionDeployedCardPanel extends LitElement {
+    /** Key details about the solution */
+    card: ISolutionInfoCard | undefined;
+    /** Reference to the card that opened this dialog */
+    cardRef: any | undefined;
+    /**
+     * Digram license key to use view the diagram
+     *
+     * @default ''
+     */
+    diagramKey: string;
+    /**
+     * boolean: when true the dialog is open
+     *
+     * @default false
+     */
+    open: boolean;
+    /**
+     * boolean: when true the success alert will be shown when first rendered
+     *
+     * @default false
+     */
+    showSuccessAlert: boolean;
+    /** ITemplateInfo[]: Collection of template infos */
+    templateInfos: ITemplateInfo[];
+    /** Tab selected event */
+    readonly navTabSelected: TargetedEvent<this, INavTab>;
+    /** Emitted on demand when the sort type changes */
+    readonly sortTypeChanged: TargetedEvent<this, string>;
+    /**
+     * This event will be emitted when this dialog is closed.
+     * When the emitted value is true the solution has been updated and needs to be fetched again
+     */
+    readonly solutionConfigureDialogClose: TargetedEvent<this, boolean>;
+}