@esri/solutions-components 5.1.0-next.124 → 5.1.0-next.127

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

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as S } from "../../chunks/runtime.js";
+import { c as v } from "../../chunks/runtime.js";
 import { u as T } from "../../chunks/useT9n.js";
-import { LitElement as v, 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 c } 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 { 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 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 { f as C } from "../../chunks/validators.js";
-import { g as W } from "../../chunks/getRelatedInfos.js";
-import { p as L } from "../../chunks/helpers.js";
-const N = $`*[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 O extends v {
+import { g as L } from "../../chunks/getRelatedInfos.js";
+import { p as N, r as y } from "../../chunks/helpers.js";
+const O = 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 R 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 = T({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = D({
-      context: V,
+    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 = m(), this.solutionItemsTitlesChanged = m();
   }
@@ -24,14 +24,14 @@ class O extends v {
     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 = N;
+    this.styles = O;
   }
   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 W(this._configContextConsumer.value.userSession, this.card);
+        const a = await L(this._configContextConsumer.value.userSession, this.card);
         this._nonSolutionDependencyItems = a._nonSolutionDependencyItems, await this._accordionRef?.expandFirstItem();
       }
     }
@@ -43,7 +43,7 @@ class O extends v {
     this._updateTemplates(), await this._updatePrefixSuffix();
   }
   async _updatePrefixSuffix() {
-    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);
+    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 h`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${() => {
@@ -51,17 +51,17 @@ class O extends v {
     }} .open=${this.open} outside-close-disabled width=l>${this._getPrefixSuffixControls()}${this._getAccordion()}${this._getDialogButtons()}</calcite-dialog>`;
   }
   _getPrefixSuffixControls() {
-    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", p = C(this._suffixValue), l = this._hasNameLengthError && this._suffixValue.length > 0, o = p.errorType !== "special-character", r = !l, f = o ? "display-none" : "", y = r ? "display-none" : "", I = 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} ${c(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=${I} .value=${this._suffixValue} ${c(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(y)} 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 e = L(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 ${c(async (i) => {
+    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 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>`;
+    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(() => {
@@ -78,13 +78,13 @@ class O extends v {
     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 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 !== "", p = this._defaultSuffix !== "";
+      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 && (p ? 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;
+      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(e, i, a) {
@@ -110,53 +110,55 @@ class O extends v {
     this.open = !1;
   }
   async _commitNameChanges() {
-    if (this._hasChanges()) {
-      this._telemetry?.logEvent({
-        category: b.DEPLOYMENTS,
-        action: "Rename Items",
-        dimensions: [
-          this.card?.title || "",
-          this.card?.deployCommonId || "",
-          this.card?.deployVersion || "",
-          this.source
-        ]
-      }), 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) {
+    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
+          ]
+        }), 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 }));
           }
-        } else {
-          const n = {
-            id: s.id,
-            title: s.title
+          return t;
+        }, []);
+        if (this.solutionData?.templates) {
+          const t = {
+            id: this.card.id
+          }, s = {
+            ...this.solutionData,
+            titles: {
+              prefix: this._prefixValue,
+              suffix: this._suffixValue
+            }
           };
-          t.push(s.type === "Group" ? x(n, this._configContextConsumer.value.userSession) : g(n, this._configContextConsumer.value.userSession, void 0, { solutionOwner: this.card?.owner }));
+          a.push(W(t, s, 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(E(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(a), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      this._closeDialog();
     }
-    this._closeDialog();
   }
 }
-S("solution-configure-titles", O);
+v("solution-configure-titles", R);
 export {
-  O as SolutionConfigureTitles
+  R as SolutionConfigureTitles
 };

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

@@ -1,19 +1,18 @@
 /* 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 { a as D } from "../../chunks/common.js";
-import { A as I, T as y } from "../../chunks/interfaces.js";
+import { F as D, T as I, z as y } from "../../chunks/interfaces.js";
 import { deleteSolution as b } from "@esri/solution-common";
 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";
-import { p as x } from "../../chunks/helpers.js";
-const S = 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 T extends g {
+import { r as x, p as S } from "../../chunks/helpers.js";
+const T = 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 P 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: C,
@@ -26,10 +25,10 @@ class T 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 = S;
+    this.styles = T;
   }
   get _hasAdminDeletePermission() {
-    return this._configContextConsumer.value?.authentication ? I(this._configContextConsumer.value?.authentication) : !1;
+    return this._configContextConsumer.value?.authentication ? D(this._configContextConsumer.value?.authentication) : !1;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
@@ -38,8 +37,12 @@ class T 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: y.DEPLOYMENTS,
+      category: I.DEPLOYMENTS,
       action: "Delete Solution",
       dimensions: [
         this.card?.title || "",
@@ -84,7 +87,7 @@ class T extends g {
             typeKeywords: [],
             snippet: "",
             dependencies: [],
-            url: D(l.id, this._configContextConsumer.value.authentication)
+            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;
@@ -100,7 +103,7 @@ class T extends g {
     }
   }
   render() {
-    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", i = x(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());
+    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", i = S(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=${() => {
@@ -122,7 +125,7 @@ class T extends g {
     return this._templateInfos.filter((s) => !t.has(s.id)).filter((s) => s.owner !== i).length;
   }
 }
-m("solution-delete-dialog", T);
+u("solution-delete-dialog", P);
 export {
-  T as SolutionDeleteDialog
+  P as SolutionDeleteDialog
 };

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

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

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

@@ -75,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 */

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

@@ -1,27 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as m } from "../../chunks/runtime.js";
-import { u as f } from "../../chunks/useT9n.js";
-import { LitElement as b, createEvent as r, safeClassMap as _, nothing as c } from "@arcgis/lumina";
+import { c as b } from "../../chunks/runtime.js";
+import { u as _ } from "../../chunks/useT9n.js";
+import { LitElement as x, createEvent as r, safeClassMap as v, nothing as c, safeStyleMap as y } from "@arcgis/lumina";
 import { useContextConsumer as p } from "@arcgis/lumina/context";
-import { css as x, html as i } from "lit";
-import { c as v, i as y } from "../../chunks/deployAppContexts.js";
-import { A as w, T as l, C } from "../../chunks/interfaces.js";
-import { d as g, b as $, h } from "../../chunks/cardsHelpers.js";
-import { g as S } from "../../chunks/getRelatedInfos.js";
-import { u as D } from "../../chunks/common.js";
-import { f as k, p as I } from "../../chunks/helpers.js";
-import * as u from "@esri/solution-common";
-const T = x`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}@container (min-width: 801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-1{background-color:var(--calcite-color-surface-2)}.background-color-2{background-color:var(--calcite-color-surface-3)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-shell-panel-background-color: var(--calcite-color-surface-2)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.margin-start-end-lg{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-top-xxl{margin-top:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-lg{padding:var(--calcite-spacing-lg)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.image-width{flex-grow:0;flex-shrink:1}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}.line-height-xxl{line-height:var(--calcite-line-height-xxl)}@container (max-width: 800px){.font-size-override .display-flex.flex-direction-row{flex-direction:column!important}.image-width{width:100%!important;max-width:100%!important;margin:0!important;padding:var(--calcite-spacing-lg)!important;padding-bottom:0!important;box-sizing:border-box}.image-width img{width:100%;max-width:100%}.margin-xl{margin:0!important}.image-width+.display-flex{padding-inline-start:var(--calcite-spacing-lg)!important;padding-inline-end:var(--calcite-spacing-lg)!important}.padding-start-sm{padding-inline-start:0!important}.title-font{padding-inline-start:0!important;padding-top:var(--calcite-spacing-lg)!important;padding-bottom:var(--calcite-spacing-lg)!important}.align-items-start.padding-bottom-xxl,.padding-bottom-xxl.padding-start-sm{padding-bottom:var(--calcite-spacing-lg)!important}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}.solution-deployed-action{--calcite-color-focus: initial}.chipClass{padding-left:var(--calcite-spacing-sm)!important;padding-right:var(--calcite-spacing-sm)!important}.skeleton-loader{background:linear-gradient(90deg,var(--calcite-color-foreground-1) 0%,var(--calcite-color-foreground-2) 50%,var(--calcite-color-foreground-1) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--calcite-border-radius)}.skeleton-folder{height:1.5rem;width:12rem;border-radius:var(--calcite-border-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}`;
-class O extends b {
+import { css as w, html as i } from "lit";
+import { c as $, i as C } from "../../chunks/deployAppContexts.js";
+import { F as S, T as l, G as D, H as k } from "../../chunks/interfaces.js";
+import { d as g, b as T, h } from "../../chunks/cardsHelpers.js";
+import { g as I } from "../../chunks/getRelatedInfos.js";
+import { f as O, r as u, p as N } from "../../chunks/helpers.js";
+import * as m from "@esri/solution-common";
+const M = w`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}@container (min-width: 801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-1{background-color:var(--calcite-color-surface-2)}.background-color-2{background-color:var(--calcite-color-surface-3)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-shell-panel-background-color: var(--calcite-color-surface-2)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.margin-start-end-lg{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-top-xxl{margin-top:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-lg{padding:var(--calcite-spacing-lg)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.image-width{flex-grow:0;flex-shrink:1}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}.line-height-xxl{line-height:var(--calcite-line-height-xxl)}@container (max-width: 800px){.font-size-override .display-flex.flex-direction-row{flex-direction:column!important}.image-width{width:100%!important;max-width:100%!important;margin:0!important;padding:var(--calcite-spacing-lg)!important;padding-bottom:0!important;box-sizing:border-box}.image-width img{width:100%;max-width:100%}.margin-xl{margin:0!important}.image-width+.display-flex{padding-inline-start:var(--calcite-spacing-lg)!important;padding-inline-end:var(--calcite-spacing-lg)!important}.padding-start-sm{padding-inline-start:0!important}.title-font{padding-inline-start:0!important;padding-top:var(--calcite-spacing-lg)!important;padding-bottom:var(--calcite-spacing-lg)!important}.align-items-start.padding-bottom-xxl,.padding-bottom-xxl.padding-start-sm{padding-bottom:var(--calcite-spacing-lg)!important}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}.solution-deployed-action{--calcite-color-focus: initial}.chipClass{padding-left:var(--calcite-spacing-sm)!important;padding-right:var(--calcite-spacing-sm)!important}.skeleton-loader{background:linear-gradient(90deg,var(--calcite-color-foreground-1) 0%,var(--calcite-color-foreground-2) 50%,var(--calcite-color-foreground-1) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--calcite-border-radius)}.skeleton-folder{height:1.5rem;width:12rem;border-radius:var(--calcite-border-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}`;
+class U extends x {
   constructor() {
-    super(), this.diagramKey = "", this.open = !1, this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._hasSourceSolution = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this.isMobile = !1, this._templateInfoGraph = [], this._thumbnailUrl = "", this._folderName = "", this._folderId = null, this._folderLoading = !1, this._translations = f({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = p({
-      context: v,
+    super(), this.diagramKey = "", this.open = !1, this.readOnlyNotice = "", this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._hasSourceSolution = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this.isMobile = !1, this._templateInfoGraph = [], this._thumbnailUrl = "", this._folderName = "", this._folderId = null, this._folderLoading = !1, this._translations = _({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = p({
+      context: $,
       subscribe: !0,
       callback: async (e) => {
-        e && (this._isOrgAdmin = w(e.authentication), this._user = e.authentication?.Portal?.user);
+        e && (this._isOrgAdmin = S(e.authentication), this._user = e.authentication?.Portal?.user);
       }
     }), this._isOrgAdmin = !1, this._isMobileContextConsumer = p({
-      context: y,
+      context: C,
       subscribe: !0,
       callback: (e) => this.isMobile = e
     }), this.navTabSelected = r(), this.forceSelectTab = r(), this.sortTypeChanged = r(), this.solutionConfigureDialogClose = r(), this._nonSolutionDependencyItems = [], this._openFolder = (e) => {
@@ -59,7 +58,7 @@ class O extends b {
       const t = g(this._configContextConsumer.value.allCards, this.card.deployCommonId);
       t && this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: t });
     }, this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected), this.listenOn(window, "displayDeployedCard", () => {
-      k({
+      O({
         kind: "success",
         icon: "check-circle",
         title: this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? ""),
@@ -72,10 +71,10 @@ class O extends b {
     });
   }
   static {
-    this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, templateInfos: 0, _accordionLoading: 16, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _hasSourceSolution: 16, _isDiagramOpen: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, isMobile: 16, _templateInfoGraph: 16, _thumbnailUrl: 16, _folderName: 16, _folderId: 16, _folderLoading: 16, _translations: 16, _nonSolutionDependencyItems: 16 };
+    this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, readOnlyNotice: 1, templateInfos: 0, _accordionLoading: 16, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _hasSourceSolution: 16, _isDiagramOpen: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, isMobile: 16, _templateInfoGraph: 16, _thumbnailUrl: 16, _folderName: 16, _folderId: 16, _folderLoading: 16, _translations: 16, _nonSolutionDependencyItems: 16 };
   }
   static {
-    this.styles = T;
+    this.styles = M;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
@@ -99,9 +98,9 @@ class O extends b {
   async _deployedCardSelected(e) {
     const t = e.detail;
     this.card = t.card, this.cardRef = t.cardRef, this.templateInfos = [], this._accordionLoading = !0, this.templateInfos = await this._getTemplates(), this._accordionLoading = !1;
-    const a = await S(this._configContextConsumer.value.userSession, this.card);
+    const a = await I(this._configContextConsumer.value.userSession, this.card);
     this._nonSolutionDependencyItems = a._nonSolutionDependencyItems;
-    const n = $(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    const n = T(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
     this._hasSourceSolution = !!n;
     let o = !1;
     if (n) {
@@ -114,8 +113,11 @@ class O extends b {
     e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, n = this.card?.owner === e || this._isOrgAdmin || t, o = this.card?.owner === e || this._isOrgAdmin || a, s = n ? "display-none" : "", d = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`display-flex flex-direction-column ${d}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${n && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${_(s)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${o && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
+    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, n = u(this._configContextConsumer.value), o = this.card?.owner === e || this._isOrgAdmin || t, s = this.card?.owner === e || this._isOrgAdmin || a, d = o ? "display-none" : "", f = this.isMobile ? "padding-lg" : "padding-xxl";
+    return i`<div class=${`display-flex flex-direction-column ${f}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${o && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" .disabled=${n} id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${v(d)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${s && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" .disabled=${n} kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
+  }
+  _getReadOnlyNotice() {
+    return i`<calcite-notice class="padding-bottom-lg" icon=exclamation-mark-triangle kind=warning open scale=s><div slot=message .innerHTML=${this.readOnlyNotice ?? ""}></div></calcite-notice>`;
   }
   _openConfigureTitlesDialog() {
     this._configureTitlesOpen = !0;
@@ -172,7 +174,7 @@ class O extends b {
     }), this._templateInfoGraph = t, this._isDiagramOpen = !0);
   }
   async _getTemplates() {
-    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await C(this.card.id, this._configContextConsumer.value.userSession) : void 0;
+    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await D(this.card.id, this._configContextConsumer.value.userSession) : void 0;
   }
   async _fetchFolderInfo() {
     if (this.card?.id)
@@ -180,9 +182,9 @@ class O extends b {
         const e = this._configContextConsumer.value?.userSession;
         if (!e)
           return;
-        const t = await u.getItemBase(this.card.id, e);
+        const t = await m.getItemBase(this.card.id, e);
         if (this._folderId = t.ownerFolder ?? null, this._folderId) {
-          const a = await u.getUserFolder(this.card.owner, this._folderId, e);
+          const a = await m.getUserFolder(this.card.owner, this._folderId, e);
           this._folderName = a?.currentFolder?.title || this._folderId;
         } else
           this._folderName = this.card.owner || "Root";
@@ -213,10 +215,10 @@ class O extends b {
   }
   _getSolutionPanel() {
     const e = this.card && this.card.typeKeywords?.includes("AIAssistant");
-    return i`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title ?? c} src=${this._thumbnailUrl ?? c}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1 negative-tabbing-offset" tabindex=0>${this.card?.title}${e && this._getChips() || ""}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><div class="font-1 padding-end-1 line-height-xxl negative-tabbing-offset" tabindex=0>${this.card?.snippet}</div></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color tabbing-offset" layout=inline tabindex=0><calcite-icon aria-hidden=true class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
+    return i`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title ?? c} src=${this._thumbnailUrl ?? c}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1 negative-tabbing-offset" tabindex=0>${this.card?.title}${e && this._getChips() || ""}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><div class="font-1 padding-end-1 line-height-xxl negative-tabbing-offset" tabindex=0>${this.card?.snippet}</div></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color tabbing-offset" layout=inline tabindex=0><calcite-icon aria-hidden=true class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div>${u(this._configContextConsumer.value) && i`<div class="display-flex flex-direction-row padding-end-xxl" style=${y({ paddingTop: "1rem" })}>${this._getReadOnlyNotice()}</div>` || ""}</div></div></div></calcite-panel>`;
   }
   _getSolutionContents() {
-    const e = this.card ? I(this._nonSolutionDependencyItems, this.card.id) : [];
+    const e = this.card ? N(this._nonSolutionDependencyItems, this.card.id) : [];
     return i`<calcite-panel class="panel-background-1 padding-top-xxl"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto">${this._accordionLoading ? i`<calcite-loader .label=${this._translations.loadingText} scale=m></calcite-loader>` : i`<solution-item-accordion .itemRelationshipDependencies=${e} .listSelectionMode=${e.length > 0 ? "multiple" : "single"} .reuseWarning=${this._translations.itemUsedInOtherSolutions} .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion>`}</div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
   }
   _getDeleteDialog() {
@@ -236,10 +238,10 @@ class O extends b {
     this._deleteDialogOpen = !0;
   }
   _updateThumbnailToken(e) {
-    this._thumbnailUrl !== "" && (this._thumbnailUrl = D(this._thumbnailUrl, e));
+    this._thumbnailUrl !== "" && (this._thumbnailUrl = k(this._thumbnailUrl, e));
   }
 }
-m("solution-deployed-card-panel", O);
+b("solution-deployed-card-panel", U);
 export {
-  O as SolutionDeployedCardPanel
+  U as SolutionDeployedCardPanel
 };

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

@@ -3,6 +3,7 @@ import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-shell-panel";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-notice";
 import "../solution-configure-titles/index.js";
 import "@esri/calcite-components/components/calcite-label";
 import "../solution-user-avatar/index.js";

package/dist/components/solution-details-panel/customElement.d.ts

@@ -74,8 +74,6 @@ export abstract class SolutionDetailsPanel extends LitElement {
               velocity: string;
               publishGPServices: string;
               webtool: string;
-              writableEnterprise: string;
-              writableOnline: string;
           };
           suggestedProblemRemedyMessage: string;
       };
@@ -142,14 +140,19 @@ export abstract class SolutionDetailsPanel extends LitElement {
               velocity: string;
               publishGPServices: string;
               webtool: string;
-              writableEnterprise: string;
-              writableOnline: string;
           };
           suggestedProblemRemedyMessage: string;
       };
   }>;
   /** Key details about the solution */
   accessor card: ISolutionInfoCard | undefined;
+  /**
+   * The localized read-only notice message to display when the connected portal
+   * is in read-only mode.
+   *
+   * @default ''
+   */
+  accessor readOnlyNotice: string;
   /** Emitted on demand when the item properties have been fetched */
   readonly itemPropertiesFetched: import("@arcgis/lumina").TargetedEvent<this, IItemProperties>;
   /** Emitted on demand when the sort type changes */