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

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

@@ -10,7 +10,7 @@ import { p as U } from "../../chunks/prepareDataForSolutionDisplay.js";
 import { createRef as A, ref as _ } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const L = C`/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { i as C, v as G, j as M, k as F } from "../../chunks/helpers.js";
 import { a as I } from "../../chunks/appConfig.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const R = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { p as u } from "../../chunks/prepareDataForSolutionDisplay.js";
 import { createRef as s, ref as l } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const f = g`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,15 +1,15 @@
 import { c as d } from "../../chunks/runtime.js";
-import { css as p, html as i } from "lit";
+import { css as p, html as t } from "lit";
 import { keyed as g } from "lit/directives/keyed.js";
 import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as u, createEvent as o, nothing as s } from "@arcgis/lumina";
+import { LitElement as u, createEvent as n, nothing as s } from "@arcgis/lumina";
 import { useContextConsumer as m } from "@arcgis/lumina/context";
 import { c as f } from "../../chunks/deployAppContexts.js";
-import { a as v, d as c, h as x } from "../../chunks/cardsHelpers.js";
+import { a as x, d as c, h as b } from "../../chunks/cardsHelpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
-const b = p`/** @license
+v1.2.0-next.21 */
+const v = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,32 +23,32 @@ const b = p`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.align-self-center{align-self:center}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.padding-bottom-1{padding-bottom:var(--calcite-spacing-lg)}.padding-side-1{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.width-full{width:100%}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.width-400{width:400px}.padding-3-4{padding:var(--calcite-spacing-md)}.margin-0{margin:var(--calcite-spacing-none)}.background-color-2{background-color:var(--calcite-color-foreground-2)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-foreground-2);background-color:var(--calcite-color-foreground-2)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-foreground-1);--calcite-shell-panel-background-color: var(--calcite-color-foreground-1)}.border-none{border:none}.padding-top-1{padding-top:var(--calcite-spacing-lg)}.padding-1{padding:var(--calcite-spacing-lg)}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-sides-xxl{padding-inline-start:var(--calcite-spacing-xxl);padding-inline-end:var(--calcite-spacing-xxl)}.padding-sides-lg{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start-lg{padding-inline-start:var(--calcite-spacing-lg)}.padding-end-lg{padding-inline-end:var(--calcite-spacing-lg)}.image-width{width:395px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:2;flex-shrink:.5}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip}.margin-lg{margin:var(--calcite-spacing-lg)}.line-height-1{line-height:1.1}@media(max-width:800px){.image-width{display:none}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}`;
+ */.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-xxl)}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-2{background-color:var(--calcite-color-foreground-2)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-foreground-2);background-color:var(--calcite-color-foreground-2)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-foreground-1);--calcite-shell-panel-background-color: var(--calcite-color-foreground-1)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:395px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:2;flex-shrink:.5}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}@media(max-width:800px){.image-width{display:none}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}`;
 class w extends u {
   constructor() {
     super(), this.diagramKey = "", this.open = !1, this.showSuccessAlert = !1, this.templateInfos = [], this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this._templateInfoGraph = [], this._translations = h({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = m({
       context: f,
       subscribe: !0
-    }), this.navTabSelected = o(), this.sortTypeChanged = o(), this.solutionConfigureDialogClose = o(), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+    }), this.navTabSelected = n(), this.sortTypeChanged = n(), this.solutionConfigureDialogClose = n(), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
   static {
     this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, showSuccessAlert: 5, templateInfos: 0, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _isDiagramOpen: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, _templateInfoGraph: 16, _translations: 16 };
   }
   static {
-    this.styles = b;
+    this.styles = v;
   }
   render() {
-    return i`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-1 panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border padding-top-11 margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}</calcite-shell>`;
+    return t`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}</calcite-shell>`;
   }
   async _deployedCardSelected(e) {
-    const t = e.detail;
-    this.card = t.card, this.cardRef = t.cardRef, this.cardRef.getTemplates().then((a) => {
+    const i = e.detail;
+    this.card = i.card, this.cardRef = i.cardRef, this.cardRef.getTemplates().then((a) => {
       this.templateInfos = a;
     });
-    const n = v(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    const o = x(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
     let l = !1;
-    if (n) {
-      const a = c(n), r = c(this.card);
+    if (o) {
+      const a = c(o), r = c(this.card);
       l = a > r;
     }
     this._hasNewVersion = l;
@@ -57,13 +57,13 @@ class w extends u {
     e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    return i`<div class="display-flex flex-direction-column padding-xxl"><calcite-button appearance=outline class="padding-bottom-1" icon-start=model kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" icon-start=edit-attributes kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" icon-start=file-text kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" icon-start=launch kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" icon-start=trash kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button></div>`;
+    return t`<div class="display-flex flex-direction-column padding-xxl"><calcite-button appearance=outline class="padding-bottom-lg" icon-start=model kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=edit-attributes kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=file-text kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=launch kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=trash kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button></div>`;
   }
   _openConfigureTitlesDialog() {
     this._configureTitlesOpen = !0;
   }
   _getConfigureTitlesDialog() {
-    return this._configureTitlesOpen ? i`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
+    return this._configureTitlesOpen ? t`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
       this._configureTitlesOpen = !1;
     }} @solutionItemsTitlesChanged=${async () => {
       this.templateInfos = await this.cardRef.getTemplates();
@@ -76,35 +76,35 @@ class w extends u {
     e.stopPropagation(), window.open(this.card.itemUrl, "_blank");
   }
   _getOwnerSection() {
-    return i`<div class="display-flex padding-bottom-xxl margin-start-end-xxl flex-direction-column"><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override" layout=inline scale=l>${this._translations.aboutYourSolutionOwner}</calcite-label><calcite-button appearance=transparent kind=neutral icon-start=pencil @click=${() => {
-    }}>${this._translations.editSolutionOwner}</calcite-button></div>${g(this.card?.owner, i`<arcgis-user-popup api=4 appearance=outline .baseUrl=${this._configContextConsumer?.value?.orgUrl} class="padding-top-1" .portal=${this._configContextConsumer?.value?.authentication?.Portal} scale=l show-avatar show-name show-username underline .username=${this.card?.owner}></arcgis-user-popup>`)}</div>`;
+    return t`<div class="display-flex padding-bottom-xxl margin-start-end-xxl flex-direction-column"><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override" layout=inline scale=l>${this._translations.aboutYourSolutionOwner}</calcite-label><calcite-button appearance=transparent kind=neutral icon-start=pencil @click=${() => {
+    }}>${this._translations.editSolutionOwner}</calcite-button></div>${g(this.card?.owner, t`<arcgis-user-popup api=4 appearance=outline .baseUrl=${this._configContextConsumer?.value?.orgUrl} class="padding-top-lg" .portal=${this._configContextConsumer?.value?.authentication?.Portal} scale=l show-avatar show-name show-username underline .username=${this.card?.owner}></arcgis-user-popup>`)}</div>`;
   }
   async _openDiagram(e) {
     e.stopPropagation(), this.cardRef && (this._templateInfoGraph = await this.cardRef.getTemplates(), this._isDiagramOpen = !0);
   }
   _getSolutionVersionCard() {
     const e = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion;
-    return i`<div class="padding-xxl display-flex flex-direction-column"><calcite-label class="font-weight-med label-override" layout=inline scale=l slot=heading>${this._translations.solutionVersion}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-xxl align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-lg"><span class="font-weight-bold font-color-1">${this.card?.deployVersion}</span><span>${e}</span></div></div></div>${this._hasNewVersion ? i`<calcite-button appearance=outline class="padding-top-xxl" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.viewNewVersion}</calcite-button>` : ""}</div>`;
+    return t`<div class="padding-xxl display-flex flex-direction-column"><calcite-label class="font-weight-med label-override" layout=inline scale=l slot=heading>${this._translations.solutionVersion}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="font-weight-bold font-color-1">${this.card?.deployVersion}</span><span>${e}</span></div></div></div>${this._hasNewVersion ? t`<calcite-button appearance=outline class="padding-top-lg" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.viewNewVersion}</calcite-button>` : ""}</div>`;
   }
   _openNewVersionSolution(e) {
     e.stopPropagation();
-    const t = x(this._configContextConsumer.value.allCards, this.card.deployCommonId), n = window.location.href, l = this._configContextConsumer.value.solutionsUrlMarker, a = n.indexOf(l);
-    a > -1 && t && window.open(`${n.substring(0, a + l.length)}/${t}`, "_blank");
+    const i = b(this._configContextConsumer.value.allCards, this.card.deployCommonId), o = window.location.href, l = this._configContextConsumer.value.solutionsUrlMarker, a = o.indexOf(l);
+    a > -1 && i && window.open(`${o.substring(0, a + l.length)}/${i}`, "_blank");
   }
   _getSolutionPanel() {
-    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._configContextConsumer.value?.userSession;
-    return i`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-lg"><img alt=${this.card?.title ?? s} src=${`${e}&token=${t?.token}`}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-sides-lg padding-top-xxl padding-bottom-xxl line-height-1">${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-side-1"><div class="display-flex align-items-start padding-bottom-xxl"><calcite-label scale=l class="font-1 padding-end-1">${this.card?.snippet}</calcite-label></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
+    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), i = this._configContextConsumer.value?.userSession;
+    return t`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title ?? s} src=${`${e}&token=${i?.token}`}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1">${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><calcite-label scale=l class="font-1 padding-end-xxl">${this.card?.snippet}</calcite-label></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
   }
   _getSolutionContents() {
-    return i`<calcite-panel class="panel-background-1 padding-top-1"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto"><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion></div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
+    return t`<calcite-panel class="panel-background-1 padding-top-xxl"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto"><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion></div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
   }
   _getDeleteDialog() {
-    return this._deleteDialogOpen ? i`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
+    return this._deleteDialogOpen ? t`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
       this._deleteDialogOpen = !1;
     }} .open=${this._deleteDialogOpen}></solution-delete-dialog>` : "";
   }
   _renderDiagramDialog() {
-    return this._isDiagramOpen ? i`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "") ?? s} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
+    return this._isDiagramOpen ? t`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "") ?? s} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
       this._isDiagramOpen = !1;
     }} outside-close-disabled resizable scale=l width=l><solution-item-diagram .diagramKey=${this.diagramKey !== "" ? this.diagramKey : this._configContextConsumer.value?.diagramKey ?? ""} .templateInfoGraph=${this._templateInfoGraph} .typeKeywords=${this.card?.typeKeywords}></solution-item-diagram></calcite-dialog>` : "";
   }

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

@@ -25,4 +25,6 @@ export declare class SolutionDeployingDialog extends LitElement {
     confirmCancel(): void;
     /** Cancel the current deployment */
     cancelDeployment(): void;
+    /** Emitted when the deploying dialog opens */
+    readonly deployingDialogOpened: TargetedEvent<this, void>;
 }

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

@@ -1,12 +1,13 @@
-import { c as a } from "../../chunks/runtime.js";
-import { css as s, html as t } from "lit";
-import { u as o } from "../../chunks/useT9n.js";
-import { LitElement as c } from "@arcgis/lumina";
-import { createRef as r, ref as h } from "lit-html/directives/ref.js";
+import { c as l } from "../../chunks/runtime.js";
+import { css as n, html as t } from "lit";
+import { keyed as c } from "lit/directives/keyed.js";
+import { u as r } from "../../chunks/useT9n.js";
+import { LitElement as h, createEvent as g } from "@arcgis/lumina";
+import { createRef as i, ref as a } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
-const d = s`/** @license
+v1.2.0-next.21 */
+const u = n`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,15 +22,15 @@ const d = s`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-foreground-1)}`;
-class p extends c {
+class d extends h {
   constructor() {
-    super(...arguments), this.deploymentProgress = 0, this.open = !1, this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1, this._showIsCancelling = !1, this._translations = o({ name: "solution-deploying-dialog", blocking: !0 }), this._deployingDialogRef = r();
+    super(...arguments), this.deploymentProgress = 0, this.open = !1, this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1, this._showIsCancelling = !1, this._translations = r({ name: "solution-deploying-dialog", blocking: !0 }), this._carouselKey = 0, this._deployingDialogRef = i(), this._carouselRef = i(), this._carouselMessages = [], this.deployingDialogOpened = g();
   }
   static {
-    this.properties = { abortController: 0, card: 0, deploymentProgress: 9, open: 5, _isInCancelConfirmation: 16, _showCancelConfirmation: 16, _showIsCancelling: 16, _translations: 16 };
+    this.properties = { abortController: 0, card: 0, deploymentProgress: 9, open: 5, _isInCancelConfirmation: 16, _showCancelConfirmation: 16, _showIsCancelling: 16, _translations: 16, _carouselKey: 16 };
   }
   static {
-    this.styles = d;
+    this.styles = u;
   }
   close() {
     this._showCancelConfirmation = !1, this._showIsCancelling = !1;
@@ -48,13 +49,82 @@ class p extends c {
   render() {
     return t`<calcite-dialog close-disabled .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} modal width=m .open=${this.open} @calciteDialogBeforeClose=${(e) => {
       e.preventDefault();
-    }} outside-close-disabled ${h(this._deployingDialogRef)}>${this._showCancelConfirmation ? this.renderCancelModal() : this._showIsCancelling ? this.renderCancellingModal() : t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.deploymentInProgress} scale=l .text=${this._translations.deploymentInProgress} type=determinate-value .value=${this.deploymentProgress}></calcite-loader><calcite-carousel autoplay .label=${this._translations.newsAndFeatures} arrow-type=inline>${this.renderCarouselItems()}</calcite-carousel><calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button></calcite-panel>`}</calcite-dialog>`;
+    }} @calciteDialogOpen=${() => this._onDialogOpen()} outside-close-disabled ${a(this._deployingDialogRef)}>${this._showCancelConfirmation ? this.renderCancelModal() : this._showIsCancelling ? this.renderCancellingModal() : t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.deploymentInProgress} scale=l .text=${this._translations.deploymentInProgress} type=determinate-value .value=${this.deploymentProgress}></calcite-loader><div style="height: 120px; display: flex; align-items: center;">${c(this._carouselKey, t`<calcite-carousel autoplay=paused autoplay-duration=8000 .label=${this._translations.newsAndFeatures} arrow-type=inline ${a(this._carouselRef)}>${this.renderCarouselItems()}</calcite-carousel>`)}</div><calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button></calcite-panel>`}</calcite-dialog>`;
   }
   renderCarouselItems() {
-    const e = [], l = this._translations.carousel;
-    for (const [i, n] of Object.entries(l))
-      e.push(t`<calcite-carousel-item .label=${i}><calcite-label layout=inline>${i === "stockMessage1" && t`<calcite-icon icon=model></calcite-icon>` || ""}${i === "stockMessage2" && t`<calcite-icon icon=trash></calcite-icon>` || ""}${n}</calcite-label></calcite-carousel-item>`);
-    return e;
+    const e = [];
+    return this._carouselMessages.forEach((s, o) => {
+      e.push(t`<calcite-carousel-item .label=${`carousel-item-${o}`}><calcite-label layout=inline>${s.icon && t`<calcite-icon .icon=${s.icon} class="padding-end-0-5"></calcite-icon>` || ""}<span .innerHTML=${this._processCarouselMessage(s) ?? ""}></span></calcite-label></calcite-carousel-item>`);
+    }), e;
+  }
+  _getCarouselMessages() {
+    const e = this._translations.carousel, s = [
+      {
+        message: e.stockMessage1,
+        icon: "model",
+        url: void 0
+      },
+      {
+        message: e.stockMessage2,
+        icon: "trash",
+        url: void 0
+      },
+      {
+        message: e.stockMessage3,
+        icon: "information",
+        url: void 0
+      },
+      {
+        message: e.stockMessage4,
+        icon: "mega-phone",
+        url: "https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/what-s-new-in-arcgis-solutions.htm"
+      },
+      {
+        message: e.stockMessage5,
+        icon: "question",
+        url: this.card?.learnMoreUrl
+      },
+      {
+        message: e.stockMessage6,
+        icon: "model",
+        url: void 0
+      },
+      {
+        message: e.stockMessage7,
+        icon: "trash",
+        url: void 0
+      },
+      {
+        message: e.stockMessage8,
+        icon: "lightbulb",
+        url: void 0
+      },
+      {
+        message: e.stockMessage9,
+        icon: "information",
+        url: void 0
+      },
+      {
+        message: e.stockMessage10,
+        icon: "speech-bubbles",
+        url: void 0
+      },
+      {
+        message: e.stockMessage11,
+        icon: "information",
+        url: "https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/releases-and-versions.htm"
+      },
+      {
+        message: e.stockMessage12,
+        icon: "lightbulb",
+        url: "https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/upgrading-an-arcgis-solution.htm"
+      }
+    ];
+    return s.sort(() => Math.random() - 0.5), s;
+  }
+  _processCarouselMessage(e) {
+    let s = e.message || "";
+    return s.includes("{{url}}") && e.url && (s = s.replace("{{url}}", e.url)), s;
   }
   renderCancelModal() {
     return t`<calcite-panel class="panel-bg-white">${this._translations.deploymentCancelMessage}<calcite-button kind=brand @click=${() => {
@@ -65,8 +135,14 @@ class p extends c {
   renderCancellingModal() {
     return t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.cancelCurrentDeployment} .text=${this._translations.cancelCurrentDeployment}></calcite-loader></calcite-panel>`;
   }
+  _onDialogOpen() {
+    this._carouselKey++, this._translations.carousel && (this._carouselMessages = this._getCarouselMessages()), this.deployingDialogOpened.emit(), setTimeout(() => {
+      const e = this._carouselRef.value;
+      e && e.play();
+    }, 100);
+  }
 }
-a("solution-deploying-dialog", p);
+l("solution-deploying-dialog", d);
 export {
-  p as SolutionDeployingDialog
+  d as SolutionDeployingDialog
 };

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

@@ -5,7 +5,7 @@ import { LitElement as n, createEvent as d, nothing as a, safeClassMap as h } fr
 import { b as p } from "../../chunks/cardsHelpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const m = r`/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { _findExistingItem as C } from "@esri/solution-deployer";
 import { g as P, a as T } from "../../chunks/common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const D = x`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { css as l, html as i } from "lit";
 import { LitElement as n, noShadowRoot as c, safeStyleMap as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const r = l`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as d, html as l, nothing as p } from "lit";
 import { LitElement as h, createEvent as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { createRef as a, ref as s } from "lit-html/directives/ref.js";
 import { LitElement as c, noShadowRoot as h } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { g as D } from "../../chunks/getItemIcon.js";
 import { injectGlobal as A } from "@emotion/css";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const P = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { LitElement as n, nothing as e } from "@arcgis/lumina";
 import { g as o } from "../../chunks/getItemIcon.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const r = i`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { css as h, html as a, nothing as o } from "lit";
 import { LitElement as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const d = h`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as n, html as a } from "lit";
 import { LitElement as o, createEvent as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const c = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { u as a } from "../../chunks/useT9n.js";
 import { LitElement as r, createEvent as o, nothing as e } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const n = s`/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { css as u, html as a, nothing as n } from "lit";
 import { LitElement as p, safeStyleMap as m, safeClassMap as f } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const _ = u`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { css as h, html as s } from "lit";
 import { createRef as p, ref as g } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-social-share/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as y, nothing as p, safeStyleMap as a, safeClassMap as x } f
 import { createRef as r, ref as c } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const k = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { css as u, html as n } from "lit";
 import { LitElement as m, createEvent as c, noShadowRoot as b } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const S = u`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { css as h, nothing as d, html as p } from "lit";
 import { LitElement as u, noShadowRoot as m, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const v = h`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as n, html as s, nothing as l } from "lit";
 import { LitElement as c, createEvent as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const h = n`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-all-panel/customElement.js

@@ -3,14 +3,14 @@ import { css as y, html as l, svg as f } from "lit";
 import { u as S } from "../../chunks/useT9n.js";
 import { LitElement as C, createEvent as c } from "@arcgis/lumina";
 import { useContextConsumer as h } from "@arcgis/lumina/context";
-import { q as g, r as w, k as T, j as x, p as v } from "../../chunks/interfaces.js";
+import { q as g, k as w, j as T, p as x } from "../../chunks/interfaces.js";
 import { C as _ } from "../../chunks/CardsFetcher.js";
-import { g as I } from "../../chunks/cardsHelpers.js";
-import { g as A } from "../../chunks/cardFetchingUtils.js";
-import { a as L, c as E, u as b } from "../../chunks/deployAppContexts.js";
+import { g as v } from "../../chunks/cardsHelpers.js";
+import { g as I } from "../../chunks/cardFetchingUtils.js";
+import { a as A, c as L, u as b } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const D = y`/** @license
  * Copyright 2025 Esri
  *
@@ -26,13 +26,13 @@ const D = y`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem var(--calcite-spacing-md) var(--calcite-spacing-md)}.solutions-briefcase{margin:auto;padding-top:var(--calcite-spacing-xxxl)}.text-center{text-align:center}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;transform:translateY(50%)}`, p = 5;
-class F extends C {
+class E extends C {
   constructor() {
-    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${g} OR ${w}`, this._allCards = [], this._authContextConsumer = h({
-      context: L,
+    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${g}`, this._allCards = [], this._authContextConsumer = h({
+      context: A,
       subscribe: !0
     }), this._baseAgoTerms = g, this._categories = [], this._configContextConsumer = h({
-      context: E,
+      context: L,
       subscribe: !0,
       callback: async (e) => {
         e && await this._loadUpdateProcedures();
@@ -122,7 +122,7 @@ class F extends C {
         let o = !1, r = !0;
         return this._deployedSolutions && (o = this._isSolutionDeployed(s.deployCommonId), r = this._isLatestVersion(s)), s.chip = a ? "new" : n ? "updated" : o && r ? "deployed" : "none", s.supportReuse = o ? !!(o && !r) : !0, s;
       });
-      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = I(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(i.length), this._isLoading = !1, i;
+      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = v(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(i.length), this._isLoading = !1, i;
     } else
       return this._isLoading = !1, [];
   }
@@ -134,7 +134,7 @@ class F extends C {
   async _getDeployedSolutions() {
     const e = this._authContextConsumer.value, t = this._userSessionContextConsumer.value;
     if (e && t && e.IsSignedIn) {
-      const i = await A(e, t, this._cardsFetcher, this._cardsFetcherDeployed, v, "created");
+      const i = await I(e, t, this._cardsFetcher, this._cardsFetcherDeployed, x, "created");
       if (i) {
         if (this._modifiedCheckTry > 0) {
           if (this._deployedSolutions?.cards.length === i?.cards.length)
@@ -168,10 +168,10 @@ class F extends C {
     });
   }
   _getDomainValue(e) {
-    return T[e];
+    return w[e];
   }
   _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : x[e];
+    return e === "AEC" ? "AEC" : T[e];
   }
   _clearFilterCategories() {
     this._categories = [];
@@ -188,7 +188,7 @@ class F extends C {
     t.length > 0 && this.detailsCardSelected.emit(t[0]);
   }
 }
-m("solutions-all-panel", F);
+m("solutions-all-panel", E);
 export {
-  F as SolutionsAllPanel
+  E as SolutionsAllPanel
 };

package/dist/components/solutions-all-shell/customElement.js

@@ -9,7 +9,7 @@ import { j as _, k as v } from "../../chunks/interfaces.js";
 import { createRef as o, ref as r } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.20 */
+v1.2.0-next.21 */
 const y = m`/** @license
  * Copyright 2025 Esri
  *