@esri/solutions-components 1.0.0-next.20250618.1 → 1.0.0

package/dist/components/floor-filter/customElement.js

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

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

@@ -7,7 +7,7 @@ import { LitElement as m, createEvent as r, noShadowRoot as v, safeStyleMap as y
 import { css as $ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 const F = $`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/json-editor/customElement.js

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

package/dist/components/layer-list/customElement.js

@@ -7,7 +7,7 @@ import { LitElement as L, createEvent as c, noShadowRoot as w } from "@arcgis/lu
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {

package/dist/components/layer-table/customElement.js

@@ -13,7 +13,7 @@ import { css as C } from "@lit/reactive-element/css-tag.js";
 import "@arcgis/map-config-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 const A = C`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -414,7 +414,7 @@ class H extends F {
     if (!e)
       return;
     const t = new URL(e);
-    this.mapInfo?.id ? t.searchParams.set("webmap", this.mapInfo.id) : t.searchParams.delete("webmap"), this._layer?.id ? t.searchParams.set("layer", this._layer.id) : t.searchParams.delete("layer"), this.selectedIds?.length > 0 ? t.searchParams.set("oid", this.selectedIds.join(",")) : t.searchParams.delete("oid"), this.appLayout && t.searchParams.set("applayout", this.appLayout), this._shareNode.value && (this._shareNode.value.autoUpdateShareUrl = !1, this._shareNode.value.shareUrl = t.href);
+    this.mapInfo?.id ? t.searchParams.set("webmap", this.mapInfo.id) : t.searchParams.delete("webmap"), this._layer?.id ? t.searchParams.set("layer", this._layer.id) : t.searchParams.delete("layer"), this.selectedIds?.length > 0 ? t.searchParams.set("oid", this.selectedIds.join(",")) : t.searchParams.delete("oid"), this.appLayout && t.searchParams.set("applayout", this.appLayout), this.selectedRelatedIds?.length > 0 && this._relatedFeatureTable?.layer?.id && (t.searchParams.set("oid", this.selectedRelatedIds.join(",")), t.searchParams.set("layer", this._relatedFeatureTable?.layer?.id.toString())), this._shareNode.value && (this._shareNode.value.autoUpdateShareUrl = !1, this._shareNode.value.shareUrl = t.href);
   }
   _getToolTip(e, t, i) {
     return o`<calcite-tooltip .placement=${e} .referenceElement=${t}><span>${i}</span></calcite-tooltip>`;
@@ -481,7 +481,7 @@ class H extends F {
               });
             }
             i.highlightIds.on("change", (a) => {
-              this._handleOnChange(a);
+              this._handleRelatedRecordsChange(a);
             });
           } else {
             this.selectedRelatedIds = [], this._relatedFeatureTable = void 0;
@@ -493,6 +493,9 @@ class H extends F {
       );
     }));
   }
