@esri/solutions-components 5.1.0-next.7 → 5.1.0-next.70

package/dist/components/solution-builder-assistant/customElement.js

@@ -0,0 +1,137 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as r } from "../../chunks/runtime.js";
+import { css as d, html as a } from "lit";
+import { keyed as p } from "lit/directives/keyed.js";
+import { u as h } from "../../chunks/useT9n.js";
+import { LitElement as u, nothing as l } from "@arcgis/lumina";
+import { useContextConsumer as g } from "@arcgis/lumina/context";
+import { b as m } from "../../chunks/deployAppContexts.js";
+const b = d`.builder-content{display:flex;flex-direction:column;flex:1;overflow:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--calcite-spacing-xxl);text-align:center;color:var(--calcite-color-text-3)}.empty-state calcite-icon{margin-bottom:var(--calcite-spacing-md);color:var(--calcite-color-text-3)}.empty-state p{margin:0;font-size:var(--calcite-font-size--1)}.header-container{display:flex;align-items:stretch;gap:var(--calcite-spacing-lg);padding-bottom:var(--calcite-spacing-lg)}.header-container calcite-notice{flex:1;margin:0}calcite-action-bar{flex-shrink:0;background:var(--calcite-color-brand);border-left:1px solid var(--calcite-color-brand-dark)}.content-container{display:flex;gap:var(--calcite-spacing-xl);margin-bottom:var(--calcite-spacing-lg)}.solution-item-section{flex:1;min-width:0;background:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-lg)}.solution-item-inputs{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.thumbnail-inputs-row{display:flex;gap:var(--calcite-spacing-md);align-items:flex-start}.thumbnail-container{flex-shrink:0;width:253px;aspect-ratio:200 / 133;border:1px solid var(--calcite-color-border-2);border-radius:var(--calcite-border-radius);overflow:hidden;background:var(--calcite-color-foreground-2)}.thumbnail-container img{width:100%;height:100%;object-fit:cover}.stacked-inputs{flex:1;display:flex;flex-direction:column;gap:var(--calcite-spacing-md);min-width:0}.stacked-inputs calcite-label{min-width:0}.stacked-inputs calcite-input-text,.stacked-inputs calcite-text-area{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.stacked-inputs calcite-text-area{max-height:150px}.tags-row{width:100%;min-width:0}.tags-row calcite-combobox{width:100%}.actions-section{flex-shrink:0;width:200px;background:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-lg)}.action-buttons{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.tabs-section{flex:1;display:flex;flex-direction:column;min-height:0}.tabs-section calcite-tabs{height:100%}.feature-layer-placeholder{padding:var(--calcite-spacing-lg);color:var(--calcite-color-text-3)}.popover-content{padding:var(--calcite-spacing-lg);min-width:300px}.popover-field{margin-top:var(--calcite-spacing-md)}.popover-actions{display:flex;justify-content:flex-end;gap:var(--calcite-spacing-sm);margin-top:var(--calcite-spacing-lg)}`;
+class v extends u {
+  constructor() {
+    super(), this.design = null, this._design = null, this._translations = h({ name: "solution-builder-assistant", blocking: !0 }), this._isDirty = !1, this._openPopoverId = null, this._editingItemTitle = "", this._editingItemDescription = "", this._designContextConsumer = g({
+      context: m,
+      subscribe: !0,
+      callback: (t) => {
+        t?.design && (this._design = t.design);
+      }
+    }), this._handleUndo = () => {
+      console.log("Undo clicked - to be implemented");
+    }, this._handleRedo = () => {
+      console.log("Redo clicked - to be implemented");
+    }, this._handleTitleChange = (t) => {
+      if (!this._design)
+        return;
+      const i = {
+        ...this._design,
+        solution: {
+          ...this._design.solution,
+          title: t
+        }
+      };
+      this._design = i, this._isDirty = !0;
+    }, this._handleDescriptionChange = (t) => {
+      if (!this._design)
+        return;
+      const i = {
+        ...this._design,
+        solution: {
+          ...this._design.solution,
+          description: t
+        }
+      };
+      this._design = i, this._isDirty = !0;
+    }, this._handleTagsChange = (t) => {
+      if (!this._design)
+        return;
+      const i = Array.from(t.target.selectedItems).map((e) => e.value);
+      this._design = {
+        ...this._design,
+        solution: {
+          ...this._design.solution,
+          tags: i
+        }
+      }, this._isDirty = !0;
+    }, this._handleItemPopoverOpen = (t) => {
+      this._openPopoverId = t.id, this._editingItemTitle = t.title || "", this._editingItemDescription = t.description || "", this.requestUpdate();
+    }, this._handleCloseItemPopover = () => {
+      this._openPopoverId = null, this._editingItemTitle = "", this._editingItemDescription = "";
+    }, this._handleClosePopover = async (t) => {
+      const i = this.renderRoot.querySelector(`#${t}`);
+      i && (i.open = !1, await i.updateComplete), this._handleCloseItemPopover();
+    }, this._handleApplyItemChanges = (t) => {
+      if (!this._design)
+        return;
+      const i = this._design.items.map((c) => c.id === t ? { ...c, title: this._editingItemTitle, description: this._editingItemDescription } : c), e = {
+        ...this._design,
+        items: i
+      };
+      this._design = e, this._isDirty = !0;
+    }, this._handleDeploy = async () => {
+      this._design && console.log("Deploy design:", this._design);
+    }, this._designContextConsumer;
+  }
+  static {
+    this.properties = { design: [1, { type: Object }], _design: 16, _translations: 16, _isDirty: 16, _openPopoverId: 16, _editingItemTitle: 16, _editingItemDescription: 16 };
+  }
+  static {
+    this.styles = b;
+  }
+  willUpdate(t) {
+    t.has("design") && (this._design = this.design);
+  }
+  render() {
+    return this._translations ? this._design ? a`<calcite-panel><div class="header-container">${this._renderNoticeBar()}${this._renderActionBar()}</div><div class="builder-content">${this._renderMainContent()}${this._renderTabsSection()}</div></calcite-panel>` : this._renderEmptyState() : a`<div>Loading...</div>`;
+  }
+  _renderEmptyState() {
+    return a`<calcite-panel><div class="empty-state"><calcite-icon icon=layer scale=l></calcite-icon><p>No solution design loaded</p></div></calcite-panel>`;
+  }
+  _renderNoticeBar() {
+    const t = this._translations;
+    return a`<calcite-notice open kind=brand icon=pencil-square><div slot=title>${t.noticeTitle}</div><div slot=message>${t.noticeMessage}</div></calcite-notice>`;
+  }
+  _renderActionBar() {
+    const t = this._translations;
+    return a`<calcite-action-bar layout=horizontal expand-disabled><calcite-action .text=${t.undo} text-enabled icon=undo disabled @click=${this._handleUndo}></calcite-action><calcite-action .text=${t.redo} text-enabled icon=redo disabled @click=${this._handleRedo}></calcite-action></calcite-action-bar>`;
+  }
+  _renderMainContent() {
+    return a`<div class="content-container"><div class="solution-item-section">${this._renderSolutionItemInputs()}</div><div class="actions-section">${this._renderActionButtons()}</div></div>`;
+  }
+  _renderSolutionItemInputs() {
+    const t = this._translations, i = this._design?.solution?.thumbnailUrl || "", e = this._design?.solution?.title || "", c = this._design?.solution?.description || "", o = this._design?.solution?.tags || [];
+    return a`<div class="solution-item-inputs"><div class="thumbnail-inputs-row"><div class="thumbnail-container"><img src=${(i || 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="200" height="133"%3E%3Crect fill="%23ddd" width="200" height="133"/%3E%3C/svg%3E') ?? l} alt=${t.solutionThumbnail ?? l}></div><div class="stacked-inputs"><calcite-label>${t.name}<calcite-input-text .placeholder=${t.namePlaceholder} .value=${e} @input=${(n) => this._handleTitleChange(n.target.value)}></calcite-input-text></calcite-label><calcite-label>${t.description}<calcite-text-area .placeholder=${t.descriptionPlaceholder} .value=${c} resize=none @input=${(n) => this._handleDescriptionChange(n.target.value)}></calcite-text-area></calcite-label></div></div><div class="tags-row"><calcite-label>${t.tags}${p(o.join(","), a`<calcite-combobox .label=${t.tags} .placeholder=${t.tagsPlaceholder} selection-mode=multiple allow-custom-values @calciteComboboxChange=${(n) => this._handleTagsChange(n)}>${o.map((n) => a`<calcite-combobox-item .value=${n} .heading=${n} selected></calcite-combobox-item>`)}</calcite-combobox>`)}</calcite-label></div></div>`;
+  }
+  _renderActionButtons() {
+    const t = this._translations;
+    return a`<div class="action-buttons"><calcite-button appearance=solid width=full icon-start=launch>${t.deploy}</calcite-button><calcite-button appearance=outline kind=neutral width=full icon-start=diagram>${t.viewDiagram}</calcite-button><calcite-button appearance=outline kind=neutral width=full icon-start=information>${t.openHelp}</calcite-button><calcite-button appearance=outline kind=danger width=full icon-start=trash>${t.discard}</calcite-button></div>`;
+  }
+  _renderTabsSection() {
+    const t = this._translations;
+    return a`<div class="tabs-section"><calcite-tabs bordered layout=center><calcite-tab-nav slot=title-group><calcite-tab-title>${t.contents}</calcite-tab-title><calcite-tab-title icon-start=layers>${t.featureLayer}</calcite-tab-title></calcite-tab-nav><calcite-tab>${this._renderContentsTab()}</calcite-tab><calcite-tab>${this._renderFeatureLayerTab()}</calcite-tab></calcite-tabs></div>`;
+  }
+  _renderContentsTab() {
+    const t = this._translations, i = this._design?.items || [];
+    return a`<div><calcite-list .label=${t.solutionContentItems}>${i.map((e) => {
+      const c = `edit-action-${e.id}`;
+      return a`<calcite-list-item .label=${e.title} .description=${e.description || ""}><solution-item-icon slot=content-start .designType=${e.type}></solution-item-icon><calcite-action slot=actions-end id=${c ?? l} icon=edit-attributes .text=${t.edit} scale=s></calcite-action></calcite-list-item>`;
+    })}</calcite-list>${i.map((e) => {
+      const c = `edit-action-${e.id}`, o = `edit-popover-${e.id}`, n = this._openPopoverId === e.id;
+      return a`<calcite-popover id=${o ?? l} .label=${t.editItemContent} .referenceElement=${c} placement=auto @calcitePopoverBeforeOpen=${() => this._handleItemPopoverOpen(e)} @calcitePopoverClose=${() => this._handleCloseItemPopover()}><div class="popover-content"><calcite-label>${t.title}<calcite-input-text .value=${n ? this._editingItemTitle : e.title} @input=${(s) => {
+        this._editingItemTitle = s.target.value;
+      }}></calcite-input-text></calcite-label><calcite-label class="popover-field">${t.description}<calcite-text-area .value=${n ? this._editingItemDescription : e.description} resize=none rows=4 @input=${(s) => {
+        this._editingItemDescription = s.target.value;
+      }}></calcite-text-area></calcite-label><div class="popover-actions"><calcite-button appearance=solid @click=${(s) => {
+        s.stopPropagation(), this._handleApplyItemChanges(e.id);
+      }}>${t.apply}</calcite-button><calcite-button appearance=outline @click=${async (s) => {
+        s.stopPropagation(), await this._handleClosePopover(o);
+      }}>${t.close}</calcite-button></div></div></calcite-popover>`;
+    })}</div>`;
+  }
+  _renderFeatureLayerTab() {
+    return a`<div class="feature-layer-placeholder">\r\n        Feature Layer configuration will go here</div>`;
+  }
+}
+r("solution-builder-assistant", v);
+export {
+  v as SolutionBuilderAssistant
+};

