@esri/solutions-components 1.0.1 → 1.0.3

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

@@ -11,7 +11,7 @@ import { LitElement as E, createEvent as T, noShadowRoot as O, safeClassMap as f
 import { css as F } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const D = F`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { LitElement as T, safeClassMap as l } from "@arcgis/lumina";
 import { css as F } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const E = F`/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const u = r`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { LitElement as m } from "@arcgis/lumina";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const u = [
   {
     descriptionPDF: {

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

@@ -11,7 +11,7 @@ import { LitElement as L, createEvent as E, noShadowRoot as T, safeClassMap as p
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const I = C`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -10,7 +10,7 @@ import { LitElement as R, createEvent as w, noShadowRoot as O } from "@arcgis/lu
 import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const D = A`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as h, createEvent as s, noShadowRoot as l } from "@arcgis/lu
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const p = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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

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

@@ -10,7 +10,7 @@ import { LitElement as _, noShadowRoot as g, safeClassMap as I } from "@arcgis/l
 import { css as v } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const b = v`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,8 +1,12 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { ITemplateInfo } from '../../utils/interfaces';
+import { ISolutionInfoCard, ITemplateInfo } from '../../utils/interfaces';
 
 export declare class SolutionConfigureDialog extends LitElement {
+    /** Key details about the solution */
+    card: ISolutionInfoCard | undefined;
+    /** Reference to the card that opened this dialog */
+    cardRef: any | undefined;
     /**
      * boolean: when true the dialog is open
      *
@@ -11,4 +15,6 @@ export declare class SolutionConfigureDialog extends LitElement {
     open: boolean;
     /** ITemplateInfo[]: Collection of template infos */
     templateInfos: ITemplateInfo[];
+    /** This event will be emitted when this dialog is closed */
+    readonly solutionConfigureDialogClose: TargetedEvent<this, void>;
 }

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

@@ -1,12 +1,12 @@
-import { c as l } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as c } from "../../chunks/useT9n.js";
-import { LitElement as r } from "@arcgis/lumina";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { c } from "../../chunks/runtime.js";
+import { html as e } from "lit-html";
+import { u as r } from "../../chunks/useT9n.js";
+import { LitElement as d, createEvent as p, safeClassMap as h } from "@arcgis/lumina";
+import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
-const u = d`/** @license
+v1.0.3 */
+const m = u`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,39 +20,53 @@ const u = d`/** @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.
- */.minor-card{width:200px}.center{justify-content:center;align-items:center}.font-weight-semibold{font-weight:var(--calcite-font-weight-semibold)}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.font-weight-normal{font-weight:var(--calcite-font-weight-normal)}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.no-space{--calcite-label-margin-bottom: 0px}.font-color{color:red}.padding-end-1-2{padding-inline-end:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-bottom-1{padding-bottom:1rem}.edit-button-position{position:absolute;right:1rem}html[dir=rtl] .edit-button-position{position:absolute;left:1rem}.max-width-20{max-width:20vw}.max-width-35{max-width:35vw}.max-width-40{max-width:40vw}.btn-center{width:100%;display:grid;place-items:center}`;
-class h extends r {
+ */.minor-card{width:200px}.center{justify-content:center;align-items:center}.font-weight-semibold{font-weight:var(--calcite-font-weight-semibold)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.font-weight-normal{font-weight:var(--calcite-font-weight-normal)}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.no-space{--calcite-label-margin-bottom: 0px}.font-color{color:red}.padding-end-1-2{padding-inline-end:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-bottom-1{padding-bottom:1rem}.edit-button-position{position:absolute;right:1rem}html[dir=rtl] .edit-button-position{position:absolute;left:1rem}.max-width-20{max-width:20vw}.max-width-35{max-width:35vw}.max-width-40{max-width:40vw}.btn-center{width:100%;display:grid;place-items:center}`;
+class g extends d {
   constructor() {
-    super(...arguments), this.open = !1, this.templateInfos = [], this._translations = c({ name: "solution-configure-dialog", blocking: !0 }), this._typeKeywords = [];
+    super(...arguments), this.open = !1, this.templateInfos = [], this._displayClass = "", this._translations = r({ name: "solution-configure-dialog", blocking: !0 }), this._typeKeywords = [], this.solutionConfigureDialogClose = p();
   }
   static {
-    this.properties = { open: 5, templateInfos: 0, _translations: 16 };
+    this.properties = { card: 0, cardRef: 1, open: 5, templateInfos: 0, _displayClass: 16, _translations: 16 };
   }
   static {
-    this.styles = u;
+    this.styles = m;
   }
   render() {
-    return t`<calcite-dialog heading="heading goes here" .open=${this.open} width=l><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row padding-bottom-1"><calcite-card-group label>${this._getStartHereCard()}${this._getDiagramCard()}${this._getSolutionCard()}${this._getSolutionVersionCard()}</calcite-card-group></div>${this._getSolutionContents()}</div><div slot=footer-start></div><calcite-button appearance=outline @click=${this._close} slot=footer-end>${this._translations.closeTheDialog}</calcite-button></calcite-dialog>`;
+    return e`<calcite-dialog class=${h(this._displayClass)} heading="heading goes here" modal @calciteDialogClose=${() => {
+      this.open = !1, this.solutionConfigureDialogClose.emit();
+    }} .open=${this.open} outside-close-disabled width=l><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row padding-bottom-1"><calcite-card-group label>${this._getStartHereCard()}${this._getDiagramCard()}${this._getSolutionCard()}${this._getSolutionVersionCard()}</calcite-card-group></div>${this._getSolutionContents()}</div><div slot=footer-start></div><calcite-button appearance=outline @click=${this._close} slot=footer-end>${this._translations.closeTheDialog}</calcite-button></calcite-dialog>`;
   }
   _getDiagramCard() {
-    return this._getBasicCard(this._translations.diagramOfTheSolution, this._translations.diagramSubText, "model", this._translations.openTheDiagram, "outline");
+    return this._getBasicCard(this._translations.diagramOfTheSolution, this._translations.diagramSubText, "model", this._translations.openTheDiagram, "outline", this._openDiagram, void 0);
+  }
+  async _openDiagram(t) {
+    this._displayClass = "display-none";
+    const i = await this.cardRef.renderDiagramDialog(t);
+    i && this.listenOn(i, "calciteDialogBeforeClose", () => {
+      this._displayClass = "";
+    });
   }
   _getStartHereCard() {
     return this._getBasicCard(this._translations.startHere, this._translations.startHereSubText, "file-text", this._translations.openTheDiagram, "solid");
   }
   _getSolutionVersionCard() {
-    return this._getBasicCard(this._translations.solutionVersion, this._translations.youHaveTheLatestVersion, "check-shield", void 0, void 0, "Version 3.2");
+    return this._getBasicCard(this._translations.solutionVersion, this._translations.youHaveTheLatestVersion, "check-shield", void 0, void 0, void 0, "Version 3.2");
   }
-  _getBasicCard(a, n, o, e, s, i) {
-    return t`<calcite-card class="minor-card max-width-20"><span class="font-weight-medium" slot=heading>${a}</span><div class="display-flex center"><div class="display-flex flex-direction-column center"><calcite-icon class="icon-color" .icon=${o} scale=l></calcite-icon>${i ? t`<span class="font-weight-medium">${i}</span>` : ""}<p>${n}</p></div></div>${e ? t`<div class="btn-center" slot=footer-start><calcite-button .appearance=${s} kind=brand>${e}</calcite-button></div>` : ""}</calcite-card>`;
+  _getBasicCard(t, i, o, a, s, l, n) {
+    return e`<calcite-card class="minor-card max-width-20"><span class="font-weight-medium" slot=heading>${t}</span><div class="display-flex center"><div class="display-flex flex-direction-column center"><calcite-icon class="icon-color" .icon=${o} scale=l></calcite-icon>${n ? e`<span class="font-weight-medium">${n}</span>` : ""}<p>${i}</p></div></div>${a ? e`<div class="btn-center" slot=footer-start><calcite-button .appearance=${s} kind=brand @click=${l}>${a}</calcite-button></div>` : ""}</calcite-card>`;
   }
   _getSolutionCard() {
-    return t`<calcite-card class="max-width-40"><calcite-label class="font-weight-medium" scale=l slot=heading>${this._translations.aboutYourSolution}</calcite-label><div class="display-flex flex-direction-column"><calcite-label class="font-weight-medium no-space" layout=inline>${this._translations.aboutYourSolutionName}<span class="font-weight-normal">\r\n              Citizen Problem Reporter</span><calcite-button appearance=transparent class="edit-button-position" icon-start=pencil @click=${this._editName} kind=neutral></calcite-button></calcite-label><calcite-label class="font-weight-medium no-space" layout=inline>${this._translations.aboutYourSolutionSummary}<p class="font-weight-normal">\r\n              Citizen Problem Reporter</p><calcite-button appearance=transparent class="edit-button-position" icon-start=pencil @click=${this._editSummary} kind=neutral></calcite-button></calcite-label><div class="display-flex"><calcite-label class="font-weight-medium no-space padding-end-1" layout=inline>${this._translations.aboutYourSolutionOwner}<span class="font-weight-normal">\r\n                AlixSolutions</span></calcite-label><div class="display-flex"><calcite-label class="no-space icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>\r\n                Deployed 6/01/24</calcite-label></div></div></div><div slot=footer-start><calcite-button appearance=outline class="padding-end-1" icon-start=arrow-up-down kind=brand @click=${this._showChangeOwner}>${this._translations.changeOwner}</calcite-button><calcite-button appearance=outline class="padding-end-1" icon-start=share kind=brand @click=${this._showItemDetails}>${this._translations.itemDetails}</calcite-button></div><calcite-button appearance=outline icon-start=trash kind=brand @click=${this._deleteSolution} slot=footer-end>${this._translations.deleteSolution}</calcite-button></calcite-card>`;
+    return e`<calcite-card class="max-width-40"><calcite-label class="font-weight-medium" scale=l slot=heading>${this._translations.aboutYourSolution}</calcite-label><div class="display-flex flex-direction-column"><calcite-label class="font-weight-medium no-space" layout=inline>${this._translations.aboutYourSolutionName}<span class="font-weight-normal">\r\n              Citizen Problem Reporter</span><calcite-button appearance=transparent class="edit-button-position" icon-start=pencil @click=${this._editName} kind=neutral></calcite-button></calcite-label><calcite-label class="font-weight-medium no-space" layout=inline>${this._translations.aboutYourSolutionSummary}<p class="font-weight-normal">\r\n              Citizen Problem Reporter</p><calcite-button appearance=transparent class="edit-button-position" icon-start=pencil @click=${this._editSummary} kind=neutral></calcite-button></calcite-label><div class="display-flex"><calcite-label class="font-weight-medium no-space padding-end-1" layout=inline>${this._translations.aboutYourSolutionOwner}<span class="font-weight-normal">\r\n                AlixSolutions</span></calcite-label><div class="display-flex"><calcite-label class="no-space icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>\r\n                Deployed 6/01/24</calcite-label></div></div></div><div slot=footer-start><calcite-button appearance=outline class="padding-end-1" icon-start=arrow-up-down kind=brand @click=${this._showChangeOwner}>${this._translations.changeOwner}</calcite-button><calcite-button appearance=outline class="padding-end-1" icon-start=share kind=brand @click=${this._showItemDetails}>${this._translations.itemDetails}</calcite-button></div><calcite-button appearance=outline icon-start=trash kind=brand @click=${this._deleteSolution} slot=footer-end>${this._translations.deleteSolution}</calcite-button></calcite-card>`;
   }
   _getSolutionContents() {
-    return t`<div><calcite-label class="font-weight-medium" layout=inline scale=l>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}<calcite-button appearance=outline icon-start=pencil kind=brand>${this._translations.updateTitles}</calcite-button></calcite-label><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this._typeKeywords}></solution-item-accordion></div>`;
+    return e`<div><calcite-label class="font-weight-medium" layout=inline scale=l>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}<calcite-button appearance=outline icon-start=pencil kind=brand>${this._translations.updateTitles}</calcite-button></calcite-label><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this._typeKeywords}></solution-item-accordion></div>`;
   }
-  _deleteSolution() {
+  async _deleteSolution() {
+    this._displayClass = "display-none";
+    const t = await this.cardRef.renderDeleteDialog();
+    t && this.listenOn(t, "calciteDialogBeforeClose", () => {
+      this._displayClass = "";
+    });
   }
   _showItemDetails() {
   }
@@ -66,7 +80,7 @@ class h extends r {
     this.open = !1;
   }
 }
-l("solution-configure-dialog", h);
+c("solution-configure-dialog", g);
 export {
-  h as SolutionConfigureDialog
+  g as SolutionConfigureDialog
 };

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

@@ -6,7 +6,7 @@ import { createRef as s, ref as l } from "lit-html/directives/ref.js";
 import { html as e } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const r = c`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { LitElement as a, createEvent as l, noShadowRoot as d } from "@arcgis/lu
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const h = o`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { a as f, u as _ } from "../../chunks/deployAppContexts.js";
 import { p as D } from "../../chunks/prepareDataForSolutionDisplay.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const b = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -10,7 +10,7 @@ import { h as G, g as u, b as M, d as S, e as F, i as I, a as R } from "../../ch
 import { a as T, l as E } from "../../chunks/appConfig.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const Z = A`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -2,6 +2,7 @@
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { ISolutionInfoCard } from '../../utils/interfaces';
 import { ITemplateInfoGraph } from '../solution-item-diagram/utils/solutionGraph';
+import { SolutionDeleteDialog } from '../solution-delete-dialog/customElement.js';
 
 export declare class SolutionDeployedCard extends LitElement {
     /** @default false */
@@ -26,4 +27,16 @@ export declare class SolutionDeployedCard extends LitElement {
     readonly userSessionContextConsumer: import('@lit/context').ContextConsumer<{
         __context__: import('@esri/arcgis-rest-request').ArcGISIdentityManager;
     }, HTMLElement & import('lit').ReactiveControllerHost>;
+    /**
+     * Show the delete dialog
+     * This allows other components to leverage the logic that is built into this card.
+     * It will return a reference to the dialog so the other component can respond to its events.
+     */
+    renderDeleteDialog(): Promise<SolutionDeleteDialog | undefined>;
+    /**
+     * Show the diagram dialog
+     * This allows other components to leverage the logic that is built into this card.
+     * It will return a reference to the dialog so the other component can respond to its events.
+     */
+    renderDiagramDialog(evt: MouseEvent): Promise<HTMLCalciteDialogElement | undefined>;
 }

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

@@ -1,14 +1,15 @@
-import { c as a } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as o } from "../../chunks/useT9n.js";
-import { LitElement as l, useContextConsumer as s, nothing as i } from "@arcgis/lumina";
-import { u as n } from "../../chunks/deployAppContexts.js";
-import { css as r } from "@lit/reactive-element/css-tag.js";
-import { p as c } from "../../chunks/prepareDataForSolutionDisplay.js";
+import { c as l } from "../../chunks/runtime.js";
+import { html as i } from "lit-html";
+import { u as s } from "../../chunks/useT9n.js";
+import { LitElement as n, useContextConsumer as r, nothing as t } from "@arcgis/lumina";
+import { u as c } from "../../chunks/deployAppContexts.js";
+import { css as d } from "@lit/reactive-element/css-tag.js";
+import { p } from "../../chunks/prepareDataForSolutionDisplay.js";
+import { createRef as a, ref as o } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
-const d = r`/** @license
+v1.0.3 */
+const h = d`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,51 +23,59 @@ const d = r`/** @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:220px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-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:var(--calcite-color-text-inverse)}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:border-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%}.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}.deployed-icon-override{--calcite-icon-color: var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:.5rem}.display-flex{display:flex}.align-items-center{align-items:center}.font-weight-bold{font-weight:700}.font-weight-normal{font-weight:400}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.update-icon-absolute{position:absolute;right:1rem}.update-icon-absolute[dir=rtl]{position:absolute;left:1rem}.header-line-height{line-height:2.5rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }`;
-class p extends l {
+ */calcite-card{width:295px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-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:var(--calcite-color-text-inverse)}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:border-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%}.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}.deployed-icon-override{--calcite-icon-color: 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-bold{font-weight:700}.font-weight-normal{font-weight:400}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.header-line-height{line-height:2.5rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.justify-content-space-between{justify-content:space-between}`;
+class g extends n {
   constructor() {
-    super(...arguments), this.allowDelete = !1, this.deployedDate = "", this.description = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this.userSessionContextConsumer = s({
-      context: n,
+    super(...arguments), this.allowDelete = !1, this.deployedDate = "", this.description = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this.userSessionContextConsumer = r({
+      context: c,
       subscribe: !0
-    }), this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._translations = o({ name: "solution-deployed-card", blocking: !0 });
+    }), this._isConfigureOpen = !1, this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._translations = s({ name: "solution-deployed-card", blocking: !0 }), this._deleteDialogRef = a(), this._diagramDialogRef = a();
   }
   static {
-    this.properties = { allowDelete: 5, card: 0, deployedDate: 1, description: 1, heading: 1, itemId: 1, owner: 1, thumbnail: 1, updateAvailable: 5, userSessionContextConsumer: 32, _isDeleteOpen: 16, _isDiagramOpen: 16, templateInfoGraph: 16, _translations: 16 };
+    this.properties = { allowDelete: 5, card: 0, deployedDate: 1, description: 1, heading: 1, itemId: 1, owner: 1, thumbnail: 1, updateAvailable: 5, userSessionContextConsumer: 32, _isConfigureOpen: 16, _isDeleteOpen: 16, _isDiagramOpen: 16, templateInfoGraph: 16, _translations: 16 };
   }
   static {
-    this.styles = d;
+    this.styles = h;
+  }
+  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;
   }
   render() {
-    return t`<div><calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p slot=description>${this.description}</p><div>${this._getOwnerLabel()}${this._getDeployedDate()}</div><div class="width-full" slot=footer-start>${this._getConfigureButton()}</div></calcite-card>${this._renderDeleteDialog()}${this._renderDiagramDialog()}</div>`;
+    return i`<div><calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p slot=description>${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()}<solution-configure-dialog .card=${this.card} .cardRef=${this.el} @solutionConfigureDialogClose=${() => {
+      this._isConfigureOpen = !1;
+    }} .open=${this._isConfigureOpen}></solution-configure-dialog></div>`;
   }
   _getImage() {
     const e = this.userSessionContextConsumer.value;
-    return t`<div class="card-image-wrap" slot=thumbnail><img class="thumbnail card-image" alt=${this.heading ?? i} src=${`${this.thumbnail}&token=${e?.token}`}><div class="hover-text">${this._translations.configure}</div></div>`;
+    return i`<div class="card-image-wrap" slot=thumbnail><img class="thumbnail card-image" alt=${this.heading ?? t} src=${`${this.thumbnail}&token=${e?.token}`}><div class="hover-text">${this._translations.configure}</div></div>`;
   }
   _getHeader() {
-    return t`<div class="display-flex align-items-center header-line-height" slot=heading>${this.heading}<calcite-icon class="icon-brand-color update-icon-absolute" icon=refresh id=solution-update-available-icon @click=${this._updateAvailable} scale=s></calcite-icon><calcite-tooltip placement=bottom reference-element=solution-update-available-icon>${this._translations.updateAvailable}</calcite-tooltip></div>`;
+    return i`<div class="display-flex justify-content-space-between header-line-height" slot=heading><calcite-label layout=inline-space-between>${this.heading}</calcite-label><calcite-icon class="icon-brand-color" icon=refresh id=solution-update-available-icon @click=${this._updateAvailable} scale=s></calcite-icon><calcite-tooltip placement=bottom reference-element=solution-update-available-icon>${this._translations.updateAvailable}</calcite-tooltip></div>`;
   }
   _getOwnerLabel() {
-    return t`<calcite-label class="font-weight-bold padding-end-1-2" layout=inline>${`${this._translations.owner}:`}<calcite-link class="font-weight-normal" @click=${this._openUserProfile}>${this.owner}</calcite-link></calcite-label>`;
+    return i`<calcite-label class="font-weight-bold padding-end-1-2" layout=inline>${`${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"><calcite-icon class="deployed-icon-override padding-end-1-2" icon=projects scale=s></calcite-icon><calcite-label class="deployed-label-override">${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
+    return i`<div class="display-flex align-items-center"><calcite-icon class="deployed-icon-override padding-end-1-2" icon=projects scale=s></calcite-icon><calcite-label class="deployed-label-override">${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
   }
   _getConfigureButton() {
-    return t`<calcite-split-button appearance=outline @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.configure ?? i} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</calcite-dropdown-item><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</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>`;
+    return i`<calcite-split-button appearance=outline @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.configure ?? t} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</calcite-dropdown-item><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</calcite-dropdown-item><calcite-dropdown-item icon-start=information @click=${this._viewItemDetails}>${this._translations.viewItemDetails}</calcite-dropdown-item>${this.allowDelete && i`<calcite-dropdown-item icon-start=trash @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-dropdown-item>` || ""}</calcite-dropdown-group></calcite-split-button>`;
   }
   _renderDeleteDialog() {
-    return t`<solution-delete-dialog .card=${this.card} .open=${this._isDeleteOpen} @dialogOpen=${(e) => {
+    return i`<solution-delete-dialog .card=${this.card} .open=${this._isDeleteOpen} @dialogOpen=${(e) => {
       this._isDeleteOpen = e.detail;
-    }}></solution-delete-dialog>`;
+    }} ${o(this._deleteDialogRef)}></solution-delete-dialog>`;
   }
   _renderDiagramDialog() {
-    return t`<calcite-dialog class="dialog-y-size dialog-x-size" heading id modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
+    return i`<calcite-dialog class="dialog-y-size dialog-x-size" heading id modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
       this._isDiagramOpen = !1;
-    }} outside-close-disabled resizable scale=l width=l><solution-item-diagram .templateInfoGraph=${this.templateInfoGraph}></solution-item-diagram></calcite-dialog>`;
+    }} outside-close-disabled resizable scale=l width=l ${o(this._diagramDialogRef)}><solution-item-diagram .templateInfoGraph=${this.templateInfoGraph}></solution-item-diagram></calcite-dialog>`;
   }
   _cardSelected() {
-    alert(`Do actions for ${this.itemId}`);
+    this._isConfigureOpen = !0;
   }
   async _viewDiagram(e) {
     e.stopPropagation(), this.card && (this.templateInfoGraph = await this._processTemplates(this.card), this._isDiagramOpen = !0);
@@ -87,10 +96,10 @@ class p extends l {
     e.stopPropagation(), alert("_updateAvailable");
   }
   async _processTemplates(e) {
-    return await c(e.id, this.userSessionContextConsumer.value);
+    return await p(e.id, this.userSessionContextConsumer.value);
   }
 }
-a("solution-deployed-card", p);
+l("solution-deployed-card", g);
 export {
-  p as SolutionDeployedCard
+  g as SolutionDeployedCard
 };

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

@@ -1,7 +1,8 @@
 import "@esri/calcite-components/components/calcite-card";
+import "../solution-configure-dialog/index.js";
+import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";

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

@@ -1,7 +1,8 @@
 import "@esri/calcite-components/components/calcite-card";
+import "../solution-configure-dialog/index.js";
+import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";

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

@@ -5,7 +5,7 @@ import { LitElement as l, noShadowRoot as c, nothing as r } from "@arcgis/lumina
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const u = h`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as l, createEvent as n, nothing as s, safeClassMap as d } fr
 import { css as p } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const h = p`/** @license
  * Copyright 2025 Esri
  *

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

@@ -13,7 +13,7 @@ import { A as E } from "../../chunks/Auth.js";
 import { g as H, a as D } from "../../chunks/common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const U = R`/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { LitElement as n, noShadowRoot as c, safeStyleMap as e } from "@arcgis/l
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const b = r`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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

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

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

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

@@ -8,7 +8,7 @@ import * as c from "gojs";
 import { injectGlobal as P } from "@emotion/css";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const $ = A`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -633,7 +633,7 @@ function ie(r, i, e, t = 0, s = !1) {
   let n = "";
   s && (n += "F");
   const a = r - 2 * e, o = i - 2 * e;
-  return n += " M0 0", n += ` h${a}`, n += ` a${e} ${e} 0 0 1 ${e} ${e}`, n += ` v${o}`, n += ` a${e} ${e} 0 0 1 -8 ${e}`, n += ` h${-a}`, n += ` a${e} ${e} 0 0 1 -8 -8`, n += ` v${-o}`, n += ` a${e} ${e} 0 0 1 ${e} -8`, t > 0 && (n += ` M${t - e} 0 v${i}`), n;
+  return n += " M0 0", n += ` h${a}`, n += ` a${e} ${e} 0 0 1 ${e} ${e}`, n += ` v${o}`, n += ` a${e} ${e} 0 0 1 ${-e} ${e}`, n += ` h${-a}`, n += ` a${e} ${e} 0 0 1 ${-e} ${-e}`, n += ` v${-o}`, n += ` a${e} ${e} 0 0 1 ${e} ${-e}`, t > 0 && (n += ` M${t - e} 0 v${i}`), n;
 }
 function ne() {
   document.dispatchEvent(new CustomEvent("clickInDiagram"));

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

@@ -4,7 +4,7 @@ import { LitElement as p, noShadowRoot as u, nothing as c } from "@arcgis/lumina
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const g = d`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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

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

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

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

@@ -8,7 +8,7 @@ import { LitElement as u, safeStyleMap as p, safeClassMap as m } from "@arcgis/l
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const _ = f`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { createRef as p, ref as g } from "lit-html/directives/ref.js";
 import { html as t } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { LitElement as u, createEvent as c, noShadowRoot as m } from "@arcgis/lu
 import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const S = b`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { LitElement as p, noShadowRoot as u, safeClassMap as s } from "@arcgis/l
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const v = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as l, createEvent as c } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.1 */
+v1.0.3 */
 const h = o`/** @license
  * Copyright 2025 Esri
  *