@esri/solutions-components 5.1.0-next.92 → 5.1.0-next.94

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

@@ -1,6 +1,8 @@
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-action";
+import "../solution-deploy-dialog/index.js";
+import "../solution-deploying-dialog/index.js";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-table-row";
 import "@esri/calcite-components/components/calcite-table-cell";

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

@@ -1,23 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as y } from "../../chunks/runtime.js";
-import { u as C } from "../../chunks/useT9n.js";
-import { LitElement as T, createEvent as c, safeClassMap as f } from "@arcgis/lumina";
-import { useContextConsumer as S } from "@arcgis/lumina/context";
-import { css as D, html as u } from "lit";
-import { I as v, T as $ } from "../../chunks/interfaces.js";
-import { createRef as m, 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 { v as _ } from "../../chunks/validators.js";
+import { c as S } from "../../chunks/runtime.js";
+import { u as v } from "../../chunks/useT9n.js";
+import { LitElement as T, createEvent as m, safeClassMap as u } from "@arcgis/lumina";
+import { useContextConsumer as D } from "@arcgis/lumina/context";
+import { css as $, html as h } from "lit";
+import { I as P, T as b } from "../../chunks/interfaces.js";
+import { createRef as _, ref as p } from "lit-html/directives/ref.js";
+import { c as V } from "../../chunks/deployAppContexts.js";
+import * as w from "@esri/solution-common";
+import { updateGroup as x, updateItem as g, updateItemExtended as E } from "@esri/solution-common";
+import { v as C } from "../../chunks/validators.js";
 import { g as W } from "../../chunks/getRelatedInfos.js";
-const L = D`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.font-style-1{font-size:1rem;color:var(--calcite-color-text-2)}.margin-top-0{margin-top:0}.padding-top-20{padding-top:20px}.padding-bottom-2{padding-bottom:2rem}.padding-left-2{padding-left:2rem}.padding-right-2{padding-right:2rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.width-full{width:100%}.justify-content-space{justify-content:space-between}`;
+const L = $`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.font-style-1{font-size:1rem;color:var(--calcite-color-text-2)}.margin-top-0{margin-top:0}.padding-top-20{padding-top:20px}.padding-bottom-2{padding-bottom:2rem}.padding-left-2{padding-left:2rem}.padding-right-2{padding-right:2rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.width-full{width:100%}.justify-content-space{justify-content:space-between}`;
 class N extends T {
   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 = C({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = S({
-      context: P,
+    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 = v({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = D({
+      context: V,
       subscribe: !0
-    }), this._defaultPrefix = "", this._defaultSuffix = "", this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1, this._prefixRef = m(), this._prefixValue = "", this._suffixRef = m(), this._suffixValue = "", this._templateInfos = [], this._originalTitles = [], this.solutionConfigureTitlesBeforeClose = c(), this.solutionItemsTitlesChanged = c();
+    }), this._defaultPrefix = "", this._defaultSuffix = "", this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1, this._prefixRef = _(), this._prefixValue = "", this._suffixRef = _(), this._suffixValue = "", this._templateInfos = [], this._originalTitles = [], this.solutionConfigureTitlesBeforeClose = m(), this.solutionItemsTitlesChanged = m();
   }
   static {
     this.properties = { card: 0, open: 5, source: 1, solutionData: 1, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _nonSolutionDependencyItems: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
@@ -27,11 +27,11 @@ class N extends T {
   }
   async willUpdate(e) {
     if (e.has("templateInfos") && (this._templateInfos = JSON.parse(JSON.stringify(this.templateInfos)), this._updateTemplates()), e.has("open")) {
-      const t = e.get("open");
-      if (this.open && !t) {
-        await this._updatePrefixSuffix(), this._templateInfos = JSON.parse(JSON.stringify(this.templateInfos)), this._originalTitles = this._templateInfos.map((s) => ({ id: s.id, title: s.title })), this._updateTemplates();
-        const i = await W(this._configContextConsumer.value.userSession, this.card);
-        this._nonSolutionDependencyItems = i._nonSolutionDependencyItems, await this._accordionRef?.expandFirstItem();
+      const i = e.get("open");
+      if (this.open && !i) {
+        await this._updatePrefixSuffix(), this._templateInfos = JSON.parse(JSON.stringify(this.templateInfos)), this._originalTitles = this._templateInfos.map((t) => ({ id: t.id, title: t.title })), this._updateTemplates();
+        const a = await W(this._configContextConsumer.value.userSession, this.card);
+        this._nonSolutionDependencyItems = a._nonSolutionDependencyItems, await this._accordionRef?.expandFirstItem();
       }
     }
   }
@@ -42,25 +42,25 @@ class N extends T {
     this._updateTemplates(), await this._updatePrefixSuffix();
   }
   async _updatePrefixSuffix() {
-    this.solutionData = await b.getItemDataAsJson(this.card.id, this._configContextConsumer.value.userSession), this.solutionData.titles?.prefix && (this._loadingDefaultPrefix = !0, this._defaultPrefix = this.solutionData.titles.prefix, this._prefixValue = this.solutionData.titles.prefix), this.solutionData.titles?.suffix && (this._loadingDefaultSuffix = !0, this._defaultSuffix = this.solutionData.titles.suffix, this._suffixValue = this.solutionData.titles.suffix);
+    this.solutionData = await w.getItemDataAsJson(this.card.id, this._configContextConsumer.value.userSession), this.solutionData.titles?.prefix && (this._loadingDefaultPrefix = !0, this._defaultPrefix = this.solutionData.titles.prefix, this._prefixValue = this.solutionData.titles.prefix), this.solutionData.titles?.suffix && (this._loadingDefaultSuffix = !0, this._defaultSuffix = this.solutionData.titles.suffix, this._suffixValue = this.solutionData.titles.suffix);
   }
   render() {
-    return u`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${() => {
+    return h`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${() => {
       this.solutionConfigureTitlesBeforeClose.emit();
     }} .open=${this.open} outside-close-disabled width=l>${this._getPrefixSuffixControls()}${this._getAccordion()}${this._getDialogButtons()}</calcite-dialog>`;
   }
   _getPrefixSuffixControls() {
-    const e = _(this._prefixValue), t = this._hasNameLengthError && this._prefixValue.length > 0, i = e.errorType !== "special-character", s = !t, n = i ? "display-none" : "", r = s ? "display-none" : "", a = i && s ? "valid" : "invalid", o = _(this._suffixValue), h = this._hasNameLengthError && this._suffixValue.length > 0, l = o.errorType !== "special-character", d = !h, x = l ? "display-none" : "", g = d ? "display-none" : "", I = l && d ? "valid" : "invalid";
-    return this._saveDisabled = !i || !s || !l || !d || !this._hasChanges(), u`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-top-20"><calcite-label scale=l class="font-weight-medium"><span tabindex=0>${this._translations.configureTitlesDialogHeader}</span></calcite-label><p class="font-style-1 margin-top-0" tabindex=0>${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input clearable @blur=${this._prefixInput} @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${a} .value=${this._prefixValue} ${p(this._prefixRef)}></calcite-input><calcite-input-message class=${f(n)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${f(r)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input clearable @blur=${this._suffixInput} @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${I} .value=${this._suffixValue} ${p(this._suffixRef)}></calcite-input><calcite-input-message class=${f(x)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${f(g)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
+    const e = C(this._prefixValue), i = this._hasNameLengthError && this._prefixValue.length > 0, a = e.errorType !== "special-character", t = !i, s = a ? "display-none" : "", n = t ? "display-none" : "", d = a && t ? "valid" : "invalid", c = C(this._suffixValue), l = this._hasNameLengthError && this._suffixValue.length > 0, o = c.errorType !== "special-character", r = !l, f = o ? "display-none" : "", I = r ? "display-none" : "", y = o && r ? "valid" : "invalid";
+    return this._saveDisabled = !a || !t || !o || !r || !this._hasChanges(), h`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-top-20"><calcite-label scale=l class="font-weight-medium"><span tabindex=0>${this._translations.configureTitlesDialogHeader}</span></calcite-label><p class="font-style-1 margin-top-0" tabindex=0>${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input clearable @blur=${this._prefixInput} @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${d} .value=${this._prefixValue} ${p(this._prefixRef)}></calcite-input><calcite-input-message class=${u(s)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${u(n)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input clearable @blur=${this._suffixInput} @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${y} .value=${this._suffixValue} ${p(this._suffixRef)}></calcite-input><calcite-input-message class=${u(f)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${u(I)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
   }
   _getAccordion() {
-    const e = [...new Set(this._nonSolutionDependencyItems.map((t) => t.controlItemId))];
-    return u`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .itemRelationshipDependencies=${e} list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReuseWarning} .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} ${p(async (t) => {
-      t && (this._accordionRef = t);
+    const e = [...new Set(this._nonSolutionDependencyItems.map((i) => i.controlItemId))];
+    return h`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .itemRelationshipDependencies=${e} list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReuseWarning} .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} usage-context=rename ${p(async (i) => {
+      i && (this._accordionRef = i);
     })}></solution-item-accordion></div>`;
   }
   _getDialogButtons() {
-    return u`<div slot=footer-end><calcite-button appearance=outline class="padding-end-1-2" kind=brand @click=${this._closeDialog}>${this._translations.cancelTheDialog}</calcite-button><calcite-button .disabled=${this._saveDisabled} kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.applyChangesAndCloseTheDialog}</calcite-button></div>`;
+    return h`<div slot=footer-end><calcite-button appearance=outline class="padding-end-1-2" kind=brand @click=${this._closeDialog}>${this._translations.cancelTheDialog}</calcite-button><calcite-button .disabled=${this._saveDisabled} kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.applyChangesAndCloseTheDialog}</calcite-button></div>`;
   }
   _prefixInput() {
     clearTimeout(this._textInputTimeout), this._textInputTimeout = setTimeout(() => {
@@ -73,34 +73,37 @@ class N extends T {
     }, 500);
   }
   _updateTemplates() {
+    const e = this._configContextConsumer.value?.authentication?.CanUpdateSolution ?? !1, i = this._configContextConsumer.value?.authentication?.PortalUserName;
     this._templateInfos = this._templateInfos.map((t) => (this._loadingDefaultPrefix && t.title.startsWith(this._prefixValue) && (t.title = this._replaceStart(t.title, this._prefixValue, "")), this._loadingDefaultSuffix && t.title.endsWith(this._suffixValue) && (t.title = this._replaceAtEnd(t.title, this._suffixValue, "")), t));
-    const e = JSON.parse(JSON.stringify(this._templateInfos));
-    this._hasNameLengthError = !1, this._displayTemplateInfos = e.map((t) => {
-      const i = this._prefixValue !== "", s = this._suffixValue !== "", n = this._defaultPrefix !== "", r = this._defaultSuffix !== "";
-      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 && (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;
+    const a = JSON.parse(JSON.stringify(this._templateInfos));
+    this._hasNameLengthError = !1, this._displayTemplateInfos = a.map((t) => {
+      const s = this._prefixValue !== "", n = this._suffixValue !== "", d = this._defaultPrefix !== "", c = this._defaultSuffix !== "";
+      if (t.owner !== i && !e)
+        return t;
+      let l = t.title;
+      s && (d ? this._originalTitles.find((f) => f.id === t.id)?.title.startsWith(this._defaultPrefix) ? l = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue) : this._prefixValue !== this._defaultPrefix && (l = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue)) : l = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue));
+      let o = l;
+      return n && (c ? this._originalTitles.find((f) => f.id === t.id)?.title.endsWith(this._defaultSuffix) ? o = this._applySuffixWithDuplicateCheck(l, this._suffixValue) : this._suffixValue !== this._defaultSuffix && (o = this._applySuffixWithDuplicateCheck(l, this._suffixValue)) : o = this._applySuffixWithDuplicateCheck(l, this._suffixValue)), t.title = o, this._hasNameLengthError || (this._hasNameLengthError = t.title.length > P), t;
     }), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1;
   }
-  _replaceStart(e, t, i) {
-    return e.startsWith(t) ? `${i}${e.slice(t.length)}` : e;
+  _replaceStart(e, i, a) {
+    return e.startsWith(i) ? `${a}${e.slice(i.length)}` : e;
   }
-  _replaceAtEnd(e, t, i) {
-    return e.endsWith(t) ? `${e.substring(0, e.length - t.length)}${i}` : e;
+  _replaceAtEnd(e, i, a) {
+    return e.endsWith(i) ? `${e.substring(0, e.length - i.length)}${a}` : e;
   }
-  _applyPrefixWithDuplicateCheck(e, t) {
-    return !t || e.startsWith(t) ? e : t + e;
+  _applyPrefixWithDuplicateCheck(e, i) {
+    return !i || e.startsWith(i) ? e : i + e;
   }
-  _applySuffixWithDuplicateCheck(e, t) {
-    return !t || e.endsWith(t) ? e : e + t;
+  _applySuffixWithDuplicateCheck(e, i) {
+    return !i || e.endsWith(i) ? e : e + i;
   }
   _hasChanges() {
-    const e = this._defaultPrefix !== this._prefixValue, t = this._defaultSuffix !== this._suffixValue;
-    return this._displayTemplateInfos.some((s) => {
-      const n = this._originalTitles.find((r) => r.id === s.id);
-      return n && n.title !== s.title;
-    }) || e || t;
+    const e = this._defaultPrefix !== this._prefixValue, i = this._defaultSuffix !== this._suffixValue;
+    return this._displayTemplateInfos.some((t) => {
+      const s = this._originalTitles.find((n) => n.id === t.id);
+      return s && s.title !== t.title;
+    }) || e || i;
   }
   _closeDialog() {
     this.open = !1;
@@ -108,7 +111,7 @@ class N extends T {
   async _commitNameChanges() {
     if (this._hasChanges()) {
       this._telemetry?.logEvent({
-        category: $.DEPLOYMENTS,
+        category: b.DEPLOYMENTS,
         action: "Rename Items",
         dimensions: [
           this.card?.title || "",
@@ -117,31 +120,42 @@ class N extends T {
           this.source
         ]
       }), this._solutionItemsTitlesUpdating = !0;
-      const e = this._displayTemplateInfos.reduce((t, i) => {
-        const s = {
-          id: i.id,
-          title: i.title
-        };
-        return t.push(i.type === "Group" ? V(s, this._configContextConsumer.value.userSession) : E(s, this._configContextConsumer.value.userSession, void 0, { solutionOwner: this.card?.owner })), t;
+      const e = this._configContextConsumer.value?.authentication?.CanUpdateSolution ?? !1, i = this._configContextConsumer.value?.authentication?.PortalUserName, a = this._displayTemplateInfos.reduce((t, s) => {
+        if (s.owner !== i) {
+          if (e) {
+            const n = {
+              id: s.id,
+              title: s.title
+            };
+            t.push(s.type === "Group" ? x(n, this._configContextConsumer.value.userSession) : g(n, this._configContextConsumer.value.userSession, void 0, { solutionOwner: this.card?.owner }));
+          }
+        } else {
+          const n = {
+            id: s.id,
+            title: s.title
+          };
+          t.push(s.type === "Group" ? x(n, this._configContextConsumer.value.userSession) : g(n, this._configContextConsumer.value.userSession, void 0, { solutionOwner: this.card?.owner }));
+        }
+        return t;
       }, []);
       if (this.solutionData?.templates) {
         const t = {
           id: this.card.id
-        }, i = {
+        }, s = {
           ...this.solutionData,
           titles: {
             prefix: this._prefixValue,
             suffix: this._suffixValue
           }
         };
-        e.push(w(t, i, this._configContextConsumer.value.userSession, void 0, void 0, null, this.card?.owner));
+        a.push(E(t, s, this._configContextConsumer.value.userSession, void 0, void 0, null, this.card?.owner));
       }
-      await Promise.all(e), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      await Promise.all(a), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
     }
     this._closeDialog();
   }
 }
-y("solution-configure-titles", N);
+S("solution-configure-titles", N);
 export {
   N as SolutionConfigureTitles
 };

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

@@ -104,7 +104,7 @@ class S extends g {
       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(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._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} usage-context=delete ${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} usage-context=delete ${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;

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IDeployFailed, IDeployProgressUpdate, ISolutionInfoCard, IUserOption } from "../../utils/interfaces.js";
+import type { IDeployFailed, IDeployProgressUpdate, ISolutionDesign, ISolutionInfoCard, IUserOption } from "../../utils/interfaces.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 export abstract class SolutionDeployDialog extends LitElement {
@@ -59,6 +59,8 @@ export abstract class SolutionDeployDialog extends LitElement {
    * @default false
    */
   accessor debugFailDeployment: boolean;
+  /** Builder design payload to convert into buildSolution deploy params */
+  accessor design: ISolutionDesign | null;
   /**
    * When true the dialog will be shown
    *

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

@@ -3,8 +3,9 @@ import "../../chunks/runtime.js";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
-import { S as n } from "../../chunks/solution-deploy-dialog.js";
+import { S as s } from "../../chunks/solution-deploy-dialog.js";
 import "@esri/solution-common";
+import "../../chunks/converter.js";
 import "../../chunks/deployAppContexts.js";
 import "@esri/solution-deployer";
 import "../../chunks/helpers.js";
@@ -12,5 +13,5 @@ import "../../chunks/validators.js";
 import "lit";
 import "lit/directives/ref.js";
 export {
-  n as SolutionDeployDialog
+  s as SolutionDeployDialog
 };

package/dist/components/solution-item-accordion/customElement.d.ts

@@ -11,13 +11,17 @@ export abstract class SolutionItemAccordion extends LitElement {
    * @internal
    */
   protected _translations: {
-      differentOwnerDeleteWarning: string;
+      usedInOtherSolutionsDeleteWarning: string;
+      noPrivilegeToManage: string;
       openDetails: string;
       solutionsTemplates: string;
+      usedInAnotherSolution: string;
   } & T9nMeta<{
-      differentOwnerDeleteWarning: string;
+      usedInOtherSolutionsDeleteWarning: string;
+      noPrivilegeToManage: string;
       openDetails: string;
       solutionsTemplates: string;
+      usedInAnotherSolution: string;
   }>;
   /** string[]: List of items that have relationship dependencies outside of this solution */
   accessor itemRelationshipDependencies: string[];
@@ -49,6 +53,8 @@ export abstract class SolutionItemAccordion extends LitElement {
   accessor templateInfos: ITemplateInfo[];
   /** string[]: Collection of the solutions typeKeywords */
   accessor typeKeywords: string[];
+  /** @default 'content' */
+  accessor usageContext: "content" | "rename" | "delete";
   /** Collapses all items in the accordion. */
   collapseAll(): Promise<void>;
   /**

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

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as a } from "../../chunks/runtime.js";
 import { u as c } from "../../chunks/useT9n.js";
-import { css as d, html as n, nothing as p } from "lit";
-import { LitElement as h, createEvent as r } from "@arcgis/lumina";
+import { css as d, html as o, nothing as h } from "lit";
+import { LitElement as p, createEvent as l, safeStyleMap as u } from "@arcgis/lumina";
 import { c as m } from "../../chunks/deployAppContexts.js";
-import { useContextConsumer as u } from "@arcgis/lumina/context";
-const y = d`:host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color: var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}.solution-list-item-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1)}.solution-list-item-label,.solution-list-item-description{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.solution-list-item-description{font-size:var(--calcite-font-size--2);margin-block-start:.125rem;color:var(--calcite-color-text-3)}.solution-list-item-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:1.375}.underline{text-decoration:underline}calcite-chip{--calcite-chip-icon-color: var(--calcite-color-brand)}`;
-class f extends h {
+import { useContextConsumer as f } from "@arcgis/lumina/context";
+const g = d`:host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color: var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}.solution-list-item-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1)}.solution-list-item-label,.solution-list-item-description{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.solution-list-item-description{font-size:var(--calcite-font-size--2);margin-block-start:.125rem;color:var(--calcite-color-text-3)}.solution-list-item-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:1.375}.underline{text-decoration:underline}calcite-chip{--calcite-chip-icon-color: var(--calcite-color-brand)}`;
+class y extends p {
   constructor() {
-    super(...arguments), this.itemRelationshipDependencies = [], this.linkType = "item", this.listSelectionMode = "none", this.reuseWarning = "", this.templateInfos = [], this.typeKeywords = [], this._canDeletePermission = !1, this._sortedTemplateInfos = [], this._translations = c({ name: "solution-item-accordion", blocking: !0 }), this._configContextConsumer = u({
+    super(...arguments), this.itemRelationshipDependencies = [], this.linkType = "item", this.listSelectionMode = "none", this.reuseWarning = "", this.templateInfos = [], this.typeKeywords = [], this.usageContext = "content", this._canDeletePermission = !1, this._sortedTemplateInfos = [], this._translations = c({ name: "solution-item-accordion", blocking: !0 }), this._configContextConsumer = f({
       context: m,
       subscribe: !0
     }), this._sortOrder = [
@@ -44,13 +44,13 @@ class f extends h {
       "Report Template",
       "Rule Package",
       "Group"
-    ], this.solutionItemHover = r(), this.solutionItemSelect = r(), this.solutionTypeHover = r();
+    ], this.solutionItemHover = l(), this.solutionItemSelect = l(), this.solutionTypeHover = l();
   }
   static {
-    this.properties = { itemRelationshipDependencies: 0, linkType: 1, listSelectionMode: 1, reuseWarning: 1, templateInfos: 0, typeKeywords: 0, _canDeletePermission: 16, _sortedTemplateInfos: 16, _translations: 16 };
+    this.properties = { itemRelationshipDependencies: 0, linkType: 1, listSelectionMode: 1, reuseWarning: 1, templateInfos: 0, typeKeywords: 0, usageContext: 1, _canDeletePermission: 16, _sortedTemplateInfos: 16, _translations: 16 };
   }
   static {
-    this.styles = y;
+    this.styles = g;
   }
   willUpdate(e) {
     e.has("templateInfos") && (this.hasUpdated || this.templateInfos?.length > 0) && this.templateInfosWatchHandler();
@@ -109,32 +109,32 @@ class f extends h {
   }
   _getAccordion() {
     const e = [], i = this._sortedTemplateInfos.reduce((t, s) => {
-      const o = this._getTypeForDisplay(s.type, s.typeKeywords);
-      return e.indexOf(o) < 0 && (e.push(o), t.push(this._getAccordionItem(s))), t;
+      const n = this._getTypeForDisplay(s.type, s.typeKeywords);
+      return e.indexOf(n) < 0 && (e.push(n), t.push(this._getAccordionItem(s))), t;
     }, []);
-    return n`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
+    return o`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
   }
   _getAccordionItem(e) {
     const i = this._getTypeForDisplay(e.type, e.typeKeywords), t = this._sortedTemplateInfos.filter((s) => this._getTypeForDisplay(s.type, s.typeKeywords) === i);
-    return n`<calcite-accordion-item .heading=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
+    return o`<calcite-accordion-item .heading=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
   }
   _getList(e) {
     const i = this._sortTemplatesByTitle(e);
-    return n`<calcite-list .label=${this._translations.solutionsTemplates} selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
+    return o`<calcite-list .label=${this._translations.solutionsTemplates} selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
   }
   _getListItem(e) {
-    const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action", s = this._configContextConsumer.value?.userSession?.username ?? null, o = this.itemRelationshipDependencies.some((l) => l === e.id);
-    return n`<calcite-list-item id=${e.id ?? p} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
+    const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action";
+    return o`<calcite-list-item id=${e.id ?? h} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
       this._deselectOthers(e.id), this.solutionItemSelect.emit({ itemId: e.id, selected: !0 }), i && !t && window.open(e.url, "_blank");
-    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${o ? this.reuseWarning && this._getWarningChip(this.reuseWarning) : e.owner !== s && !this._canDeletePermission && this._getWarningChip(this._translations?.differentOwnerDeleteWarning || "")}${i && t ? n`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
+    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this._checkUsageForWarnings(e)}${i && t ? o`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
   }
   _sortTemplatesByTitle(e) {
     return e.sort((i, t) => i.title < t.title ? -1 : i.title > t.title ? 1 : 0);
   }
   _sortTemplates() {
     return this.templateInfos.sort((e, i) => {
-      const t = this._getTypeForSort(e), s = this._getTypeForSort(i), o = this._sortOrder.indexOf(t), l = this._sortOrder.indexOf(s);
-      return o - l;
+      const t = this._getTypeForSort(e), s = this._getTypeForSort(i), n = this._sortOrder.indexOf(t), r = this._sortOrder.indexOf(s);
+      return n - r;
     });
   }
   _getTypeForSort(e) {
@@ -144,16 +144,43 @@ class f extends h {
   _getTypeForDisplay(e, i) {
     let t = e;
     if (e === "Feature Service") {
-      const s = i.indexOf("View Service") > -1, o = i.indexOf("Table") > -1;
-      t = s && o ? "Table (hosted, view)" : o ? "Table (hosted)" : s ? "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
+      const s = i.indexOf("View Service") > -1, n = i.indexOf("Table") > -1;
+      t = s && n ? "Table (hosted, view)" : n ? "Table (hosted)" : s ? "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
     }
     return e === "Web Mapping Application" && (t = i.indexOf("configurableApp") > -1 ? "Instant App" : t), t = e === "Geoprocessing Service" ? "Tool" : t, t = e === "Feed" ? "Feed (hosted)" : t, t = e === "Real Time Analytic" ? "Real Time Analytic (hosted)" : t, t = e === "Big Data Analytic" ? "Big Data Analytic (hosted)" : t, t = e === "Vector Tile Service" ? "Tile Layer" : t, t;
   }
-  _getWarningChip(e) {
-    return n`<calcite-chip icon=information kind=neutral .label=${e} scale=s slot=actions-end>${e}</calcite-chip>`;
+  _getWarningChip(e, i) {
+    return o`<calcite-chip .icon=${i === "info" ? "information" : "exclamation-mark-triangle"} kind=neutral .label=${e} scale=s slot=actions-end style=${u({ "--calcite-chip-icon-color": i === "info" ? "var(--calcite-color-status-info)" : "var(--calcite-color-status-danger)" })}>${e}</calcite-chip>`;
+  }
+  _checkUsageForWarnings(e) {
+    const i = this._configContextConsumer.value?.userSession?.username ?? null, t = this.itemRelationshipDependencies.some((s) => s === e.id);
+    if (this.usageContext === "content" && t && this.reuseWarning)
+      return this._getWarningChip(this.reuseWarning, "info");
+    if (this.usageContext === "rename") {
+      const s = this._configContextConsumer.value?.authentication?.CanUpdateSolution ?? !1;
+      if (e.owner !== i)
+        if (s) {
+          if (t && this.reuseWarning)
+            return this._getWarningChip(this.reuseWarning, "info");
+        } else
+          return this._getWarningChip(this._translations?.noPrivilegeToManage || "", "warn");
+      else if (t && this.reuseWarning)
+        return this._getWarningChip(this.reuseWarning, "info");
+    }
+    if (this.usageContext === "delete") {
+      if (e.owner !== i)
+        if (this._canDeletePermission) {
+          if (t)
+            return this._getWarningChip(this._translations?.usedInOtherSolutionsDeleteWarning || "", "info");
+        } else
+          return this._getWarningChip(this._translations?.noPrivilegeToManage || "", "warn");
+      else if (t)
+        return this._getWarningChip(this.reuseWarning, "info");
+    }
+    return "";
   }
 }
-a("solution-item-accordion", f);
+a("solution-item-accordion", y);
 export {
-  f as SolutionItemAccordion
+  y as SolutionItemAccordion
 };