+  async _handleRelatedRecordsChange(e) {
+    await this._handleOnChange(e), this._updateShareUrl();
+  }
   hasAttachmentsEnabled(e) {
     if (!e?.capabilities)
       return !1;

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

@@ -11,7 +11,7 @@ import { css as L } from "@lit/reactive-element/css-tag.js";
 import { defineCustomElements as M } from "@arcgis/instant-apps-components/loader";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 const S = L`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -9,7 +9,7 @@ import { LitElement as f, createEvent as h, noShadowRoot as y, safeClassMap as o
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 const w = k`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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

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

@@ -8,7 +8,7 @@ import { LitElement as g, createEvent as n, noShadowRoot as L, safeStyleMap as c
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 const v = w`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@ import { LitElement as T, safeClassMap as l } from "@arcgis/lumina";
 import { css as F } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 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.0-next.20250618.1 */
+v1.0.0 */
 const u = r`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { LitElement as m } from "@arcgis/lumina";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 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.0-next.20250618.1 */
+v1.0.0 */
 const I = C`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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

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

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

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

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

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

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

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

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

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.0-next.20250618.1 */
+v1.0.0 */
 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.0-next.20250618.1 */
+v1.0.0 */
 const h = o`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,14 +1,14 @@
 import { c } from "../../chunks/runtime.js";
 import { html as n } from "lit-html";
-import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as d, useContextConsumer as l, createEvent as r, noShadowRoot as u, nothing as m } from "@arcgis/lumina";
-import { css as p } from "@lit/reactive-element/css-tag.js";
+import { u as d } from "../../chunks/useT9n.js";
+import { LitElement as h, useContextConsumer as l, createEvent as r, noShadowRoot as u, nothing as p } from "@arcgis/lumina";
+import { css as m } from "@lit/reactive-element/css-tag.js";
 import { deleteSolution as g, getItemDataAsJson as f } from "@esri/solution-common";
-import { a as _, u as C } from "../../chunks/deployAppContexts.js";
+import { a as _, u as b } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
-const b = p`@layer{/** @license
+v1.0.0 */
+const C = m`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,22 +22,22 @@ const b = p`@layer{/** @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.
- */}`;
-class I extends d {
+ */.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}}`;
+class I extends h {
   constructor() {
     super(...arguments), this.authContextConsumer = l({
       context: _,
       subscribe: !0
     }), this.open = !1, this.userSessionContextConsumer = l({
-      context: C,
+      context: b,
       subscribe: !0
-    }), this._deletePercentage = 0, this._isDeleteInProgress = !1, this._templates = [], this._translations = h({ name: "solution-delete-dialog", blocking: !0 }), this.dialogOpen = r(), this.solutionDeleted = r();
+    }), this._deletePercentage = 0, this._isDeleteInProgress = !1, this._templates = [], this._translations = d({ name: "solution-delete-dialog", blocking: !0 }), this.dialogOpen = r(), this.solutionDeleted = r();
   }
   static {
     this.properties = { authContextConsumer: 0, card: 0, open: 5, userSessionContextConsumer: 0, _deletePercentage: 16, _isDeleteInProgress: 16, _templates: 16, _translations: 16 };
   }
   static {
-    this.styles = b;
+    this.styles = C;
   }
   static {
     this.shadowRootOptions = u;
@@ -53,19 +53,19 @@ class I extends d {
         owner: this.card.owner,
         modified: this.card.modified
       }], t = {
-        progressCallback: (s) => {
-          this._deletePercentage = Math.round(s);
+        progressCallback: (i) => {
+          this._deletePercentage = Math.round(i);
         }
       };
-      g(this.card.id, this.userSessionContextConsumer.value, t).then((s) => {
-        console.log(s);
-        const a = s[1];
+      g(this.card.id, this.userSessionContextConsumer.value, t).then((i) => {
+        console.log(i);
+        const a = i[1];
         let o;
-        a ? o = a.items.map((i) => ({
-          itemName: i.title,
-          itemType: i.type,
-          owner: i.owner,
-          modified: i.modified
+        a ? o = a.items.map((s) => ({
+          itemName: s.title,
+          itemType: s.type,
+          owner: s.owner,
+          modified: s.modified
         })) : o = e, o.length === 0 && (this.solutionDeleted.emit(!0), this._isDeleteInProgress = !1, this.open = !1);
       });
     }
@@ -83,7 +83,7 @@ class I extends d {
     }
   }
   render() {
-    return n`<calcite-dialog .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? m} modal .open=${this.open} outside-close-disabled @calciteDialogClose=${() => {
+    return n`<calcite-dialog class="panel-bg-color" close-disabled .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? p} modal .open=${this.open} outside-close-disabled @calciteDialogClose=${() => {
       this.open = !1, this.dialogOpen.emit(!1);
     }}>${this._isDeleteInProgress ? n`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : n`<calcite-label layout=inline>${this._translations.deletionNote}<calcite-chip .label=${this._translations.deletionCount.replace("{{count}}", this.card?.title ?? "")}>${this._templates.length > 1 ? this._translations.deletionCountMultiple.replace("{{count}}", this._templates.length.toString()) : this._translations.deletionCount.replace("{{count}}", this._templates.length.toString())}</calcite-chip></calcite-label><solution-item-accordion .templateInfos=${this._templates}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
       this.delete();

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.0-next.20250618.1 */
+v1.0.0 */
 const Z = A`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,6 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { ISolutionInfoCard } from '../../utils/interfaces';
+import { ITemplateInfoGraph } from '../solution-item-diagram/utils/solutionGraph';
 
 export declare class SolutionDeployedCard extends LitElement {
     /** @default false */

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

@@ -1,13 +1,14 @@
-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 { c as h } from "../../chunks/runtime.js";
+import { html as i } from "lit-html";
+import { u as m } from "../../chunks/useT9n.js";
+import { LitElement as u, useContextConsumer as g, nothing as r } from "@arcgis/lumina";
+import { u as w } from "../../chunks/deployAppContexts.js";
+import { css as f } from "@lit/reactive-element/css-tag.js";
+import * as n from "@esri/solution-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
-const c = r`/** @license
+v1.0.0 */
+const b = f`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,49 +22,104 @@ const c = 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}`;
-class d extends l {
+ */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% }`;
+/** @license
+ *
+ * Copyright 2018 Esri
+ *
+ * All rights reserved under the copyright laws of the United States and applicable international laws, treaties,
+ * and conventions.
+ *
+ * This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of
+ * that agreement. You may redistribute and use this code without modification, provided you adhere to the terms
+ * of the MLA and include this copyright notice.
+ *
+ * See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
+ *
+ * For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal
+ * Services Department 380 New York Street Redlands, California, USA 92373 USA
+ *
+ * email: contracts@esri.com
+ */
+async function v(s, e) {
+  const o = await n.getItemDataAsJson(s, e);
+  if (!o)
+    throw new Error(`Solution ${s} was not found`);
+  const c = e?.portal.replace("/sharing/rest", "") ?? "https://www.arcgis.com";
+  let l = [];
+  if (o.templates[0].item)
+    l = o.templates.map((a) => ({
+      id: a.itemId,
+      title: a.item.title,
+      type: a.item.type,
+      typeKeywords: a.item.typeKeywords,
+      dependencies: a.dependencies,
+      snippet: a.item.snippet
+    }));
+  else {
+    const a = o.templates.map((t) => t.type === "Group" ? n.getGroupBase(t.itemId, e) : n.getItemBase(t.itemId, e));
+    l = (await Promise.allSettled(a)).filter((t) => t.status === "fulfilled").map((t) => t.value).map((t, d) => {
+      const p = typeof t.type > "u" ? "group" : "item";
+      return {
+        id: t.id,
+        title: t.title,
+        type: t.type ?? "Group",
+        typeKeywords: t.typeKeywords,
+        dependencies: o.templates[d].dependencies,
+        snippet: t.snippet,
+        url: `${c}/home/${p}.html?id=${t.id}`
+      };
+    });
+  }
+  return l;
+}
+class _ extends u {
   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 = g({
+      context: w,
       subscribe: !0
-    }), this._isDeleteOpen = !1, this._translations = o({ name: "solution-deployed-card", blocking: !0 });
+    }), this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._translations = m({ name: "solution-deployed-card", blocking: !0 });
   }
   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, _translations: 16 };