package/dist/components/solution-builder-assistant/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/solution-builder-assistant/index.js

@@ -0,0 +1,20 @@
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-text-area";
+import "@esri/calcite-components/components/calcite-combobox";
+import "@esri/calcite-components/components/calcite-combobox-item";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-tabs";
+import "@esri/calcite-components/components/calcite-tab-nav";
+import "@esri/calcite-components/components/calcite-tab-title";
+import "@esri/calcite-components/components/calcite-tab";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "../solution-item-icon/index.js";
+import "@esri/calcite-components/components/calcite-popover";
+export * from "./customElement.js";

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

@@ -4,8 +4,9 @@ import { u as y } from "../../chunks/useT9n.js";
 import { LitElement as S, createEvent as c, safeClassMap as f } from "@arcgis/lumina";
 import { useContextConsumer as T } from "@arcgis/lumina/context";
 import { css as D, html as u } from "lit";
-import { A as v, C as m, I as $, T as P } from "../../chunks/interfaces.js";
+import { D as m, I as v, T as $ } from "../../chunks/helpers.js";
 import { createRef as _, ref as p } from "lit-html/directives/ref.js";
+import { c as P } from "../../chunks/deployAppContexts.js";
 import * as b from "@esri/solution-common";
 import { updateGroup as V, updateItem as E, updateItemExtended as w } from "@esri/solution-common";
 import { g as W } from "../../chunks/getRelatedInfos.js";
