@esri/solutions-components 1.1.0-next.20250812 → 1.1.0-next.20250814

package/dist/components/map-tools/customElement.js

@@ -6,7 +6,7 @@ import { createRef as a, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as F, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const E = T`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/pci-calculator/customElement.js

@@ -5,7 +5,7 @@ import { createRef as o, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as r, safeClassMap as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const u = d`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/pdf-download/customElement.js

@@ -7,7 +7,7 @@ import { createRef as c, ref as m } from "lit-html/directives/ref.js";
 import { LitElement as h } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const u = [
   {
     descriptionPDF: {

package/dist/components/public-notification/customElement.js

@@ -10,7 +10,7 @@ import { createRef as g, ref as f } from "lit-html/directives/ref.js";
 import { LitElement as E, createEvent as T, noShadowRoot as C, safeClassMap as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const I = L`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/refine-selection/customElement.js

@@ -9,7 +9,7 @@ import { createRef as _, ref as u } from "lit-html/directives/ref.js";
 import { LitElement as O, createEvent as w, noShadowRoot as A } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const D = k`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/selection-tool/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as h, createEvent as s, noShadowRoot as l } from "@arcgis/lu
 import { css as n } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const p = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { u as s } from "../../chunks/useT9n.js";
 import { LitElement as r, createEvent as n, nothing as e } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const o = a`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configuration/customElement.js

@@ -9,7 +9,7 @@ import { createRef as m, ref as _ } from "lit-html/directives/ref.js";
 import { LitElement as g, noShadowRoot as I, safeClassMap as v } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const b = p`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,16 +1,14 @@
-import { c as h } from "../../chunks/runtime.js";
-import { u as m } from "../../chunks/useT9n.js";
-import { LitElement as g, createEvent as f } from "@arcgis/lumina";
-import { useContextConsumer as c } from "@arcgis/lumina/context";
-import { css as _, html as i } from "lit";
-import { a as v, u as w } from "../../chunks/deployAppContexts.js";
-import { v as y } from "../../chunks/helpers.js";
-import { createRef as o, ref as n } from "lit-html/directives/ref.js";
-import { updateItem as d, getItem as $ } from "@esri/solution-common";
+import { c as d } from "../../chunks/runtime.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { LitElement as h, createEvent as u } from "@arcgis/lumina";
+import { useContextConsumer as g } from "@arcgis/lumina/context";
+import { css as m, html as t } from "lit";
+import { a as f } from "../../chunks/deployAppContexts.js";
+import { createRef as n } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
-const S = _`/** @license
+v1.1.0-next.20250814 */
+const _ = m`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,38 +22,35 @@ const S = _`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.minor-card{width:16%}.center{justify-content:center;align-items:center}.align-self-center{align-self:center}.font-weight-semibold{font-weight:var(--calcite-font-weight-semibold)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.font-weight-normal{font-weight:var(--calcite-font-weight-normal)}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.no-space{--calcite-label-margin-bottom: 0px}.font-color{color:red}.padding-end-1-2{padding-inline-end:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.edit-button-position{position:absolute;right:1rem}html[dir=rtl] .edit-button-position{position:absolute;left:1rem}.max-width-35{max-width:35vw}.large-card{width:49%}.btn-center{width:100%;display:grid;place-items:center}.width-full{width:100%}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.width-400{width:400px}.width-450{width:450px}.padding-3-4{padding:.75rem}.margin-0{margin:0}.calcite-internal-dialog-content-padding-override{--calcite-internal-dialog-content-padding: 0px}.background-color-2{background-color:var(--calcite-color-foreground-2)}.card-group-padding,.solution-content-padding{padding:1rem}@media (max-width: 1240px){.large-card{width:48%}}.error-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.button-flex{display:flex;flex-wrap:wrap}`, b = 2048, u = 165;
-class C extends g {
+ */.minor-card{width:16%}.center{justify-content:center;align-items:center}.align-self-center{align-self:center}.font-weight-semibold{font-weight:var(--calcite-font-weight-semibold)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.font-weight-normal{font-weight:var(--calcite-font-weight-normal)}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.no-space{--calcite-label-margin-bottom: 0px}.font-color{color:red}.padding-end-1-2{padding-inline-end:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.edit-button-position{position:absolute;right:1rem}html[dir=rtl] .edit-button-position{position:absolute;left:1rem}.max-width-35{max-width:35vw}.large-card{width:49%}.btn-center{width:100%;display:grid;place-items:center}.width-full{width:100%}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.width-400{width:400px}.width-450{width:450px}.padding-3-4{padding:.75rem}.margin-0{margin:0}.calcite-internal-dialog-content-padding-override{--calcite-internal-dialog-content-padding: 0px}.background-color-2{background-color:var(--calcite-color-foreground-2)}.card-group-padding,.solution-content-padding{padding:1rem}@media (max-width: 1240px){.large-card{width:48%}}.error-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.button-flex{display:flex;flex-wrap:wrap}`, a = 165;
+class w extends h {
   constructor() {
-    super(...arguments), this.open = !1, this.showSuccessAlert = !1, this.templateInfos = [], this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._displayClass = "", this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this._translations = m({ name: "solution-configure-dialog", blocking: !0 }), this._authContextConsumer = c({
-      context: v,
+    super(...arguments), this.open = !1, this.showSuccessAlert = !1, this.templateInfos = [], this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._displayClass = "", this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this._translations = p({ name: "solution-configure-dialog", blocking: !0 }), this._authContextConsumer = g({
+      context: f,
       subscribe: !0
-    }), this._editSummaryPopoverRef = o(), this._editNamePopoverRef = o(), this._solutionSnippetUpdated = !1, this._solutionTitleUpdated = !1, this._typeKeywords = [], this._updateSolutionNameInputRef = o(), this._updateSolutionSummaryInputRef = o(), this._userSessionContextConsumer = c({
-      context: w,
-      subscribe: !0
-    }), this.solutionConfigureDialogClose = f();
+    }), this._editSummaryPopoverRef = n(), this._editNamePopoverRef = n(), this._solutionSnippetUpdated = !1, this._solutionTitleUpdated = !1, this.solutionConfigureDialogClose = u();
   }
   static {
     this.properties = { card: 0, cardRef: 1, open: 5, showSuccessAlert: 5, templateInfos: 0, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _displayClass: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = S;
+    this.styles = _;
   }
   updated(e) {
     if (e.has("open")) {
-      const t = e.get("open");
-      this.open && !t && this.cardRef.getTemplates().then((s) => {
+      const i = e.get("open");
+      this.open && !i && this.cardRef.getTemplates().then((s) => {
         this.templateInfos = s;
       });
     }
   }
   render() {
-    return i`<div>${this.templateInfos.length > 0 && i`<calcite-dialog class=${`${this._displayClass} calcite-internal-dialog-content-padding-override`} .heading=${this.card?.title} modal scale=l @calciteDialogClose=${() => {
-      this.open = !1, this.solutionConfigureDialogClose.emit(this._solutionSnippetUpdated || this._solutionTitleUpdated), this._cleanupPanel(), this.card = void 0, this.templateInfos = [];
+    return t`<div>${this.templateInfos.length > 0 && t`<calcite-dialog class=${`${this._displayClass} calcite-internal-dialog-content-padding-override`} .heading=${this.card?.title} modal scale=l @calciteDialogClose=${() => {
+      this.open = !1, this.solutionConfigureDialogClose.emit(this._solutionSnippetUpdated || this._solutionTitleUpdated), this._cleanupPanel(), this.card = void 0, this.templateInfos = [], this.showSuccessAlert = !1;
     }} .open=${this.open} outside-close-disabled width=l><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row card-group-padding background-color-2"><calcite-card-group .label=${this._translations.reviewAndConfigureSolution}>${this._getStartHereCard()}${this._getDiagramCard()}${this._getSolutionCard()}${this._getSolutionVersionCard()}</calcite-card-group></div>${this._getSolutionContents()}</div><div slot=footer-start></div><calcite-button appearance=outline @click=${this._close} slot=footer-end>${this._translations.closeTheDialog}</calcite-button><div slot=alerts>${this._getSuccessAlert()}${this._getFailedAlert()}</div></calcite-dialog>` || ""}${this.templateInfos.length > 0 && this._getConfigureTitlesDialog() || ""}${this.templateInfos.length > 0 && this._getDeleteDialog() || ""}</div>`;
   }
   _getConfigureTitlesDialog() {
-    return this._configureTitlesOpen ? i`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
+    return this._configureTitlesOpen ? t`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
       this._displayClass = "", this._configureTitlesOpen = !1;
     }} @solutionItemsTitlesChanged=${async () => {
       this.templateInfos = await this.cardRef.getTemplates();
@@ -63,12 +58,12 @@ class C extends g {
   }
   _getFailedAlert() {
     const e = this._failedType === "snippet" ? this._translations.failedToUpdateSnippet : this._failedType === "title" ? this._translations.failedToUpdateTitle : this._failedType === "titles" ? this._translations.failedToUpdateTitles : void 0;
-    return this._showFailedAlert && e ? i`<calcite-alert auto-close icon=exclamation-mark-triangle kind=danger .label=${e} @calciteAlertClose=${() => {
+    return this._showFailedAlert && e ? t`<calcite-alert auto-close icon=exclamation-mark-triangle kind=danger .label=${e} @calciteAlertClose=${() => {
       this._showFailedAlert = !1;
     }} .open=${this._showFailedAlert}><div slot=message>${e}</div></calcite-alert>` : "";
   }
   _getSuccessAlert() {
-    return this.showSuccessAlert ? i`<calcite-alert auto-close icon=check-circle kind=success .label=${this.card?.title || ""} @calciteAlertClose=${() => {
+    return this.showSuccessAlert ? t`<calcite-alert auto-close icon=check-circle kind=success .label=${this.card?.title || ""} @calciteAlertClose=${() => {
       this.showSuccessAlert = !1;
     }} .open=${this.showSuccessAlert}><div slot=message>${this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title || "")}</div></calcite-alert>` : "";
   }
@@ -77,8 +72,8 @@ class C extends g {
   }
   async _openDiagram(e) {
     this._displayClass = "display-none";
-    const t = await this.cardRef.renderDiagramDialog(e);
-    t && this.listenOn(t, "calciteDialogBeforeClose", () => {
+    const i = await this.cardRef.renderDiagramDialog(e);
+    i && this.listenOn(i, "calciteDialogBeforeClose", () => {
       this._displayClass = "";
     });
   }
@@ -86,23 +81,23 @@ class C extends g {
     return this._getBasicCard(this._translations.startHere, this._translations.startHereSubText, "file-text", this._translations.viewTheDocumentation, "solid");
   }
   _getSolutionVersionCard() {
-    return this._getBasicCard(this._translations.solutionVersion, this._translations.youHaveTheLatestVersion, "check-shield", void 0, void 0, void 0, "Version 3.2");
+    return this._getBasicCard(this._translations.solutionVersion, "", "check-shield", void 0, void 0, void 0, this.card?.deployVersion ?? "");
   }
-  _getBasicCard(e, t, s, l, a, p, r) {
-    return i`<calcite-card class="minor-card font-size-override"><span class="font-weight-medium" slot=heading>${e}</span><div class="display-flex center"><div class="display-flex flex-direction-column center"><calcite-icon class="icon-color" .icon=${s} scale=l></calcite-icon>${r ? i`<span class="font-weight-medium">${r}</span>` : ""}<p>${t}</p></div></div>${l ? i`<div class="btn-center" slot=footer-start><calcite-button .appearance=${a} kind=brand @click=${p}>${l}</calcite-button></div>` : ""}</calcite-card>`;
+  _getBasicCard(e, i, s, l, r, c, o) {
+    return t`<calcite-card class="minor-card font-size-override"><span class="font-weight-medium" slot=heading>${e}</span><div class="display-flex center"><div class="display-flex flex-direction-column center"><calcite-icon class="icon-color" .icon=${s} scale=l></calcite-icon>${o ? t`<span class="font-weight-medium">${o}</span>` : ""}<p>${i}</p></div></div>${l ? t`<div class="btn-center" slot=footer-start><calcite-button .appearance=${r} kind=brand @click=${c}>${l}</calcite-button></div>` : ""}</calcite-card>`;
   }
   _getSolutionCard() {
-    const e = "configure-edit-solution-name", t = "configure-edit-solution-summary", s = "configure-show-full-summary";
-    let l = this.card?.snippet, a = "";
-    return this.card?.snippet && this.card?.snippet.length > u && (l = this.card?.snippet.substring(0, u) + "... ", a = i`<calcite-link id=${s}>${this._translations.showMoreSummary}</calcite-link>`), i`<calcite-card class="large-card font-size-override"><calcite-label class="font-weight-medium" scale=l slot=heading>${this._translations.aboutYourSolution}</calcite-label><div class="display-flex flex-direction-column"><div class="display-flex align-items-start padding-bottom-1-2"><calcite-label class="font-weight-medium no-space padding-end-1-2" layout=inline>${this._translations.aboutYourSolutionName}</calcite-label><span class="font-weight-medium width-full align-self-start">${this.card?.title}</span></div><div class="display-flex align-items-start padding-bottom-1-2"><calcite-label class="font-weight-medium no-space padding-end-1-2" layout=inline>${this._translations.aboutYourSolutionSummary}</calcite-label><span class="font-weight-medium width-full align-self-center">${l}${a}</span></div><div class="display-flex"><calcite-label class="font-weight-medium no-space padding-end-1" layout=inline>${this._translations.aboutYourSolutionOwner}<calcite-link class="font-weight-normal" @click=${this._openUserProfile}>${this.card?.owner}</calcite-link></calcite-label><div class="display-flex"><calcite-label class="no-space icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this.card?.created}</calcite-label></div></div></div><div slot=footer-start class="button-flex"><calcite-button appearance=outline class="padding-end-1" icon-start=share kind=brand @click=${this._showItemDetails}>${this._translations.itemDetails}</calcite-button></div><calcite-button appearance=outline icon-start=trash kind=brand @click=${this._deleteSolution} slot=footer-end>${this._translations.deleteSolution}</calcite-button>${this._getEditNamePopover(e)}${this._getEditSummaryPopover(t)}${this._getSummaryPopover(s)}</calcite-card>`;
+    const e = "configure-show-full-summary";
+    let i = this.card?.snippet, s = "";
+    return this.card?.snippet && this.card?.snippet.length > a && (i = this.card?.snippet.substring(0, a) + "... ", s = t`<calcite-link id=${e}>${this._translations.showMoreSummary}</calcite-link>`), t`<calcite-card class="large-card font-size-override"><calcite-label class="font-weight-medium" scale=l slot=heading>${this._translations.aboutYourSolution}</calcite-label><div class="display-flex flex-direction-column"><div class="display-flex align-items-start padding-bottom-1-2"><calcite-label class="font-weight-medium no-space padding-end-1-2" layout=inline>${this._translations.aboutYourSolutionName}</calcite-label><span class="font-weight-medium width-full align-self-start">${this.card?.title}</span></div><div class="display-flex align-items-start padding-bottom-1-2"><calcite-label class="font-weight-medium no-space padding-end-1-2" layout=inline>${this._translations.aboutYourSolutionSummary}</calcite-label><span class="font-weight-medium width-full align-self-center">${i}${s}</span></div><div class="display-flex"><calcite-label class="font-weight-medium no-space padding-end-1" layout=inline>${this._translations.aboutYourSolutionOwner}<calcite-link class="font-weight-normal" @click=${this._openUserProfile}>${this.card?.owner}</calcite-link></calcite-label><div class="display-flex"><calcite-label class="no-space icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this.card?.created}</calcite-label></div></div></div><div slot=footer-start class="button-flex"><calcite-button appearance=outline class="padding-end-1" icon-start=share kind=brand @click=${this._showItemDetails}>${this._translations.itemDetails}</calcite-button></div><calcite-button appearance=outline icon-start=trash kind=brand @click=${this._deleteSolution} slot=footer-end>${this._translations.deleteSolution}</calcite-button>${this.card?.snippet && this.card?.snippet.length > a && this._getSummaryPopover(e) || ""}</calcite-card>`;
   }
   _getSolutionContents() {
-    return i`<div class="solution-content-padding"><calcite-label class="font-weight-medium" layout=inline scale=l>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}<calcite-button appearance=outline icon-start=pencil kind=brand @click=${() => {
+    return t`<div class="solution-content-padding"><calcite-label class="font-weight-medium" layout=inline scale=l>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}<calcite-button appearance=outline icon-start=pencil kind=brand @click=${() => {
       this._configureTitlesOpen = !0, this._displayClass = "display-none";
-    }}>${this._translations.updateTitles}</calcite-button></calcite-label><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this._typeKeywords}></solution-item-accordion></div>`;
+    }}>${this._translations.updateTitles}</calcite-button></calcite-label><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion></div>`;
   }
   _getDeleteDialog() {
-    return this._deleteDialogOpen ? i`<solution-delete-dialog .card=${this.card} @solutionDeleted=${this._close} @solutionDeleteDialogBeforeClose=${() => {
+    return this._deleteDialogOpen ? t`<solution-delete-dialog .card=${this.card} @solutionDeleted=${this._close} @solutionDeleteDialogBeforeClose=${() => {
       this._displayClass = "", this._deleteDialogOpen = !1;
     }} .open=${this._deleteDialogOpen}></solution-delete-dialog>` : "";
   }
@@ -114,67 +109,11 @@ class C extends g {
   }
   _openUserProfile(e) {
     e.stopPropagation();
-    const t = this._authContextConsumer.value?.PortalSubset?.orgUrl;
-    t && window.open(`${t}/home/user.html`, "_blank");
+    const i = this._authContextConsumer.value?.PortalSubset?.orgUrl;
+    i && window.open(`${i}/home/user.html`, "_blank");
   }
   _getSummaryPopover(e) {
-    return i`<calcite-popover closable heading label overlay-positioning=fixed .referenceElement=${e}><div class="padding-3-4 margin-0 width-400">${this.card?.snippet}</div></calcite-popover>`;
-  }
-  _getEditSummaryPopover(e) {
-    return i`<calcite-popover .heading=${this._translations.updateSolutionSummary} .label=${this._translations.updateSolutionSummary} overlay-positioning=fixed placement=left-start .referenceElement=${e} closable ${n(this._editSummaryPopoverRef)}><calcite-panel class="width-450"><calcite-text-area limit-text .maxLength=${b} rows=6 .value=${this.card?.snippet || ""} resize=vertical ${n(this._updateSolutionSummaryInputRef)}></calcite-text-area><calcite-button appearance=outline @click=${() => this._closeSummaryChangePopup(!1)} width=full slot=footer>${this._translations.cancelTheDialog}</calcite-button><calcite-button .loading=${this._showItemUpdateLoading} @click=${() => this._closeSummaryChangePopup(!0)} width=full slot=footer>${this._translations.applyChange}</calcite-button></calcite-panel></calcite-popover>`;
-  }
-  async _closeSummaryChangePopup(e) {
-    const t = this.card.snippet !== this._updateSolutionSummaryInputRef.value.value;
-    if (t)
-      if (e && t) {
-        this._showItemUpdateLoading = !0;
-        const s = {
-          id: this.card.id,
-          snippet: this._updateSolutionSummaryInputRef.value.value
-        }, l = await d(s, this._userSessionContextConsumer.value), a = await this._getItem(l.id);
-        l.success && a && this.card.snippet !== a.snippet && (this.card.snippet = a.snippet, this.card = { ...this.card }, this._solutionSnippetUpdated = !0), this._updateSolutionSummaryInputRef.value.value !== a.snippet && (this._resetSnippet(), this._failedType = "snippet", this._showFailedAlert = !0);
-      } else t && this._resetSnippet();
-    this._showItemUpdateLoading = !1, this._editSummaryPopoverRef.value.open = !1;
-  }
-  _resetSnippet() {
-    setTimeout(() => {
-      this._updateSolutionSummaryInputRef.value.value = this.card.snippet;
-    }, 100);
-  }
-  async _getItem(e) {
-    return await $(e, { authentication: this._userSessionContextConsumer.value });
-  }
-  _getEditNamePopover(e) {
-    return i`<calcite-popover .heading=${this._translations.updateSolutionName} .label=${this.card?.title || ""} closable @calcitePopoverClose=${() => {
-      this._closeNameChangePopup(!1);
-    }} overlay-positioning=fixed .referenceElement=${e} ${n(this._editNamePopoverRef)}><calcite-input class="padding-3-4 margin-0 width-400" max-length=250 @calciteInputInput=${async (t) => {
-      const s = t.target.value.trim();
-      if (s !== this.card?.title) {
-        const l = await this._validateName(s);
-        this._updateSolutionNameInputRef.value?.value.trim() === s && (this._isNameConflict = !l);
-      } else
-        this._isNameConflict = !1;
-    }} required .value=${this.card?.title} ${n(this._updateSolutionNameInputRef)}></calcite-input>${this._isNameConflict && this._updateSolutionNameInputRef.value && i`<calcite-label layout=inline class="padding-3-4 margin-0 width-400"><calcite-icon class="error-icon-color" icon=exclamation-mark-triangle scale=s></calcite-icon>${this._invalidNameMessage}</calcite-label>` || ""}<div class="display-flex flex-direction-row padding-3-4 margin-0"><calcite-button appearance=outline @click=${() => {
-      this._isNameConflict = !1, this._closeNameChangePopup(!1);
-    }} width=full>${this._translations.cancelTheDialog}</calcite-button><calcite-button .disabled=${this._isNameConflict} width=full .loading=${this._showItemUpdateLoading} @click=${() => void this._closeNameChangePopup(!0)}>${this._translations.applyChange}</calcite-button></div></calcite-popover>`;
-  }
-  async _closeNameChangePopup(e) {
-    if (this.card.title !== this._updateSolutionNameInputRef.value.value)
-      if (e) {
-        this._showItemUpdateLoading = !0;
-        const s = {
-          id: this.card.id,
-          title: this._updateSolutionNameInputRef.value.value
-        }, l = await d(s, this._userSessionContextConsumer.value), a = await this._getItem(l.id);
-        l.success && a && this.card.title !== a.title && (this.card.title = a.title, this.card = { ...this.card }, this._solutionTitleUpdated = !0), this._updateSolutionNameInputRef.value.value !== a.title && (this._resetTitle(), this._failedType = "title", this._showFailedAlert = !0);
-      } else
-        this._resetTitle();
-    this._showItemUpdateLoading = !1, this._editNamePopoverRef.value.open = !1;
-  }
-  _resetTitle() {
-    setTimeout(() => {
-      this._updateSolutionNameInputRef.value.value = this.card.title;
-    }, 100);
+    return t`<calcite-popover closable heading label overlay-positioning=fixed .referenceElement=${e}><div class="padding-3-4 margin-0 width-400">${this.card?.snippet}</div></calcite-popover>`;
   }
   _close() {
     this.open = !1;
@@ -182,30 +121,8 @@ class C extends g {
   _cleanupPanel() {
     this._editSummaryPopoverRef.value?.open && (this._editSummaryPopoverRef.value.open = !1), this._editNamePopoverRef.value?.open && (this._editNamePopoverRef.value.open = !1);
   }
-  async _validateName(e) {
-    this._invalidNameMessage = "";
-    const t = await y(e, this._userSessionContextConsumer.value);
-    if (!t.status) {
-      switch (t.type) {
-        case "empty":
-          this._invalidNameMessage = this._translations.solutionNameErrorBlank;
-          break;
-        case "exceed length":
-          this._invalidNameMessage = this._translations.solutionNameErrorLength;
-          break;
-        case "special character":
-          this._invalidNameMessage = this._translations.solutionNameErrorSpecialCharacter;
-          break;
-        case "not unique":
-          this._invalidNameMessage = this._translations.solutionNameErrorUniqueName;
-          break;
-      }
-      return t.status;
-    }
-    return !0;
-  }
 }
-h("solution-configure-dialog", C);
+d("solution-configure-dialog", w);
 export {
-  C as SolutionConfigureDialog
+  w as SolutionConfigureDialog
 };

package/dist/components/solution-configure-dialog/index.d.ts

@@ -10,7 +10,4 @@ import "@esri/calcite-components/components/calcite-label";
 import "../solution-item-accordion/index.js";
 import "../solution-delete-dialog/index.js";
 import "@esri/calcite-components/components/calcite-popover";
-import "@esri/calcite-components/components/calcite-panel";
-import "@esri/calcite-components/components/calcite-text-area";
-import "@esri/calcite-components/components/calcite-input";
 export * from "./customElement.js";

package/dist/components/solution-configure-dialog/index.js

@@ -10,7 +10,4 @@ import "@esri/calcite-components/components/calcite-label";
 import "../solution-item-accordion/index.js";
 import "../solution-delete-dialog/index.js";
 import "@esri/calcite-components/components/calcite-popover";
-import "@esri/calcite-components/components/calcite-panel";
-import "@esri/calcite-components/components/calcite-text-area";
-import "@esri/calcite-components/components/calcite-input";
 export * from "./customElement.js";

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

@@ -1,15 +1,17 @@
-import { c as r } from "../../chunks/runtime.js";
-import { u } from "../../chunks/useT9n.js";
-import { LitElement as c, createEvent as n } from "@arcgis/lumina";
-import { useContextConsumer as d } from "@arcgis/lumina/context";
-import { css as p, html as l } from "lit";
-import { createRef as o, ref as a } from "lit-html/directives/ref.js";
-import { u as f } from "../../chunks/deployAppContexts.js";
-import { updateItem as h } from "@esri/solution-common";
+import { c as T } from "../../chunks/runtime.js";
+import { u as $ } from "../../chunks/useT9n.js";
+import { LitElement as C, createEvent as r, safeClassMap as a } from "@arcgis/lumina";
+import { useContextConsumer as v } from "@arcgis/lumina/context";
+import { css as y, html as n } from "lit";
+import { I as b } from "../../chunks/interfaces.js";
+import { createRef as c, ref as u } from "lit-html/directives/ref.js";
+import { u as S } from "../../chunks/deployAppContexts.js";
+import { updateGroup as L, updateItem as E } from "@esri/solution-common";
+import { h as f } from "../../chunks/helpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
-const m = p`/** @license
+v1.1.0-next.20250814 */
+const w = y`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,40 +25,41 @@ const m = p`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.display-flex{display:flex}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.padding-bottom-1{padding-bottom:1rem}.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 _ extends c {
+ */.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.width-full{width:100%}.justify-content-space{justify-content:space-between}`;
+class N extends C {
   constructor() {
-    super(...arguments), this.open = !1, this.templateInfos = [], this._displayTemplateInfos = [], this._solutionItemsTitlesUpdating = !1, this._translations = u({ name: "solution-configure-titles", blocking: !0 }), this._prefixRef = o(), this._prefixValue = "", this._suffixRef = o(), this._suffixValue = "", this._userSessionContextConsumer = d({
-      context: f,
+    super(...arguments), this.open = !1, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._solutionItemsTitlesUpdating = !1, this._translations = $({ name: "solution-configure-titles", blocking: !0 }), this._prefixRef = c(), this._prefixValue = "", this._suffixRef = c(), this._suffixValue = "", this._userSessionContextConsumer = v({
+      context: S,
       subscribe: !0
-    }), this.solutionConfigureTitlesBeforeClose = n(), this.solutionItemsTitlesChanged = n();
+    }), this.solutionConfigureTitlesBeforeClose = r(), this.solutionItemsTitlesChanged = r();
   }
   static {
-    this.properties = { card: 0, open: 5, templateInfos: 0, _displayTemplateInfos: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
+    this.properties = { card: 0, open: 5, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
   }
   static {
-    this.styles = m;
+    this.styles = w;
   }
-  willUpdate(e) {
-    e.has("templateInfos") && this._updateTemplates();
+  willUpdate(t) {
+    t.has("templateInfos") && this._updateTemplates();
   }
   load() {
     this._updateTemplates();
   }
   render() {
-    const e = this._translations.configureTitlesDialogHeader.replace("{{solutionName}}", this.card.title);
-    return l`<calcite-dialog .heading=${e} modal @calciteDialogBeforeClose=${() => {
+    const t = this._translations.configureTitlesDialogHeader.replace("{{solutionName}}", this.card.title);
+    return n`<calcite-dialog .heading=${t} modal @calciteDialogBeforeClose=${() => {
       this.solutionConfigureTitlesBeforeClose.emit();
     }} .open=${this.open} outside-close-disabled width=l>${this._getPrefixSuffixControls()}${this._getAccordion()}${this._getDialogButtons()}</calcite-dialog>`;
   }
   _getPrefixSuffixControls() {
-    return l`<div class="display-flex flex-direction-column padding-bottom-1"><calcite-label>${this._translations.addPrefixOrSuffixToItems}</calcite-label><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1">${this._translations.prefixToAddToItems}<calcite-input @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} ${a(this._prefixRef)}></calcite-input></calcite-label><calcite-label class="width-full">${this._translations.suffixToAddToItems}<calcite-input @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} ${a(this._suffixRef)}></calcite-input></calcite-label></div></div>`;
+    const t = f(this._prefixValue), s = this._hasNameLengthError && this._prefixValue.length > 0, i = !t, e = !s, d = i ? "display-none" : "", h = e ? "display-none" : "", p = i && e ? "valid" : "invalid", m = f(this._suffixValue), g = this._hasNameLengthError && this._suffixValue.length > 0, l = !m, o = !g, x = l ? "display-none" : "", _ = o ? "display-none" : "", I = l && o ? "valid" : "invalid";
+    return this._saveDisabled = !i || !e || !l || !o, n`<div class="display-flex flex-direction-column padding-bottom-1"><calcite-label>${this._translations.addPrefixOrSuffixToItems}</calcite-label><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1">${this._translations.prefixToAddToItems}<calcite-input @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${p} ${u(this._prefixRef)}></calcite-input><calcite-input-message class=${a(d)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${a(h)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full">${this._translations.suffixToAddToItems}<calcite-input @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${I} ${u(this._suffixRef)}></calcite-input><calcite-input-message class=${a(x)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${a(_)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
   }
   _getAccordion() {
-    return l`<div class="display-flex flex-direction-column"><calcite-label class="padding-bottom-1">${this._translations.previewTheChanges}</calcite-label><solution-item-accordion .templateInfos=${this._displayTemplateInfos}></solution-item-accordion></div>`;
+    return n`<div class="display-flex flex-direction-column"><calcite-label class="padding-bottom-1">${this._translations.previewTheChanges}</calcite-label><solution-item-accordion .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion></div>`;
   }
   _getDialogButtons() {
-    return l`<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 kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.keepChangesAndCloseTheDialog}</calcite-button></div>`;
+    return n`<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.keepChangesAndCloseTheDialog}</calcite-button></div>`;
   }
   _prefixInput() {
     clearTimeout(this._textInputTimeout), this._textInputTimeout = setTimeout(() => {
@@ -69,8 +72,8 @@ class _ extends c {
     }, 500);
   }
   _updateTemplates() {
-    const e = /[^\s\\]/.test(this._prefixValue), i = /[^\s\\]/.test(this._suffixValue), s = JSON.parse(JSON.stringify(this.templateInfos));
-    this._displayTemplateInfos = s.map((t) => (t.title = e && i ? `${`${this._prefixValue} `}${t.title}${` ${this._suffixValue}`}` : e ? `${`${this._prefixValue} `}${t.title}` : i ? `${t.title}${` ${this._suffixValue}`}` : t.title, t));
+    const t = /[^\s\\]/.test(this._prefixValue), s = /[^\s\\]/.test(this._suffixValue), i = JSON.parse(JSON.stringify(this.templateInfos));
+    this._hasNameLengthError = !1, this._displayTemplateInfos = i.map((e) => (e.title = t && s ? `${`${this._prefixValue} `}${e.title}${` ${this._suffixValue}`}` : t ? `${`${this._prefixValue} `}${e.title}` : s ? `${e.title}${` ${this._suffixValue}`}` : e.title, this._hasNameLengthError || (this._hasNameLengthError = e.title.length > b), e));
   }
   _closeDialog() {
     this.open = !1;
@@ -78,19 +81,19 @@ class _ extends c {
   async _commitNameChanges() {
     if (JSON.stringify(this.templateInfos) !== JSON.stringify(this._displayTemplateInfos)) {
       this._solutionItemsTitlesUpdating = !0;
-      const e = this._displayTemplateInfos.reduce((i, s) => {
-        const t = {
-          id: s.id,
-          title: s.title
+      const t = this._displayTemplateInfos.reduce((s, i) => {
+        const e = {
+          id: i.id,
+          title: i.title
         };
-        return i.push(h(t, this._userSessionContextConsumer.value)), i;
+        return s.push(i.type === "Group" ? L(e, this._userSessionContextConsumer.value) : E(e, this._userSessionContextConsumer.value)), s;
       }, []);
-      await Promise.all(e), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      await Promise.all(t), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
     }
     this._closeDialog();
   }
 }
-r("solution-configure-titles", _);
+T("solution-configure-titles", N);
 export {
-  _ as SolutionConfigureTitles
+  N as SolutionConfigureTitles
 };

package/dist/components/solution-configure-titles/index.d.ts

@@ -1,6 +1,7 @@
 import "@esri/calcite-components/components/calcite-dialog";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-input-message";
 import "../solution-item-accordion/index.js";
 import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

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

@@ -1,6 +1,7 @@
 import "@esri/calcite-components/components/calcite-dialog";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-input-message";
 import "../solution-item-accordion/index.js";
 import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/solution-contents/customElement.js

@@ -3,7 +3,7 @@ import { css as a, html as r, nothing as c } from "lit";
 import { LitElement as l, createEvent as d, noShadowRoot as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const h = a`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { u as S } from "../../chunks/deployAppContexts.js";
 import { p as C } from "../../chunks/prepareDataForSolutionDisplay.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250812 */
+v1.1.0-next.20250814 */
 const w = u`/** @license
  * Copyright 2025 Esri
  *
@@ -48,21 +48,20 @@ class $ extends _ {
         owner: this.card.owner,
         modified: this.card.modified
       }], n = {
-        progressCallback: (t) => {
-          this._deletePercentage = Math.round(t);
+        progressCallback: (i) => {
+          this._deletePercentage = Math.round(i);
         }
       };
-      y(this.card.id, this._userSessionContextConsumer.value, n).then((t) => {
-        console.log(t);
-        const o = t[1];
-        let s;
-        o ? s = o.items.map((i) => ({
-          itemName: i.title,
-          itemType: i.type,
-          owner: i.owner,
-          modified: i.modified
-        })) : s = e, s.length === 0 ? (this.solutionDeleted.emit(!0), this._isDeleteInProgress = !1, this.open = !1) : this.card ? this._processTemplates(this.card).then((i) => {
-          this._templateInfos = i, this._showDeleteError = !0, this._isDeleteInProgress = !1;
+      y(this.card.id, this._userSessionContextConsumer.value, n).then((i) => {
+        const o = i[1];
+        let t;
+        o ? t = o.items.map((s) => ({
+          itemName: s.title,
+          itemType: s.type,
+          owner: s.owner,
+          modified: s.modified
+        })) : t = e, t.length === 0 ? (this.solutionDeleted.emit(!0), this._isDeleteInProgress = !1, this.open = !1) : this.card ? this._processTemplates(this.card).then((s) => {
+          this._templateInfos = s, this._showDeleteError = !0, this._isDeleteInProgress = !1;
         }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
       });
     }
@@ -70,33 +69,33 @@ class $ extends _ {
   willUpdate(e) {
     if (e.has("open")) {
       const n = e.get("open");
-      this.open && !n && (this._fetchingTemplates = !0, this._processTemplates(this.card).then((t) => {
-        this._templateInfos = t, this._fetchingTemplates = !1;
-        const o = new Set(this._templateInfos.map((l) => l.id)), s = [], i = this._templateInfos.map(async (l) => {
+      this.open && !n && (this._fetchingTemplates = !0, this._processTemplates(this.card).then((i) => {
+        this._templateInfos = i, this._fetchingTemplates = !1;
+        const o = new Set(this._templateInfos.map((l) => l.id)), t = [], s = this._templateInfos.map(async (l) => {
           const r = await this._getRelatedDependency(l.id);
           return { template: l, relatedItems: r };
         });
-        Promise.all(i).then((l) => {
+        Promise.all(s).then((l) => {
           for (const { template: r, relatedItems: p } of l)
             for (const d of p)
               if (d.relationshipType !== "Solution2Item")
                 for (const h of d.relatedItemIds)
-                  o.has(h) || s.push({
+                  o.has(h) || t.push({
                     controlItemId: r.id,
                     dependencyItemId: h
                   });
-          this._nonSolutionDependencyItems = s;
+          this._nonSolutionDependencyItems = t;
         });
       }));
     }
   }
   render() {
-    const e = this._fetchingTemplates ? "" : "display-none", n = [...new Set(this._nonSolutionDependencyItems.map((s) => s.controlItemId))], t = this._templateInfos.length - this._nonSolutionDependencyItems.length, o = this._translations.deletionCount.replace("{{deleteableCount}}", t.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
-    return a`<calcite-dialog class="panel-bg-color" .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? f} modal .open=${this.open} outside-close-disabled @calciteDialogBeforeClose=${() => {
+    const e = this._fetchingTemplates ? "" : "display-none", n = [...new Set(this._nonSolutionDependencyItems.map((t) => t.controlItemId))], i = this._templateInfos.length - this._nonSolutionDependencyItems.length, o = this._translations.deletionCount.replace("{{deleteableCount}}", i.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
+    return a`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? f} modal kind=danger .open=${this.open} outside-close-disabled @calciteDialogBeforeClose=${() => {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
       this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? a`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : a`<calcite-label layout=inline>${this._translations.deletionNote}<calcite-chip .label=${o} scale=s>${o}</calcite-chip></calcite-label><calcite-loader class=${I(e)} label></calcite-loader><solution-item-accordion .itemRelationshipDependencies=${n} .templateInfos=${this._templateInfos} list-selection-mode=single></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+    }}>${this._isDeleteInProgress ? a`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : a`<calcite-label layout=inline>${this._translations.deletionNote}<calcite-chip .label=${o} scale=s>${o}</calcite-chip></calcite-label><calcite-loader class=${I(e)} label></calcite-loader><solution-item-accordion .itemRelationshipDependencies=${n} list-selection-mode=single .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion><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 && a`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
       this._showDeleteError = !1;