+    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 };
   }
   static {
-    this.styles = c;
+    this.styles = b;
   }
   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()}</div>`;
+    return i`<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>`;
   }
   _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 ?? r} 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 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>`;
   }
   _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 ?? r} 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>`;
   }
+  _renderDiagramDialog() {
+    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>`;
+  }
   _cardSelected() {
     alert(`Do actions for ${this.itemId}`);
   }
-  _viewDiagram(e) {
-    e.stopPropagation(), alert("_viewDiagram");
+  async _viewDiagram(e) {
+    e.stopPropagation(), this.card && (this.templateInfoGraph = await this._processTemplates(this.card), this._isDiagramOpen = !0);
   }
   _viewDocumentation(e) {
     e.stopPropagation(), alert("_viewDocumentation");
@@ -80,8 +136,11 @@ class d extends l {
   _updateAvailable(e) {
     e.stopPropagation(), alert("_updateAvailable");
   }
+  async _processTemplates(e) {
+    return await v(e.id, this.userSessionContextConsumer.value);
+  }
 }
-a("solution-deployed-card", d);
+h("solution-deployed-card", _);
 export {
-  d as SolutionDeployedCard
+  _ as SolutionDeployedCard
 };

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

@@ -7,4 +7,6 @@ import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";
 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";
 export * from "./customElement.js";

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

@@ -7,4 +7,6 @@ import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";
 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";
 export * from "./customElement.js";

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

@@ -5,7 +5,7 @@ import { LitElement as l, noShadowRoot as c, nothing as r } from "@arcgis/lumina
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 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.0-next.20250618.1 */
+v1.0.0 */
 const h = p`/** @license
  * Copyright 2025 Esri
  *

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

@@ -13,7 +13,7 @@ import { a as T, p as A, l as U } from "../../chunks/appConfig.js";
 import { A as E } from "../../chunks/Auth.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250618.1 */
+v1.0.0 */
 const H = 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.0-next.20250618.1 */
+v1.0.0 */
 const b = r`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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