@esri/solutions-components 1.0.0 → 1.0.1

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

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

@@ -25,5 +25,6 @@ export declare class SolutionDeleteDialog extends LitElement {
     delete(): void;
     /** Emitted when the dialog is closed. */
     readonly dialogOpen: TargetedEvent<this, boolean>;
+    /** Emitted after delete process to refresh solutions list */
     readonly solutionDeleted: TargetedEvent<this, boolean>;
 }

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

@@ -1,14 +1,15 @@
 import { c } from "../../chunks/runtime.js";
-import { html as n } from "lit-html";
-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 { html as s } from "lit-html";
+import { u as h } from "../../chunks/useT9n.js";
+import { LitElement as d, useContextConsumer as a, 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 b } from "../../chunks/deployAppContexts.js";
+import { deleteSolution as g } from "@esri/solution-common";
+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.0 */
-const C = m`@layer{/** @license
+v1.0.1 */
+const b = m`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,77 +24,72 @@ const C = m`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.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 {
+class C extends d {
   constructor() {
-    super(...arguments), this.authContextConsumer = l({
-      context: _,
+    super(...arguments), this.authContextConsumer = a({
+      context: f,
       subscribe: !0
-    }), this.open = !1, this.userSessionContextConsumer = l({
-      context: b,
+    }), this.open = !1, this.userSessionContextConsumer = a({
+      context: _,
       subscribe: !0
-    }), this._deletePercentage = 0, this._isDeleteInProgress = !1, this._templates = [], this._translations = d({ name: "solution-delete-dialog", blocking: !0 }), this.dialogOpen = r(), this.solutionDeleted = r();
+    }), this._deletePercentage = 0, this._isDeleteInProgress = !1, this._showDeleteError = !1, this._templates = [], this._translations = h({ 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 };
+    this.properties = { authContextConsumer: 0, card: 0, open: 5, userSessionContextConsumer: 0, _deletePercentage: 16, _isDeleteInProgress: 16, _showDeleteError: 16, _templates: 16, _translations: 16 };
   }
   static {
-    this.styles = C;
+    this.styles = b;
   }
   static {
     this.shadowRootOptions = u;
   }
   close() {
-    this.open = !1, this.dialogOpen.emit(!1);
+    this._isDeleteInProgress && this.solutionDeleted.emit(!0), this._showDeleteError = !1, this._isDeleteInProgress = !1, this.open = !1, this.dialogOpen.emit(!1);
   }
   delete() {
     if (this._isDeleteInProgress = !0, this.card) {
-      const e = [{
+      const i = [{
         itemName: this.card.title,
         itemType: "Solution",
         owner: this.card.owner,
         modified: this.card.modified
-      }], t = {
-        progressCallback: (i) => {
-          this._deletePercentage = Math.round(i);
+      }], n = {
+        progressCallback: (t) => {
+          this._deletePercentage = Math.round(t);
         }
       };
-      g(this.card.id, this.userSessionContextConsumer.value, t).then((i) => {
-        console.log(i);
-        const a = i[1];
+      g(this.card.id, this.userSessionContextConsumer.value, n).then((t) => {
+        console.log(t);
+        const l = t[1];
         let o;
-        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);
+        l ? o = l.items.map((e) => ({
+          itemName: e.title,
+          itemType: e.type,
+          owner: e.owner,
+          modified: e.modified
+        })) : o = i, o.length === 0 ? (this.solutionDeleted.emit(!0), this._isDeleteInProgress = !1, this.open = !1) : this.card ? this._processTemplates(this.card).then((e) => {
+          this._templates = e, this._showDeleteError = !0, this._isDeleteInProgress = !1;
+        }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
       });
     }
   }
   async load() {
-    if (this.card) {
-      const e = await this._getItemTemplates(this.card);
-      this._templates = e.map((t) => ({
-        id: t.itemId,
-        type: t.type,
-        title: "",
-        typeKeywords: [],
-        snippet: ""
-      }));
-    }
+    this.card && (this._templates = await this._processTemplates(this.card));
   }
   render() {
-    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=${() => {
+    return s`<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._isDeleteInProgress ? s`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : s`<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();
-    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>`}</calcite-dialog>`;
+    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && s`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
+      this._showDeleteError = !1;
+    }} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>` || ""}`}</calcite-dialog>`;
   }
