@esri/solutions-components 1.0.4 → 1.0.6

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

@@ -1,20 +1,22 @@
-import { c as y } from "../../chunks/runtime.js";
+import { c as x } from "../../chunks/runtime.js";
 import { html as s } from "lit-html";
-import { u as v } from "../../chunks/useT9n.js";
-import { createRef as m, ref as _ } from "lit-html/directives/ref.js";
-import { LitElement as w, useContextProvider as u, createEvent as g, safeClassMap as c, nothing as p } from "@arcgis/lumina";
-import { a as x, i as $, u as S } from "../../chunks/deployAppContexts.js";
-import { css as R } from "@lit/reactive-element/css-tag.js";
-import { getItemDataAsJson as L, getItem as k, getPropWithDefault as b, getProp as h, setCreateProp as C } from "@esri/solution-common";
-import { a as M } from "../../chunks/privilegeUtils.js";
-import { _findExistingItem as P } from "@esri/solution-deployer";
-import { a as I, p as T, l as A } from "../../chunks/appConfig.js";
-import { A as E } from "../../chunks/Auth.js";
-import { g as H, a as D } from "../../chunks/common.js";
+import { u as $ } from "../../chunks/useT9n.js";
+import { createRef as u, ref as g } from "lit-html/directives/ref.js";
+import { LitElement as P, useContextProvider as f, createEvent as b, safeClassMap as p, nothing as _ } from "@arcgis/lumina";
+import { a as S, i as R, u as M } from "../../chunks/deployAppContexts.js";
+import { css as k } from "@lit/reactive-element/css-tag.js";
+import { request as L, getWorkflowBaseURL as C, getWorkflowManagerAuthorized as I, getItemDataAsJson as T, getItem as A, getPropWithDefault as y, getProp as m, setCreateProp as D } from "@esri/solution-common";
+import { a as E, b as U } from "../../chunks/privilegeUtils.js";
+import { _findExistingItem as O } from "@esri/solution-deployer";
+import { a as H, p as N, l as F } from "../../chunks/appConfig.js";
+import { A as Y } from "../../chunks/Auth.js";
+import { g as q, a as B } from "../../chunks/common.js";
+import { f as V } from "../../chunks/helpers.js";
+import { E as h, F as v } from "../../chunks/interfaces.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.4 */
-const U = R`/** @license
+v1.0.6 */
+const z = k`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,23 +30,83 @@ const U = R`/** @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-row{flex-direction:row}.flex-direction-column{flex-direction:column}.cursor-default{cursor:default}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:1px;border-bottom-style:solid}.row-margin-2{margin-inline-start:2rem;margin-inline-end:2rem}calcite-label{--calcite-label-margin-bottom: 0px}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-2{padding-inline-end:2rem}.align-self-center{align-self:center}.align-items-center{align-items:center}.width-330{width:330px}.card-group{overflow:hidden;padding:.5rem}calcite-card{width:400px}@media (max-width: 800px){calcite-card{width:calc(50% - .5rem)}}@media (max-width: 400px){calcite-card{width:100%}}.max-height-240{max-height:240px}.max-height-300{max-height:300px}.scrollable-section{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollable-section::-webkit-scrollbar{display:none}.display-none{display:none}.cursor-pointer{cursor:pointer}`;
-class O extends w {
+ */.display-flex{display:flex}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.cursor-default{cursor:default}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:1px;border-bottom-style:solid}.row-margin-2{margin-inline-start:2rem;margin-inline-end:2rem}ul{list-style-type:disc;margin-block-start:0px;margin-block-end:0px}calcite-label{--calcite-label-margin-bottom: 0px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-2{padding-inline-end:2rem}.align-self-center{align-self:center}.align-items-center{align-items:center}.width-330{width:330px}.card-group{overflow:hidden;padding:.5rem}calcite-card{width:400px}@media (max-width: 800px){calcite-card{width:calc(50% - .5rem)}}@media (max-width: 400px){calcite-card{width:100%}}.max-height-240{max-height:240px}.max-height-320{max-height:320px}.scrollable-section{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollable-section::-webkit-scrollbar{display:none}.display-none{display:none}.cursor-pointer{cursor:pointer}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:#fff}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer;padding:2px}.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{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}.margin-inline-unset{margin-inline:unset}`;
+async function G(a, e, t) {
+  let i = t;
+  return a && (a?.IsEnterprisePortal && await j(
+    "",
+    // the portal url
+    e
+  ) && i.push(h.NOTEBOOK), await V(e) ? t.push(h.VELOCITY) : a?.PortalUserPrivileges && [
+    v.VELOCITYFEEDS,
+    v.VELOCITYBIGDATA,
+    v.VELOCITYREALTIME
+  ].forEach((r) => {
+    const c = t.indexOf(r) || -1;
+    c !== -1 && t.splice(c, 1);
+  }), i = i.concat(
+    K(
+      J(a),
+      X(a)
+    )
+  ), i = i.concat(W(a)), i = i.concat(await Q(a))), Promise.resolve(i);
+}
+function K(a, e) {
+  let t = [];
+  return a && e ? t = [
+    h.TRACKINGADMINANDTRACKING,
+    h.TRACKINGADMIN,
+    h.TRACKING
+  ] : a && !e ? t = [h.TRACKINGADMIN] : !a && e && (t = [h.TRACKING]), t;
+}
+function W(a) {
+  return Z(
+    a
+  ) ? [h.HUBPREMIUM] : [];
+}
+async function Q(a) {
+  const e = await C(a?.RestUserSession);
+  return await I(
+    e,
+    a?.RestUserSession
+  ) ? [h.WORKFLOW] : [];
+}
+async function j(a, e) {
+  const t = a + "/sharing/rest", i = {
+    authentication: e,
+    portal: t,
+    params: {
+      f: "json"
+    }
+  };
+  return L(`${t}/portals/self/servers`, i).then((l) => l?.servers?.find((o) => o.serverFunction.indexOf("NotebookServer") > -1), (l) => (console.error(l), !1));
+}
+function J(a) {
+  const e = a?.PortalUserSubset;
+  return e?.role === "org_admin" && !e?.hasOwnProperty("roleId");
+}
+function X(a) {
+  return a?.PortalSubset?.locationTrackingEnabled || !1;
+}
+function Z(a) {
+  return a?.PortalSubset?.hubPremiumEnabled || !1;
+}
+class ee extends P {
   constructor() {
-    super(), this.open = !1, this._hideScreenshotsScroll = !1, this._hideYouMayAlsoLikeScroll = !1, this.isMobile = !1, this._templates = [], this._translations = v({ name: "solution-details-panel", blocking: !0 }), this._allCards = [], this._authContextProvider = u({ context: x }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._isMobileContextProvider = u({ context: $ }), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsBaseHeight = 240, this._screenshotsElement = m(), this._userOptions = [], this._userSessionContextProvider = u({ context: S }), this._youMayAlsoLikeElement = m(), this._youMayAlsoLikeBaseHeight = 300, this.templatesFetched = g(), this.itemPropertiesFetched = g(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
+    super(), this.open = !1, this._hideScreenshotsScroll = !1, this._hideYouMayAlsoLikeScroll = !1, this.isMobile = !1, this._templates = [], this._translations = $({ name: "solution-details-panel", blocking: !0 }), this._allCards = [], this._authContextProvider = f({ context: S }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = u(), this._deployingDialogRef = u(), this._isMobileContextProvider = f({ context: R }), this._privilegePopoverRef = u(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsBaseHeight = 240, this._screenshotsDialogRef = u(), this._screenshotsElement = u(), this._userOptions = [], this._userSessionContextProvider = f({ context: M }), this._youMayAlsoLikeElement = u(), this._youMayAlsoLikeBaseHeight = 320, this.templatesFetched = b(), this.itemPropertiesFetched = b(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
   }
   static {
-    this.properties = { card: 0, open: 5, _hideScreenshotsScroll: 16, _hideYouMayAlsoLikeScroll: 16, isMobile: 16, _itemProperties: 16, _templates: 16, _translations: 16 };
+    this.properties = { card: 0, open: 5, _hideScreenshotsScroll: 16, _hideYouMayAlsoLikeScroll: 16, isMobile: 16, _itemProperties: 16, _missingPrivilegeMessages: 16, _templates: 16, _translations: 16 };
   }
   static {
-    this.styles = U;
+    this.styles = z;
   }
   async connectedCallback() {
-    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this.listenOn(this._mediaQuery, "change", this._mediaQueryChange);
+    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this.listenOn(this._mediaQuery, "change", this._mediaQueryChange), this.listenOn(window, "calciteTabChange", this._cleanupPanel);
   }
   async load() {
-    const e = new E(I, T, A);
-    await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession);
+    const e = new Y(H, N, F);
+    await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession), this._userPrivileges = await this._getUserPrivileges();
   }
   loaded() {
     this._resizeObserver = new ResizeObserver(async () => {
@@ -56,25 +118,38 @@ class O extends w {
   }
   render() {
     const e = "border-bottom row-margin-2 padding-bottom-1", t = this._getRelatedArticles(), i = this._getYouMayAlsoLikeCards();
-    return s`<calcite-panel><div class=${`${e} padding-top-1`}>${this._getSolutionRow()}</div><div class=${c(e)}>${this._getScreenshotsRow()}</div><div class=${c(e)}>${this._getDescriptionRow()}</div><div class=${c(e)}>${this._getRequirementsRow()}</div><div class=${c(e)}>${this._getInformationProductsRow()}</div><div class=${c(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? s`<div class=${c(e)}>${this._getRelatedArticlesRow(t)}</div>` : ""}${i.length > 0 ? s`<div class=${c(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}</calcite-panel>`;
+    return s`<calcite-panel><div class=${`${e} padding-top-1`}>${this._getSolutionRow()}</div><div class=${p(e)}>${this._getScreenshotsRow()}</div><div class=${p(e)}>${this._getDescriptionRow()}</div><div class=${p(e)}>${this._getRequirementsRow()}</div><div class=${p(e)}>${this._getInformationProductsRow()}</div><div class=${p(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? s`<div class=${p(e)}>${this._getRelatedArticlesRow(t)}</div>` : ""}${i.length > 0 ? s`<div class=${p(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}<solution-deploy-dialog .card=${this.card} @deployFailed=${this._closeDialogs} @deployProgressEnd=${this._closeDialogs} @deployProgressStart=${this._deployProgressStart} @deployProgressUpdated=${this._deployProgessUpdated} id=solutionDeployDialog .userOptions=${this._userOptions} ${g(this._deployDialogRef)}></solution-deploy-dialog><solution-snapshot-gallery .card=${this.card} id=solutionSnapshotGallery .itemProperties=${this._itemProperties} ${g(this._screenshotsDialogRef)}></solution-snapshot-gallery><solution-deploying-dialog .card=${this.card} ${g(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel>`;
   }
   _getSolutionRow() {
-    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=330"), t = this._itemProperties?.demoURL || "";
-    return s`<div class=" display-flex flex-direction-row"><div class="padding-end-2"><img alt=${this.card?.title ?? p} class="width-330" src=${e ?? p}></div><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row"><h3 class="padding-end-1"><calcite-label scale=l>${this.card?.title}</calcite-label></h3><calcite-chip class="align-self-center" kind=brand .label=${this._translations.new} scale=s>${this._translations.new}</calcite-chip></div><span>${this.card?.snippet}</span><div class="display-flex flex-direction-row padding-top-1"><calcite-button class="padding-end-1" icon-end=arrow-bold-right icon-flip-rtl=end @click=${() => this._deploy()}>${this._translations.deploy}</calcite-button><calcite-button appearance=outline class="padding-end-1" icon-end=video @click=${() => this._openUrl(t)}>${this._translations.watchDemo}</calcite-button><calcite-button appearance=outline class="padding-end-1" icon-end=share @click=${() => this._share()}>${this._translations.share}</calcite-button></div></div></div>`;
+    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=330"), t = this._itemProperties?.demoURL || "", i = this._missingPrivilegeMessages?.leadingMessages || [], l = i.length > 0, o = this._missingPrivilegeMessages?.bulletedMessages || [], r = o.length > 0, c = this._missingPrivilegeMessages?.trailingMessages || [], d = c.length > 0;
+    return s`<div class="display-flex flex-direction-row"><div class="padding-end-2"><img alt=${this.card?.title ?? _} class="width-330" src=${e ?? _}></div><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row"><h3 class="padding-end-1"><calcite-label scale=l>${this.card?.title}</calcite-label></h3><calcite-chip class="align-self-center" kind=brand .label=${this._translations.new} scale=s>${this._translations.new}</calcite-chip></div><span>${this.card?.snippet}</span><div class="display-flex flex-direction-row padding-top-1"><calcite-button class="padding-end-1" .disabled=${l || r || d} icon-end=arrow-bold-right icon-flip-rtl=end @click=${() => this._openDeploy()}>${this._translations.deploy}</calcite-button><calcite-button appearance=outline class="padding-end-1" icon-end=video @click=${() => this._openUrl(t)}>${this._translations.watchDemo}</calcite-button><calcite-button appearance=outline class="padding-end-1" icon-end=share @click=${() => this._share()}>${this._translations.share}</calcite-button></div>${l || r || d ? s`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(i, o, c)}</div>` : ""}</div></div>`;
+  }
+  _getMissingPrivilegesNotice(e, t, i) {
+    const l = "solutions-missing-privileges-notice", o = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges;
+    return s`<div><calcite-notice class="margin-inline-unset" kind=warning open><div slot=message>${`${o}`}</div><calcite-action icon=information id=${l} slot=actions-end .text=${o}></calcite-action></calcite-notice><calcite-popover label overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${g(this._privilegePopoverRef)}><div class="padding-1 display-flex flex-direction-column"><span class="padding-bottom-1">${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading}</span>${// Leading messages
+    this._getSpanMessages(e, "padding-bottom-1")}${// Bulleted messages
+    this._getBulletedMessages(t)}${// Trailing messages
+    this._getSpanMessages(i, "padding-top-1")}</div></calcite-popover></div>`;
+  }
+  _getSpanMessages(e, t) {
+    return e.length > 0 ? e.map((i) => s`<span class=${p(t)}>${i}</span>`) : "";
+  }
+  _getBulletedMessages(e) {
+    return e.length > 0 ? s`<ul>${e.map((t) => s`<li>${t}</li>`)}</ul>` : "";
   }
   _getScreenshotsRow() {
     const e = this._hideScreenshotsScroll ? "display-none" : "";
-    return s`<calcite-panel><div class="display-flex flex-direction-column">${this._getHeader(this._translations.screenshots)}<div class="scrollable-section max-height-240" @scroll=${() => this._onScreenshotsScroll()} ${_(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=${`align-self-center ${e}`} icon=arrow-down kind=inverse @click=${() => {
+    return s`<calcite-panel><div class="display-flex flex-direction-column">${this._getHeader(this._translations.screenshots)}<div class="scrollable-section max-height-240" @scroll=${() => this._onScreenshotsScroll()} ${g(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=${`align-self-center ${e}`} icon=arrow-down kind=inverse @click=${() => {
       this._scrollSubsection(this._screenshotsBaseHeight, this._screenshotsElement.value);
     }} .text=${this._translations.showMore} text-enabled></calcite-fab></div></calcite-panel>`;
   }
   _getScreenshots() {
     const e = this._itemProperties?.preview || [];
-    return s`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.map((t) => this.card?.id ? s`<calcite-card class="cursor-pointer" .label=${t.alt} @click=${() => this._openScreenshotGallery(t)}><img alt=${t.alt ?? p} slot=thumbnail src=${H(this.card.id || "", t.name, this._authContextProvider.value) ?? p}></calcite-card>` : "")}</calcite-card-group>`;
+    return s`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.map((t) => this.card?.id ? s`<calcite-card class="cursor-pointer" .label=${t.alt} @click=${() => this._openScreenshotGallery(t)}><div class="card-image-wrap" slot=thumbnail><img alt=${t.alt ?? _} class="thumbnail card-image" slot=thumbnail src=${q(this.card.id || "", t.name, this._authContextProvider.value) ?? _}><div class="hover-text">${this._translations.openInGallery}</div></div></calcite-card>` : "")}</calcite-card-group>`;
   }
   _openScreenshotGallery(e) {
-    const t = this._getDialog("solutionSnapshotGallery", "solution-snapshot-gallery");
-    t.auth = this._authContextProvider.value, t.itemProperties = this._itemProperties, t.screenshot = e, t.open = !0;
+    const t = this._screenshotsDialogRef.value;
+    t && (t.screenshot = e, t.open = !0);
   }
   _scrollSubsection(e, t) {
     const i = t.scrollHeight, l = t.scrollTop;
@@ -122,7 +197,7 @@ class O extends w {
   }
   _getYouMayAlsoLikeRow(e) {
     const t = this._hideYouMayAlsoLikeScroll ? "display-none" : "";
-    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.youMayAlsoLike)}<div class="scrollable-section max-height-300" @scroll=${() => this._onYouMayAlsoLikeScroll()} ${_(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row "><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((i) => s`<solution-details-card .card=${i}></solution-details-card>`)}</calcite-card-group></div></div><calcite-fab appearance=outline-fill class=${`align-self-center ${t}`} icon=arrow-down kind=inverse @click=${() => {
+    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.youMayAlsoLike)}<div class="scrollable-section max-height-320" @scroll=${() => this._onYouMayAlsoLikeScroll()} ${g(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row "><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((i) => s`<solution-details-card .card=${i}></solution-details-card>`)}</calcite-card-group></div></div><calcite-fab appearance=outline-fill class=${`align-self-center ${t}`} icon=arrow-down kind=inverse @click=${() => {
       this._scrollSubsection(this._youMayAlsoLikeBaseHeight, this._youMayAlsoLikeElement.value);
     }} .text=${this._translations.showMore} text-enabled></calcite-fab></div>`;
   }
@@ -133,13 +208,9 @@ class O extends w {
   _getHeader(e) {
     return s`<h3><calcite-label scale=l>${e}</calcite-label></h3>`;
   }
-  _deploy() {
-    const e = this._getDialog("solutionDeployDialog", "solution-deploy-dialog");
-    e.open = !0;
-  }
-  _getDialog(e, t) {
-    let i = document.getElementById(e), l = !1;
-    return i || (i = document.createElement(t), i.id = e, l = !0), i.card = this.card, l && document.body.appendChild(i), i;
+  _openDeploy() {
+    const e = this._deployDialogRef.value;
+    e && (e.open = !0);
   }
   _openUrl(e) {
     window.open(e, "_blank");
@@ -151,60 +222,67 @@ class O extends w {
     this.card = e.detail, this._onResize(), await this._getItemData();
   }
   async _getItemData() {
-    const e = this._userSessionContextProvider.value, t = await L(this.card.id, e), i = await k(this.card.id, e);
+    const e = this._userSessionContextProvider.value, t = await T(this.card.id, e), i = await A(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const l = M(t, this.card.typeKeywords, this._authContextProvider.value);
-    this._privileges = e.username ? l : [], console.log(this._privileges), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((o) => {
-      this._userOptions = o, console.log(this._userOptions);
+    const l = E(t, this.card.typeKeywords, this._authContextProvider.value);
+    this._privileges = e.username ? l : [];
+    const o = this._privileges.filter((c) => !this._userPrivileges.includes(c));
+    this._missingPrivilegeMessages = U(this._translations, o), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((c) => {
+      this._userOptions = c, console.log(this._userOptions);
     }), this._templates = t.templates, this.templatesFetched.emit(t.templates);
   }
+  async _getUserPrivileges() {
+    let e = [];
+    const t = this._authContextProvider.value, i = this._userSessionContextProvider.value;
+    return i && t && (e = t.PortalUserPrivileges ? await G(t, i, t?.PortalUserPrivileges) : []), e;
+  }
   formatParams(e) {
-    const t = this._userSessionContextProvider.value, i = [], l = e ? Object.keys(e) : [], r = {
+    const t = this._userSessionContextProvider.value, i = [], l = e ? Object.keys(e) : [], o = {
       id: "",
       props: [],
       accordionDisplay: !1
     };
     if (l.length > 0) {
-      const o = [];
-      return l.forEach((d) => {
-        const n = e[d];
-        n.valueType && n.valueType.toLowerCase() === "itemid" && o.push(this._findExistingItem(d, "Feature Service", t.username || ""));
-      }), Promise.all(o).then((d) => {
-        const n = {};
-        return d.forEach((a) => {
-          if (a.query && a.results && a.results.length > 0) {
-            const f = a.query.split(" ")[0].replace("typekeywords:source-", "");
-            n[f] = {
-              resultId: a.results[0].id,
-              response: a.results[0]
+      const r = [];
+      return l.forEach((c) => {
+        const d = e[c];
+        d.valueType && d.valueType.toLowerCase() === "itemid" && r.push(this._findExistingItem(c, "Feature Service", t.username || ""));
+      }), Promise.all(r).then((c) => {
+        const d = {};
+        return c.forEach((n) => {
+          if (n.query && n.results && n.results.length > 0) {
+            const w = n.query.split(" ")[0].replace("typekeywords:source-", "");
+            d[w] = {
+              resultId: n.results[0].id,
+              response: n.results[0]
             };
           }
-        }), l.forEach((a) => {
-          if (a === "serviceLearnMore") {
-            this._configureLearnMore = e[a], alert(this._configureLearnMore), delete e[a];
+        }), l.forEach((n) => {
+          if (n === "serviceLearnMore") {
+            this._configureLearnMore = e[n], alert(this._configureLearnMore), delete e[n];
             return;
           }
-          e[a].enterpriseIDMapping && (this._customDeploymentMappings[a] = e[a].enterpriseIDMapping), r.id = a, n[a] && (e[a].existingItemId = n[a].resultId, this.updateUserProp(e[a], n[a].response)), this.updateOption(e[a], r, a);
-        }), i.push(r), Promise.resolve(i);
+          e[n].enterpriseIDMapping && (this._customDeploymentMappings[n] = e[n].enterpriseIDMapping), o.id = n, d[n] && (e[n].existingItemId = d[n].resultId, this.updateUserProp(e[n], d[n].response)), this.updateOption(e[n], o, n);
+        }), i.push(o), Promise.resolve(i);
       }).catch(() => Promise.resolve([]));
     } else
       return Promise.resolve([]);
   }
   _findExistingItem(e, t, i) {
     const l = this._userSessionContextProvider.value;
-    return P(`typekeywords:source-${e} type:${t} owner:${i}`, l);
+    return O(`typekeywords:source-${e} type:${t} owner:${i}`, l);
   }
   updateUserProp(e, t) {
-    const i = e.itemType.toLowerCase() === "feature service", l = new RegExp(i ? this._regexFsUrl : e.itemType, "i"), r = b(t, i ? "url" : "type", "") || "", o = r !== "" && l.test(r);
-    return e.responseValue = o ? r : "", e.name = o && h(t, "name") || "", e.title = o && h(t, "title") || "", e.itemType = o ? h(t, "type") : e.itemType, e.validId = o, e.itemUrl = D(t.id, this._authContextProvider.value), o;
+    const i = e.itemType.toLowerCase() === "feature service", l = new RegExp(i ? this._regexFsUrl : e.itemType, "i"), o = y(t, i ? "url" : "type", "") || "", r = o !== "" && l.test(o);
+    return e.responseValue = r ? o : "", e.name = r && m(t, "name") || "", e.title = r && m(t, "title") || "", e.itemType = r ? m(t, "type") : e.itemType, e.validId = r, e.itemUrl = B(t.id, this._authContextProvider.value), r;
   }
   updateOption(e, t, i) {
-    const l = e.default || "", r = typeof l, o = l.toString();
+    const l = e.default || "", o = typeof l, r = l.toString();
     this._setFeatureServiceProps(e);
-    const d = this.getValidation(e, o);
+    const c = this.getValidation(e, r);
     t.props.push({
       id: i,
-      outType: r,
+      outType: o,
       prop: i,
       itemType: e.itemType || "",
       responseValue: e.responseValue || "",
@@ -212,11 +290,11 @@ class O extends w {
       choices: e.choices || [],
       valueType: e.valueType.toLowerCase(),
       attributes: e.attributes || {},
-      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : o,
-      default: o,
-      srSearchText: o,
-      autoSelect: o !== "",
-      ...d,
+      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : r,
+      default: r,
+      srSearchText: r,
+      autoSelect: r !== "",
+      ...c,
       loading: !1,
       validId: !0,
       tooltip: e.tooltip || "",
@@ -226,12 +304,12 @@ class O extends w {
     });
   }
   _setFeatureServiceProps(e) {
-    e.valueType && e.valueType.toLowerCase() === "itemid" && C(e, "attributes.required", "true");
+    e.valueType && e.valueType.toLowerCase() === "itemid" && D(e, "attributes.required", "true");
   }
   getValidation(e, t) {
-    let i = "", l = h(e, "validation.message") || "", r = !0;
-    return h(e, "attributes.required") === "true" && (i = b(e, "validation.expression", "\\S{1,}"), r = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, l = this._translations.configure.invalidID), {
-      valid: r,
+    let i = "", l = m(e, "validation.message") || "", o = !0;
+    return m(e, "attributes.required") === "true" && (i = y(e, "validation.expression", "\\S{1,}"), o = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, l = this._translations.configure.invalidID), {
+      valid: o,
       validation: {
         expression: i,
         message: l
@@ -255,8 +333,21 @@ class O extends w {
     const e = (this._youMayAlsoLikeElement.value?.scrollTop || 0) + this._youMayAlsoLikeBaseHeight;
     e === this._youMayAlsoLikeElement.value?.scrollHeight && !this._hideYouMayAlsoLikeScroll ? this._hideYouMayAlsoLikeScroll = !0 : e < (this._youMayAlsoLikeElement.value?.scrollHeight || 0) && (this._hideYouMayAlsoLikeScroll = !1);
   }
+  _cleanupPanel() {
+    this._privilegePopoverRef.value?.open && (this._privilegePopoverRef.value.open = !1);
+  }
+  _deployProgressStart() {
+    this._deployingDialogRef.value && (this._deployingDialogRef.value.open = !0), this._deployDialogRef.value && this._deployDialogRef.value.classList.add("display-none");
+  }
+  _deployProgessUpdated(e) {
+    const t = e.detail;
+    this._deployingDialogRef.value.deploymentProgress = t.progress;
+  }
+  _closeDialogs() {
+    this._deployingDialogRef.value.close(), this._deployDialogRef.value.open = !1, this._deployDialogRef.value.classList.remove("display-none");
+  }
 }
-y("solution-details-panel", O);
+x("solution-details-panel", ee);
 export {
-  O as SolutionDetailsPanel
+  ee as SolutionDetailsPanel
 };

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

@@ -1,7 +1,13 @@
 import "@esri/calcite-components/components/calcite-panel";
+import "../solution-deploy-dialog/index.js";
+import "../solution-snapshot-gallery/index.js";
+import "../solution-deploying-dialog/index.js";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-popover";
 import "@esri/calcite-components/components/calcite-fab";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-card";

package/dist/components/solution-details-panel/index.js

@@ -1,7 +1,13 @@
 import "@esri/calcite-components/components/calcite-panel";
+import "../solution-deploy-dialog/index.js";
+import "../solution-snapshot-gallery/index.js";
+import "../solution-deploying-dialog/index.js";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-popover";
 import "@esri/calcite-components/components/calcite-fab";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-card";

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

@@ -6,7 +6,7 @@ import { LitElement as n, noShadowRoot as c, safeStyleMap as e } from "@arcgis/l
 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.4 */
+v1.0.6 */
 const b = r`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-accordion/customElement.d.ts

@@ -4,6 +4,8 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode, ToElement } from '@arcgis/lumina';
 
 export declare class SolutionItemAccordion extends LitElement {
+    /** string[]: List of items that have relationship dependencies outside of this solution */
+    itemRelationshipDependencies: string[];
     /**
      * 'action' | 'item': Specifies the type of link that will be used for deployed items.
      *   'item' the items title will be underlined and clicking anywhere on the list item will open the items details page
@@ -14,10 +16,10 @@ export declare class SolutionItemAccordion extends LitElement {
     linkType: 'action' | 'item';
     /**
      * Specifies the selection mode of the item-type lists used in the component, where:
-     *   "multiple" allows any number of selections,
-     *   "single" allows only one selection,
-     *   "single-persist" allows one selection and prevents de-selection, and
-     *   "none" does not allow any selections (default)
+     *   'multiple' allows any number of selections,
+     *   'single' allows only one selection,
+     *   'single-persist' allows one selection and prevents de-selection, and
+     *   'none' does not allow any selections (default)
      *
      * @default 'none'
      */
@@ -30,12 +32,12 @@ export declare class SolutionItemAccordion extends LitElement {
     collapseAll(): Promise<void>;
     /**
      * Deselects all items in the accordion and closes the accordion item containing it.
-     * Only applies when selectionMode is "single" or "single-persist".
+     * Only applies when selectionMode is 'single' or 'single-persist'.
      */
     deselectAll(): Promise<void>;
     /**
      * Selects an item in the accordion and expands the accordion item containing it.
-     * Only applies when selectionMode is "single" or "single-persist".
+     * Only applies when selectionMode is 'single' or 'single-persist'.
      *
      * @param id the id of the item to select
      */

package/dist/components/solution-item-accordion/customElement.js

@@ -1,11 +1,11 @@
 import { c } from "../../chunks/runtime.js";
 import { u as a } from "../../chunks/useT9n.js";
-import { html as l, nothing as d } from "lit";
-import { LitElement as p, createEvent as n } from "@arcgis/lumina";
+import { html as n, nothing as d } from "lit";
+import { LitElement as p, createEvent as l } 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.4 */
+v1.0.6 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *
@@ -23,7 +23,7 @@ const m = h`/** @license
  */:host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color: var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}.solution-list-item-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1)}.solution-list-item-label,.solution-list-item-description{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.solution-list-item-description{font-size:var(--calcite-font-size--2);margin-block-start:.125rem;color:var(--calcite-color-text-3)}.solution-list-item-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:1.375}.underline{text-decoration:underline}`;
 class u extends p {
   constructor() {
-    super(...arguments), this.linkType = "item", this.listSelectionMode = "none", this.templateInfos = [], this.typeKeywords = [], this._sortedTemplateInfos = [], this._translations = a({ name: "solution-item-accordion", blocking: !0 }), this._sortOrder = [
+    super(...arguments), this.itemRelationshipDependencies = [], this.linkType = "item", this.listSelectionMode = "none", this.templateInfos = [], this.typeKeywords = [], this._sortedTemplateInfos = [], this._translations = a({ name: "solution-item-accordion", blocking: !0 }), this._sortOrder = [
       "Hub Site Application",
       "Hub Page",
       "Web Experience",
@@ -56,10 +56,10 @@ class u extends p {
       "Report Template",
       "Rule Package",
       "Group"
-    ], this.solutionItemHover = n(), this.solutionItemSelect = n(), this.solutionTypeHover = n();
+    ], this.solutionItemHover = l(), this.solutionItemSelect = l(), this.solutionTypeHover = l();
   }
   static {
-    this.properties = { linkType: 1, listSelectionMode: 1, templateInfos: 0, typeKeywords: 0, _sortedTemplateInfos: 16, _translations: 16 };
+    this.properties = { itemRelationshipDependencies: 0, linkType: 1, listSelectionMode: 1, templateInfos: 0, typeKeywords: 0, _sortedTemplateInfos: 16, _translations: 16 };
   }
   static {
     this.styles = m;
@@ -88,6 +88,9 @@ class u extends p {
   async load() {
     this._sortedTemplateInfos = this._sortTemplates();
   }
+  loaded() {
+    this.expandDependencyItem();
+  }
   render() {
     return this._getAccordion();
   }
@@ -101,21 +104,21 @@ class u extends p {
       const o = this._getTypeForDisplay(s.type, s.typeKeywords);
       return e.indexOf(o) < 0 && (e.push(o), t.push(this._getAccordionItem(s))), t;
     }, []);
-    return l`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
+    return n`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
   }
   _getAccordionItem(e) {
     const i = this._getTypeForDisplay(e.type, e.typeKeywords), t = this._sortedTemplateInfos.filter((s) => this._getTypeForDisplay(s.type, s.typeKeywords) === i);
-    return l`<calcite-accordion-item .description=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
+    return n`<calcite-accordion-item .description=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
   }
   _getList(e) {
     const i = this._sortTemplatesByTitle(e);
-    return l`<calcite-list label selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
+    return n`<calcite-list label selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
   }
   _getListItem(e) {
     const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action";
-    return l`<calcite-list-item id=${e.id ?? d} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
+    return n`<calcite-list-item id=${e.id ?? d} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
       this._deselectOthers(e.id), this.solutionItemSelect.emit({ itemId: e.id, selected: !0 }), i && !t && window.open(e.url, "_blank");
-    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${i && t ? l`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
+    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && n`<calcite-chip slot=actions-end .label=${this._translations?.itemDependency}>${this._translations?.itemDependency}</calcite-chip>` || ""}${i && t ? n`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
   }
   _sortTemplatesByTitle(e) {
     return e.sort((i, t) => i.title < t.title ? -1 : i.title > t.title ? 1 : 0);
@@ -138,6 +141,11 @@ class u extends p {
     }
     return e === "Web Mapping Application" && (t = i.indexOf("configurableApp") > -1 ? "Instant App" : t), t = e === "Geoprocessing Service" ? "Tool" : t, t = e === "Feed" ? "Feed (hosted)" : t, t = e === "Real Time Analytic" ? "Real Time Analytic (hosted)" : t, t = e === "Big Data Analytic" ? "Big Data Analytic (hosted)" : t, t = e === "Vector Tile Service" ? "Tile Layer" : t, t;
   }
+  expandDependencyItem() {
+    this.itemRelationshipDependencies.length > 0 && this._sortedTemplateInfos.forEach((e) => {
+      this.itemRelationshipDependencies.some((i) => i === e.id) && this.selectItem(e.id);
+    });
+  }
 }
 c("solution-item-accordion", u);
 export {

package/dist/components/solution-item-accordion/index.d.ts

@@ -3,6 +3,7 @@ import "@esri/calcite-components/components/calcite-accordion-item";
 import "../solution-item-icon/index.js";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

package/dist/components/solution-item-accordion/index.js

@@ -3,6 +3,7 @@ import "@esri/calcite-components/components/calcite-accordion-item";
 import "../solution-item-icon/index.js";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

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

@@ -7,7 +7,7 @@ import { LitElement as r, noShadowRoot as c } 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.4 */
+v1.0.6 */
 const p = h`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-diagram/customElement.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { SolutionDisplay } from './utils/SolutionDisplay';
 import { ITemplateInfoGraph } from './utils/solutionGraph';
 
 export declare class SolutionItemDiagram extends LitElement {