@esri/solutions-components 1.0.5 → 1.1.0-next.20250731

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

@@ -1,15 +1,15 @@
-import { c as h } from "../../chunks/runtime.js";
-import { nothing as p, html as l } from "lit";
-import { u as m } from "../../chunks/useT9n.js";
-import { LitElement as u, useContextConsumer as c, createEvent as d } from "@arcgis/lumina";
-import { css as g } from "@lit/reactive-element/css-tag.js";
-import { deleteSolution as f, getItemRelatedItemsInSameDirection as _ } from "@esri/solution-common";
-import { a as I, u as D } from "../../chunks/deployAppContexts.js";
-import { p as b } from "../../chunks/prepareDataForSolutionDisplay.js";
+import { c as m } from "../../chunks/runtime.js";
+import { css as u, nothing as f, html as a } from "lit";
+import { u as g } from "../../chunks/useT9n.js";
+import { LitElement as _, createEvent as c, safeClassMap as I } from "@arcgis/lumina";
+import { useContextConsumer as D } from "@arcgis/lumina/context";
+import { deleteSolution as b, getItemRelatedItemsInSameDirection as y } from "@esri/solution-common";
+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.0/esri/copyright.txt for details.
-v1.0.5 */
-const S = g`/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const w = u`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,25 +23,22 @@ const S = g`/** @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.
- */.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}`;
-class C extends u {
+ */.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 $ extends _ {
   constructor() {
-    super(...arguments), this.authContextConsumer = c({
-      context: I,
+    super(...arguments), this.open = !1, this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._templateInfos = [], this._translations = g({ name: "solution-delete-dialog", blocking: !0 }), this._userSessionContextConsumer = D({
+      context: S,
       subscribe: !0
-    }), this.open = !1, this.userSessionContextConsumer = c({
-      context: D,
-      subscribe: !0
-    }), this._deletePercentage = 0, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._templates = [], this._translations = m({ name: "solution-delete-dialog", blocking: !0 }), this.dialogOpen = d(), this.solutionDeleted = d();
+    }), this.solutionDeleteDialogOpen = c(), this.solutionDeleted = c(), this.solutionDeleteDialogBeforeClose = c();
   }
   static {
-    this.properties = { authContextConsumer: 0, card: 0, open: 5, userSessionContextConsumer: 0, _deletePercentage: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _templates: 16, _translations: 16 };
+    this.properties = { card: 0, open: 5, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _templateInfos: 16, _translations: 16 };
   }
   static {
-    this.styles = S;
+    this.styles = w;
   }
   close() {
-    this._showDeleteError = !1, this._isDeleteInProgress = !1, this.open = !1, this.dialogOpen.emit(!1);
+    this._showDeleteError = !1, this._isDeleteInProgress = !1, this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
   }
   delete() {
     if (this._isDeleteInProgress = !0, this.card) {
@@ -50,70 +47,69 @@ class C extends u {
         itemType: "Solution",
         owner: this.card.owner,
         modified: this.card.modified
-      }], o = {
+      }], n = {
         progressCallback: (t) => {
           this._deletePercentage = Math.round(t);
         }
       };
-      f(this.card.id, this.userSessionContextConsumer.value, o).then((t) => {
+      b(this.card.id, this._userSessionContextConsumer.value, n).then((t) => {
         console.log(t);
-        const n = t[1];
+        const o = t[1];
         let s;
-        n ? s = n.items.map((i) => ({
+        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._templates = i, this._showDeleteError = !0, this._isDeleteInProgress = !1;
+          this._templateInfos = i, this._showDeleteError = !0, this._isDeleteInProgress = !1;
         }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
       });
     }
   }
-  async load() {
-    if (!this.card)
-      return;
-    this._templates = await this._processTemplates(this.card);
-    const e = new Set(this._templates.map((s) => s.id)), o = [], t = this._templates.map(async (s) => {
-      const i = await this._getRelatedDependency(s.id);
-      return { template: s, relatedItems: i };
-    }), n = await Promise.all(t);
-    for (const { template: s, relatedItems: i } of n)
-      for (const a of i)
-        if (a.relationshipType !== "Solution2Item")
-          for (const r of a.relatedItemIds)
-            e.has(r) || o.push({
-              controlItemId: s.id,
-              dependencyItemId: r
-            });
-    this._nonSolutionDependencyItems = o;
-  }
-  updated(e) {
+  willUpdate(e) {
     if (e.has("open")) {
-      const o = e.get("open");
-      this.open && !o && this._processTemplates(this.card).then((t) => {
-        this._templates = t;
-      });
+      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) => {
+          const r = await this._getRelatedDependency(l.id);
+          return { template: l, relatedItems: r };
+        });
+        Promise.all(i).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({
+                    controlItemId: r.id,
+                    dependencyItemId: h
+                  });
+          this._nonSolutionDependencyItems = s;
+        });
+      }));
     }
   }
   render() {
-    const e = [...new Set(this._nonSolutionDependencyItems.map((n) => n.controlItemId))], o = this._templates.length - this._nonSolutionDependencyItems.length, t = this._translations.deletionCount.replace("{{deleteableCount}}", o.toString()).replace("{{totalCount}}", this._templates.length.toString());
-    return l`<calcite-dialog class="panel-bg-color" close-disabled .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? p} modal .open=${this.open} outside-close-disabled @calciteDialogClose=${() => {
-      this.open = !1, this.dialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? l`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : l`<calcite-label layout=inline>${this._translations.deletionNote}<calcite-chip .label=${t}>${t}</calcite-chip></calcite-label><solution-item-accordion .itemRelationshipDependencies=${e} .templateInfos=${this._templates} 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=${() => {
+    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" close-disabled .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=${() => {
+      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}>${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.delete();
-    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && l`<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 && a`<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(e) {
-    return await b(e.id, this.userSessionContextConsumer.value);
+    return await C(e.id, this._userSessionContextConsumer.value);
   }
   async _getRelatedDependency(e) {
-    return await _(e, "reverse", this.userSessionContextConsumer.value);
+    return await y(e, "reverse", this._userSessionContextConsumer.value);
   }
 }
-h("solution-delete-dialog", C);
+m("solution-delete-dialog", $);
 export {
-  C as SolutionDeleteDialog
+  $ as SolutionDeleteDialog
 };

package/dist/components/solution-deploy-dialog/customElement.d.ts

@@ -1,13 +1,9 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { IDeployFailed, IDeployProgressUpdate, ISolutionInfoCard, IUserOption } from '../../utils/interfaces';
-import { UserSession } from '@esri/solution-common';
+import { PropertyValues } from 'lit';
 
 export declare class SolutionDeployDialog extends LitElement {
-    /** The authentication from global nav */
-    readonly authContextConsumer: import('@lit/context').ContextConsumer<{
-        __context__: import('../../utils/Auth').Auth;
-    }, HTMLElement & import('lit').ReactiveControllerHost>;
     /** Key details about the solution */
     card: ISolutionInfoCard | undefined;
     /**
@@ -21,10 +17,6 @@ export declare class SolutionDeployDialog extends LitElement {
      * may be able to remove completely for v2 but need to look closer at other custom params that were supported to see
      */
     userOptions: IUserOption[];
-    /** The user session to use for fetching solutions */
-    readonly userSessionContextConsumer: import('@lit/context').ContextConsumer<{
-        __context__: UserSession;
-    }, HTMLElement & import('lit').ReactiveControllerHost>;
     /**
      * the wkid to match against.
      *