-  async _getItemTemplates(e) {
-    return (await f(e.id, this.userSessionContextConsumer.value)).templates;
+  async _processTemplates(i) {
+    return await D(i.id, this.userSessionContextConsumer.value);
   }
 }
-c("solution-delete-dialog", I);
+c("solution-delete-dialog", C);
 export {
-  I as SolutionDeleteDialog
+  C as SolutionDeleteDialog
 };

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

@@ -4,4 +4,5 @@ import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-chip";
 import "../solution-item-accordion/index.js";
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-alert";
 export * from "./customElement.js";

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

@@ -4,4 +4,5 @@ import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-chip";
 import "../solution-item-accordion/index.js";
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-alert";
 export * from "./customElement.js";

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

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

@@ -1,14 +1,14 @@
-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";
+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";
 /*! 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 */
-const b = f`/** @license
+v1.0.1 */
+const d = r`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,95 +23,45 @@ const b = f`/** @license
  * 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% }`;
-/** @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 {
+class p extends l {
   constructor() {
-    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,
+    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,
       subscribe: !0
-    }), this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._translations = m({ name: "solution-deployed-card", blocking: !0 });
+    }), this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._translations = o({ 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, _isDiagramOpen: 16, templateInfoGraph: 16, _translations: 16 };
   }
   static {
-    this.styles = b;
+    this.styles = d;
   }
   render() {
-    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>`;
+    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>`;
   }
   _getImage() {
     const e = this.userSessionContextConsumer.value;
-    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>`;
+    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>`;
   }
   _getHeader() {
-    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>`;
+    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>`;
   }
   _getOwnerLabel() {
-    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>`;
+    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>`;
   }
   _getDeployedDate() {
-    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>`;
+    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>`;
   }
   _getConfigureButton() {
-    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>`;
+    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>`;
   }
   _renderDeleteDialog() {
-    return i`<solution-delete-dialog .card=${this.card} .open=${this._isDeleteOpen} @dialogOpen=${(e) => {
+    return t`<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=${() => {
+    return t`<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>`;
   }
@@ -137,10 +87,10 @@ class _ extends u {
     e.stopPropagation(), alert("_updateAvailable");
   }
   async _processTemplates(e) {
-    return await v(e.id, this.userSessionContextConsumer.value);
+    return await c(e.id, this.userSessionContextConsumer.value);
   }
 }
-h("solution-deployed-card", _);
+a("solution-deployed-card", p);
 export {
-  _ as SolutionDeployedCard
+  p as SolutionDeployedCard
 };

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 */
+v1.0.1 */
 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 */
