@esri/solutions-components 5.0.4-next.2 → 5.0.4

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

@@ -1,125 +1,39 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { css, nothing, html } from "lit";
-import { u as useT9n } from "../../chunks/useT9n.js";
-import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { useContextConsumer } from "@arcgis/lumina/context";
-import { A as configContext, T as TELEMETRY_CATEGORY, D as getItemUrl } from "../../chunks/interfaces.js";
-import { deleteSolution } from "@esri/solution-common";
-import { createRef, ref } from "lit-html/directives/ref.js";
+import { c as m } from "../../chunks/runtime.js";
+import { css as u, 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, T as I, D as b } from "../../chunks/interfaces.js";
+import { deleteSolution as y } from "@esri/solution-common";
+import { createRef as w, ref as h } from "lit-html/directives/ref.js";
 import "../solution-item-accordion/customElement.js";
-import { p as processTemplates, g as getRelatedSolutionsInfos } from "../../chunks/getRelatedInfos.js";
-const styles = css`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-*[tabindex]:focus-visible {
-  outline-style: solid !important;
-  outline-width: 2px !important;
-  outline-color: var(--calcite-color-brand) !important;
-  outline-offset: 2px !important;
-}
-
-.deletion-note-text {
-  display: inline-block;
-}
-
-
-.deletion-note-container {
-  display: flex;  
-  align-items: center;
-  gap: var(--calcite-spacing-sm);
-  font-size: var(--calcite-font-size-0);
-  margin-bottom: var(--calcite-spacing-md);
-}
-
-.panel-bg-color {
-  --calcite-panel-header-background-color: var(--calcite-color-foreground-1);
-  --calcite-panel-background-color: var(--calcite-color-foreground-1);
-}
-
-.display-none {
-  display: none;
-}
-
-calcite-loader {
-  --calcite-loader-spacing: var(--calcite-spacing-md);
-}
-
-.loader-text {
-  margin-top: var(--calcite-spacing-md);
-  margin-bottom: var(--calcite-spacing-xl);
-  text-align: center;
-  font-size: var(--calcite-font-size-relative-base);
-  color: var(--calcite-color-text-1);
-}
-
-.padding-around {
-  padding: 12px 2rem 2rem;
-}
-`;
-class SolutionDeleteDialog extends LitElement {
+import { p as $, g as C } from "../../chunks/getRelatedInfos.js";
+const v = u`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.deletion-note-text{display:inline-block}.deletion-note-container{display:flex;align-items:center;gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-0);margin-bottom:var(--calcite-spacing-md)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.display-none{display:none}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-md);margin-bottom:var(--calcite-spacing-xl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}.padding-around{padding:12px 2rem 2rem}`;
+class x extends g {
   constructor() {
-    super();
-    this.open = false;
-    this.source = "Card Dropdown";
-    this._deletePercentage = 0;
-    this._fetchingTemplates = false;
-    this._isDeleteInProgress = false;
-    this._nonSolutionDependencyItems = [];
-    this._showDeleteError = false;
-    this._showUndeletableItems = false;
-    this._templateInfos = [];
-    this._translations = useT9n({ name: "solution-delete-dialog", blocking: true });
-    this._accordion = createRef();
-    this._configContextConsumer = useContextConsumer({
-      context: configContext,
-      subscribe: true
-    });
-    this.solutionDeleteDialogOpen = createEvent();
-    this.solutionDeleted = createEvent();
-    this.solutionDeleteDialogBeforeClose = createEvent();
-    this.listenOn(window, "beforeunload", (evt) => {
-      if (this._isDeleteInProgress) {
-        evt.preventDefault();
-        evt.returnValue = true;
-      }
+    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: D,
+      subscribe: !0
+    }), this.solutionDeleteDialogOpen = d(), this.solutionDeleted = d(), this.solutionDeleteDialogBeforeClose = d(), this.listenOn(window, "beforeunload", (e) => {
+      this._isDeleteInProgress && (e.preventDefault(), e.returnValue = !0);
     });
   }
   static {
-    this.properties = { card: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], source: 1, _deletePercentage: [16, {}, { state: true }], _fetchingTemplates: [16, {}, { state: true }], _isDeleteInProgress: [16, {}, { state: true }], _nonSolutionDependencyItems: [16, {}, { state: true }], _showDeleteError: [16, {}, { state: true }], _showUndeletableItems: [16, {}, { state: true }], _templateInfos: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
+    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 = styles;
+    this.styles = v;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
   close() {
-    if (this._showUndeletableItems) {
-      this.solutionDeleted.emit({ showAlert: false, refreshSolutionsTimeout: true, solutionTitle: this.card?.title });
-    }
-    this._showDeleteError = false;
-    this._showUndeletableItems = false;
-    this._isDeleteInProgress = false;
-    this.open = false;
-    this.solutionDeleteDialogOpen.emit(false);
+    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() {
-    this._telemetry?.logEvent({
-      category: TELEMETRY_CATEGORY.DEPLOYMENTS,
+    if (this._telemetry?.logEvent({
+      category: I.DEPLOYMENTS,
       action: "Delete Solution",
       dimensions: [
         this.card?.title || "",
@@ -127,123 +41,76 @@ class SolutionDeleteDialog extends LitElement {
         this.card?.deployVersion || "",
         this.source
       ]
-    });
-    this._isDeleteInProgress = true;
-    if (this.card) {
-      const fallbackItemList = [{
-        "itemName": this.card.title,
-        "itemType": "Solution",
-        "owner": this.card.owner,
-        "modified": this.card.modified
-      }];
-      const options = {
-        progressCallback: (percentDone) => {
-          this._deletePercentage = Math.round(percentDone);
+    }), this._isDeleteInProgress = !0, this.card) {
+      const e = [{
+        itemName: this.card.title,
+        itemType: "Solution",
+        owner: this.card.owner,
+        modified: this.card.modified
+      }], s = {
+        progressCallback: (t) => {
+          this._deletePercentage = Math.round(t);
         },
         solutionOwner: this.card.owner
       };
-      void deleteSolution(this.card.id, this._configContextConsumer.value.userSession, options).then((deletes) => {
-        const failedSummary = deletes[1];
-        let failedDeletes;
-        if (failedSummary) {
-          failedDeletes = failedSummary.items.map((template) => {
-            const partialItem = {
-              "itemName": template.title,
-              "itemType": template.type,
-              "owner": template.owner,
-              "modified": template.modified
-            };
-            return partialItem;
-          });
-        } else {
-          failedDeletes = fallbackItemList;
-        }
-        if (failedDeletes.length === 0) {
-          this.solutionDeleted.emit({ showAlert: true, refreshSolutionsTimeout: true, solutionTitle: this.card?.title });
-          this._isDeleteInProgress = false;
-          this.open = false;
-        } else {
-          const hasSolutionItem = failedDeletes.some((item) => item.itemType === "Solution");
-          if (hasSolutionItem) {
-            if (this.card) {
-              void processTemplates(this.card, this._configContextConsumer.value.userSession).then((templates) => {
-                this._templateInfos = templates;
-                this._showDeleteError = true;
-                this._showUndeletableItems = true;
-                this._isDeleteInProgress = false;
-              });
-            } else {
-              this._showDeleteError = true;
-              this._isDeleteInProgress = false;
-            }
-          } else {
-            if (this.card) {
-              let resultFailedDeletes = [];
-              resultFailedDeletes = failedSummary.items.map((template) => {
-                const partialItem = {
-                  "id": template.id,
-                  "title": template.title,
-                  "type": template.type,
-                  "owner": template.owner,
-                  "modified": template.modified,
-                  "typeKeywords": [],
-                  "snippet": "",
-                  "dependencies": [],
-                  "url": getItemUrl(template.id, this._configContextConsumer.value.authentication)
-                };
-                return partialItem;
-              });
-              this._templateInfos = resultFailedDeletes;
-              this._showDeleteError = false;
-              this._showUndeletableItems = true;
-              this._isDeleteInProgress = false;
-            } else {
-              this.solutionDeleted.emit({ showAlert: true, refreshSolutionsTimeout: true });
-              this._isDeleteInProgress = false;
-              this.open = false;
-            }
-          }
-        }
+      y(this.card.id, this._configContextConsumer.value.userSession, s).then((t) => {
+        const a = t[1];
+        let i;
+        if (a ? i = a.items.map((o) => ({
+          itemName: o.title,
+          itemType: o.type,
+          owner: o.owner,
+          modified: o.modified
+        })) : i = e, i.length === 0)
+          this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0, solutionTitle: this.card?.title }), this._isDeleteInProgress = !1, this.open = !1;
+        else if (i.some((l) => l.itemType === "Solution"))
+          this.card ? $(this.card, this._configContextConsumer.value.userSession).then((l) => {
+            this._templateInfos = l, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
+          }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
+        else if (this.card) {
+          let l = [];
+          l = a.items.map((n) => ({
+            id: n.id,
+            title: n.title,
+            type: n.type,
+            owner: n.owner,
+            modified: n.modified,
+            typeKeywords: [],
+            snippet: "",
+            dependencies: [],
+            url: b(n.id, this._configContextConsumer.value.authentication)
+          })), 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(_changedProperties) {
-    if (_changedProperties.has("open")) {
-      const oldValue = _changedProperties.get("open");
-      if (this.open && !oldValue) {
-        this._fetchingTemplates = true;
-        void getRelatedSolutionsInfos(this._configContextConsumer.value.userSession, this.card).then((relatedInfos) => {
-          this._templateInfos = relatedInfos.templateInfos;
-          this._nonSolutionDependencyItems = relatedInfos._nonSolutionDependencyItems;
-          this._fetchingTemplates = false;
-        });
-      }
+  willUpdate(e) {
+    if (e.has("open")) {
+      const s = e.get("open");
+      this.open && !s && (this._fetchingTemplates = !0, C(this._configContextConsumer.value.userSession, this.card).then((t) => {
+        this._templateInfos = t.templateInfos, this._nonSolutionDependencyItems = t._nonSolutionDependencyItems, this._fetchingTemplates = !1;
+      }));
     }
   }
   render() {
-    const loaderClass = this._fetchingTemplates ? "" : "display-none";
-    const displayClass = this._fetchingTemplates ? "display-none" : "";
-    const justDependencies = [...new Set(this._nonSolutionDependencyItems.map((dep) => dep.controlItemId))];
-    const deleteableCount = this._templateInfos.length - this._getDependencyCount();
-    const deleteableCountText = this._translations.deletionCount.replace("{{deleteableCount}}", deleteableCount.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
-    return html`<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 ?? "") ?? nothing} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
+    const e = this._fetchingTemplates ? "" : "display-none", s = this._fetchingTemplates ? "display-none" : "", t = [...new Set(this._nonSolutionDependencyItems.map((o) => o.controlItemId))], a = this._templateInfos.length - this._getDependencyCount(), i = this._translations.deletionCount.replace("{{deleteableCount}}", a.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
+    return r`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .escapeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? p} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
-      this.open = false;
-      this.solutionDeleteDialogOpen.emit(false);
-    }}>${this._isDeleteInProgress ? html`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deleteInProgress}</div>` : this._showUndeletableItems ? html`<calcite-label class=${safeClassMap(displayClass)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${safeClassMap(displayClass)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${ref(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : html`<div class="padding-around"><div class=${`deletion-note-container ${displayClass}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${deleteableCountText} scale=m icon=information>${deleteableCountText}</calcite-chip></div><calcite-loader class=${safeClassMap(loaderClass)} label></calcite-loader><solution-item-accordion class=${safeClassMap(displayClass)} .itemRelationshipDependencies=${justDependencies} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${ref(this._accordion)}></solution-item-accordion></div><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+      this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
+    }}>${this._isDeleteInProgress ? r`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deleteInProgress}</div>` : this._showUndeletableItems ? r`<calcite-label class=${c(s)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${c(s)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : r`<div class="padding-around"><div class=${`deletion-note-container ${s}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${i} scale=m icon=information>${i}</calcite-chip></div><calcite-loader class=${c(e)} label></calcite-loader><solution-item-accordion class=${c(s)} .itemRelationshipDependencies=${t} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion></div><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
       this.delete();
-    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && html`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
-      this._showDeleteError = false;
+    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && r`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
+      this._showDeleteError = !1;
     }} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>` || ""}`}</calcite-dialog>`;
   }
   _getDependencyCount() {
-    const controlItemsArray = this._nonSolutionDependencyItems.map((dep) => dep.controlItemId);
-    const uniqueControlItems = [...new Set(controlItemsArray)];
-    return uniqueControlItems.length;
+    const e = this._nonSolutionDependencyItems.map((t) => t.controlItemId);
+    return [...new Set(e)].length;
   }
 }
-customElement("solution-delete-dialog", SolutionDeleteDialog);
+m("solution-delete-dialog", x);
 export {
-  SolutionDeleteDialog
+  x as SolutionDeleteDialog
 };

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

@@ -4,12 +4,12 @@ import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
 import "@arcgis/analysis-shared-utils";
-import { S } from "../../chunks/solution-deploy-dialog.js";
+import { S as g } from "../../chunks/solution-deploy-dialog.js";
 import "@esri/solution-common";
 import "../../chunks/interfaces.js";
 import "@esri/solution-deployer";
 import "lit";
 import "lit/directives/ref.js";
 export {
-  S as SolutionDeployDialog
+  g as SolutionDeployDialog
 };

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

@@ -4,8 +4,8 @@ import "lit";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
-import { a2 } from "../../chunks/interfaces.js";
+import { a2 as d } from "../../chunks/interfaces.js";
 import "lit-html/directives/ref.js";
 export {
-  a2 as SolutionDeployedCard
+  d as SolutionDeployedCard
 };