@esri/solutions-components 1.0.0-next.20250610 → 1.0.0-next.20250613

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

@@ -1,12 +1,14 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as i } from "../../chunks/useT9n.js";
-import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { c } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
+import { u as h } from "../../chunks/useT9n.js";
+import { LitElement as d, useContextConsumer as l, createEvent as r, noShadowRoot as u, nothing as m } from "@arcgis/lumina";
+import { css as p } from "@lit/reactive-element/css-tag.js";
+import { deleteSolution as g, getItemDataAsJson as f } from "@esri/solution-common";
+import { a as _, u as C } from "../../chunks/deployAppContexts.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.0-next.20250610 */
-const r = n`@layer{/** @license
+v1.0.0-next.20250613 */
+const b = p`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,24 +23,77 @@ const r = n`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */}`;
-class a extends s {
+class I extends d {
   constructor() {
-    super(...arguments), this._translations = i({ name: "solution-delete-dialog", blocking: !0 });
+    super(...arguments), this.authContextConsumer = l({
+      context: _,
+      subscribe: !0
+    }), this.open = !1, this.userSessionContextConsumer = l({
+      context: C,
+      subscribe: !0
+    }), this._deletePercentage = 0, this._isDeleteInProgress = !1, this._templates = [], this._translations = h({ name: "solution-delete-dialog", blocking: !0 }), this.dialogOpen = r(), this.solutionDeleted = r();
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { authContextConsumer: 0, card: 0, open: 5, userSessionContextConsumer: 0, _deletePercentage: 16, _isDeleteInProgress: 16, _templates: 16, _translations: 16 };
   }
   static {
-    this.styles = r;
+    this.styles = b;
   }
   static {
-    this.shadowRootOptions = o;
+    this.shadowRootOptions = u;
+  }
+  close() {
+    this.open = !1, this.dialogOpen.emit(!1);
+  }
+  delete() {
+    if (this._isDeleteInProgress = !0, this.card) {
+      const e = [{
+        itemName: this.card.title,
+        itemType: "Solution",
+        owner: this.card.owner,
+        modified: this.card.modified
+      }], t = {
+        progressCallback: (s) => {
+          this._deletePercentage = Math.round(s);
+        }
+      };
+      g(this.card.id, this.userSessionContextConsumer.value, t).then((s) => {
+        console.log(s);
+        const a = s[1];
+        let o;
+        a ? o = a.items.map((i) => ({
+          itemName: i.title,
+          itemType: i.type,
+          owner: i.owner,
+          modified: i.modified
+        })) : o = e, o.length === 0 && (this.solutionDeleted.emit(!0), this._isDeleteInProgress = !1, this.open = !1);
+      });
+    }
+  }
+  async load() {
+    if (this.card) {
+      const e = await this._getItemTemplates(this.card);
+      this._templates = e.map((t) => ({
+        id: t.itemId,
+        type: t.type,
+        title: "",
+        typeKeywords: [],
+        snippet: ""
+      }));
+    }
   }
   render() {
-    return t`<calcite-dialog></calcite-dialog>`;
+    return n`<calcite-dialog .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? m} modal .open=${this.open} outside-close-disabled @calciteDialogClose=${() => {
+      this.open = !1, this.dialogOpen.emit(!1);
+    }}>${this._isDeleteInProgress ? n`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : n`<calcite-label layout=inline>${this._translations.deletionNote}<calcite-chip .label=${this._translations.deletionCount.replace("{{count}}", this.card?.title ?? "")}>${this._templates.length > 1 ? this._translations.deletionCountMultiple.replace("{{count}}", this._templates.length.toString()) : this._translations.deletionCount.replace("{{count}}", this._templates.length.toString())}</calcite-chip></calcite-label><solution-item-accordion .templateInfos=${this._templates}></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>`}</calcite-dialog>`;
+  }
+  async _getItemTemplates(e) {
+    return (await f(e.id, this.userSessionContextConsumer.value)).templates;
   }
 }
-e("solution-delete-dialog", a);
+c("solution-delete-dialog", I);
 export {
-  a as SolutionDeleteDialog
+  I as SolutionDeleteDialog
 };

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

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

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

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

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

@@ -6,11 +6,11 @@ import { css as A } from "@lit/reactive-element/css-tag.js";
 import { UserSession as r, getItemBase as P, getProp as y } from "@esri/solution-common";
 import { a as D, u as s } from "../../chunks/deployAppContexts.js";
 import { deploySolution as C } from "@esri/solution-deployer";
-import { f as G, g as u, a as M, b as S, d as F, h as I, i as R } from "../../chunks/helpers.js";
+import { h as G, g as u, b as M, d as S, e as F, i as I, a as R } from "../../chunks/helpers.js";
 import { a as T, l as E } from "../../chunks/appConfig.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.0-next.20250610 */
+v1.0.0-next.20250613 */
 const Z = A`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,7 +1,12 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { ISolutionInfoCard } from '../../utils/interfaces';
 
 export declare class SolutionDeployedCard extends LitElement {
+    /** @default false */
+    allowDelete: boolean;
+    /** Key details about the solution */
+    card: ISolutionInfoCard | undefined;
     /** @default '' */
     deployedDate: string;
     /** @default '' */

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

@@ -1,12 +1,12 @@
 import { c as a } from "../../chunks/runtime.js";
 import { html as t } from "lit-html";
 import { u as o } from "../../chunks/useT9n.js";
-import { LitElement as l, useContextConsumer as n, nothing as i } from "@arcgis/lumina";
-import { u as s } from "../../chunks/deployAppContexts.js";
+import { LitElement as l, useContextConsumer as s, nothing as i } from "@arcgis/lumina";
+import { u as n } from "../../chunks/deployAppContexts.js";
 import { css as r } from "@lit/reactive-element/css-tag.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.0-next.20250610 */
+v1.0.0-next.20250613 */
 const c = r`/** @license
  * Copyright 2025 Esri
  *
@@ -24,19 +24,19 @@ const c = r`/** @license
  */calcite-card{width:220px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:var(--calcite-color-text-inverse)}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer}.hover-text{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}.width-full{width:100%}.deployed-label-override{--calcite-label-text-color: var(--calcite-color-text-3);--calcite-label-margin-bottom: 0px}.deployed-icon-override{--calcite-icon-color: var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:.5rem}.display-flex{display:flex}.align-items-center{align-items:center}.font-weight-bold{font-weight:700}.font-weight-normal{font-weight:400}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.update-icon-absolute{position:absolute;right:1rem}.update-icon-absolute[dir=rtl]{position:absolute;left:1rem}.header-line-height{line-height:2.5rem}`;
 class d extends l {
   constructor() {
-    super(...arguments), this.deployedDate = "", this.description = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this.userSessionContextConsumer = n({
-      context: s,
+    super(...arguments), this.allowDelete = !1, this.deployedDate = "", this.description = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this.userSessionContextConsumer = s({
+      context: n,
       subscribe: !0
-    }), this._translations = o({ name: "solution-deployed-card", blocking: !0 });
+    }), this._isDeleteOpen = !1, this._translations = o({ name: "solution-deployed-card", blocking: !0 });
   }
   static {
-    this.properties = { deployedDate: 1, description: 1, heading: 1, itemId: 1, owner: 1, thumbnail: 1, updateAvailable: 5, userSessionContextConsumer: 32, _translations: 16 };
+    this.properties = { allowDelete: 5, card: 0, deployedDate: 1, description: 1, heading: 1, itemId: 1, owner: 1, thumbnail: 1, updateAvailable: 5, userSessionContextConsumer: 32, _isDeleteOpen: 16, _translations: 16 };
   }
   static {
     this.styles = c;
   }
   render() {
-    return t`<div><calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p slot=description>${this.description}</p><div>${this._getOwnerLabel()}${this._getDeployedDate()}</div><div class="width-full" slot=footer-start>${this._getConfigureButton()}</div></calcite-card></div>`;
+    return t`<div><calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p slot=description>${this.description}</p><div>${this._getOwnerLabel()}${this._getDeployedDate()}</div><div class="width-full" slot=footer-start>${this._getConfigureButton()}</div></calcite-card>${this._renderDeleteDialog()}</div>`;
   }
   _getImage() {
     const e = this.userSessionContextConsumer.value;
@@ -52,7 +52,12 @@ class d extends l {
     return t`<div class="display-flex align-items-center"><calcite-icon class="deployed-icon-override padding-end-1-2" icon=projects scale=s></calcite-icon><calcite-label class="deployed-label-override">${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
   }
   _getConfigureButton() {
-    return t`<calcite-split-button appearance=outline @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.configure ?? i} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</calcite-dropdown-item><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</calcite-dropdown-item><calcite-dropdown-item icon-start=information @click=${this._viewItemDetails}>${this._translations.viewItemDetails}</calcite-dropdown-item><calcite-dropdown-item icon-start=trash @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-dropdown-item></calcite-dropdown-group></calcite-split-button>`;
+    return t`<calcite-split-button appearance=outline @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.configure ?? i} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</calcite-dropdown-item><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</calcite-dropdown-item><calcite-dropdown-item icon-start=information @click=${this._viewItemDetails}>${this._translations.viewItemDetails}</calcite-dropdown-item>${this.allowDelete && t`<calcite-dropdown-item icon-start=trash @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-dropdown-item>` || ""}</calcite-dropdown-group></calcite-split-button>`;
+  }
+  _renderDeleteDialog() {
+    return t`<solution-delete-dialog .card=${this.card} .open=${this._isDeleteOpen} @dialogOpen=${(e) => {
+      this._isDeleteOpen = e.detail;
+    }}></solution-delete-dialog>`;
   }
   _cardSelected() {
     alert(`Do actions for ${this.itemId}`);
@@ -67,7 +72,7 @@ class d extends l {
     e.stopPropagation(), alert("_viewItemDetails");
   }
   _deleteSolution(e) {
-    e.stopPropagation(), alert("_viewDiagram");
+    e.stopPropagation(), this._isDeleteOpen = !0;
   }
   _openUserProfile(e) {
     e.stopPropagation(), alert("_openUserProfile");

package/dist/components/solution-deployed-card/index.d.ts

@@ -6,4 +6,5 @@ import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";
 import "@esri/calcite-components/components/calcite-dropdown-item";
+import "../solution-delete-dialog/index.js";
 export * from "./customElement.js";

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

@@ -6,4 +6,5 @@ import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";
 import "@esri/calcite-components/components/calcite-dropdown-item";
+import "../solution-delete-dialog/index.js";
 export * from "./customElement.js";

package/dist/components/solution-deploying-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as l, noShadowRoot as c, nothing as r } from "@arcgis/lumina
 import { css as h } from "@lit/reactive-element/css-tag.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.0-next.20250610 */
+v1.0.0-next.20250613 */
 const u = h`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as l, createEvent as n, nothing as s, safeClassMap as d } fr
 import { css as p } from "@lit/reactive-element/css-tag.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.0-next.20250610 */
+v1.0.0-next.20250613 */
 const h = p`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,12 +1,9 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { ISolutionInfoCard } from '../../utils/interfaces';
+import { ISolutionInfoCard, IItemProperties } from '../../utils/interfaces';
+import { IItemTemplate } from '@esri/solution-common';
 
 export declare class SolutionDetailsPanel 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;
     /**
@@ -15,8 +12,8 @@ export declare class SolutionDetailsPanel extends LitElement {
      * @default false
      */
     open: boolean;
-    /** The user session to use for fetching solutions */
-    readonly userSessionContextConsumer: import('@lit/context').ContextConsumer<{
-        __context__: import('@esri/arcgis-rest-request').ArcGISIdentityManager;
-    }, HTMLElement & import('lit').ReactiveControllerHost>;
+    /** Emitted on demand when the templates have been fetched from the solution */
+    readonly templatesFetched: TargetedEvent<this, IItemTemplate[]>;
+    /** Emitted on demand when the item properties have been fetched */
+    readonly itemPropertiesFetched: TargetedEvent<this, IItemProperties>;
 }