@esri/solutions-components 5.1.0-next.3 → 5.1.0-next.31

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

@@ -4,16 +4,17 @@ 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 { A as D, T as I, D as b } from "../../chunks/interfaces.js";
-import { deleteSolution as y } from "@esri/solution-common";
-import { createRef as w, ref as h } from "lit-html/directives/ref.js";
+import { D, T as I, F as y } from "../../chunks/helpers.js";
+import { deleteSolution as b } from "@esri/solution-common";
+import { c as w } from "../../chunks/deployAppContexts.js";
+import { createRef as C, 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";
-const v = u`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.deletion-note-text{display:inline-block}.deletion-note-container{display:flex;align-items:center;gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-0);margin-bottom:var(--calcite-spacing-md)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.display-none{display:none}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-md);margin-bottom:var(--calcite-spacing-xl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}.padding-around{padding:12px 2rem 2rem}`;
-class x extends g {
+import { p as $, g as v } from "../../chunks/getRelatedInfos.js";
+const x = u`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.deletion-note-text{display:inline-block}.deletion-note-container{display:flex;align-items:center;gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-0);margin-bottom:var(--calcite-spacing-md)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.display-none{display:none}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-md);margin-bottom:var(--calcite-spacing-xl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}.padding-around{padding:12px 2rem 2rem}`;
+class S 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: D,
+    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 = C(), this._configContextConsumer = _({
+      context: w,
       subscribe: !0
     }), this.solutionDeleteDialogOpen = d(), this.solutionDeleted = d(), this.solutionDeleteDialogBeforeClose = d(), this.listenOn(window, "beforeunload", (e) => {
       this._isDeleteInProgress && (e.preventDefault(), e.returnValue = !0);
@@ -23,7 +24,10 @@ class x extends g {
     this.properties = { card: 0, open: 5, source: 1, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _showUndeletableItems: 16, _templateInfos: 16, _translations: 16 };
   }
   static {
-    this.styles = v;
+    this.styles = x;
+  }
+  get _hasAdminDeletePermission() {
+    return this._configContextConsumer.value?.authentication ? D(this._configContextConsumer.value?.authentication) : !1;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
@@ -47,38 +51,38 @@ class x extends g {
         itemType: "Solution",
         owner: this.card.owner,
         modified: this.card.modified
-      }], s = {
-        progressCallback: (t) => {
-          this._deletePercentage = Math.round(t);
+      }], t = {
+        progressCallback: (i) => {
+          this._deletePercentage = Math.round(i);
         },
         solutionOwner: this.card.owner
       };
-      y(this.card.id, this._configContextConsumer.value.userSession, s).then((t) => {
-        const a = t[1];
-        let i;
-        if (a ? i = a.items.map((o) => ({
-          itemName: o.title,
-          itemType: o.type,
-          owner: o.owner,
-          modified: o.modified
-        })) : i = e, i.length === 0)
+      b(this.card.id, this._configContextConsumer.value.userSession, t).then((i) => {
+        const s = i[1];
+        let o;
+        if (s ? o = s.items.map((n) => ({
+          itemName: n.title,
+          itemType: n.type,
+          owner: n.owner,
+          modified: n.modified
+        })) : o = e, o.length === 0)
           this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0, solutionTitle: this.card?.title }), this._isDeleteInProgress = !1, this.open = !1;
-        else if (i.some((l) => l.itemType === "Solution"))
+        else if (o.some((l) => l.itemType === "Solution"))
           this.card ? $(this.card, this._configContextConsumer.value.userSession).then((l) => {
             this._templateInfos = l, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
           }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
         else if (this.card) {
           let l = [];
-          l = a.items.map((n) => ({
-            id: n.id,
-            title: n.title,
-            type: n.type,
-            owner: n.owner,
-            modified: n.modified,
+          l = s.items.map((a) => ({
+            id: a.id,
+            title: a.title,
+            type: a.type,
+            owner: a.owner,
+            modified: a.modified,
             typeKeywords: [],
             snippet: "",
             dependencies: [],
-            url: b(n.id, this._configContextConsumer.value.authentication)
+            url: y(a.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;
@@ -87,19 +91,19 @@ class x extends g {
   }
   willUpdate(e) {
     if (e.has("open")) {
-      const s = e.get("open");
-      this.open && !s && (this._fetchingTemplates = !0, C(this._configContextConsumer.value.userSession, this.card).then((t) => {
-        this._templateInfos = t.templateInfos, this._nonSolutionDependencyItems = t._nonSolutionDependencyItems, this._fetchingTemplates = !1;
+      const t = e.get("open");
+      this.open && !t && (this._fetchingTemplates = !0, v(this._configContextConsumer.value.userSession, this.card).then((i) => {
+        this._templateInfos = i.templateInfos, this._nonSolutionDependencyItems = i._nonSolutionDependencyItems, this._fetchingTemplates = !1;
       }));
     }
   }
   render() {
-    const e = this._fetchingTemplates ? "" : "display-none", s = this._fetchingTemplates ? "display-none" : "", t = [...new Set(this._nonSolutionDependencyItems.map((o) => o.controlItemId))], a = this._templateInfos.length - this._getDependencyCount(), i = this._translations.deletionCount.replace("{{deleteableCount}}", a.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
+    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", i = [...new Set(this._nonSolutionDependencyItems.map((n) => n.controlItemId))], s = this._templateInfos.length - this._getDependencyCount() - this._getNonOwnerCount(), o = this._translations.deletionCount.replace("{{deleteableCount}}", s.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
     return r`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .escapeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? p} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
       this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? r`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deleteInProgress}</div>` : this._showUndeletableItems ? r`<calcite-label class=${c(s)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${c(s)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : r`<div class="padding-around"><div class=${`deletion-note-container ${s}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${i} scale=m icon=information>${i}</calcite-chip></div><calcite-loader class=${c(e)} label></calcite-loader><solution-item-accordion class=${c(s)} .itemRelationshipDependencies=${t} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion></div><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+    }}>${this._isDeleteInProgress ? r`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deleteInProgress}</div>` : this._showUndeletableItems ? r`<calcite-label class=${c(t)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${c(t)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : r`<div class="padding-around"><div class=${`deletion-note-container ${t}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${o} scale=m icon=information>${o}</calcite-chip></div><calcite-loader class=${c(e)} label></calcite-loader><solution-item-accordion class=${c(t)} .itemRelationshipDependencies=${i} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion></div><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
       this.delete();
     }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && r`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
       this._showDeleteError = !1;
@@ -107,10 +111,16 @@ class x extends g {
   }
   _getDependencyCount() {
     const e = this._nonSolutionDependencyItems.map((t) => t.controlItemId);
-    return [...new Set(e)].length;
+    return new Set(e).size;
+  }
+  _getNonOwnerCount() {
+    if (this._templateInfos.length === 0 || this._hasAdminDeletePermission)
+      return 0;
+    const e = this._nonSolutionDependencyItems.map((s) => s.controlItemId), t = new Set(e), i = this._configContextConsumer.value.userSession.username;
+    return this._templateInfos.filter((s) => !t.has(s.id)).filter((s) => s.owner !== i).length;
   }
 }
-m("solution-delete-dialog", x);
+m("solution-delete-dialog", S);
 export {
-  x as SolutionDeleteDialog
+  S as SolutionDeleteDialog
 };

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

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

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

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

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

@@ -1,26 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
 import { u } from "../../chunks/useT9n.js";
-import { LitElement as m, createEvent as l, safeClassMap as f, nothing as r } from "@arcgis/lumina";
+import { LitElement as m, createEvent as n, safeClassMap as f, nothing as r } from "@arcgis/lumina";
 import { useContextConsumer as d } from "@arcgis/lumina/context";
 import { css as b, html as i } from "lit";
-import { A as x, F as v, G as _, T as s, x as y, H as w } from "../../chunks/interfaces.js";
+import { c as x, i as v } from "../../chunks/deployAppContexts.js";
+import { D as _, T as s, y, G as w } from "../../chunks/helpers.js";
 import { f as $, g as p, a as C } from "../../chunks/cardsHelpers.js";
 import { g as S } from "../../chunks/getRelatedInfos.js";
-const D = b`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.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}@media(min-width:801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.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}`;
+const D = b`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.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}@media(min-width:801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.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-surface-2)}.background-color-2{background-color:var(--calcite-color-surface-3)}.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-surface-3);background-color:var(--calcite-color-surface-3)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-shell-panel-background-color: var(--calcite-color-surface-2)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.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:0;flex-shrink:1}}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}`;
 class T extends m {
   constructor() {
     super(), this.diagramKey = "", this.open = !1, this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showSuccessAlert = !1, this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this.isMobile = !1, this._templateInfoGraph = [], this._thumbnailUrl = "", this._translations = u({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = d({
       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 = d({
-      context: _,
+      context: v,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), 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.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._showSuccessAlert = !0;
     }), this.listenOn(window, "sessionRefreshed", (e) => {
       this._updateThumbnailToken(e.detail);
@@ -56,19 +57,19 @@ class T extends m {
     const a = await S(this._configContextConsumer.value.userSession, this.card);
     this._nonSolutionDependencyItems = a._nonSolutionDependencyItems;
     const o = $(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
-    let n = !1;
+    let l = !1;
     if (o) {
       const c = p(o), g = p(this.card);
-      n = c > g;
+      l = c > g;
     }
-    this._hasNewVersion = n;
+    this._hasNewVersion = l;
   }
   _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.card?.owner === e || this._isOrgAdmin || t, o = this.card?.owner === e || this._isOrgAdmin, n = a ? "display-none" : "", c = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`display-flex flex-direction-column ${c}`}>${!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>${a && !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(n)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${o && !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.card?.owner === e || this._isOrgAdmin || t, o = this.card?.owner === e || this._isOrgAdmin, l = a ? "display-none" : "", c = this.isMobile ? "padding-lg" : "padding-xxl";
+    return i`<div class=${`display-flex flex-direction-column ${c}`}>${!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>${a && !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(l)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${o && !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

@@ -5,7 +5,7 @@ import { keyed as r } from "lit/directives/keyed.js";
 import { u as d } from "../../chunks/useT9n.js";
 import { LitElement as h, createEvent as a } from "@arcgis/lumina";
 import { createRef as i, ref as l } from "lit-html/directives/ref.js";
-const p = c`*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.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}`;
+const p = c`*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-surface-2)}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}`;
 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 = d({ 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) => {

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

@@ -4,7 +4,8 @@ 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 b } from "@arcgis/lumina/context";
-import { A as x, T as v, J as y } from "../../chunks/interfaces.js";
+import { c as x } from "../../chunks/deployAppContexts.js";
+import { T as v, H as y } from "../../chunks/helpers.js";
 import { c as $ } from "../../chunks/cardsHelpers.js";
 const _ = p`calcite-card{height:100%;padding-bottom:2px;border:2px solid transparent;transition:border-color .1s ease;box-sizing:border-box}@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{border-color:var(--calcite-color-brand);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 {