@@ -13,7 +14,7 @@ const L = D`*[tabindex]:focus-visible{outline-style:solid!important;outline-widt
 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: v,
+      context: P,
       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();
   }
@@ -78,7 +79,7 @@ class k extends S {
       let a = t.title;
       e && (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 && (r ? 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;
+      return s && (r ? 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;
     }), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1;
   }
   _replaceStart(i, t, e) {
@@ -106,7 +107,7 @@ class k extends S {
   async _commitNameChanges() {
     if (this._hasChanges()) {
       this._telemetry?.logEvent({
-        category: P.DEPLOYMENTS,
+        category: $.DEPLOYMENTS,
         action: "Rename Items",
         dimensions: [
           this.card?.title || "",

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 { F as D, T as I, G 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-deploy-dialog/index.js

@@ -6,5 +6,5 @@ import "@esri/calcite-components/components/calcite-input";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-block";
 import "@esri/calcite-components/components/calcite-tooltip";
-import "@arcgis/analysis-components/dist/components/analysis-spatial-reference-selector.js";
+import "@arcgis/analysis-components/components/analysis-spatial-reference-selector";
 export * from "./customElement.js";

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 { a2 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.d.ts

@@ -30,6 +30,8 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
       solutionVersion: string;
       newVersionAvailable: string;
       youHaveTheLatestVersion: string;
+      folder: string;
+      openFolder: string;
   } & T9nMeta<{
       aboutYourSolutionDeployedDate: string;
       aboutYourSolutionOwner: string;
@@ -50,6 +52,8 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
       solutionVersion: string;
       newVersionAvailable: string;
       youHaveTheLatestVersion: string;
+      folder: string;
+      openFolder: string;
   }>;
   /** Key details about the solution */
   accessor card: ISolutionInfoCard | undefined;