@esri/solutions-components 1.0.0-next.20250623 → 1.0.1

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

@@ -1,20 +1,20 @@
 import { c as y } 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 g } from "lit-html/directives/ref.js";
-import { LitElement as w, useContextProvider as u, createEvent as _, safeClassMap as c, nothing as p } from "@arcgis/lumina";
+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 M } from "@esri/solution-common";
-import { a as C } from "../../chunks/privilegeUtils.js";
-import { _findExistingItem as I } from "@esri/solution-deployer";
-import { a as P } from "../../chunks/helpers.js";
-import { a as T, p as A, l as U } from "../../chunks/appConfig.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";
 /*! 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.20250623 */
-const H = R`/** @license
+v1.0.1 */
+const U = R`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,22 +28,22 @@ const H = 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}`;
-class D 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}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 {
   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 = _(), this.itemPropertiesFetched = _(), 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 = 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);
   }
   static {
     this.properties = { card: 0, open: 5, _hideScreenshotsScroll: 16, _hideYouMayAlsoLikeScroll: 16, isMobile: 16, _itemProperties: 16, _templates: 16, _translations: 16 };
   }
   static {
-    this.styles = H;
+    this.styles = U;
   }
   async connectedCallback() {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this.listenOn(this._mediaQuery, "change", this._mediaQueryChange);
   }
   async load() {
-    const e = new E(T, A, U);
+    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);
   }
   loaded() {
@@ -64,17 +64,21 @@ class D extends w {
   }
   _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()} ${g(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()} ${_(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) => s`<calcite-card .label=${t.alt}><img alt=${t.alt ?? p} slot=thumbnail src=${this._getItemResourceUrl(this.card?.id || "", t.name) ?? 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)}><img alt=${t.alt ?? p} slot=thumbnail src=${H(this.card.id || "", t.name, this._authContextProvider.value) ?? p}></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;
   }
   _scrollSubsection(e, t) {
-    const i = t.scrollHeight, a = t.scrollTop;
-    e <= a && (e = a + e), t.scrollTop = i > e ? e : i;
+    const i = t.scrollHeight, l = t.scrollTop;
+    e <= l && (e = l + e), t.scrollTop = i > e ? e : i;
   }
   _getDescriptionRow() {
     return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.description)}<p .innerHTML=${this.card?.description ?? ""}></p><div class="display-flex flex-direction-row">${this.card?.learnMoreUrl ? s`<calcite-link class="padding-end-2" icon-end=share @click=${() => {
@@ -118,7 +122,7 @@ class D 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()} ${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=${() => {
+    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=${() => {
       this._scrollSubsection(this._youMayAlsoLikeBaseHeight, this._youMayAlsoLikeElement.value);
     }} .text=${this._translations.showMore} text-enabled></calcite-fab></div>`;
   }
