@esri/solutions-components 1.2.0-next.191 → 1.2.0-next.193

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

@@ -4,9 +4,8 @@ import { u as y } from "../../chunks/useT9n.js";
 import { LitElement as S, createEvent as c, safeClassMap as r } from "@arcgis/lumina";
 import { useContextConsumer as T } from "@arcgis/lumina/context";
 import { css as D, html as u } from "lit";
-import { A as m, I as v, T as $ } from "../../chunks/interfaces.js";
+import { A as v, C as m, I as $, T as P } from "../../chunks/interfaces.js";
 import { createRef as _, ref as p } from "lit-html/directives/ref.js";
-import { c as P } from "../../chunks/deployAppContexts.js";
 import * as V from "@esri/solution-common";
 import { updateGroup as E, updateItem as b, updateItemExtended as w } from "@esri/solution-common";
 import { g as W } from "../../chunks/getRelatedInfos.js";
@@ -14,7 +13,7 @@ const L = D`.display-flex{display:flex}.display-none{display:none}.flex-directio
 class k extends S {
   constructor() {
     super(...arguments), this.open = !1, this.source = "Card Dropdown", this.solutionData = {}, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._nonSolutionDependencyItems = [], this._solutionItemsTitlesUpdating = !1, this._translations = y({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = T({
-      context: P,
+      context: v,
       subscribe: !0
     }), this._defaultPrefix = "", this._defaultSuffix = "", this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1, this._prefixRef = _(), this._prefixValue = "", this._suffixRef = _(), this._suffixValue = "", this._templateInfos = [], this._originalTitles = [], this.solutionConfigureTitlesBeforeClose = c(), this.solutionItemsTitlesChanged = c();
   }
@@ -79,7 +78,7 @@ class k extends S {
       let a = t.title;
       i && (n ? this._originalTitles.find((l) => l.id === t.id)?.title.startsWith(this._defaultPrefix) ? a = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue) : this._prefixValue !== this._defaultPrefix && (a = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue)) : a = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue));
       let o = a;
-      return s && (f ? this._originalTitles.find((l) => l.id === t.id)?.title.endsWith(this._defaultSuffix) ? o = this._applySuffixWithDuplicateCheck(a, this._suffixValue) : this._suffixValue !== this._defaultSuffix && (o = this._applySuffixWithDuplicateCheck(a, this._suffixValue)) : o = this._applySuffixWithDuplicateCheck(a, this._suffixValue)), t.title = o, this._hasNameLengthError || (this._hasNameLengthError = t.title.length > v), t;
+      return s && (f ? this._originalTitles.find((l) => l.id === t.id)?.title.endsWith(this._defaultSuffix) ? o = this._applySuffixWithDuplicateCheck(a, this._suffixValue) : this._suffixValue !== this._defaultSuffix && (o = this._applySuffixWithDuplicateCheck(a, this._suffixValue)) : o = this._applySuffixWithDuplicateCheck(a, this._suffixValue)), t.title = o, this._hasNameLengthError || (this._hasNameLengthError = t.title.length > $), t;
     }), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1;
   }
   _replaceStart(e, t, i) {
@@ -107,7 +106,7 @@ class k extends S {
   async _commitNameChanges() {
     if (this._hasChanges()) {
       this._telemetry?.logEvent({
-        category: $.DEPLOYMENTS,
+        category: P.DEPLOYMENTS,
         action: "Rename Items",
         dimensions: [
           this.card?.title || "",

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

@@ -4,9 +4,8 @@ import { css as u, nothing as p, html as r } from "lit";
 import { u as f } from "../../chunks/useT9n.js";
 import { LitElement as g, createEvent as d, safeClassMap as c } from "@arcgis/lumina";
 import { useContextConsumer as _ } from "@arcgis/lumina/context";
-import { T as D, C as I } from "../../chunks/interfaces.js";
-import { deleteSolution as y } from "@esri/solution-common";
-import { c as b } from "../../chunks/deployAppContexts.js";
+import { A as D, T as I, D as y } from "../../chunks/interfaces.js";
+import { deleteSolution as b } from "@esri/solution-common";
 import { createRef as w, ref as h } from "lit-html/directives/ref.js";
 import "../solution-item-accordion/customElement.js";
 import { p as $, g as C } from "../../chunks/getRelatedInfos.js";
@@ -14,7 +13,7 @@ const S = u`.panel-bg-color{--calcite-panel-header-background-color: var(--calci
 class v extends g {
   constructor() {
     super(), this.open = !1, this.source = "Card Dropdown", this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = f({ name: "solution-delete-dialog", blocking: !0 }), this._accordion = w(), this._configContextConsumer = _({
-      context: b,
+      context: D,
       subscribe: !0
     }), this.solutionDeleteDialogOpen = d(), this.solutionDeleted = d(), this.solutionDeleteDialogBeforeClose = d(), this.listenOn(window, "beforeunload", (e) => {
       this._isDeleteInProgress && (e.preventDefault(), e.returnValue = !0);
@@ -34,7 +33,7 @@ class v extends g {
   }
   delete() {
     if (this._telemetry?.logEvent({
-      category: D.DEPLOYMENTS,
+      category: I.DEPLOYMENTS,
       action: "Delete Solution",
       dimensions: [
         this.card?.title || "",
@@ -54,7 +53,7 @@ class v extends g {
         },
         solutionOwner: this.card.owner
       };
-      y(this.card.id, this._configContextConsumer.value.userSession, s).then((t) => {
+      b(this.card.id, this._configContextConsumer.value.userSession, s).then((t) => {
         const a = t[1];
         let i;
         if (a ? i = a.items.map((o) => ({
@@ -79,7 +78,7 @@ class v extends g {
             typeKeywords: [],
             snippet: "",
             dependencies: [],
-            url: I(n.id, this._configContextConsumer.value.authentication)
+            url: y(n.id, this._configContextConsumer.value.authentication)
           })), this._templateInfos = l, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
         } else
           this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;

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

@@ -4,13 +4,12 @@ import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
 import "@arcgis/analysis-shared-utils";
-import { S as n } from "../../chunks/solution-deploy-dialog.js";
+import { S as g } from "../../chunks/solution-deploy-dialog.js";
 import "@esri/solution-common";
-import "../../chunks/deployAppContexts.js";
-import "@esri/solution-deployer";
 import "../../chunks/interfaces.js";
+import "@esri/solution-deployer";
 import "lit";
 import "lit/directives/ref.js";
 export {
-  n as SolutionDeployDialog
+  g as SolutionDeployDialog
 };

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

@@ -4,9 +4,8 @@ import "lit";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
-import "../../chunks/deployAppContexts.js";
-import { a0 as l } from "../../chunks/interfaces.js";
+import { a2 as d } from "../../chunks/interfaces.js";
 import "lit-html/directives/ref.js";
 export {
-  l as SolutionDeployedCard
+  d as SolutionDeployedCard
 };

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

@@ -1,11 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
 import { u } from "../../chunks/useT9n.js";
-import { LitElement as m, createEvent as n, safeClassMap as f, nothing as d } from "@arcgis/lumina";
+import { LitElement as m, createEvent as l, safeClassMap as f, nothing as d } from "@arcgis/lumina";
 import { useContextConsumer as p } from "@arcgis/lumina/context";
 import { css as b, html as i } from "lit";
-import { c as x, i as _ } from "../../chunks/deployAppContexts.js";
-import { D as v, T as s, x as y, F as w } from "../../chunks/interfaces.js";
+import { A as x, F as _, G as v, T as s, x as y, H as w } from "../../chunks/interfaces.js";
 import { f as C, g, a as $ } from "../../chunks/cardsHelpers.js";
 import { g as S } from "../../chunks/getRelatedInfos.js";
 const D = b`.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}.display-none{display:none}.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-1{background-color:var(--calcite-color-foreground-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)}.margin-start-end-lg{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-top-xxl{margin-top:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-lg{padding:var(--calcite-spacing-lg)}.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-1{padding-inline-end:var(--calcite-spacing-lg)}.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:300px;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;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}.line-height-xxl{line-height:var(--calcite-line-height-xxl)}@media(max-width:800px){.font-size-override .display-flex.flex-direction-row{flex-direction:column!important}.image-width{width:100%!important;max-width:100%!important;margin:0!important;padding:var(--calcite-spacing-lg)!important;padding-bottom:0!important;box-sizing:border-box}.image-width img{width:100%;max-width:100%}.margin-xl{margin:0!important}.image-width+.display-flex{padding-inline-start:var(--calcite-spacing-lg)!important;padding-inline-end:var(--calcite-spacing-lg)!important}.padding-start-sm{padding-inline-start:0!important}.title-font{padding-inline-start:0!important;padding-top:var(--calcite-spacing-lg)!important;padding-bottom:var(--calcite-spacing-lg)!important}.align-items-start.padding-bottom-xxl,.padding-bottom-xxl.padding-start-sm{padding-bottom:var(--calcite-spacing-lg)!important}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}.solution-deployed-action{--calcite-color-focus: initial}`;
@@ -15,13 +14,13 @@ class T extends m {
       context: x,
       subscribe: !0,
       callback: async (e) => {
-        e && (this._isOrgAdmin = v(e.authentication), this._user = e.authentication?.Portal?.user);
+        e && (this._isOrgAdmin = _(e.authentication), this._user = e.authentication?.Portal?.user);
       }
     }), this._isOrgAdmin = !1, this._isMobileContextConsumer = p({
-      context: _,
+      context: v,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this.navTabSelected = n(), this.forceSelectTab = n(), this.sortTypeChanged = n(), this.solutionConfigureDialogClose = n(), this._nonSolutionDependencyItems = [], this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected), this.listenOn(window, "displayDeployedCard", () => {
+    }), this.navTabSelected = l(), this.forceSelectTab = l(), this.sortTypeChanged = l(), this.solutionConfigureDialogClose = l(), this._nonSolutionDependencyItems = [], this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected), this.listenOn(window, "displayDeployedCard", () => {
       this._showSuccessAlert = !0;
     }), this.listenOn(window, "sessionRefreshed", (e) => {
       this._updateThumbnailToken(e.detail);
@@ -57,19 +56,19 @@ class T extends m {
     const a = await S(this._configContextConsumer.value.userSession, this.card);
     this._nonSolutionDependencyItems = a._nonSolutionDependencyItems;
     const o = C(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
-    let l = !1;
+    let n = !1;
     if (o) {
       const c = g(o), r = g(this.card);
-      l = c > r;
+      n = c > r;
     }
-    this._hasNewVersion = l;
+    this._hasNewVersion = n;
   }
   _handleDeployAppTabSelected(e) {
     e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution, o = this.card?.owner === e || this._isOrgAdmin || t, l = this.card?.owner === e || this._isOrgAdmin || a, c = o ? "display-none" : "", r = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`display-flex flex-direction-column ${r}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${o && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${f(c)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${l && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
+    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, o = this.card?.owner === e || this._isOrgAdmin || t, n = this.card?.owner === e || this._isOrgAdmin || a, c = o ? "display-none" : "", r = this.isMobile ? "padding-lg" : "padding-xxl";
+    return i`<div class=${`display-flex flex-direction-column ${r}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${o && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${f(c)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${n && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
   }
   _openConfigureTitlesDialog() {
     this._configureTitlesOpen = !0;

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

@@ -2,13 +2,13 @@
 import { c as n } from "../../chunks/runtime.js";
 import { css as c, html as t } from "lit";
 import { keyed as r } from "lit/directives/keyed.js";
-import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as d, createEvent as a } from "@arcgis/lumina";
-import { createRef as i, ref as l } from "lit-html/directives/ref.js";
-const p = c`.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-sm);margin-bottom:var(--calcite-spacing-xxxl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}`;
-class g extends d {
+import { u as d } from "../../chunks/useT9n.js";
+import { LitElement as h, createEvent as a } from "@arcgis/lumina";
+import { createRef as l, ref as i } from "lit-html/directives/ref.js";
+const p = c`.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-sm);margin-bottom:var(--calcite-spacing-xxxl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}.carousel-style{height:120px;display:flex;align-items:center;padding:1rem 1rem .5rem;border:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-background)}`;
+class g extends h {
   constructor() {
-    super(), this.deploymentProgress = 0, this.open = !1, this.isWaitingForCard = !1, this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1, this._showIsCancelling = !1, this._translations = h({ name: "solution-deploying-dialog", blocking: !0 }), this._carouselKey = 0, this._deployingDialogRef = i(), this._carouselRef = i(), this._carouselMessages = [], this._confirmUnload = !1, this.deployingDialogOpened = a(), this.deploymentProcessCancelled = a(), this.listenOn(window, "beforeunload", (e) => {
+    super(), this.deploymentProgress = 0, this.open = !1, this.isWaitingForCard = !1, this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1, this._showIsCancelling = !1, this._translations = d({ name: "solution-deploying-dialog", blocking: !0 }), this._carouselKey = 0, this._deployingDialogRef = l(), this._carouselRef = l(), this._carouselMessages = [], this._confirmUnload = !1, this.deployingDialogOpened = a(), this.deploymentProcessCancelled = a(), this.listenOn(window, "beforeunload", (e) => {
       (this._confirmUnload || this._showIsCancelling) && (e.preventDefault(), e.returnValue = !0);
     });
   }
@@ -35,14 +35,14 @@ class g extends d {
   render() {
     return t`<calcite-dialog close-disabled .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} escape-disabled modal width=m .open=${this.open} @calciteDialogBeforeClose=${(e) => {
       e.preventDefault(), this._confirmUnload = !1;
-    }} @calciteDialogOpen=${() => this._onDialogOpen()} outside-close-disabled ${l(this._deployingDialogRef)}>${this._showCancelConfirmation ? this.renderCancelModal() : this._showIsCancelling ? this.renderCancellingModal() : t`<calcite-panel class="panel-bg-white">${this.isWaitingForCard ? t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=indeterminate></calcite-loader><div class="loader-text">${this._translations.deploymentInProgress}</div>` : t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=determinate-value .value=${this.deploymentProgress}></calcite-loader><div class="loader-text">${this._translations.deploymentInProgress}</div>`}<div style="height: 120px; display: flex; align-items: center;">${r(this._carouselKey, t`<calcite-carousel autoplay=paused autoplay-duration=8000 .label=${this._translations.newsAndFeatures} arrow-type=inline ${l(this._carouselRef)}>${this.renderCarouselItems()}</calcite-carousel>`)}</div></calcite-panel>`}${!this._showCancelConfirmation && !this._showIsCancelling && t`<calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button>` || ""}${this._showCancelConfirmation && t`<calcite-button kind=brand @click=${() => {
+    }} @calciteDialogOpen=${() => this._onDialogOpen()} outside-close-disabled ${i(this._deployingDialogRef)}>${this._showCancelConfirmation ? this.renderCancelModal() : this._showIsCancelling ? this.renderCancellingModal() : t`<calcite-panel class="panel-bg-white">${this.isWaitingForCard ? t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=indeterminate></calcite-loader><div class="loader-text">${this._translations.deploymentInProgress}</div>` : t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=determinate-value .value=${this.deploymentProgress}></calcite-loader><div class="loader-text">${this._translations.deploymentInProgress}</div>`}<div class="carousel-style">${r(this._carouselKey, t`<calcite-carousel autoplay=paused autoplay-duration=8000 .label=${this._translations.newsAndFeatures} arrow-type=inline ${i(this._carouselRef)}>${this.renderCarouselItems()}</calcite-carousel>`)}</div></calcite-panel>`}${!this._showCancelConfirmation && !this._showIsCancelling && t`<calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button>` || ""}${this._showCancelConfirmation && t`<calcite-button kind=brand @click=${() => {
       this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1;
     }} slot=footer-end>${this._translations.continueDeployment}</calcite-button><calcite-button appearance=outline @click=${this.cancelDeployment} slot=footer-end>${this._translations.cancelDeploymentButton}</calcite-button>` || ""}</calcite-dialog>`;
   }
   renderCarouselItems() {
     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.push(t`<calcite-carousel-item .label=${`carousel-item-${o}`}><calcite-label layout=inline scale=l>${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() {

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

@@ -4,8 +4,7 @@ import { css as p, html as o } from "lit";
 import { u as m } from "../../chunks/useT9n.js";
 import { LitElement as u, createEvent as f, nothing as r, safeClassMap as g } from "@arcgis/lumina";
 import { useContextConsumer as x } from "@arcgis/lumina/context";
-import { c as v } from "../../chunks/deployAppContexts.js";
-import { T as b, G as y } from "../../chunks/interfaces.js";
+import { A as v, T as b, J as y } from "../../chunks/interfaces.js";
 import { c as $ } from "../../chunks/cardsHelpers.js";
 const _ = p`calcite-card{height:100%;padding-bottom:2px}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-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:#fff}calcite-card:hover{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}.chip-status{--calcite-chip-icon-color: var(--calcite-color-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.hover-text{transition:.1s 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%;font-size:1.2rem}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.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}a{text-decoration:none;color:inherit;outline:0;padding:0;margin:0;display:inherit;height:100%}`;
 class C extends u {

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

@@ -1,25 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
-import { c as k } from "../../chunks/runtime.js";
-import { u as M } from "../../chunks/useT9n.js";
+import { c as I } from "../../chunks/runtime.js";
+import { u as S } from "../../chunks/useT9n.js";
 import { createRef as d, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as C, createEvent as f, safeClassMap as u, nothing as y, safeStyleMap as D } from "@arcgis/lumina";
 import { useContextConsumer as w } from "@arcgis/lumina/context";
-import { c as E, i as L } from "../../chunks/deployAppContexts.js";
-import { css as R, html as a } from "lit";
-import { request as T, getWorkflowBaseURL as P, getWorkflowManagerAuthorized as A, sanitizeHTML as _, getItemDataAsJson as O, getItem as U, getPropWithDefault as $, getProp as v, setCreateProp as N } from "@esri/solution-common";
-import { E as m, R as F, g as x, T as g, U as b, V as H, H as I, G as V, W as z, X as B, C as Y } from "../../chunks/interfaces.js";
+import { E as m, V as E, g as x, A as L, G as R, T as g, W as b, X as T, K as $, J as P, Y as A, Z as O, D as U } from "../../chunks/interfaces.js";
+import { css as N, html as a } from "lit";
+import { request as F, getWorkflowBaseURL as H, getWorkflowManagerAuthorized as V, sanitizeHTML as _, getItemDataAsJson as z, getItem as B, getPropWithDefault as M, getProp as v, setCreateProp as Y } from "@esri/solution-common";
 import { _findExistingItem as G } from "@esri/solution-deployer";
 import "../../chunks/solution-deploy-dialog.js";
 import "../solution-snapshot-gallery/customElement.js";
 import "../solution-deploying-dialog/customElement.js";
-const W = R`.display-flex{display:flex}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.flex-1{flex:1}.cursor-default{cursor:default}solution-details-card[id*=you-may-also-like]{width:240px}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:var(--calcite-spacing-px);border-bottom-style:solid}ul{list-style-type:disc;margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}ul ul{list-style-type:circle}li{margin:var(--calcite-spacing-sm) var(--calcite-spacing-none)}calcite-label{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.padding-1{padding:var(--calcite-spacing-lg)}.padding-1-5{padding:var(--calcite-spacing-xl)}.padding-2px{padding:var(--calcite-spacing-base)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-bottom-1{padding-bottom:var(--calcite-spacing-lg)}.padding-bottom-sm{padding-bottom:var(--calcite-spacing-sm)}.padding-top-md{padding-top:var(--calcite-spacing-md)}.padding-top-sm{padding-top:var(--calcite-spacing-sm)}.padding-top-xs{padding-top:.25rem}.padding-bottom-1-5{padding-bottom:var(--calcite-spacing-xxl)}.padding-top-1{padding-top:var(--calcite-spacing-lg)}.padding-top-1-5{padding-top:var(--calcite-spacing-xxl)}.padding-top-1-2{padding-top:var(--calcite-spacing-sm)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-1-75{padding-inline-end:1.75rem}.padding-end-2{padding-inline-end:var(--calcite-spacing-xxxl)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.margin-bottom-1{margin-bottom:var(--calcite-spacing-lg)}.margin-bottom-1-5{margin-bottom:var(--calcite-spacing-xxl)}.margin-end-1{margin-inline-end:var(--calcite-spacing-lg)}.margin-top-0{margin-top:var(--calcite-spacing-none)}.margin-top-1{margin-top:var(--calcite-spacing-lg)}.margin-top-875{margin-top:.875rem}.margin-top-1-5{margin-top:var(--calcite-spacing-xxl)}.margin-sides-0-5{margin-left:var(--calcite-spacing-sm);margin-right:var(--calcite-spacing-sm)}.margin-sides-1{margin-left:var(--calcite-spacing-lg);margin-right:var(--calcite-spacing-lg)}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.align-self-center{align-self:center;padding:5px;--calcite-fab-shadow: #FFFFFF00}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.button-width{width:260px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.button-width{width:auto}}.image-width{width:300px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:0;flex-shrink:1}}.width-full{width:100%}@media(max-width:768px){.width-full{flex-direction:column}.width-full>.display-flex{flex-direction:column}.image-width{width:100%;padding-inline-end:0;margin-bottom:var(--calcite-spacing-lg)}.button-width{width:100%;margin-top:var(--calcite-spacing-lg)}}.card-group{overflow:hidden}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}calcite-card{width:450px;--calcite-card-border-color: transparent}@media(max-width:1496px){calcite-card{width:calc(100% / 3 - .5rem)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}}@media(max-width:1100px){calcite-card{width:calc(50% - .5rem)}#screenshots-subsection calcite-card{width:calc(50% - .5rem)}}@media(max-width:550px){calcite-card{width:100%}#screenshots-subsection calcite-card{width:100%}}.max-height-300{max-height:300px}.display-none{display:none}.cursor-pointer{cursor:pointer}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-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:#fff}calcite-card:hover{border:var(--calcite-spacing-base) solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer;padding:var(--calcite-spacing-base)}calcite-card{border:var(--calcite-spacing-base) solid transparent;box-sizing:border-box;padding:var(--calcite-spacing-base)}.hover-text{transition:.1s 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%;font-size:var(--calcite-spacing-xl)}.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;display:block}.margin-inline-unset{margin-inline:unset}.collapsible-div{overflow:hidden;transition:max-height .3s ease-in-out}.collapsible-div.expanded{max-height:100%}.back-color-override{--calcite-panel-background-color: var(--calcite-color-foreground-2)}.back-color-override-1{background-color:var(--calcite-color-foreground-1)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.line-height-xxl{line-height:var(--calcite-spacing-xxl)}.line-height-1{line-height:1.1}.font-1{font-size:var(--calcite-spacing-lg)}.font-color-1{color:var(--calcite-color-text-1)}.font-color-2{color:var(--calcite-color-text-2)}h1{font-weight:unset;margin:var(--calcite-spacing-none);padding:var(--calcite-spacing-none)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.accordion-bg{--calcite-accordion-background-color: var(--calcite-color-foreground-1)}.table-cell{font-size:var(--calcite-spacing-lg);color:var(--calcite-color-text-2);margin:0}.table-cell p{margin:0}calcite-table-header{font-weight:var(--calcite-font-weight-medium);--calcite-internal-table-cell-font-size: var(--calcite-font-size-md)}.position-relative{position:relative}.background-color-2{background-color:var(--calcite-color-foreground-2)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-foreground-2);background-color:var(--calcite-color-foreground-2)}.border-none{border:none}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}calcite-shell{block-size:unset}.solution-detail-action{--calcite-color-focus: initial}a{color:var(--calcite-link-text-color, var(--calcite-color-text-link));cursor:pointer;text-decoration:none;line-height:inherit;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;transition-property:background-size,color;transition-duration:var(--calcite-animation-timing, .15s);transition-timing-function:ease-in-out;outline-color:transparent;position:relative}a:hover{background-size:100% 1px,100% 1px}a:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px;outline-color:var(--calcite-color-brand)}a:active{color:var(--calcite-color-brand-press)}`;
+const W = N`.display-flex{display:flex}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.flex-1{flex:1}.cursor-default{cursor:default}solution-details-card[id*=you-may-also-like]{width:240px}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:var(--calcite-spacing-px);border-bottom-style:solid}ul{list-style-type:disc;margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}ul ul{list-style-type:circle}li{margin:var(--calcite-spacing-sm) var(--calcite-spacing-none)}calcite-label{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.padding-1{padding:var(--calcite-spacing-lg)}.padding-1-5{padding:var(--calcite-spacing-xl)}.padding-2px{padding:var(--calcite-spacing-base)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-bottom-1{padding-bottom:var(--calcite-spacing-lg)}.padding-bottom-sm{padding-bottom:var(--calcite-spacing-sm)}.padding-top-md{padding-top:var(--calcite-spacing-md)}.padding-top-sm{padding-top:var(--calcite-spacing-sm)}.padding-top-xs{padding-top:.25rem}.padding-bottom-1-5{padding-bottom:var(--calcite-spacing-xxl)}.padding-top-1{padding-top:var(--calcite-spacing-lg)}.padding-top-1-5{padding-top:var(--calcite-spacing-xxl)}.padding-top-1-2{padding-top:var(--calcite-spacing-sm)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-1-75{padding-inline-end:1.75rem}.padding-end-2{padding-inline-end:var(--calcite-spacing-xxxl)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.margin-bottom-1{margin-bottom:var(--calcite-spacing-lg)}.margin-bottom-1-5{margin-bottom:var(--calcite-spacing-xxl)}.margin-end-1{margin-inline-end:var(--calcite-spacing-lg)}.margin-top-0{margin-top:var(--calcite-spacing-none)}.margin-top-1{margin-top:var(--calcite-spacing-lg)}.margin-top-875{margin-top:.875rem}.margin-top-1-5{margin-top:var(--calcite-spacing-xxl)}.margin-sides-0-5{margin-left:var(--calcite-spacing-sm);margin-right:var(--calcite-spacing-sm)}.margin-sides-1{margin-left:var(--calcite-spacing-lg);margin-right:var(--calcite-spacing-lg)}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.align-self-center{align-self:center;padding:5px;--calcite-fab-shadow: #FFFFFF00}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.button-width{width:260px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.button-width{width:auto}}.image-width{width:300px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:0;flex-shrink:1}}.width-full{width:100%}@media(max-width:768px){.width-full{flex-direction:column}.width-full>.display-flex{flex-direction:column}.image-width{width:100%;padding-inline-end:0;margin-bottom:var(--calcite-spacing-lg)}.button-width{width:100%;margin-top:var(--calcite-spacing-lg)}}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-sm) var(--calcite-spacing-md)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}calcite-card{width:450px;--calcite-card-border-color: transparent}@media(max-width:1496px){calcite-card{width:calc(100% / 3 - .5rem)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}}@media(max-width:1100px){calcite-card{width:calc(50% - .5rem)}#screenshots-subsection calcite-card{width:calc(50% - .5rem)}}@media(max-width:550px){calcite-card{width:100%}#screenshots-subsection calcite-card{width:100%}}.max-height-300{max-height:300px}.display-none{display:none}.cursor-pointer{cursor:pointer}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-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:#fff}calcite-card:hover{border:var(--calcite-spacing-base) solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer;padding:var(--calcite-spacing-base)}calcite-card.is-mobile:hover img{cursor:default;-webkit-filter:brightness(100%);filter:brightness(100%);transition:all .1s ease}calcite-card{border:var(--calcite-spacing-base) solid transparent;box-sizing:border-box;padding:var(--calcite-spacing-base)}.hover-text{transition:.1s 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%;font-size:var(--calcite-spacing-xl)}.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;display:block}.margin-inline-unset{margin-inline:unset}.collapsible-div{overflow:hidden;transition:max-height .3s ease-in-out}.collapsible-div.expanded{max-height:100%}.back-color-override{--calcite-panel-background-color: var(--calcite-color-foreground-2)}.back-color-override-1{background-color:var(--calcite-color-foreground-1)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.line-height-xxl{line-height:var(--calcite-spacing-xxl)}.line-height-1{line-height:1.1}.font-1{font-size:var(--calcite-spacing-lg)}.font-color-1{color:var(--calcite-color-text-1)}.font-color-2{color:var(--calcite-color-text-2)}h1{font-weight:unset;margin:var(--calcite-spacing-none);padding:var(--calcite-spacing-none)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.accordion-bg{--calcite-accordion-background-color: var(--calcite-color-foreground-1)}.table-cell{font-size:var(--calcite-spacing-lg);color:var(--calcite-color-text-2);margin:0}.table-cell p{margin:0}calcite-table-header{font-weight:var(--calcite-font-weight-medium);--calcite-internal-table-cell-font-size: var(--calcite-font-size-md)}.position-relative{position:relative}.background-color-2{background-color:var(--calcite-color-foreground-2)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-foreground-2);background-color:var(--calcite-color-foreground-2)}.border-none{border:none}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}calcite-shell{block-size:unset}.solution-detail-action{--calcite-color-focus: initial}a{color:var(--calcite-link-text-color, var(--calcite-color-text-link));cursor:pointer;text-decoration:none;line-height:inherit;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;transition-property:background-size,color;transition-duration:var(--calcite-animation-timing, .15s);transition-timing-function:ease-in-out;outline-color:transparent;position:relative}a:hover{background-size:100% 1px,100% 1px}a:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px;outline-color:var(--calcite-color-brand)}a:active{color:var(--calcite-color-brand-press)}`;
 async function K(n, e, t) {
   let i = t;
   return n && (n?.IsEnterprisePortal && await X(
     "",
     // the portal url
     e
-  ) && i.push(m.NOTEBOOK), await F(e) ? t.push(m.VELOCITY) : n?.PortalUserPrivileges && [
+  ) && i.push(m.NOTEBOOK), await E(e) ? t.push(m.VELOCITY) : n?.PortalUserPrivileges && [
     x.VELOCITYFEEDS,
     x.VELOCITYBIGDATA,
     x.VELOCITYREALTIME
@@ -28,8 +27,8 @@ async function K(n, e, t) {
     r !== -1 && t.splice(r, 1);
   }), i = i.concat(
     q(
-      Q(n),
-      Z(n)
+      Z(n),
+      Q(n)
     )
   ), i = i.concat(j(n)), i = i.concat(await J(n))), Promise.resolve(i);
 }
@@ -47,8 +46,8 @@ function j(n) {
   ) ? [m.HUBPREMIUM] : [];
 }
 async function J(n) {
-  const e = await P(n?.RestUserSession);
-  return await A(
+  const e = await H(n?.RestUserSession);
+  return await V(
     e,
     n?.RestUserSession
   ) ? [m.WORKFLOW] : [];
@@ -61,9 +60,9 @@ async function X(n, e) {
       f: "json"
     }
   };
-  return T(`${t}/portals/self/servers`, i).then((s) => s?.servers?.find((o) => o.serverFunction.indexOf("NotebookServer") > -1), (s) => (console.error(s), !1));
+  return F(`${t}/portals/self/servers`, i).then((s) => s?.servers?.find((o) => o.serverFunction.indexOf("NotebookServer") > -1), (s) => (console.error(s), !1));
 }
-function Q(n) {
+function Z(n) {
   const e = n?.PortalUserSubset?.privileges, t = [
     "portal:admin:create",
     "portal:admin:delete",
@@ -74,7 +73,7 @@ function Q(n) {
     (i) => e.some((s) => s.startsWith(i))
   ) : !1;
 }
-function Z(n) {
+function Q(n) {
   return n?.PortalSubset?.locationTrackingEnabled || !1;
 }
 function ee(n) {
@@ -82,11 +81,11 @@ function ee(n) {
 }
 class te extends C {
   constructor() {
-    super(), this._isDeployDisabled = !1, this._isLoaded = !1, this._showScreenshotsShowMore = !1, this._showYouMayAlsoLikeShowMore = !1, this.isMobile = !1, this._isScreenshotsRowExpanded = !1, this._isYouMayAlsoLikeRowExpanded = !1, this._screenshotsRowBaseHeight = 340, this._showLoader = !1, this._templates = [], this._translations = M({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._configContextConsumer = w({
-      context: E,
+    super(), this._isDeployDisabled = !1, this._isLoaded = !1, this._showScreenshotsShowMore = !1, this._showYouMayAlsoLikeShowMore = !1, this.isMobile = !1, this._isScreenshotsRowExpanded = !1, this._isYouMayAlsoLikeRowExpanded = !1, this._screenshotsRowBaseHeight = 340, this._showLoader = !1, this._templates = [], this._translations = S({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._configContextConsumer = w({
+      context: L,
       subscribe: !0
     }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = d(), this._deployingDialogRef = d(), this._isMobileContextConsumer = w({
-      context: L,
+      context: R,
       subscribe: !0,
       callback: (e) => this.isMobile = e
     }), this._overviewAccordionItemElement = d(), this._privilegePopoverRef = d(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._releaseNotesAccordionItemElement = d(), this._relatedResourcesAccordionItemElement = d(), this._screenshotsAccordionItemElement = d(), this._screenshotsDialogRef = d(), this._screenshotsElement = d(), this._termsOfUseAccordionItemElement = d(), this._userOptions = [], this._youMayAlsoLikeAccordionItemElement = d(), this._youMayAlsoLikeElement = d(), this._signInParamValue = null, this._deploymentStartTime = null, this._cancellationStartTime = null, this._deployToCancelDuration = 0, this.templatesFetched = f(), this.itemPropertiesFetched = f(), this.sortTypeChanged = f(), this.tokenRefreshed = f(), this._handleDeployCancelled = () => {
@@ -128,7 +127,7 @@ class te extends C {
       }
       const t = b(this._deploymentStartTime);
       this._deploymentStartTime = null;
-      const i = H(e.detail?.error), s = i.length > 200 ? i.slice(-200) : i;
+      const i = T(e.detail?.error), s = i.length > 200 ? i.slice(-200) : i;
       console.error("Deployment failed:", e.detail?.error), this._telemetry?.logEvent({
         category: g.SOLUTION_DETAILS,
         action: "Deploy Failure",
@@ -222,23 +221,25 @@ class te extends C {
   _getScreenshots() {
     const e = this._itemProperties?.preview.filter((i) => i.format === "image") || [], t = this._configContextConsumer.value;
     return a`<calcite-card-group class="card-group" .label=${this._translations.solutionOverview}>${e.reduce((i, s) => {
-      const o = I(this.card?.id || "", s.name, t.authentication);
+      const o = $(this.card?.id || "", s.name, t.authentication);
       let l;
-      return t.agoBasedEnterpriseSolutionsGroupId && t.isEnterprise && (l = I(this.card?.id || "", s.name, void 0, t.agolPortalUrl)), this.card?.id ? i.push(a`<calcite-card class="cursor-pointer" .label=${s.alt} @click=${() => this._openScreenshotGallery(s)} @keydown=${(r) => V(r, () => this._openScreenshotGallery(s))}><div class="card-image-wrap" slot=thumbnail><img alt=${s.alt ?? y} class="thumbnail card-image" slot=thumbnail src=${(l || o) ?? y}><div class="hover-text">${this._translations.openInGallery}</div></div></calcite-card>`) : i.push(""), i;
+      return t.agoBasedEnterpriseSolutionsGroupId && t.isEnterprise && (l = $(this.card?.id || "", s.name, void 0, t.agolPortalUrl)), this.card?.id ? i.push(a`<calcite-card class=${`${this.isMobile ? "is-mobile" : "cursor-pointer not-mobile"}`} .label=${s.alt} @click=${() => this._openScreenshotGallery(s)} @keydown=${(r) => P(r, () => this._openScreenshotGallery(s))}><div class="card-image-wrap" slot=thumbnail><img alt=${s.alt ?? y} class="thumbnail card-image" slot=thumbnail src=${(l || o) ?? y}>${!this.isMobile && a`<div class="hover-text">${this._translations.openInGallery}</div>` || ""}</div></calcite-card>`) : i.push(""), i;
     }, [])}</calcite-card-group>`;
   }
   _openScreenshotGallery(e) {
-    this._telemetry?.logEvent({
-      category: g.SOLUTION_DETAILS,
-      action: "Screenshot Gallery",
-      dimensions: [
-        this.card?.title || "",
-        this.card?.deployCommonId || "",
-        this.card?.deployVersion || ""
-      ]
-    });
-    const t = this._screenshotsDialogRef.value;
-    t && (t.screenshot = e, t.open = !0);
+    if (!this.isMobile) {
+      this._telemetry?.logEvent({
+        category: g.SOLUTION_DETAILS,
+        action: "Screenshot Gallery",
+        dimensions: [
+          this.card?.title || "",
+          this.card?.deployCommonId || "",
+          this.card?.deployVersion || ""
+        ]
+      });
+      const t = this._screenshotsDialogRef.value;
+      t && (t.screenshot = e, t.open = !0);
+    }
   }
   _getOverviewRow() {
     return a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._overviewAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.solutionDetails}</div>${this._getDescriptionRow()}${this._getInformationProductsRow()}</calcite-accordion-item></calcite-accordion>`;
@@ -332,12 +333,12 @@ class te extends C {
     this._overviewAccordionItemElement.value && (this._overviewAccordionItemElement.value.expanded = !0), this._releaseNotesAccordionItemElement.value && (this._releaseNotesAccordionItemElement.value.expanded = !0), this._relatedResourcesAccordionItemElement.value && (this._relatedResourcesAccordionItemElement.value.expanded = !0), this._screenshotsAccordionItemElement.value && (this._screenshotsAccordionItemElement.value.expanded = !0), this._termsOfUseAccordionItemElement.value && (this._termsOfUseAccordionItemElement.value.expanded = !0), this._youMayAlsoLikeAccordionItemElement.value && (this._youMayAlsoLikeAccordionItemElement.value.expanded = !0);
   }
   async _getItemData() {
-    const e = this._configContextConsumer.value, t = e?.agoBasedEnterpriseSolutionsGroupId && e?.isEnterprise ? e.anonAgolSession : e?.userSession, i = await O(this.card.id, t), s = await U(this.card.id, t);
+    const e = this._configContextConsumer.value, t = e?.agoBasedEnterpriseSolutionsGroupId && e?.isEnterprise ? e.anonAgolSession : e?.userSession, i = await z(this.card.id, t), s = await B(this.card.id, t);
     this._itemProperties = s.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const o = z(i, this.card.typeKeywords, e?.authentication);
+    const o = A(i, this.card.typeKeywords, e?.authentication);
     this._privileges = t.username ? o : [], this._userPrivileges = e?.authentication && e?.userSession ? await K(e.authentication, e.userSession, e.authentication.PortalUserPrivileges) : [];
     const l = this._privileges.filter((p) => !this._userPrivileges.includes(p));
-    this._missingPrivilegeMessages = B(this._translations, l), this._isDeployDisabled = this._missingPrivilegeMessages && (this._missingPrivilegeMessages.leadingMessages.length > 0 || this._missingPrivilegeMessages.bulletedMessages.length > 0 || this._missingPrivilegeMessages.trailingMessages.length > 0);
+    this._missingPrivilegeMessages = O(this._translations, l), this._isDeployDisabled = this._missingPrivilegeMessages && (this._missingPrivilegeMessages.leadingMessages.length > 0 || this._missingPrivilegeMessages.bulletedMessages.length > 0 || this._missingPrivilegeMessages.trailingMessages.length > 0);
     const r = i.params ? await this.formatParams(i.params) : [];
     this._userOptions = r, this._templates = i.templates, this.templatesFetched.emit(i.templates), this._checkUrlParametersForAutoDeployment(), this._isLoaded = !0, this._showLoader && (this._showLoader = !1, this._isDeployDisabled || this._openDeploy());
   }
@@ -356,8 +357,8 @@ class te extends C {
         const p = {};
         return r.forEach((c) => {
           if (c.query && c.results && c.results.length > 0) {
-            const S = c.query.split(" ")[0].replace("typekeywords:source-", "");
-            p[S] = {
+            const k = c.query.split(" ")[0].replace("typekeywords:source-", "");
+            p[k] = {
               resultId: c.results[0].id,
               response: c.results[0]
             };
@@ -378,8 +379,8 @@ class te extends C {
     return G(`typekeywords:source-${e} type:${t} owner:${i}`, s);
   }
   updateUserProp(e, t) {
-    const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), o = $(t, i ? "url" : "type", "") || "", l = o !== "" && s.test(o);
-    return e.responseValue = l ? o : "", e.name = l && v(t, "name") || "", e.title = l && v(t, "title") || "", e.itemType = l ? v(t, "type") : e.itemType, e.validId = l, e.itemUrl = Y(t.id, this._configContextConsumer.value.authentication), l;
+    const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), o = M(t, i ? "url" : "type", "") || "", l = o !== "" && s.test(o);
+    return e.responseValue = l ? o : "", e.name = l && v(t, "name") || "", e.title = l && v(t, "title") || "", e.itemType = l ? v(t, "type") : e.itemType, e.validId = l, e.itemUrl = U(t.id, this._configContextConsumer.value.authentication), l;
   }
   updateOption(e, t, i) {
     const s = e.default || "", o = typeof s, l = s.toString();
@@ -409,11 +410,11 @@ class te extends C {
     });
   }
   _setFeatureServiceProps(e) {
-    e.valueType && e.valueType.toLowerCase() === "itemid" && N(e, "attributes.required", "true");
+    e.valueType && e.valueType.toLowerCase() === "itemid" && Y(e, "attributes.required", "true");
   }
   getValidation(e, t) {
     let i = "", s = v(e, "validation.message") || "", o = !0;
-    return v(e, "attributes.required") === "true" && (i = $(e, "validation.expression", "\\S{1,}"), o = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, s = this._translations.configure.invalidID), {
+    return v(e, "attributes.required") === "true" && (i = M(e, "validation.expression", "\\S{1,}"), o = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, s = this._translations.configure.invalidID), {
       valid: o,
       validation: {
         expression: i,
@@ -468,7 +469,7 @@ class te extends C {
     this._isLoaded ? this._openDeploy() : this._configContextConsumer.value.authentication?.IsSignedIn ? this._showLoader = !0 : this._openDeploy();
   }
 }
-k("solution-details-panel", te);
+I("solution-details-panel", te);
 export {
   te as SolutionDetailsPanel
 };

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

@@ -1,11 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { css as t, svg as e, html as l } from "lit";
-import { u as o } from "../../chunks/useT9n.js";
-import { LitElement as r, nothing as h } from "@arcgis/lumina";
+import { u as h } from "../../chunks/useT9n.js";
+import { LitElement as o, nothing as r } from "@arcgis/lumina";
 import { useContextConsumer as s } from "@arcgis/lumina/context";
-import { c as n } from "../../chunks/deployAppContexts.js";
-import { G as m, T as z } from "../../chunks/interfaces.js";
+import { A as n, J as m, T as z } from "../../chunks/interfaces.js";
 const v = t`calcite-card{cursor:pointer;height:100%;padding-bottom:2px;border-inline-start:3px solid transparent}calcite-card:hover{outline:1px solid var(--calcite-color-brand);border-inline-start:3px solid var(--calcite-color-brand);box-sizing:border-box}.card-icon{margin-bottom:var(--calcite-spacing-md);display:flex;justify-content:flex-start}.card-heading{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);margin:0 0 var(--calcite-spacing-sm) 0;color:var(--calcite-color-text-1)}.card-description{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);margin:0}.meridian-icon{width:48px;height:48px;display:block;color:var(--calcite-color-text-3)}`, c = {
   "arcmap-blog": "M34 28.9H10v-.8h24zm-24 5h20v-.8H10zm31.591-20.8l-.8.8H45.1v25.2H18.583l-9.817 4.245 1.823-4.245H3.9V13.9h22.665l.8-.8H3.1v26.8h6.274l-2.142 4.986L18.666 39.9H45.9V13.1zm-.953-5.141l.449 2.676L32.6 19.12l-.567-.565 8.195-8.196-.286-1.708L24.09 24.476a1.82 1.82 0 0 1-.689.431l-3.52 1.22 1.213-3.525a1.832 1.832 0 0 1 .431-.692L42.461.989l2.578 2.577zm3.268-4.394L42.461 2.12 22.09 22.475a1.036 1.036 0 0 0-.242.388l-.678 1.97 1.968-.682a1.018 1.018 0 0 0 .384-.24z",
   "esri-community": "M24 47.896a3.897 3.897 0 0 1-1.563-.327L3.1 39.106V12.928a6.169 6.169 0 0 1 3.696-5.651L22.436.43a3.905 3.905 0 0 1 3.128 0L44.9 8.894v26.178a6.17 6.17 0 0 1-3.696 5.651l-15.64 6.846a3.897 3.897 0 0 1-1.564.327zM3.9 38.583l18.857 8.254a3.11 3.11 0 0 0 2.486 0l15.64-6.846a5.37 5.37 0 0 0 3.217-4.92V9.418L25.243 1.163a3.11 3.11 0 0 0-2.486 0L7.117 8.01A5.369 5.369 0 0 0 3.9 12.928zm21.364.344a14.156 14.156 0 0 1-14.17-14.111 13.678 13.678 0 0 1 16.893-13.26l.387.103-1.164 4.336-.389-.107a8.052 8.052 0 0 0-2.141-.282 8.907 8.907 0 0 0-8.74 8.838 9.303 9.303 0 0 0 15.277 7.075.809.809 0 0 1 1.104.062l2.451 2.57a.808.808 0 0 1-.047 1.161 14.213 14.213 0 0 1-9.461 3.615zm-.559-27a12.956 12.956 0 0 0-12.81 12.889 13.375 13.375 0 0 0 22.298 9.899L31.73 32.13a10.103 10.103 0 0 1-16.591-7.687 9.718 9.718 0 0 1 9.54-9.637 8.982 8.982 0 0 1 1.965.212l.748-2.787a11.953 11.953 0 0 0-2.687-.305zM36 26.9H24a3.905 3.905 0 0 1-3.9-3.9.901.901 0 0 1 .9-.9h10.84a7.77 7.77 0 0 0-1.875-4.15l-.131-.158 1.332-5.01.475.357a13.413 13.413 0 0 1 5.26 10.705V26a.901.901 0 0 1-.901.9zm-15-4a.1.1 0 0 0-.1.1 3.103 3.103 0 0 0 3.1 3.1h12a.1.1 0 0 0 .1-.1v-2.156a12.643 12.643 0 0 0-4.47-9.693l-.918 3.451a8.135 8.135 0 0 1 1.95 4.898v.4z",
@@ -19,9 +18,9 @@ const v = t`calcite-card{cursor:pointer;height:100%;padding-bottom:2px;border-in
   video: "M11.363 17.1l27.814-8.32-1.697-5.673-31.127 9.311 1.696 5.673.051-.015V41.9h31.8V17.1zm15.783-5.556l-5.179 1.549 1.246-4.883 5.178-1.549zm2.14-5.15l5.178-1.549-1.246 4.883-5.178 1.548zm-8.213 6.966l-5.178 1.549 1.246-4.883 5.178-1.548zm-6.072 1.816l-5.178 1.549 1.246-4.883 5.178-1.548zm23.18-6.933L34.112 9.46l1.246-4.882 1.585-.474zM7.35 12.955l2.826-.845-1.246 4.882-.343.103zM29.044 22.1l2.52-4.2h5.405l-2.52 4.2zm-19.014 0l2.52-4.2h5.405l-2.52 4.2zm8.858-4.2h5.405l-2.52 4.2h-5.405zm6.338 0h5.405l-2.52 4.2h-5.405zM8.9 17.9h2.716l-2.519 4.2H8.9zm30.2 23.2H8.9V22.9h30.2zm-3.718-19l2.52-4.2H39.1v4.2zM36 27.9h-2v-.8h2zm-5 0H13v-.8h18zm-17.9 9h22.8v-5.8H13.1zm.8-5h21.2v4.2H13.9z",
   "speech-bubbles": "M11 15.9v-.8h18v.8zm12 4v-.8H11v.8zm-1 7.2h-3.443L9.9 32.76V27.1H5.75a1.852 1.852 0 0 1-1.85-1.85v-14.5A1.852 1.852 0 0 1 5.75 8.9h27.5a1.852 1.852 0 0 1 1.85 1.85V22h.8V10.75a2.653 2.653 0 0 0-2.65-2.65H5.75a2.653 2.653 0 0 0-2.65 2.65v14.5a2.653 2.653 0 0 0 2.65 2.65H9.1v6.34l9.695-6.34H22zm18.9 9.8h1.35a2.653 2.653 0 0 0 2.65-2.65v-8.5a2.653 2.653 0 0 0-2.65-2.65h-16.5a2.653 2.653 0 0 0-2.65 2.65v8.5a2.653 2.653 0 0 0 2.65 2.65h7.28l7.87 5.628zm1.35-13a1.852 1.852 0 0 1 1.85 1.85v8.5a1.852 1.852 0 0 1-1.85 1.85H40.1v4.872L33.288 36.1H25.75a1.852 1.852 0 0 1-1.85-1.85v-8.5a1.852 1.852 0 0 1 1.85-1.85zm-3.25 4v-.8H29v.8zm-3 5v-.8h-7v.8z"
 };
-class d extends r {
+class d extends o {
   constructor() {
-    super(...arguments), this._translations = o({ name: "solution-resource-card", blocking: !0 }), this._configContextConsumer = s({
+    super(...arguments), this._translations = h({ name: "solution-resource-card", blocking: !0 }), this._configContextConsumer = s({
       context: n,
       subscribe: !0
     }), this.heading = "", this.description = "", this.sectionHeading = "";
@@ -36,7 +35,7 @@ class d extends r {
     return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    return l`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)} @keydown=${(a) => m(a, () => this.url && this._handleCardClick(this.url))}>${this.meridianIcon && c[this.meridianIcon] && l`<div class="card-icon"><svg class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${e`<path fill=currentColor d=${c[this.meridianIcon] ?? h} />`}</svg></div>` || ""}${this.icon && l`<div class="card-icon"><calcite-icon .icon=${this.icon} scale=l></calcite-icon></div>` || ""}<h3 class="card-heading">${this.heading}</h3><p class="card-description">${this.description}</p></calcite-card>`;
+    return l`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)} @keydown=${(a) => m(a, () => this.url && this._handleCardClick(this.url))}>${this.meridianIcon && c[this.meridianIcon] && l`<div class="card-icon"><svg class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${e`<path fill=currentColor d=${c[this.meridianIcon] ?? r} />`}</svg></div>` || ""}${this.icon && l`<div class="card-icon"><calcite-icon .icon=${this.icon} scale=l></calcite-icon></div>` || ""}<h3 class="card-heading">${this.heading}</h3><p class="card-description">${this.description}</p></calcite-card>`;
   }
   _handleCardClick(a) {
     this._telemetry?.logEvent({

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

@@ -1,10 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
 import { c as n } from "../../chunks/runtime.js";
 import { u as c } from "../../chunks/useT9n.js";
-import { LitElement as l, nothing as r } from "@arcgis/lumina";
+import { LitElement as l, nothing as a } from "@arcgis/lumina";
 import { useContextConsumer as d } from "@arcgis/lumina/context";
-import { G as h, H as a } from "../../chunks/interfaces.js";
-import { c as p } from "../../chunks/deployAppContexts.js";
+import { A as h, J as p, K as r } from "../../chunks/interfaces.js";
 import { css as g, html as i } from "lit";
 import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
@@ -15,7 +14,7 @@ const f = g`.display-flex{display:flex}.align-items-center{align-items:center}.j
 class b extends l {
   constructor() {
     super(...arguments), this.open = !1, this._screenshots = [], this._translations = c({ name: "solution-snapshot-gallery", blocking: !0 }), this._configContextConsumer = d({
-      context: p,
+      context: h,
       subscribe: !0
     }), this._displayText = "", this._paginationControl = m(), this._screenshotNames = [];
   }
@@ -36,7 +35,7 @@ class b extends l {
   }
   _getFooter() {
     const t = this._screenshotNames.indexOf(this.screenshot?.name || ""), s = document.body.classList.contains("calcite-mode-dark") ? "calcite-mode-dark" : "";
-    return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${s}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${t + 1} total-items=${this._screenshots.length ?? r} ${u(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
+    return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${s}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${t + 1} total-items=${this._screenshots.length ?? a} ${u(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
   }
   _changeScreenshot() {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
@@ -44,18 +43,18 @@ class b extends l {
   _getCards() {
     return i`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((t) => {
       const e = t.name === this.screenshot?.name;
-      return i`<calcite-card class=${`footer-card ${e ? "calcite-card-selected" : ""}`} .label=${t.alt} @click=${() => this._showScreenshot(t)} @keydown=${(o) => h(o, () => this._showScreenshot(t))} .selected=${e}><div class="card-image-wrap" slot=thumbnail>${this._getImage(t, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
+      return i`<calcite-card class=${`footer-card ${e ? "calcite-card-selected" : ""}`} .label=${t.alt} @click=${() => this._showScreenshot(t)} @keydown=${(o) => p(o, () => this._showScreenshot(t))} .selected=${e}><div class="card-image-wrap" slot=thumbnail>${this._getImage(t, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
     })}</calcite-card-group>`;
   }
   _getImage(t, e) {
-    return i`<img alt=${t.alt ?? r} slot=${e ?? r} src=${this._getSource(this._configContextConsumer.value.authentication, this.card?.id || "", t.name) ?? r}>`;
+    return i`<img alt=${t.alt ?? a} slot=${e ?? a} src=${this._getSource(this._configContextConsumer.value.authentication, this.card?.id || "", t.name) ?? a}>`;
   }
   _showScreenshot(t) {
     this.screenshot = t;
   }
   _getSource(t, e, s) {
     const o = this._configContextConsumer.value;
-    return o.agoBasedEnterpriseSolutionsGroupId && o.isEnterprise ? a(e || "", s, void 0, o.agolPortalUrl) : t ? a(e || "", s, t) : "";
+    return o.agoBasedEnterpriseSolutionsGroupId && o.isEnterprise ? r(e || "", s, void 0, o.agolPortalUrl) : t ? r(e || "", s, t) : "";
   }
 }
 n("solution-snapshot-gallery", b);