@esri/solutions-components 1.0.0 → 1.0.2

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

@@ -1,13 +1,13 @@
-import { c } from "../../chunks/runtime.js";
-import { u as h } from "../../chunks/useT9n.js";
-import { html as s } from "lit";
-import { createRef as r, ref as n } from "lit-html/directives/ref.js";
-import { LitElement as m, createEvent as l, safeClassMap as f, safeStyleMap as b } from "@arcgis/lumina";
-import { css as u } from "@lit/reactive-element/css-tag.js";
+import { c as h } from "../../chunks/runtime.js";
+import { u as c } from "../../chunks/useT9n.js";
+import { html as a } from "lit";
+import { createRef as n, ref as r } from "lit-html/directives/ref.js";
+import { LitElement as m, createEvent as l, safeClassMap as p, safeStyleMap as f } from "@arcgis/lumina";
+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.0 */
-const g = u`/** @license
+v1.0.2 */
+const u = b`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,16 +21,16 @@ const g = u`/** @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.
- */:host{display:block;--solutions-theme-foreground-color: var(--calcite-color-foreground-1);width:100%}.width-full{width:100%}.width-26{width:26%!important}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-bottom-width:1px!important;border-width:0px}.border-bottom-2{border-bottom-width:2px!important;border-width:0px}.border-solid{border-style:solid;border-color:var(--calcite-color-border-3)}.border-left-right{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{display:flex;flex-direction:column;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000}.display-none{display:none}.align-center{align-items:center}.adjusted-height{max-height:calc(100% - 68px);overflow-y:auto}.position-absolute{position:absolute}.position-relative{position:relative}`;
-class _ extends m {
+ */:host{display:block;--solutions-theme-foreground-color: var(--calcite-color-foreground-1);width:100%}.width-full{width:100%}.width-26{width:26%!important}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-bottom-width:1px!important;border-width:0px}.border-bottom-2{border-bottom-width:2px!important;border-width:0px}.border-solid{border-style:solid;border-color:var(--calcite-color-border-3)}.border-left-right{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{display:flex;flex-direction:column;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000}.display-none{display:none}.align-center{align-items:center}.adjusted-height{max-height:calc(100% - 68px);overflow-y:auto}.position-absolute{position:absolute}.position-relative{position:relative}.popover-map-list{overflow:auto;width:250px}.max-width-200{max-width:200px}.min-width-150{min-width:150px}`;
+class g extends m {
   constructor() {
-    super(...arguments), this.mapInfos = [], this.isMapLayout = !1, this.showMapListInPopover = !1, this.referenceElement = "", this.selectedWebMapId = "", this._mapListExpanded = !1, this._translations = h({ name: "map-picker", blocking: !0 }), this._list = r(), this._loadedId = "", this._skipEditCheck = !1, this._popover = r(), this.beforeMapInfoChange = l(), this.mapInfoChange = l();
+    super(...arguments), this.mapInfos = [], this.isMapLayout = !1, this.showMapListInPopover = !1, this.referenceElement = "", this.selectedWebMapId = "", this._mapListExpanded = !1, this._translations = c({ name: "map-picker", blocking: !0 }), this._list = n(), this._loadedId = "", this._skipEditCheck = !1, this._popover = n(), this.beforeMapInfoChange = l(), this.mapInfoChange = l();
   }
   static {
     this.properties = { mapInfos: 0, isMapLayout: 5, height: 9, showMapListInPopover: 5, referenceElement: 1, selectedWebMapId: 1, _mapListExpanded: 16, _translations: 16 };
   }
   static {
-    this.styles = g;
+    this.styles = u;
   }
   willUpdate(e) {
     e.has("mapInfos") && this.hasUpdated && this.mapInfosWatchHandler(this.mapInfos, e.get("mapInfos")), e.has("selectedWebMapId") && this.hasUpdated && this.selectedWebMapIdWatchHandler(this.selectedWebMapId);
@@ -49,7 +49,7 @@ class _ extends m {
   }
   async setMapByID(e, t = !1) {
     this._skipEditCheck = t;
-    const i = this.mapInfos?.filter((a) => a.id === e);
+    const i = this.mapInfos?.filter((s) => s.id === e);
     e && i?.length > 0 && this._webMapSelected(i[0]), this._skipEditCheck = !1;
   }
   async close() {
@@ -59,28 +59,27 @@ class _ extends m {
     this._mapListExpanded = e;
   }
   render() {
-    return s`${!this.showMapListInPopover && this._getToolbar() || ""}${this.showMapListInPopover ? this._getMapListPopover() : this._getMapNameList(this._mapListExpanded)}`;
+    return a`${!this.showMapListInPopover && this._getToolbar() || ""}${this.showMapListInPopover ? this._getMapListPopover() : this._getMapNameList(this._mapListExpanded)}`;
   }
   loaded() {
     const e = this._getWebMapInfo();
-    e && this._webMapSelected(e), this._popover.value?.addEventListener("calcitePopoverOpen", () => {
-      (this._list.value?.querySelector("calcite-list-item[selected]")).setFocus();
-    });
+    e && this._webMapSelected(e);
   }
   _getMapPicker() {
-    const e = "map-picker-expand-toggle", t = this._mapListExpanded ? "chevron-up" : "chevron-down";
-    return s`<div class="width-full"><calcite-button alignment=icon-end-space-between appearance=transparent class="width-full height-full" .iconEnd=${t} icon-start=map id=${e} kind=neutral @click=${() => this._chooseMap()} width=full>${this._getWebMapInfo().name}</calcite-button><calcite-tooltip placement=bottom .referenceElement=${e}><span>${this._translations.switchMap}</span></calcite-tooltip></div>`;
+    const e = "map-picker-expand-toggle", t = this._mapListExpanded ? "chevron-up" : "chevron-down", i = this.isMapLayout ? "" : "position-absolute", s = this.isMapLayout ? "max-width-200" : "width-full";
+    return a`<div class=${p(s)}><calcite-button alignment=icon-end-space-between appearance=transparent class=${`width-full height-full ${i}`} .iconEnd=${t} icon-start=map id=${e} kind=neutral @click=${() => this._chooseMap()} width=full>${this._getWebMapInfo().name}</calcite-button><calcite-tooltip placement=bottom .referenceElement=${e}><span>${this._translations.switchMap}</span></calcite-tooltip></div>`;
   }
   _getToolbar() {
-    const e = this.isMapLayout ? "border-bottom-1" : "border-bottom-2";
-    return s`<div class="display-flex border-left-right"><calcite-action-bar class=${`border-solid action-bar-size ${e}`} expand-disabled layout=horizontal slot=header>${this._getMapPicker()}</calcite-action-bar></div>`;
+    const e = this.isMapLayout ? "border-bottom-1" : "border-bottom-2", t = this.isMapLayout ? "" : "position-relative";
+    return a`<div class=${`display-flex border-left-right ${t}`}><calcite-action-bar class=${`border-solid action-bar-size overflow-hidden ${e}`} expand-disabled layout=horizontal slot=header>${this._getMapPicker()}</calcite-action-bar></div>`;
   }
   _getMapNameList(e) {
-    const t = this.height && this.height > 0 && this.showMapListInPopover ? { height: `${this.height.toString()}px` } : {}, i = this.showMapListInPopover ? "position-relative" : "position-absolute", a = this.isMapLayout ? "width-26" : "width-full", d = this.isMapLayout ? "border-bottom-1" : "border-bottom-2", p = e ? `map-list border-solid ${d} adjusted-height ${a} ${i}` : "display-none";
-    return s`<div class=${f(p)} style=${b(t)}><calcite-list id=mapList label selection-appearance=border selection-mode=single-persist ${n(this._list)}>${this.mapInfos.map((o) => s`<calcite-list-item .label=${o.name} @click=${() => this._webMapSelected(o)} .selected=${o.id === this._loadedId} .value=${o.id}></calcite-list-item>`)}</calcite-list></div>`;
+    const t = this.showMapListInPopover ? "position-relative" : "position-absolute", i = this.isMapLayout ? "max-width-200 min-width-150" : "width-full", s = this.isMapLayout ? "border-bottom-1" : "border-bottom-2", d = e ? `map-list border-solid ${s} adjusted-height ${i} ${t}` : "display-none";
+    return a`<div class=${p(d)}><calcite-list id=mapList label selection-appearance=border selection-mode=single-persist ${r(this._list)}>${this.mapInfos.map((o) => a`<calcite-list-item .label=${o.name} @click=${() => this._webMapSelected(o)} .selected=${o.id === this._loadedId} .value=${o.id}></calcite-list-item>`)}</calcite-list></div>`;
   }
   _getMapListPopover() {
-    return s`<calcite-popover auto-close focus-trap-disabled .label=${this.referenceElement} placement=auto .referenceElement=${this.referenceElement} ${n(this._popover)}>${this._getMapNameList(!0)}</calcite-popover>`;
+    const e = this.height && this.height > 0 && this.showMapListInPopover ? { "max-height": `${this.height.toString()}px` } : {};
+    return a`<calcite-popover auto-close focus-trap-disabled .label=${this.referenceElement} placement=left .referenceElement=${this.referenceElement} ${r(this._popover)}><div style=${f(e)} class=popover-map-list>${this._getMapNameList(!0)}</div></calcite-popover>`;
   }
   _getWebMapInfo() {
     let e = this.mapInfos.find((t) => this.selectedWebMapId === t.id);
@@ -102,7 +101,7 @@ class _ extends m {
     this._mapListExpanded = !this._mapListExpanded;
   }
 }
-c("map-picker", _);
+h("map-picker", g);
 export {
-  _ as MapPicker
+  g as MapPicker
 };

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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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 */
+v1.0.2 */
 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.2 */
 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.2 */
 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.2 */
+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.2 */
 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.2 */
+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.2 */
 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.2 */
 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 */