+v1.0.1 */
 const h = p`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-details-panel/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { ISolutionInfoCard, IItemProperties } from '../../utils/interfaces';
 import { IItemTemplate } from '@esri/solution-common';
+import { IItemProperties, ISolutionInfoCard } from '../../utils/interfaces';
 
 export declare class SolutionDetailsPanel extends LitElement {
     /** Key details about the solution */

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

@@ -1,20 +1,20 @@
 import { c as y } from "../../chunks/runtime.js";
 import { html as s } from "lit-html";
 import { u as v } from "../../chunks/useT9n.js";
-import { createRef as m, ref as g } from "lit-html/directives/ref.js";
-import { LitElement as w, useContextProvider as u, createEvent as _, safeClassMap as c, nothing as p } from "@arcgis/lumina";
+import { createRef as m, ref as _ } from "lit-html/directives/ref.js";
+import { LitElement as w, useContextProvider as u, createEvent as g, safeClassMap as c, nothing as p } from "@arcgis/lumina";
 import { a as x, i as $, u as S } from "../../chunks/deployAppContexts.js";
 import { css as R } from "@lit/reactive-element/css-tag.js";
-import { getItemDataAsJson as L, getItem as k, getPropWithDefault as b, getProp as h, setCreateProp as M } from "@esri/solution-common";
-import { a as C } from "../../chunks/privilegeUtils.js";
-import { _findExistingItem as I } from "@esri/solution-deployer";
-import { a as P } from "../../chunks/helpers.js";
-import { a as T, p as A, l as U } from "../../chunks/appConfig.js";
+import { getItemDataAsJson as L, getItem as k, getPropWithDefault as b, getProp as h, setCreateProp as C } from "@esri/solution-common";
+import { a as M } from "../../chunks/privilegeUtils.js";
+import { _findExistingItem as P } from "@esri/solution-deployer";
+import { a as I, p as T, l as A } from "../../chunks/appConfig.js";
 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.0 */
-const H = R`/** @license
+v1.0.1 */
+const U = R`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,22 +28,22 @@ const H = 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.
- */.display-flex{display:flex}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.cursor-default{cursor:default}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:1px;border-bottom-style:solid}.row-margin-2{margin-inline-start:2rem;margin-inline-end:2rem}calcite-label{--calcite-label-margin-bottom: 0px}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-2{padding-inline-end:2rem}.align-self-center{align-self:center}.align-items-center{align-items:center}.width-330{width:330px}.card-group{overflow:hidden;padding:.5rem}calcite-card{width:400px}@media (max-width: 800px){calcite-card{width:calc(50% - .5rem)}}@media (max-width: 400px){calcite-card{width:100%}}.max-height-240{max-height:240px}.max-height-300{max-height:300px}.scrollable-section{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollable-section::-webkit-scrollbar{display:none}.display-none{display:none}`;
-class D extends w {
+ */.display-flex{display:flex}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.cursor-default{cursor:default}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:1px;border-bottom-style:solid}.row-margin-2{margin-inline-start:2rem;margin-inline-end:2rem}calcite-label{--calcite-label-margin-bottom: 0px}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-2{padding-inline-end:2rem}.align-self-center{align-self:center}.align-items-center{align-items:center}.width-330{width:330px}.card-group{overflow:hidden;padding:.5rem}calcite-card{width:400px}@media (max-width: 800px){calcite-card{width:calc(50% - .5rem)}}@media (max-width: 400px){calcite-card{width:100%}}.max-height-240{max-height:240px}.max-height-300{max-height:300px}.scrollable-section{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollable-section::-webkit-scrollbar{display:none}.display-none{display:none}.cursor-pointer{cursor:pointer}`;
+class O extends w {
   constructor() {
-    super(), this.open = !1, this._hideScreenshotsScroll = !1, this._hideYouMayAlsoLikeScroll = !1, this.isMobile = !1, this._templates = [], this._translations = v({ name: "solution-details-panel", blocking: !0 }), this._allCards = [], this._authContextProvider = u({ context: x }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._isMobileContextProvider = u({ context: $ }), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsBaseHeight = 240, this._screenshotsElement = m(), this._userOptions = [], this._userSessionContextProvider = u({ context: S }), this._youMayAlsoLikeElement = m(), this._youMayAlsoLikeBaseHeight = 300, this.templatesFetched = _(), this.itemPropertiesFetched = _(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
+    super(), this.open = !1, this._hideScreenshotsScroll = !1, this._hideYouMayAlsoLikeScroll = !1, this.isMobile = !1, this._templates = [], this._translations = v({ name: "solution-details-panel", blocking: !0 }), this._allCards = [], this._authContextProvider = u({ context: x }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._isMobileContextProvider = u({ context: $ }), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsBaseHeight = 240, this._screenshotsElement = m(), this._userOptions = [], this._userSessionContextProvider = u({ context: S }), this._youMayAlsoLikeElement = m(), this._youMayAlsoLikeBaseHeight = 300, this.templatesFetched = g(), this.itemPropertiesFetched = g(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
   }
   static {
     this.properties = { card: 0, open: 5, _hideScreenshotsScroll: 16, _hideYouMayAlsoLikeScroll: 16, isMobile: 16, _itemProperties: 16, _templates: 16, _translations: 16 };
   }
   static {
-    this.styles = H;
+    this.styles = U;
   }
   async connectedCallback() {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this.listenOn(this._mediaQuery, "change", this._mediaQueryChange);
   }
   async load() {
-    const e = new E(T, A, U);
+    const e = new E(I, T, A);
     await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession);
   }
   loaded() {
@@ -64,17 +64,21 @@ class D extends w {
   }
   _getScreenshotsRow() {
     const e = this._hideScreenshotsScroll ? "display-none" : "";
-    return s`<calcite-panel><div class="display-flex flex-direction-column">${this._getHeader(this._translations.screenshots)}<div class="scrollable-section max-height-240" @scroll=${() => this._onScreenshotsScroll()} ${g(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=${`align-self-center ${e}`} icon=arrow-down kind=inverse @click=${() => {
+    return s`<calcite-panel><div class="display-flex flex-direction-column">${this._getHeader(this._translations.screenshots)}<div class="scrollable-section max-height-240" @scroll=${() => this._onScreenshotsScroll()} ${_(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=${`align-self-center ${e}`} icon=arrow-down kind=inverse @click=${() => {
       this._scrollSubsection(this._screenshotsBaseHeight, this._screenshotsElement.value);
     }} .text=${this._translations.showMore} text-enabled></calcite-fab></div></calcite-panel>`;
   }
   _getScreenshots() {
     const e = this._itemProperties?.preview || [];
-    return s`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.map((t) => s`<calcite-card .label=${t.alt}><img alt=${t.alt ?? p} slot=thumbnail src=${this._getItemResourceUrl(this.card?.id || "", t.name) ?? p}></calcite-card>`)}</calcite-card-group>`;
+    return s`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.map((t) => this.card?.id ? s`<calcite-card class="cursor-pointer" .label=${t.alt} @click=${() => this._openScreenshotGallery(t)}><img alt=${t.alt ?? p} slot=thumbnail src=${H(this.card.id || "", t.name, this._authContextProvider.value) ?? p}></calcite-card>` : "")}</calcite-card-group>`;
+  }
+  _openScreenshotGallery(e) {
+    const t = this._getDialog("solutionSnapshotGallery", "solution-snapshot-gallery");
+    t.auth = this._authContextProvider.value, t.itemProperties = this._itemProperties, t.screenshot = e, t.open = !0;
   }
   _scrollSubsection(e, t) {
-    const i = t.scrollHeight, a = t.scrollTop;
-    e <= a && (e = a + e), t.scrollTop = i > e ? e : i;
+    const i = t.scrollHeight, l = t.scrollTop;
+    e <= l && (e = l + e), t.scrollTop = i > e ? e : i;
   }
   _getDescriptionRow() {
     return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.description)}<p .innerHTML=${this.card?.description ?? ""}></p><div class="display-flex flex-direction-row">${this.card?.learnMoreUrl ? s`<calcite-link class="padding-end-2" icon-end=share @click=${() => {
@@ -118,7 +122,7 @@ class D extends w {
   }
   _getYouMayAlsoLikeRow(e) {
     const t = this._hideYouMayAlsoLikeScroll ? "display-none" : "";
-    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.youMayAlsoLike)}<div class="scrollable-section max-height-300" @scroll=${() => this._onYouMayAlsoLikeScroll()} ${g(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row "><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((i) => s`<solution-details-card .card=${i}></solution-details-card>`)}</calcite-card-group></div></div><calcite-fab appearance=outline-fill class=${`align-self-center ${t}`} icon=arrow-down kind=inverse @click=${() => {
+    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.youMayAlsoLike)}<div class="scrollable-section max-height-300" @scroll=${() => this._onYouMayAlsoLikeScroll()} ${_(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row "><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((i) => s`<solution-details-card .card=${i}></solution-details-card>`)}</calcite-card-group></div></div><calcite-fab appearance=outline-fill class=${`align-self-center ${t}`} icon=arrow-down kind=inverse @click=${() => {
       this._scrollSubsection(this._youMayAlsoLikeBaseHeight, this._youMayAlsoLikeElement.value);
     }} .text=${this._translations.showMore} text-enabled></calcite-fab></div>`;
   }
@@ -130,9 +134,12 @@ class D extends w {
     return s`<h3><calcite-label scale=l>${e}</calcite-label></h3>`;
   }
   _deploy() {
-    const e = "solutionDeployDialog";
-    let t = document.getElementById(e), i = !1;
-    t || (t = document.createElement("solution-deploy-dialog"), t.id = e, i = !0), t.card = this.card, i && document.body.appendChild(t), t.open = !0;
+    const e = this._getDialog("solutionDeployDialog", "solution-deploy-dialog");
+    e.open = !0;
+  }
+  _getDialog(e, t) {
+    let i = document.getElementById(e), l = !1;
+    return i || (i = document.createElement(t), i.id = e, l = !0), i.card = this.card, l && document.body.appendChild(i), i;
   }
   _openUrl(e) {
     window.open(e, "_blank");
@@ -146,53 +153,53 @@ class D extends w {
   async _getItemData() {
     const e = this._userSessionContextProvider.value, t = await L(this.card.id, e), i = await k(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const a = C(t, this.card.typeKeywords, this._authContextProvider.value);
-    this._privileges = e.username ? a : [], console.log(this._privileges), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((o) => {
+    const l = M(t, this.card.typeKeywords, this._authContextProvider.value);
+    this._privileges = e.username ? l : [], console.log(this._privileges), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((o) => {
       this._userOptions = o, console.log(this._userOptions);
     }), this._templates = t.templates, this.templatesFetched.emit(t.templates);
   }
   formatParams(e) {
-    const t = this._userSessionContextProvider.value, i = [], a = e ? Object.keys(e) : [], r = {
+    const t = this._userSessionContextProvider.value, i = [], l = e ? Object.keys(e) : [], r = {
       id: "",
       props: [],
       accordionDisplay: !1
     };
-    if (a.length > 0) {
+    if (l.length > 0) {
       const o = [];
-      return a.forEach((d) => {
+      return l.forEach((d) => {
         const n = e[d];
         n.valueType && n.valueType.toLowerCase() === "itemid" && o.push(this._findExistingItem(d, "Feature Service", t.username || ""));
       }), Promise.all(o).then((d) => {
         const n = {};
-        return d.forEach((l) => {
-          if (l.query && l.results && l.results.length > 0) {
-            const f = l.query.split(" ")[0].replace("typekeywords:source-", "");
+        return d.forEach((a) => {
+          if (a.query && a.results && a.results.length > 0) {
+            const f = a.query.split(" ")[0].replace("typekeywords:source-", "");
             n[f] = {
-              resultId: l.results[0].id,
-              response: l.results[0]
+              resultId: a.results[0].id,
+              response: a.results[0]
             };
           }
-        }), a.forEach((l) => {
-          if (l === "serviceLearnMore") {
-            this._configureLearnMore = e[l], alert(this._configureLearnMore), delete e[l];
+        }), l.forEach((a) => {
+          if (a === "serviceLearnMore") {
+            this._configureLearnMore = e[a], alert(this._configureLearnMore), delete e[a];
             return;
           }
-          e[l].enterpriseIDMapping && (this._customDeploymentMappings[l] = e[l].enterpriseIDMapping), r.id = l, n[l] && (e[l].existingItemId = n[l].resultId, this.updateUserProp(e[l], n[l].response)), this.updateOption(e[l], r, l);
+          e[a].enterpriseIDMapping && (this._customDeploymentMappings[a] = e[a].enterpriseIDMapping), r.id = a, n[a] && (e[a].existingItemId = n[a].resultId, this.updateUserProp(e[a], n[a].response)), this.updateOption(e[a], r, a);
         }), i.push(r), Promise.resolve(i);
       }).catch(() => Promise.resolve([]));
     } else
       return Promise.resolve([]);
   }
   _findExistingItem(e, t, i) {
-    const a = this._userSessionContextProvider.value;
-    return I(`typekeywords:source-${e} type:${t} owner:${i}`, a);
+    const l = this._userSessionContextProvider.value;
+    return P(`typekeywords:source-${e} type:${t} owner:${i}`, l);
   }
   updateUserProp(e, t) {
-    const i = e.itemType.toLowerCase() === "feature service", a = new RegExp(i ? this._regexFsUrl : e.itemType, "i"), r = b(t, i ? "url" : "type", "") || "", o = r !== "" && a.test(r);
-    return e.responseValue = o ? r : "", e.name = o && h(t, "name") || "", e.title = o && h(t, "title") || "", e.itemType = o ? h(t, "type") : e.itemType, e.validId = o, e.itemUrl = this._getItemUrl(t.id), o;
+    const i = e.itemType.toLowerCase() === "feature service", l = new RegExp(i ? this._regexFsUrl : e.itemType, "i"), r = b(t, i ? "url" : "type", "") || "", o = r !== "" && l.test(r);
+    return e.responseValue = o ? r : "", e.name = o && h(t, "name") || "", e.title = o && h(t, "title") || "", e.itemType = o ? h(t, "type") : e.itemType, e.validId = o, e.itemUrl = D(t.id, this._authContextProvider.value), o;
   }
   updateOption(e, t, i) {
-    const a = e.default || "", r = typeof a, o = a.toString();
+    const l = e.default || "", r = typeof l, o = l.toString();
     this._setFeatureServiceProps(e);
     const d = this.getValidation(e, o);
     t.props.push({
@@ -218,28 +225,16 @@ class D extends w {
       itemUrl: e.itemUrl || ""
     });
   }
-  _getItemUrl(e) {
-    const t = this._getOrgUrl(), i = P([{ k: "id", v: e }]) || "";
-    return t ? `${t}/home/item.html${i}` : "";
-  }
-  _getItemResourceUrl(e, t) {
-    const i = this._getOrgUrl();
-    return i ? `${i}/sharing/rest/content/items/${e}/resources/${t}` : "";
-  }
-  _getOrgUrl() {
-    const e = this._authContextProvider.value;
-    return e?.PortalSubset?.orgUrl || e?.PortalUrl || "";
-  }
   _setFeatureServiceProps(e) {
-    e.valueType && e.valueType.toLowerCase() === "itemid" && M(e, "attributes.required", "true");
+    e.valueType && e.valueType.toLowerCase() === "itemid" && C(e, "attributes.required", "true");
   }
   getValidation(e, t) {
-    let i = "", a = h(e, "validation.message") || "", r = !0;
-    return h(e, "attributes.required") === "true" && (i = b(e, "validation.expression", "\\S{1,}"), r = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, a = this._translations.configure.invalidID), {
+    let i = "", l = h(e, "validation.message") || "", r = !0;
+    return h(e, "attributes.required") === "true" && (i = b(e, "validation.expression", "\\S{1,}"), r = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, l = this._translations.configure.invalidID), {
       valid: r,
       validation: {
         expression: i,
-        message: a
+        message: l
       }
     };
   }
@@ -261,7 +256,7 @@ class D extends w {
     e === this._youMayAlsoLikeElement.value?.scrollHeight && !this._hideYouMayAlsoLikeScroll ? this._hideYouMayAlsoLikeScroll = !0 : e < (this._youMayAlsoLikeElement.value?.scrollHeight || 0) && (this._hideYouMayAlsoLikeScroll = !1);
   }
 }
-y("solution-details-panel", D);
+y("solution-details-panel", O);
 export {
-  D as SolutionDetailsPanel
+  O as SolutionDetailsPanel
 };