@esri/solutions-components 1.1.0-next.20250908.2 → 1.1.0-next.20250910.1

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

@@ -1,16 +1,17 @@
-import { c as f } from "../../chunks/runtime.js";
-import { css as _, nothing as I, html as r } from "lit";
-import { u as g } from "../../chunks/useT9n.js";
-import { LitElement as D, createEvent as d, safeClassMap as c } from "@arcgis/lumina";
-import { useContextConsumer as y } from "@arcgis/lumina/context";
-import { deleteSolution as b, getItemRelatedItemsInSameDirection as w } from "@esri/solution-common";
-import { u as S } from "../../chunks/deployAppContexts.js";
-import { p as $ } from "../../chunks/prepareDataForSolutionDisplay.js";
-import { createRef as C, ref as u } from "lit-html/directives/ref.js";
+import { c as $ } from "../../chunks/runtime.js";
+import { css as T, nothing as v, html as m } from "lit";
+import { u as x } from "../../chunks/useT9n.js";
+import { LitElement as P, createEvent as I, safeClassMap as u } from "@arcgis/lumina";
+import { useContextConsumer as g } from "@arcgis/lumina/context";
+import { a as E } from "../../chunks/common.js";
+import { deleteSolution as k, getItemRelatedItemsInSameDirection as D } from "@esri/solution-common";
+import { a as U, u as A } from "../../chunks/deployAppContexts.js";
+import { p as L } from "../../chunks/prepareDataForSolutionDisplay.js";
+import { createRef as N, ref as y } 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.20250908.2 */
-const T = _`/** @license
+v1.1.0-next.20250910.1 */
+const O = T`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,51 +26,54 @@ const T = _`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.display-none{display:none}`;
-class v extends D {
+class R extends P {
   constructor() {
-    super(...arguments), this.open = !1, this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = g({ name: "solution-delete-dialog", blocking: !0 }), this._userSessionContextConsumer = y({
-      context: S,
+    super(...arguments), this.open = !1, this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = x({ name: "solution-delete-dialog", blocking: !0 }), this._authContextConsumer = g({
+      context: U,
       subscribe: !0
-    }), this._accordion = C(), this.solutionDeleteDialogOpen = d(), this.solutionDeleted = d(), this.solutionDeleteDialogBeforeClose = d();
+    }), this._userSessionContextConsumer = g({
+      context: A,
+      subscribe: !0
+    }), this._accordion = N(), this.solutionDeleteDialogOpen = I(), this.solutionDeleted = I(), this.solutionDeleteDialogBeforeClose = I();
   }
   static {
     this.properties = { card: 0, open: 5, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _showUndeletableItems: 16, _templateInfos: 16, _translations: 16 };
   }
   static {
-    this.styles = T;
+    this.styles = O;
   }
   close() {
     this._showUndeletableItems && this.solutionDeleted.emit({ showAlert: !1, refreshSolutionsTimeout: !0 }), this._showDeleteError = !1, this._showUndeletableItems = !1, this._isDeleteInProgress = !1, this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
   }
   delete() {
     if (this._isDeleteInProgress = !0, this.card) {
-      const t = [{
+      const e = [{
         itemName: this.card.title,
         itemType: "Solution",
         owner: this.card.owner,
         modified: this.card.modified
-      }], i = {
-        progressCallback: (n) => {
-          this._deletePercentage = Math.round(n);
+      }], t = {
+        progressCallback: (o) => {
+          this._deletePercentage = Math.round(o);
         }
       };
-      b(this.card.id, this._userSessionContextConsumer.value, i).then((n) => {
-        const a = n[1];
-        let o;
-        if (a ? o = a.items.map((l) => ({
-          itemName: l.title,
-          itemType: l.type,
-          owner: l.owner,
-          modified: l.modified
-        })) : o = t, o.length === 0)
+      k(this.card.id, this._userSessionContextConsumer.value, t).then((o) => {
+        const d = o[1];
+        let n;
+        if (d ? n = d.items.map((i) => ({
+          itemName: i.title,
+          itemType: i.type,
+          owner: i.owner,
+          modified: i.modified
+        })) : n = e, n.length === 0)
           this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;
-        else if (o.some((e) => e.itemType === "Solution"))
-          this.card ? this._processTemplates(this.card).then((e) => {
-            this._templateInfos = e, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
+        else if (n.some((l) => l.itemType === "Solution"))
+          this.card ? this._processTemplates(this.card).then((l) => {
+            this._templateInfos = l, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
           }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
         else if (this.card) {
-          let e = [];
-          e = a.items.map((s) => ({
+          let l = [];
+          l = d.items.map((s) => ({
             id: s.id,
             title: s.title,
             type: s.type,
@@ -77,59 +81,85 @@ class v extends D {
             modified: s.modified,
             typeKeywords: [],
             snippet: "",
-            dependencies: []
-          })), this._templateInfos = e, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
+            dependencies: [],
+            url: E(s.id, this._authContextConsumer.value)
+          })), this._templateInfos = l, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
         } else
           this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;
       });
     }
   }
-  willUpdate(t) {
-    if (t.has("open")) {
-      const i = t.get("open");
-      this.open && !i && (this._fetchingTemplates = !0, this._processTemplates(this.card).then((n) => {
-        this._templateInfos = n;
-        const a = new Set(this._templateInfos.map((e) => e.id)), o = [], l = this._templateInfos.map(async (e) => {
-          const s = await this._getRelatedDependency(e.id);
-          return { template: e, relatedItems: s };
+  willUpdate(e) {
+    if (e.has("open")) {
+      const t = e.get("open");
+      this.open && !t && (this._fetchingTemplates = !0, this._processTemplates(this.card).then((o) => {
+        this._templateInfos = o;
+        const d = new Set(this._templateInfos.map((s) => s.id)), n = [];
+        let i = [];
+        const l = this._templateInfos.map(async (s) => {
+          const p = await this._getRelatedDependency(s.id);
+          return { template: s, relatedItems: p };
         });
-        Promise.all(l).then((e) => {
-          for (const { template: s, relatedItems: h } of e)
-            for (const m of h)
-              if (m.relationshipType !== "Solution2Item")
-                for (const p of m.relatedItemIds)
-                  a.has(p) || o.push({
-                    controlItemId: s.id,
-                    dependencyItemId: p
+        Promise.all(l).then((s) => {
+          for (const { template: r, relatedItems: b } of s)
+            for (const f of b)
+              if (f.relationshipType !== "Solution2Item")
+                for (const h of f.relatedItemIds)
+                  d.has(h) || n.push({
+                    controlItemId: r.id,
+                    dependencyItemId: h
+                  });
+              else {
+                const h = [];
+                for (const a of f.relatedItemIds)
+                  h.push({
+                    controlItemId: r.id,
+                    dependencyItemId: a
                   });
-          this._nonSolutionDependencyItems = o, this._accordion.value.selectItems(this._nonSolutionDependencyItems.map((s) => s.controlItemId)), this._fetchingTemplates = !1;
+                const S = h.reduce((a, c) => (a[c.controlItemId] || (a[c.controlItemId] = /* @__PURE__ */ new Set()), a[c.controlItemId].add(c.dependencyItemId), a), {}), _ = Object.entries(S).filter(([a, c]) => c.size > 1).flatMap(([a, c]) => Array.from(c).map((C) => ({
+                  controlItemId: a,
+                  dependencyItemId: C
+                })));
+                _.length > 0 && (i = i.concat(_));
+              }
+          this._nonSolutionDependencyItems = Array.from(new Map([
+            ...n,
+            ...i
+          ].map((r) => [`${r.controlItemId}:${r.dependencyItemId}`, r])).values());
+          const p = this._nonSolutionDependencyItems.map((r) => r.controlItemId), w = [...new Set(p)];
+          this._accordion.value.selectItems(w), this._fetchingTemplates = !1;
         });
       }));
     }
   }
-  updated(t) {
-    t.has("_showUndeletableItems") && this._showUndeletableItems !== t.get("_showUndeletableItems") && this._accordion.value.selectItems(this._templateInfos.map((i) => i.id));
+  updated(e) {
+    e.has("_showUndeletableItems") && this._showUndeletableItems !== e.get("_showUndeletableItems") && this._accordion.value.selectItems(this._templateInfos.map((t) => t.id));
   }
   render() {
-    const t = this._fetchingTemplates ? "" : "display-none", i = this._fetchingTemplates ? "display-none" : "", n = [...new Set(this._nonSolutionDependencyItems.map((l) => l.controlItemId))], a = this._templateInfos.length - this._nonSolutionDependencyItems.length, o = this._translations.deletionCount.replace("{{deleteableCount}}", a.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
-    return r`<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 ?? "") ?? I} modal kind=danger .open=${this.open} outside-close-disabled @calciteDialogBeforeClose=${() => {
+    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", o = [...new Set(this._nonSolutionDependencyItems.map((i) => i.controlItemId))], d = this._templateInfos.length - this._getDependencyCount(), n = this._translations.deletionCount.replace("{{deleteableCount}}", d.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
+    return m`<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 ?? "") ?? v} modal kind=danger .open=${this.open} outside-close-disabled @calciteDialogBeforeClose=${() => {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
       this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? r`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : this._showUndeletableItems ? r`<calcite-label class=${c(i)} layout=inline>${this._translations.failedToDeleteItems}</calcite-label><solution-item-accordion class=${c(i)} .itemRelationshipDependencies=${n} list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${u(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : r`<calcite-label class=${c(i)} layout=inline scale=l>${this._translations.deletionNote}<calcite-chip .label=${o} scale=m>${o}</calcite-chip></calcite-label><calcite-loader class=${c(t)} label></calcite-loader><solution-item-accordion class=${c(i)} .itemRelationshipDependencies=${n} list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${u(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+    }}>${this._isDeleteInProgress ? m`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : this._showUndeletableItems ? m`<calcite-label class=${u(t)} layout=inline>${this._translations.failedToDeleteItems}</calcite-label><solution-item-accordion class=${u(t)} .itemRelationshipDependencies=${[]} link-type=action list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${y(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : m`<calcite-label class=${u(t)} layout=inline scale=l>${this._translations.deletionNote}<calcite-chip .label=${n} scale=m>${n}</calcite-chip></calcite-label><calcite-loader class=${u(e)} label></calcite-loader><solution-item-accordion class=${u(t)} .itemRelationshipDependencies=${o} link-type=action list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${y(this._accordion)}></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 && r`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
+    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && m`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
       this._showDeleteError = !1;
     }} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>` || ""}`}</calcite-dialog>`;
   }
-  async _processTemplates(t) {
-    return await $(t.id, this._userSessionContextConsumer.value);
+  async _processTemplates(e) {
+    return await L(e.id, this._userSessionContextConsumer.value);
+  }
+  async _getRelatedDependency(e) {
+    const t = await D(e, "reverse", this._userSessionContextConsumer.value), o = await D(e, "forward", this._userSessionContextConsumer.value);
+    return [...new Set(o.concat(t))];
   }
-  async _getRelatedDependency(t) {
-    return await w(t, "reverse", this._userSessionContextConsumer.value);
+  _getDependencyCount() {
+    const e = this._nonSolutionDependencyItems.map((o) => o.controlItemId);
+    return [...new Set(e)].length;
   }
 }
-f("solution-delete-dialog", v);
+$("solution-delete-dialog", R);
 export {
-  v as SolutionDeleteDialog
+  R as SolutionDeleteDialog
 };