@esri/solutions-components 5.1.0-next.16 → 5.1.0-next.160

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

@@ -1,36 +1,38 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as C } from "../../chunks/runtime.js";
-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 { C as m, I as v, T as $ } from "../../chunks/helpers.js";
+import { c as v } from "../../chunks/runtime.js";
+import { u as T } from "../../chunks/useT9n.js";
+import { LitElement as D, createEvent as m, safeClassMap as u } from "@arcgis/lumina";
+import { useContextConsumer as $ } from "@arcgis/lumina/context";
+import { css as P, html as h } from "lit";
+import { I as b, T as V } from "../../chunks/interfaces.js";
 import { createRef as _, ref as p } from "lit-html/directives/ref.js";
-import { c as P } from "../../chunks/deployAppContexts.js";
-import * as 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";
-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}`;
-class k extends S {
+import { c as w } from "../../chunks/deployAppContexts.js";
+import * as E from "@esri/solution-common";
+import { updateGroup as x, updateItem as g, updateItemExtended as W } from "@esri/solution-common";
+import { v as C } from "../../chunks/validators.js";
+import { g as L } from "../../chunks/getRelatedInfos.js";
+import { h as N, i as y, j as O } from "../../chunks/helpers.js";
+const R = P`*[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 k extends D {
   constructor() {
-    super(...arguments), this.open = !1, this.source = "Card Dropdown", this.solutionData = {}, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._nonSolutionDependencyItems = [], this._solutionItemsTitlesUpdating = !1, this._translations = y({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = T({
-      context: P,
+    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 = T({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = $({
+      context: w,
       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();
+    }), 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 };
   }
   static {
-    this.styles = L;
-  }
-  async willUpdate(i) {
-    if (i.has("templateInfos") && (this._templateInfos = JSON.parse(JSON.stringify(this.templateInfos)), this._updateTemplates()), i.has("open")) {
-      const t = i.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 e = await W(this._configContextConsumer.value.userSession, this.card);
-        this._nonSolutionDependencyItems = e._nonSolutionDependencyItems, await this._accordionRef?.expandFirstItem();
+    this.styles = R;
+  }
+  async willUpdate(e) {
+    if (e.has("templateInfos") && (this._templateInfos = JSON.parse(JSON.stringify(this.templateInfos)), this._updateTemplates()), e.has("open")) {
+      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 L(this._configContextConsumer.value.userSession, this.card);
+        this._nonSolutionDependencyItems = a._nonSolutionDependencyItems, await this._accordionRef?.expandFirstItem();
       }
     }
   }
@@ -41,25 +43,25 @@ class k extends S {
     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 E.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 i = m(this._prefixValue, "item"), t = this._hasNameLengthError && this._prefixValue.length > 0, e = !i, s = !t, n = e ? "display-none" : "", r = s ? "display-none" : "", a = e && s ? "valid" : "invalid", o = m(this._suffixValue, "item"), h = this._hasNameLengthError && this._suffixValue.length > 0, l = !o, d = !h, x = l ? "display-none" : "", g = d ? "display-none" : "", I = l && d ? "valid" : "invalid";
-    return this._saveDisabled = !e || !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" : "", S = 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=${S} .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 i = [...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=${i} list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReuseWarning} .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} ${p(async (t) => {
-      t && (this._accordionRef = t);
+    const e = N(this._nonSolutionDependencyItems, this.card.id);
+    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 || y(this._configContextConsumer.value)} kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.applyChangesAndCloseTheDialog}</calcite-button></div>`;
   }
   _prefixInput() {
     clearTimeout(this._textInputTimeout), this._textInputTimeout = setTimeout(() => {
@@ -72,75 +74,92 @@ class k extends S {
     }, 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 i = JSON.parse(JSON.stringify(this._templateInfos));
-    this._hasNameLengthError = !1, this._displayTemplateInfos = i.map((t) => {
-      const e = this._prefixValue !== "", s = this._suffixValue !== "", n = this._defaultPrefix !== "", r = this._defaultSuffix !== "";
-      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 > 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 > b), t;
     }), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1;
   }
-  _replaceStart(i, t, e) {
-    return i.startsWith(t) ? `${e}${i.slice(t.length)}` : i;
+  _replaceStart(e, i, a) {
+    return e.startsWith(i) ? `${a}${e.slice(i.length)}` : e;
   }
-  _replaceAtEnd(i, t, e) {
-    return i.endsWith(t) ? `${i.substring(0, i.length - t.length)}${e}` : i;
+  _replaceAtEnd(e, i, a) {
+    return e.endsWith(i) ? `${e.substring(0, e.length - i.length)}${a}` : e;
   }
-  _applyPrefixWithDuplicateCheck(i, t) {
-    return !t || i.startsWith(t) ? i : t + i;
+  _applyPrefixWithDuplicateCheck(e, i) {
+    return !i || e.startsWith(i) ? e : i + e;
   }
-  _applySuffixWithDuplicateCheck(i, t) {
-    return !t || i.endsWith(t) ? i : i + t;
+  _applySuffixWithDuplicateCheck(e, i) {
+    return !i || e.endsWith(i) ? e : e + i;
   }
   _hasChanges() {
-    const i = 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;
-    }) || i || 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;
   }
   async _commitNameChanges() {
-    if (this._hasChanges()) {
-      this._telemetry?.logEvent({
-        category: $.DEPLOYMENTS,
-        action: "Rename Items",
-        dimensions: [
-          this.card?.title || "",
-          this.card?.deployCommonId || "",
-          this.card?.deployVersion || "",
-          this.source
-        ]
-      }), this._solutionItemsTitlesUpdating = !0;
-      const i = this._displayTemplateInfos.reduce((t, e) => {
-        const s = {
-          id: e.id,
-          title: e.title
-        };
-        return t.push(e.type === "Group" ? V(s, this._configContextConsumer.value.userSession) : E(s, this._configContextConsumer.value.userSession, void 0, { solutionOwner: this.card?.owner })), t;
-      }, []);
-      if (this.solutionData?.templates) {
-        const t = {
-          id: this.card.id
-        }, e = {
-          ...this.solutionData,
-          titles: {
-            prefix: this._prefixValue,
-            suffix: this._suffixValue
+    if (!y(this._configContextConsumer.value)) {
+      if (this._hasChanges()) {
+        this._telemetry?.logEvent({
+          category: V.DEPLOYMENTS,
+          action: "Rename Items",
+          dimensions: [
+            this.card?.title || "",
+            this.card?.deployCommonId || "",
+            this.card?.deployVersion || "",
+            this.source,
+            O(this.card?.typeKeywords)
+          ]
+        }), this._solutionItemsTitlesUpdating = !0;
+        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 }));
           }
-        };
-        i.push(w(t, e, this._configContextConsumer.value.userSession, void 0, void 0, null, this.card?.owner));
+          return t;
+        }, []);
+        if (this.solutionData?.templates) {
+          const t = {
+            id: this.card.id
+          }, s = {
+            ...this.solutionData,
+            titles: {
+              prefix: this._prefixValue,
+              suffix: this._suffixValue
+            }
+          };
+          a.push(W(t, s, this._configContextConsumer.value.userSession, void 0, void 0, null, this.card?.owner));
+        }
+        await Promise.all(a), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
       }
-      await Promise.all(i), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      this._closeDialog();
     }
-    this._closeDialog();
   }
 }
-C("solution-configure-titles", k);
+v("solution-configure-titles", k);
 export {
   k as SolutionConfigureTitles
 };

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

@@ -1,20 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as m } from "../../chunks/runtime.js";
-import { css as u, nothing as p, html as r } from "lit";
+import { c as u } from "../../chunks/runtime.js";
+import { css as m, 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 { D, T as I, F as y } from "../../chunks/helpers.js";
+import { y as D, T as I, z as y } from "../../chunks/interfaces.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 { c as C } from "../../chunks/deployAppContexts.js";
+import { createRef as w, ref as h } from "lit-html/directives/ref.js";
 import "../solution-item-accordion/customElement.js";
 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-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 S extends g {
+import { i as x, j as S, h as T } from "../../chunks/helpers.js";
+const P = m`*[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 E 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 = C(), this._configContextConsumer = _({
-      context: w,
+    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: C,
       subscribe: !0
     }), this.solutionDeleteDialogOpen = d(), this.solutionDeleted = d(), this.solutionDeleteDialogBeforeClose = d(), this.listenOn(window, "beforeunload", (e) => {
       this._isDeleteInProgress && (e.preventDefault(), e.returnValue = !0);
@@ -24,7 +25,7 @@ class S 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 = x;
+    this.styles = P;
   }
   get _hasAdminDeletePermission() {
     return this._configContextConsumer.value?.authentication ? D(this._configContextConsumer.value?.authentication) : !1;
@@ -36,6 +37,10 @@ class S extends g {
     this._showUndeletableItems && this.solutionDeleted.emit({ showAlert: !1, refreshSolutionsTimeout: !0, solutionTitle: this.card?.title }), this._showDeleteError = !1, this._showUndeletableItems = !1, this._isDeleteInProgress = !1, this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
   }
   delete() {
+    if (x(this._configContextConsumer.value)) {
+      this.close();
+      return;
+    }
     if (this._telemetry?.logEvent({
       category: I.DEPLOYMENTS,
       action: "Delete Solution",
@@ -43,7 +48,8 @@ class S extends g {
         this.card?.title || "",
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
-        this.source
+        this.source,
+        S(this.card?.typeKeywords)
       ]
     }), this._isDeleteInProgress = !0, this.card) {
       const e = [{
@@ -60,30 +66,30 @@ class S extends g {
       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
+        if (s ? o = s.items.map((a) => ({
+          itemName: a.title,
+          itemType: a.type,
+          owner: a.owner,
+          modified: a.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 (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;
+        else if (o.some((n) => n.itemType === "Solution"))
+          this.card ? $(this.card, this._configContextConsumer.value.userSession).then((n) => {
+            this._templateInfos = n, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
           }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
         else if (this.card) {
-          let l = [];
-          l = s.items.map((a) => ({
-            id: a.id,
-            title: a.title,
-            type: a.type,
-            owner: a.owner,
-            modified: a.modified,
+          let n = [];
+          n = s.items.map((l) => ({
+            id: l.id,
+            title: l.title,
+            type: l.type,
+            owner: l.owner,
+            modified: l.modified,
             typeKeywords: [],
             snippet: "",
             dependencies: [],
-            url: y(a.id, this._configContextConsumer.value.authentication)
-          })), this._templateInfos = l, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
+            url: y(l.id, this._configContextConsumer.value.authentication)
+          })), this._templateInfos = n, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
         } else
           this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;
       });
@@ -98,14 +104,14 @@ class S extends g {
     }
   }
   render() {
-    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());
+    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", i = T(this._nonSolutionDependencyItems, this.card.id), 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(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" role=status 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=${() => {
+    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && r`<calcite-alert auto-close icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
       this._showDeleteError = !1;
     }} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>` || ""}`}</calcite-dialog>`;
   }
@@ -120,7 +126,7 @@ class S extends g {
     return this._templateInfos.filter((s) => !t.has(s.id)).filter((s) => s.owner !== i).length;
   }
 }
-m("solution-delete-dialog", S);
+u("solution-delete-dialog", E);
 export {
-  S as SolutionDeleteDialog
+  E as SolutionDeleteDialog
 };

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
    *
@@ -70,8 +72,12 @@ export abstract class SolutionDeployDialog extends LitElement {
    * may be able to remove completely for v2 but need to look closer at other custom params that were supported to see
    */
   accessor userOptions: IUserOption[];
-  /** Closes the panel */
-  close(): void;
+  /**
+   * Closes the panel
+   *
+   * @param emitCancelEvent
+   */
+  close(emitCancelEvent?: boolean): void;
   /** Deploys a solution */
   deploy(): void;
   /** Emitted when the deploy dialog is cancelled or closed before deployment */

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

@@ -3,14 +3,15 @@ import "../../chunks/runtime.js";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
-import "@arcgis/analysis-shared-utils";
-import { S as n } from "../../chunks/solution-deploy-dialog.js";
+import { S as 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";
+import "../../chunks/validators.js";
 import "lit";
 import "lit/directives/ref.js";
 export {
-  n as SolutionDeployDialog
+  s 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/common-components/components/arcgis-coordinate-system-picker";
 export * from "./customElement.js";

package/dist/components/solution-deployed-card/customElement.d.ts

@@ -14,6 +14,7 @@ export abstract class SolutionDeployedCard extends LitElement {
    * @internal
    */
   protected _translations: {
+      builtWithAI: string;
       openSolution: string;
       deleteSolution: string;
       deployedDate: string;
@@ -27,6 +28,7 @@ export abstract class SolutionDeployedCard extends LitElement {
       renameItems: string;
       viewItemDetails: string;
   } & T9nMeta<{
+      builtWithAI: string;
       openSolution: string;
       deleteSolution: string;
       deployedDate: string;

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

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

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

@@ -1,6 +1,7 @@
 import "@esri/calcite-components/components/calcite-card";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";
 import "@esri/calcite-components/components/calcite-dropdown-item";

package/dist/components/solution-deployed-card-panel/customElement.d.ts

@@ -13,6 +13,7 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
   protected _translations: {
       aboutYourSolutionDeployedDate: string;
       aboutYourSolutionOwner: string;
+      builtWithAI: string;
       deleteSolution: string;
       deploySuccessAlert: string;
       diagramOfTheSolution: string;
@@ -23,6 +24,7 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
       mustOwnSolution: string;
       viewTheDiagram: string;
       learnMoreNewVersion: string;
+      openDetails: string;
       showMoreSummary: string;
       solutionsContentsAndCount: string;
       solutionDocumentation: string;
@@ -30,9 +32,12 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
       solutionVersion: string;
       newVersionAvailable: string;
       youHaveTheLatestVersion: string;
+      folder: string;
+      openFolder: string;
   } & T9nMeta<{
       aboutYourSolutionDeployedDate: string;
       aboutYourSolutionOwner: string;
+      builtWithAI: string;
       deleteSolution: string;
       deploySuccessAlert: string;
       diagramOfTheSolution: string;
@@ -43,6 +48,7 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
       mustOwnSolution: string;
       viewTheDiagram: string;
       learnMoreNewVersion: string;
+      openDetails: string;
       showMoreSummary: string;
       solutionsContentsAndCount: string;
       solutionDocumentation: string;
@@ -50,6 +56,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;
@@ -67,6 +75,13 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
    * @default false
    */
   accessor open: boolean;
+  /**
+   * The localized read-only notice message to display when the connected portal
+   * is in read-only mode.
+   *
+   * @default ''
+   */
+  accessor readOnlyNotice: string;
   /** ITemplateInfo[]: Collection of template infos */
   accessor templateInfos: ITemplateInfo[];
   /** Force tab selection, used to navigate to newer version of solution from a deployed solution */