@@ -130,9 +134,12 @@ class D extends w {
     return s`<h3><calcite-label scale=l>${e}</calcite-label></h3>`;
   }
   _deploy() {
-    const e = "solutionDeployDialog";
-    let t = document.getElementById(e), i = !1;
-    t || (t = document.createElement("solution-deploy-dialog"), t.id = e, i = !0), t.card = this.card, i && document.body.appendChild(t), t.open = !0;
+    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;
   }
   _openUrl(e) {
     window.open(e, "_blank");
@@ -146,53 +153,53 @@ class D extends w {
   async _getItemData() {
     const e = this._userSessionContextProvider.value, t = await L(this.card.id, e), i = await k(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const a = C(t, this.card.typeKeywords, this._authContextProvider.value);
-    this._privileges = e.username ? a : [], console.log(this._privileges), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((o) => {
+    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);
     }), this._templates = t.templates, this.templatesFetched.emit(t.templates);
   }
   formatParams(e) {
-    const t = this._userSessionContextProvider.value, i = [], a = e ? Object.keys(e) : [], r = {
+    const t = this._userSessionContextProvider.value, i = [], l = e ? Object.keys(e) : [], r = {
       id: "",
       props: [],
       accordionDisplay: !1
     };
-    if (a.length > 0) {
+    if (l.length > 0) {
       const o = [];
-      return a.forEach((d) => {
+      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((l) => {
-          if (l.query && l.results && l.results.length > 0) {
-            const f = l.query.split(" ")[0].replace("typekeywords:source-", "");
+        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: l.results[0].id,
-              response: l.results[0]
+              resultId: a.results[0].id,
+              response: a.results[0]
             };
           }
-        }), a.forEach((l) => {
-          if (l === "serviceLearnMore") {
-            this._configureLearnMore = e[l], alert(this._configureLearnMore), delete e[l];
+        }), l.forEach((a) => {
+          if (a === "serviceLearnMore") {
+            this._configureLearnMore = e[a], alert(this._configureLearnMore), delete e[a];
             return;
           }
-          e[l].enterpriseIDMapping && (this._customDeploymentMappings[l] = e[l].enterpriseIDMapping), r.id = l, n[l] && (e[l].existingItemId = n[l].resultId, this.updateUserProp(e[l], n[l].response)), this.updateOption(e[l], r, l);
+          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);
       }).catch(() => Promise.resolve([]));
     } else
       return Promise.resolve([]);
   }
   _findExistingItem(e, t, i) {
-    const a = this._userSessionContextProvider.value;
-    return I(`typekeywords:source-${e} type:${t} owner:${i}`, a);
+    const l = this._userSessionContextProvider.value;
+    return P(`typekeywords:source-${e} type:${t} owner:${i}`, l);
   }
   updateUserProp(e, t) {
-    const i = e.itemType.toLowerCase() === "feature service", a = new RegExp(i ? this._regexFsUrl : e.itemType, "i"), r = b(t, i ? "url" : "type", "") || "", o = r !== "" && a.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 = this._getItemUrl(t.id), o;
+    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;
   }
   updateOption(e, t, i) {
-    const a = e.default || "", r = typeof a, o = a.toString();
+    const l = e.default || "", r = typeof l, o = l.toString();
     this._setFeatureServiceProps(e);
     const d = this.getValidation(e, o);
     t.props.push({
@@ -218,28 +225,16 @@ class D extends w {
       itemUrl: e.itemUrl || ""
     });
   }
-  _getItemUrl(e) {
-    const t = this._getOrgUrl(), i = P([{ k: "id", v: e }]) || "";
-    return t ? `${t}/home/item.html${i}` : "";
-  }
-  _getItemResourceUrl(e, t) {
-    const i = this._getOrgUrl();
-    return i ? `${i}/sharing/rest/content/items/${e}/resources/${t}` : "";
-  }
-  _getOrgUrl() {
-    const e = this._authContextProvider.value;
-    return e?.PortalSubset?.orgUrl || e?.PortalUrl || "";
-  }
   _setFeatureServiceProps(e) {
-    e.valueType && e.valueType.toLowerCase() === "itemid" && M(e, "attributes.required", "true");
+    e.valueType && e.valueType.toLowerCase() === "itemid" && C(e, "attributes.required", "true");
   }
   getValidation(e, t) {
-    let i = "", a = 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, a = this._translations.configure.invalidID), {
+    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,
       validation: {
         expression: i,
-        message: a
+        message: l
       }
     };
   }
@@ -261,7 +256,7 @@ class D extends w {
     e === this._youMayAlsoLikeElement.value?.scrollHeight && !this._hideYouMayAlsoLikeScroll ? this._hideYouMayAlsoLikeScroll = !0 : e < (this._youMayAlsoLikeElement.value?.scrollHeight || 0) && (this._hideYouMayAlsoLikeScroll = !1);
   }
 }
-y("solution-details-panel", D);
+y("solution-details-panel", O);
 export {
-  D as SolutionDetailsPanel
+  O as SolutionDetailsPanel
 };

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.0-next.20250623 */
+v1.0.1 */
 const b = r`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as p, createEvent as n } 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.20250623 */
+v1.0.1 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *

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.0-next.20250623 */
+v1.0.1 */
 const p = h`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import * as c from "gojs";
 import { injectGlobal as P } from "@emotion/css";
 /*! 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.20250623 */
+v1.0.1 */
 const $ = A`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { LitElement as p, noShadowRoot as u, nothing as c } from "@arcgis/lumina
 import { css as d } 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.20250623 */
+v1.0.1 */
 const g = d`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { LitElement as h } from "@arcgis/lumina";
 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.20250623 */
+v1.0.1 */
 const d = p`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-organization-variables/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as n, createEvent as o } from "@arcgis/lumina";
 import { css as l } 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.20250623 */
+v1.0.1 */
 const c = l`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { LitElement as u, safeStyleMap as p, safeClassMap as m } from "@arcgis/l
 import { css as f } 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.20250623 */
+v1.0.1 */
 const _ = f`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-snapshot-gallery/customElement.d.ts

@@ -1,5 +1,29 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { IItemPreview, IItemProperties, ISolutionInfoCard } from '../../utils/interfaces';
+import { Auth } from '../../utils/Auth';
+import { PropertyValues } from 'lit';
 
 export declare class SolutionSnapshotGallery extends LitElement {
+    /** The authentication from global nav */
+    authContextConsumer: import('@lit/context').ContextConsumer<{
+        __context__: Auth;
+    }, HTMLElement & import('lit').ReactiveControllerHost>;
+    /**
+     * The authentication
+     * TODO this should not be necessary as we should get this from the authContextConsumer but it's not working in this case for some reason
+     */
+    auth: Auth | undefined;
+    /** Key details about the solution */
+    card: ISolutionInfoCard | undefined;
+    /** The current screenshot to display the large image for */
+    screenshot: IItemPreview | undefined;
+    /** Key item properties */
+    itemProperties: IItemProperties | undefined;
+    /**
+     * boolean: when true the dialog is open
+     *
+     * @default false
+     */
+    open: boolean;
 }

package/dist/components/solution-snapshot-gallery/customElement.js

@@ -1,12 +1,15 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as s } from "../../chunks/useT9n.js";
-import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { c as o } from "../../chunks/runtime.js";
+import { u as a } from "../../chunks/useT9n.js";
+import { LitElement as r, useContextConsumer as c, nothing as s } from "@arcgis/lumina";
+import { g as l } from "../../chunks/common.js";
+import { a as h } from "../../chunks/deployAppContexts.js";
+import { css as d } from "@lit/reactive-element/css-tag.js";
+import { createRef as p, ref as g } from "lit-html/directives/ref.js";
+import { html as t } from "lit";
 /*! 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.20250623 */
-const r = n`@layer{/** @license
+v1.0.1 */
+const m = d`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +23,50 @@ const r = n`@layer{/** @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.
- */}`;
-class a extends i {
+ */.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1,.padding-top-1-2{padding-top:1rem}`;
+class u extends r {
   constructor() {
-    super(...arguments), this._translations = s({ name: "solution-snapshot-gallery", blocking: !0 });
+    super(...arguments), this.authContextConsumer = c({
+      context: h,
+      subscribe: !0
+    }), this.open = !1, this._translations = a({ name: "solution-snapshot-gallery", blocking: !0 }), this._displayText = "", this._paginationControl = p(), this._screenshotNames = [], this._screenshots = [];
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { authContextConsumer: 0, auth: 0, card: 0, screenshot: 0, itemProperties: 0, open: 5, _translations: 16 };
   }
   static {
-    this.styles = r;
+    this.styles = m;
   }
-  static {
-    this.shadowRootOptions = o;
+  willUpdate(e) {
+    e.has("screenshot") && this.screenshot && (this._displayText = this.screenshot.alt), e.has("itemProperties") && this.itemProperties && (this._screenshots = this.itemProperties.preview, this._screenshotNames = this._screenshots.map((i) => i.name));
   }
   render() {
-    return t`<calcite-dialog></calcite-dialog>`;
+    return t`<calcite-dialog class="footer-override" .heading=${this.card?.title} modal @calciteDialogClose=${() => this.open = !1} .open=${this.open} outside-close-disabled width=l>${this._getScreenshotView()}${this._getFooter()}</calcite-dialog>`;
+  }
+  _getScreenshotView() {
+    return this.screenshot ? t`<div class="display-flex justify-content-center">${this._getImage(this.screenshot)}</div>` : "";
+  }
+  _getFooter() {
+    const e = this._screenshotNames.indexOf(this.screenshot?.name || "");
+    return t`<div class="footer" slot=footer><div class="display-flex align-items-center padding-start-1 padding-top-1-2"><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${e + 1} total-items=${this.itemProperties?.preview.length ?? s} ${g(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
+  }
+  _changeScreenshot() {
+    this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
+  }
+  _getCards() {
+    return t`<calcite-card-group class="card-group padding-start-1 padding-end-1 padding-bottom-1" label selection-mode=single>${this._screenshots.map((e) => t`<calcite-card class="footer-card" .label=${e.alt} @click=${() => this._showScreenshot(e)} .selected=${e.name === this.screenshot?.name}>${this._getImage(e, "thumbnail")}</calcite-card>`)}</calcite-card-group>`;
+  }
+  _getImage(e, i) {
+    return t`<img alt=${e.alt ?? s} slot=${i ?? s} src=${this._getSource(this.auth, this.card?.id || "", e.name) ?? s}>`;
+  }
+  _showScreenshot(e) {
+    this.screenshot = e;
+  }
+  _getSource(e, i, n) {
+    return e ? l(i || "", n, e) : "";
   }
 }
-e("solution-snapshot-gallery", a);
+o("solution-snapshot-gallery", u);
 export {
-  a as SolutionSnapshotGallery
+  u as SolutionSnapshotGallery
 };

package/dist/components/solution-snapshot-gallery/index.d.ts

@@ -1,2 +1,6 @@
 import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-pagination";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-card";
 export * from "./customElement.js";

package/dist/components/solution-snapshot-gallery/index.js

@@ -1,2 +1,6 @@
 import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-pagination";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-card";
 export * from "./customElement.js";

package/dist/components/solution-spatial-ref/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as u, createEvent as c, noShadowRoot as m } from "@arcgis/lu
 import { css as b } 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.20250623 */
+v1.0.1 */
 const S = b`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-template-data/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as p, noShadowRoot as u, safeClassMap as s } from "@arcgis/l
 import { css as m } 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.20250623 */
+v1.0.1 */
 const v = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as l, createEvent as c } from "@arcgis/lumina";
 import { css as o } 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.20250623 */
+v1.0.1 */
 const h = o`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-all-panel/customElement.js

@@ -10,7 +10,7 @@ import { c as x } from "../../chunks/helpers.js";
 import { request as P, getWorkflowBaseURL as b, getWorkflowManagerAuthorized as N } from "@esri/solution-common";
 /*! 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.20250623 */
+v1.0.1 */
 const F = v`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-all-shell/customElement.js

@@ -10,7 +10,7 @@ import { createRef as C, ref as k } from "lit/directives/ref.js";
 import { A as $ } from "../../chunks/Auth.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.20250623 */
+v1.0.1 */
 const P = m`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-article-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as n } from "@arcgis/lumina";
 import { css as o } 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.20250623 */
+v1.0.1 */
 const r = o`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-articles/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } 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.20250623 */
+v1.0.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-articles-shell/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } 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.20250623 */
+v1.0.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-deployed-panel/customElement.js

@@ -1,16 +1,16 @@
 import { c as l } from "../../chunks/runtime.js";
 import { html as s, svg as n } from "lit-html";
 import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as d, useContextConsumer as o, createEvent as c, nothing as u } from "@arcgis/lumina";
-import { css as p } from "@lit/reactive-element/css-tag.js";
-import { C as i, g as m } from "../../chunks/cardFetchingUtils.js";
+import { LitElement as d, useContextConsumer as r, createEvent as c, nothing as u } from "@arcgis/lumina";
+import { css as m } from "@lit/reactive-element/css-tag.js";
+import { C as i, g as p } from "../../chunks/cardFetchingUtils.js";
 import { a as g, u as _ } from "../../chunks/deployAppContexts.js";
-import { B as r, p as y, q as C, r as w } from "../../chunks/interfaces.js";
-import { g as f } from "../../chunks/privilegeUtils.js";
+import { B as o, p as y, q as C, r as f } from "../../chunks/interfaces.js";
+import { g as w } from "../../chunks/privilegeUtils.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.20250623 */
-const S = p`/** @license
+v1.0.1 */
+const S = m`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,13 +27,13 @@ const S = p`/** @license
  */calcite-panel{width:100%;height:100%}.card-group{overflow:hidden;padding:.5rem}.solutions-briefcase{margin:auto;padding-top:2rem}.text-center{text-align:center}.leader-1{margin-top:1.5rem}.trailer-1{margin-bottom:1.5rem}.warning-text{max-width:35em;margin-left:auto;margin-right:auto}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.display-flex{display:flex}.flex-direction-column{flex-direction:column}`;
 class x extends d {
   constructor() {
-    super(), this.authContextConsumer = o({
+    super(), this.authContextConsumer = r({
       context: g,
       subscribe: !0
-    }), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "created", this.userSessionContextConsumer = o({
+    }), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "created", this.userSessionContextConsumer = r({
       context: _,
       subscribe: !0
-    }), this.cards = [], this._showDeleteCompleteAlert = !1, this._translations = h({ name: "solutions-deployed-panel", blocking: !0 }), this._allCards = [], this._agoTerms = r, this._baseAgoTerms = r, this._categories = [], this._delay = !1, this._isOrgAdmin = !1, this._owner = y.OWNER, this._sortField = "created", this._sortOrder = "desc", this.deployedCardsFetched = c(), this.listenOn(window, "solutionDeleted", this.reload);
+    }), this.cards = [], this._showDeleteCompleteAlert = !1, this._translations = h({ name: "solutions-deployed-panel", blocking: !0 }), this._allCards = [], this._agoTerms = o, this._baseAgoTerms = o, this._categories = [], this._delay = !1, this._isOrgAdmin = !1, this._owner = y.OWNER, this._sortField = "created", this._sortOrder = "desc", this.deployedCardsFetched = c(), this.listenOn(window, "solutionDeleted", this.reload);
   }
   static {
     this.properties = { authContextConsumer: 32, agoSolutionsGroupId: 1, enterpriseSolutionsGroupId: 1, locale: 1, orgUrl: 1, portalUrl: 1, sortType: 1, userSessionContextConsumer: 32, cards: 16, _showDeleteCompleteAlert: 16, _translations: 16 };
@@ -56,7 +56,7 @@ class x extends d {
     e ? "searchTerm" in e ? this._textSearch(e.searchTerm) : "sortType" in e ? this._sortCards(e) : this._filterCards(e) : (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories()), await this._getDeployedSolutions();
   }
   async load() {
-    this._cardsFetcher = new i(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new i(this.locale, this.orgUrl, this.portalUrl), this._isOrgAdmin = f(this.authContextConsumer.value), await this._getDeployedSolutions();
+    this._cardsFetcher = new i(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new i(this.locale, this.orgUrl, this.portalUrl), this._isOrgAdmin = w(this.authContextConsumer.value), await this._getDeployedSolutions();
   }
   render() {
     return s`<calcite-panel><calcite-card-group class="card-group" label>${this._renderCards()}</calcite-card-group><calcite-alert auto-close auto-close-duration=fast icon=check-circle kind=success .label=${this._translations.deleteComplete} .open=${this._showDeleteCompleteAlert} @calciteAlertClose=${() => {
@@ -64,11 +64,11 @@ class x extends d {
     }}><div slot=title>${this._translations.deleteComplete}</div></calcite-alert></calcite-panel>`;
   }
   _renderCards() {
-    return this.cards.length ? this.cards.map((e) => s`<solution-deployed-card .allowDelete=${this._isOrgAdmin || e.owner === this.userSessionContextConsumer.value.username} .deployedDate=${e.created} .description=${e.snippet} .heading=${e.title} itemId=${e.id ?? u} .owner=${e.owner} .thumbnail=${e.thumbnailUrl} .card=${e}></solution-deployed-card>`) : s`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1 display-flex flex-direction-column"><span>${this._translations.noSolutionsYet}</span><span>${this._translations.noSolutionsInstruction}</span></div></div>`;
+    return this.cards.length ? this.cards.map((e) => s`<solution-deployed-card .allowDelete=${this._isOrgAdmin || e.owner === this.userSessionContextConsumer.value.username || this.checkDeletePermissions()} .deployedDate=${e.created} .description=${e.snippet} .heading=${e.title} itemId=${e.id ?? u} .owner=${e.owner} .thumbnail=${e.thumbnailUrl} .card=${e}></solution-deployed-card>`) : s`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1 display-flex flex-direction-column"><span>${this._translations.noSolutionsYet}</span><span>${this._translations.noSolutionsInstruction}</span></div></div>`;
   }
   async _getDeployedSolutions() {
-    const e = await m(this.authContextConsumer.value, this.userSessionContextConsumer.value, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards, this._owner);
-    this.cards = e?.cards ?? [], console.log(this.cards), e?.relatedSolutions && (this._relatedSolutions = e.relatedSolutions, console.log(this._relatedSolutions)), this.deployedCardsFetched.emit(this.cards.length);
+    const e = await p(this.authContextConsumer.value, this.userSessionContextConsumer.value, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards, this._owner);
+    this.cards = e?.cards ?? [], e?.relatedSolutions && (this._relatedSolutions = e.relatedSolutions, console.log(this._relatedSolutions)), this.deployedCardsFetched.emit(this.cards.length);
   }
   _getSolutionsBriefcase() {
     return s`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${n`<path d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" fill=#ccc /><path d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" fill=#ccc />`}</svg></div>`;
@@ -96,11 +96,15 @@ class x extends d {
     return C[e];
   }
   _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : w[e];
+    return e === "AEC" ? "AEC" : f[e];
   }
   _clearFilterCategories() {
     this._categories = [];
   }
+  checkDeletePermissions() {
+    const e = this.authContextConsumer.value;
+    return e?.PortalUserPrivileges && e.PortalUserPrivileges.length > 0 ? e.PortalUserPrivileges.some((t) => t === "portal:admin:deleteItems") : !1;
+  }
 }
 l("solutions-deployed-panel", x);
 export {