@esri/solutions-components 1.1.0-next.20250828.3 → 1.1.0-next.20250905

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

@@ -8,7 +8,7 @@ import { p as u } from "../../chunks/prepareDataForSolutionDisplay.js";
 import { createRef as a, ref as o } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const m = n`/** @license
  * Copyright 2025 Esri
  *
@@ -69,9 +69,9 @@ class f extends h {
     return t`<div class="display-flex align-items-center"><div class="padding-end-1-2"><svg height=16px viewBox="0 0 32 32" width=16px xmlns=http://www.w3.org/2000/svg>${c`<path class="svg-color" 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" /><path class="svg-color" 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" />`}</svg></div><calcite-label class="deployed-label-override" scale=s>${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
   }
   _getConfigureButton() {
-    return t`<calcite-split-button appearance=outline @calciteSplitButtonPrimaryClick=${() => {
+    return t`<calcite-split-button appearance=outline kind=neutral @calciteSplitButtonPrimaryClick=${() => {
       this._isConfigureOpen = !0;
-    }} @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.openSolution ?? 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>`;
+    }} @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.openSolution ?? i} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</calcite-dropdown-item><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</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 this._isDeleteOpen ? t`<solution-delete-dialog .card=${this.card} @solutionDeleteDialogOpen=${(e) => {
@@ -106,7 +106,7 @@ class f extends h {
   _openUserProfile(e) {
     e.stopPropagation();
     const l = this._authContextConsumer.value?.PortalSubset?.orgUrl;
-    l && window.open(`${l}/home/user.html`, "_blank");
+    l && window.open(`${l}/home/user.html?user=${this.owner}`, "_blank");
   }
   async _processTemplates(e) {
     return await u(e.id, this._userSessionContextConsumer.value);

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

@@ -5,7 +5,7 @@ import { LitElement as c } from "@arcgis/lumina";
 import { createRef as r, ref as h } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const d = s`/** @license
  * Copyright 2025 Esri
  *

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

@@ -3,6 +3,7 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 import { ISolutionInfoCard } from '../../utils/interfaces';
 
 export declare class SolutionDetailsCard extends LitElement {
+    /** The solutions card */
     card: ISolutionInfoCard | undefined;
     /** Emitted on demand when the details card is selected. */
     readonly detailsCardSelected: TargetedEvent<this, ISolutionInfoCard>;

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

@@ -1,11 +1,12 @@
-import { c as s } from "../../chunks/runtime.js";
-import { css as l, html as a } from "lit";
-import { u as r } from "../../chunks/useT9n.js";
-import { LitElement as n, createEvent as d, nothing as c, safeClassMap as h } from "@arcgis/lumina";
+import { c as r } from "../../chunks/runtime.js";
+import { css as s, html as i } from "lit";
+import { u as l } from "../../chunks/useT9n.js";
+import { LitElement as n, createEvent as d, nothing as a, safeClassMap as h } from "@arcgis/lumina";
+import { a as p } from "../../chunks/cardsHelpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
-const p = l`/** @license
+v1.1.0-next.20250905 */
+const m = s`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,26 +20,33 @@ const p = l`/** @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.
- */calcite-card{width:240px;height:100%;padding-bottom:2px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(20%);filter:brightness(20%);-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}.chip-updated{--calcite-chip-icon-color: var(--calcite-ui-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.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%;font-size:1.2rem}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.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}`;
-class m extends n {
+ */calcite-card{width:240px;height:100%;padding-bottom:2px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(20%);filter:brightness(20%);-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}.chip-updated{--calcite-chip-icon-color: var(--calcite-ui-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.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%;font-size:1.2rem}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.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}a{text-decoration:none;color:inherit;outline:0;padding:0;margin:0;display:inherit}`;
+class u extends n {
   constructor() {
-    super(...arguments), this._translations = r({ name: "solution-details-card", blocking: !0 }), this.detailsCardSelected = d();
+    super(...arguments), this._translations = l({ name: "solution-details-card", blocking: !0 }), this.detailsCardSelected = d();
   }
   static {
     this.properties = { card: 0, _translations: 16 };
   }
   static {
-    this.styles = p;
+    this.styles = m;
   }
   render() {
-    const e = this.card, o = e.chip === "updated" ? "chip-updated" : this.card.chip === "deployed" ? "chip-deployed" : "", i = "solution-details-card-chip", t = e.chip === "updated" ? this._translations.updated : this._translations.deployed;
-    return a`<calcite-card .label=${e.snippet} @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? c} class="thumbnail card-image" src=${e.thumbnailUrl ?? c}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chip !== "none" ? a`<div slot=footer-end><calcite-chip class=${h(o)} .icon=${e.chip === "updated" ? "mega-phone" : "check-circle"} id=${i} .label=${t} .value=${t} scale=s></calcite-chip><calcite-tooltip .referenceElement=${i}><span>${t}</span></calcite-tooltip></div>` : void 0}<div slot=footer-start></div></calcite-card>`;
+    const e = p(this.card.title);
+    return i`<a href=${e ?? a} @click=${this._anchorClick}>${this._renderCard()}</a>`;
+  }
+  _anchorClick(e) {
+    e.preventDefault();
   }
   _cardSelected() {
     this.detailsCardSelected.emit(this.card);
   }
+  _renderCard() {
+    const e = this.card, c = e.chip === "updated" ? "chip-updated" : this.card.chip === "deployed" ? "chip-deployed" : "", o = "solution-details-card-chip", t = e.chip === "updated" ? this._translations.updated : this._translations.deployed;
+    return i`<calcite-card .label=${e.snippet} @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? a} class="thumbnail card-image" src=${e.thumbnailUrl ?? a}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chip !== "none" ? i`<div slot=footer-end><calcite-chip class=${h(c)} .icon=${e.chip === "updated" ? "mega-phone" : "check-circle"} id=${o} .label=${t} .value=${t} scale=s></calcite-chip><calcite-tooltip .referenceElement=${o}><span>${t}</span></calcite-tooltip></div>` : void 0}<div slot=footer-start></div></calcite-card>`;
+  }
 }
-s("solution-details-card", m);
+r("solution-details-card", u);
 export {
-  m as SolutionDetailsCard
+  u as SolutionDetailsCard
 };

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

@@ -2,22 +2,10 @@
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { IItemTemplate } from '@esri/solution-common';
 import { IItemProperties, IPrivilegeMessages, ISolutionInfoCard } from '../../utils/interfaces';
-import { Auth } from '../../utils/Auth';
 
 export declare class SolutionDetailsPanel extends LitElement {
-    /** App config to use when useLocalAppConfig is false */
-    appConfig: any;
-    /** Optional authentication, when not provided the local appConfig details will be used */
-    authentication: Auth | undefined;
     /** Key details about the solution */
     card: ISolutionInfoCard | undefined;
-    /**
-     * When true the local appConfig will be used over anything that was passed in.
-     * This is used for local debugging.
-     *
-     * @default false
-     */
-    useLocalAppConfig: boolean;
     /** 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 */

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

@@ -1,20 +1,18 @@
-import { c as v } from "../../chunks/runtime.js";
-import { css as b, html as o } from "lit";
+import { c as b } from "../../chunks/runtime.js";
+import { css as v, html as s } from "lit";
 import { u as x } from "../../chunks/useT9n.js";
 import { createRef as h, ref as p } from "lit-html/directives/ref.js";
 import { LitElement as w, createEvent as m, safeClassMap as d, nothing as g, safeStyleMap as $ } from "@arcgis/lumina";
-import { useContextProvider as _ } from "@arcgis/lumina/context";
-import { a as S, i as P, u as R } from "../../chunks/deployAppContexts.js";
-import { getItemDataAsJson as M, getItem as k, getPropWithDefault as f, getProp as u, setCreateProp as L } from "@esri/solution-common";
-import { a as C, b as I } from "../../chunks/privilegeUtils.js";
-import { _findExistingItem as A } from "@esri/solution-deployer";
-import { _ as D } from "../../chunks/appConfig.js";
-import { A as T } from "../../chunks/Auth.js";
-import { g as H, a as E } from "../../chunks/common.js";
+import { useContextConsumer as _ } from "@arcgis/lumina/context";
+import { a as R, u as k } from "../../chunks/deployAppContexts.js";
+import { getItemDataAsJson as M, getItem as P, getPropWithDefault as f, getProp as u, setCreateProp as L } from "@esri/solution-common";
+import { a as S, b as C } from "../../chunks/privilegeUtils.js";
+import { _findExistingItem as D } from "@esri/solution-deployer";
+import { g as T, a as A } from "../../chunks/common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
-const U = b`/** @license
+v1.1.0-next.20250905 */
+const I = v`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,22 +26,25 @@ const U = b`/** @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}ul{list-style-type:disc;margin-block-start:0px;margin-block-end:0px}calcite-label{--calcite-label-margin-bottom: 0px}.title-font-colors{--calcite-label-text-color: var(--calcite-color-text-2)}.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;padding:5px;--calcite-fab-shadow: #FFFFFF00}.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-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}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}`;
-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}.title-font-colors{--calcite-label-text-color: var(--calcite-color-text-2)}.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;padding:5px;--calcite-fab-shadow: #FFFFFF00}.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-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}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}.collapsible-div{max-height:300px;overflow:hidden;transition:max-height .3s ease-in-out}.collapsible-div.expanded{max-height:100%}.back-color-override{--calcite-panel-background-color: var(--calcite-color-foreground-2)}`;
+class E extends w {
   constructor() {
-    super(), this.authentication = void 0, this.useLocalAppConfig = !1, this._hideScreenshotsScroll = !1, this._hideYouMayAlsoLikeScroll = !1, this.isMobile = !1, this._templates = [], this._translations = x({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._authContextProvider = _({ context: S }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = h(), this._deployingDialogRef = h(), this._isMobileContextProvider = _({ context: P }), this._privilegePopoverRef = h(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsBaseHeight = 300, this._screenshotsDialogRef = h(), this._screenshotsElement = h(), this._userOptions = [], this._userSessionContextProvider = _({ context: R }), this._youMayAlsoLikeElement = h(), this.templatesFetched = m(), this.itemPropertiesFetched = m(), this.tokenRefreshed = m(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
+    super(), this._hideYouMayAlsoLikeScroll = !1, this._isExpanded = !1, this._templates = [], this._translations = x({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._authContextConsumer = _({
+      context: R,
+      subscribe: !0
+    }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = h(), this._deployingDialogRef = h(), this._privilegePopoverRef = h(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsDialogRef = h(), this._screenshotsElement = h(), this._userOptions = [], this._userSessionContextConsumer = _({
+      context: k,
+      subscribe: !0
+    }), this._youMayAlsoLikeElement = h(), this.templatesFetched = m(), this.itemPropertiesFetched = m(), this.tokenRefreshed = m(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
   }
   static {
-    this.properties = { appConfig: 1, authentication: 0, card: 0, useLocalAppConfig: 5, _hideScreenshotsScroll: 16, _hideYouMayAlsoLikeScroll: 16, isMobile: 16, _itemProperties: 16, _missingPrivilegeMessages: 16, _templates: 16, _translations: 16, _youMayAlsoLikeBaseHeight: 16 };
+    this.properties = { card: 0, _hideYouMayAlsoLikeScroll: 16, _isExpanded: 16, _itemProperties: 16, _missingPrivilegeMessages: 16, _templates: 16, _translations: 16, _youMayAlsoLikeBaseHeight: 16 };
   }
   static {
-    this.styles = U;
+    this.styles = I;
   }
   async connectedCallback() {
-    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this.listenOn(this._mediaQuery, "change", this._mediaQueryChange), this.listenOn(window, "calciteTabChange", this._cleanupPanel), this.listenOn(window, "detailsCardSelected", this._cleanupPanel);
-  }
-  async load() {
-    this.useLocalAppConfig && (this.appConfig = D), this.authentication || (console.log("auth not provided in solutions-details-panel...loading from app config"), this.authentication = new T(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.initialize(), this.authentication.IsSignedIn || this.authentication.signIn()), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), this._setRefreshInterval();
+    super.connectedCallback(), this.listenOn(window, "calciteTabChange", this._cleanupPanel), this.listenOn(window, "detailsCardSelected", this._cleanupPanel);
   }
   loaded() {
     this._resizeObserver = new ResizeObserver(async () => {
@@ -55,87 +56,87 @@ class O extends w {
   }
   render() {
     const e = "border-bottom row-margin-2 padding-bottom-1", t = this._getRelatedArticles(), i = this._getYouMayAlsoLikeCards();
-    return o`<calcite-panel><div class=${`${e} padding-top-1`} id=solution-details-row>${this._getSolutionRow()}</div><div class=${d(e)}>${this._getScreenshotsRow()}</div><div class=${d(e)}>${this._getDescriptionRow()}</div><div class=${d(e)}>${this._getRequirementsRow()}</div><div class=${d(e)}>${this._getInformationProductsRow()}</div><div class=${d(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? o`<div class=${d(e)}>${this._getRelatedArticlesRow(t)}</div>` : ""}${i.length > 0 ? o`<div class=${d(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} ${p(this._deployDialogRef)}></solution-deploy-dialog><solution-snapshot-gallery .card=${this.card} id=solutionSnapshotGallery .itemProperties=${this._itemProperties} ${p(this._screenshotsDialogRef)}></solution-snapshot-gallery><solution-deploying-dialog .card=${this.card} ${p(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel>`;
+    return s`<calcite-panel class="back-color-override"><div class=${`${e} padding-top-1`} id=solution-details-row>${this._getSolutionRow()}</div><div class=${d(e)}>${this._getScreenshotsRow()}</div><div class=${d(e)}>${this._getDescriptionRow()}</div><div class=${d(e)}>${this._getRequirementsRow()}</div><div class=${d(e)}>${this._getInformationProductsRow()}</div><div class=${d(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? s`<div class=${d(e)}>${this._getRelatedArticlesRow(t)}</div>` : ""}${i.length > 0 ? s`<div class=${d(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} ${p(this._deployDialogRef)}></solution-deploy-dialog><solution-snapshot-gallery .card=${this.card} id=solutionSnapshotGallery .itemProperties=${this._itemProperties} ${p(this._screenshotsDialogRef)}></solution-snapshot-gallery><solution-deploying-dialog .card=${this.card} ${p(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel>`;
   }
   updated() {
     const e = this._getYouMayAlsoLikeCards();
     let t = 340;
     for (let i = 0; i < e.length; i++) {
-      const s = this.el.shadowRoot?.getElementById(`you-may-also-like-${i}`), l = s?.offsetHeight ? s.offsetHeight + 40 : 0;
-      l > t && (t = l);
+      const l = this.el.shadowRoot?.getElementById(`you-may-also-like-${i}`), a = l?.offsetHeight ? l.offsetHeight + 40 : 0;
+      a > t && (t = a);
     }
     this._youMayAlsoLikeBaseHeight = t;
   }
   _getSolutionRow() {
-    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=330"), t = this._itemProperties?.demoURL || "", i = this._missingPrivilegeMessages?.leadingMessages || [], s = i.length > 0, l = this._missingPrivilegeMessages?.bulletedMessages || [], n = l.length > 0, r = this._missingPrivilegeMessages?.trailingMessages || [], c = r.length > 0;
-    return o`<div class="display-flex flex-direction-row"><div class="padding-end-2"><img alt=${this.card?.title ?? g} class="width-330" src=${e ?? g}></div><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row"><h3 class="padding-end-1"><calcite-label scale=l class="title-font-colors">${this.card?.title}</calcite-label></h3>${this.card?.categories?.some((a) => a.includes("New Release")) && o`<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=${s || n || c} 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><solution-social-share button-appearance=outline class="padding-end-1" share-button-kind=brand .shareButtonText=${this._translations.share}></solution-social-share></div>${s || n || c ? o`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(i, l, r)}</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, a = this._missingPrivilegeMessages?.bulletedMessages || [], n = a.length > 0, r = this._missingPrivilegeMessages?.trailingMessages || [], c = r.length > 0;
+    return s`<div class="display-flex flex-direction-row"><div class="padding-end-2"><img alt=${this.card?.title ?? g} class="width-330" src=${e ?? g}></div><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row"><h3 class="padding-end-1"><calcite-label scale=l class="title-font-colors">${this.card?.title}</calcite-label></h3>${this.card?.categories?.some((o) => o.includes("New Release")) && s`<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 || n || c} 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><solution-social-share button-appearance=outline class="padding-end-1" share-button-kind=brand .shareButtonText=${this._translations.share}></solution-social-share></div>${l || n || c ? s`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(i, a, r)}</div>` : ""}</div></div>`;
   }
   _getMissingPrivilegesNotice(e, t, i) {
-    const s = "solutions-missing-privileges-notice", l = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges;
-    return o`<div><calcite-notice class="margin-inline-unset" kind=warning open><div slot=message>${`${l}`}</div><calcite-action icon=information id=${s} slot=actions-end .text=${l}></calcite-action></calcite-notice><calcite-popover .label=${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading} overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${p(this._privilegePopoverRef)}><div class="padding-1 display-flex flex-direction-column"><span class="padding-bottom-1">${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading}</span>${// Leading messages
+    const l = "solutions-missing-privileges-notice", a = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges;
+    return s`<div><calcite-notice class="margin-inline-unset" kind=warning open><div slot=message>${`${a}`}</div><calcite-action icon=information id=${l} slot=actions-end .text=${a}></calcite-action></calcite-notice><calcite-popover .label=${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading} overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${p(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) => o`<span class=${d(t)}>${i}</span>`) : "";
+    return e.length > 0 ? e.map((i) => s`<span class=${d(t)}>${i}</span>`) : "";
   }
   _getBulletedMessages(e) {
-    return e.length > 0 ? o`<ul>${e.map((t) => o`<li>${t}</li>`)}</ul>` : "";
+    return e.length > 0 ? s`<ul>${e.map((t) => s`<li>${t}</li>`)}</ul>` : "";
   }
   _getScreenshotsRow() {
-    const e = this._hideScreenshotsScroll ? "display-none" : "";
-    return o`<calcite-panel><div class="display-flex flex-direction-column">${this._getHeader(this._translations.screenshots)}<div class="scrollable-section max-height-300" id=screenshots-subsection @scroll=${() => this._onScreenshotsScroll()} ${p(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=${`align-self-center ${e}`} icon=arrow-down kind=neutral @click=${() => {
-      this._scrollSubsection(this._screenshotsBaseHeight, this._screenshotsElement.value);
-    }} .text=${this._translations.showMore} text-enabled></calcite-fab></div></calcite-panel>`;
+    const e = this._isExpanded ? this._translations.showLess : this._translations.showMore, t = this._isExpanded ? "arrow-up" : "arrow-down";
+    return s`<calcite-panel><div class="display-flex flex-direction-column">${this._getHeader(this._translations.screenshots)}<div class="collapsible-div" id=screenshots-subsection ${p(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=align-self-center .icon=${t} kind=neutral @click=${() => {
+      this._screenshotsElement.value?.classList.toggle("expanded"), this._isExpanded = this._screenshotsElement.value.classList.contains("expanded");
+    }} .text=${e} text-enabled></calcite-fab></div></calcite-panel>`;
   }
   _getScreenshots() {
     const e = this._itemProperties?.preview || [];
-    return o`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.map((t) => this.card?.id ? o`<calcite-card class="cursor-pointer" .label=${t.alt} @click=${() => this._openScreenshotGallery(t)}><div class="card-image-wrap" slot=thumbnail><img alt=${t.alt ?? g} class="thumbnail card-image" slot=thumbnail src=${H(this.card.id || "", t.name, this._authContextProvider.value) ?? g}><div class="hover-text">${this._translations.openInGallery}</div></div></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 ?? g} class="thumbnail card-image" slot=thumbnail src=${T(this.card.id || "", t.name, this._authContextConsumer.value) ?? g}><div class="hover-text">${this._translations.openInGallery}</div></div></calcite-card>` : "")}</calcite-card-group>`;
   }
   _openScreenshotGallery(e) {
     const t = this._screenshotsDialogRef.value;
     t && (t.screenshot = e, t.open = !0);
   }
   _scrollSubsection(e, t) {
-    const i = t.scrollHeight, s = t.scrollTop;
-    e <= s && (e = s + 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 o`<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 ? o`<calcite-link class="padding-end-2" icon-end=share @click=${() => {
+    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=${() => {
       this._openUrl(this.card?.learnMoreUrl || "");
-    }}>${this._translations.learnHowtoUse}</calcite-link>` : ""}${this._itemProperties?.dataDictionaryURL ? o`<calcite-link icon-end=share @click=${() => {
+    }}>${this._translations.learnHowtoUse}</calcite-link>` : ""}${this._itemProperties?.dataDictionaryURL ? s`<calcite-link icon-end=share @click=${() => {
       this._openUrl(this._itemProperties?.dataDictionaryURL || "");
     }}>${this._translations.dataDictionary}</calcite-link>` : ""}</div></div>`;
   }
   _getRequirementsRow() {
     const e = this._getRequirements();
-    return o`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.requirements)}<span>${this.card?.title ? this._translations.requirementsSubText.replace("{{solutionTitle}}", this.card.title) : ""}</span>${e.map((t) => o`<div class="display-flex flex-direction-row padding-top-1-2"><calcite-icon icon=bullet-point></calcite-icon><calcite-label class="align-items-center">${t}</calcite-label></div>`)}</div>`;
+    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.requirements)}<span>${this.card?.title ? this._translations.requirementsSubText.replace("{{solutionTitle}}", this.card.title) : ""}</span>${e.map((t) => s`<div class="display-flex flex-direction-row padding-top-1-2"><calcite-icon icon=bullet-point></calcite-icon><calcite-label class="align-items-center">${t}</calcite-label></div>`)}</div>`;
   }
   _getRequirements() {
     return this._itemProperties?.requirements || [];
   }
   _getInformationProductsRow() {
-    return o`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.informationProducts)}<span>${this.card?.title ? this._translations.informationProductsSubText.replace("{{solutionTitle}}", this.card.title) : ""}</span><calcite-table bordered caption class="padding-top-1">${this._getInformationTableHeaderRow()}${this._getInformationTableRows()}</calcite-table><p>${this._translations.informationProductsFooterText}</p></div>`;
+    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.informationProducts)}<span>${this.card?.title ? this._translations.informationProductsSubText.replace("{{solutionTitle}}", this.card.title) : ""}</span><calcite-table bordered caption class="padding-top-1">${this._getInformationTableHeaderRow()}${this._getInformationTableRows()}</calcite-table><p>${this._translations.informationProductsFooterText}</p></div>`;
   }
   _getInformationTableHeaderRow() {
-    return o`<calcite-table-row slot=table-header><calcite-table-header .heading=${this._translations.item}></calcite-table-header><calcite-table-header .heading=${this._translations.description}></calcite-table-header><calcite-table-header .heading=${this._translations.minimumUserType}></calcite-table-header></calcite-table-row>`;
+    return s`<calcite-table-row slot=table-header><calcite-table-header .heading=${this._translations.item}></calcite-table-header><calcite-table-header .heading=${this._translations.description}></calcite-table-header><calcite-table-header .heading=${this._translations.minimumUserType}></calcite-table-header></calcite-table-row>`;
   }
   _getInformationTableRows() {
-    return (this._itemProperties?.infoProducts || []).map((t) => o`<calcite-table-row><calcite-table-cell>${t.item}</calcite-table-cell><calcite-table-cell>${t.description}</calcite-table-cell><calcite-table-cell>${t.userType}</calcite-table-cell></calcite-table-row>`);
+    return (this._itemProperties?.infoProducts || []).map((t) => s`<calcite-table-row><calcite-table-cell>${t.item}</calcite-table-cell><calcite-table-cell>${t.description}</calcite-table-cell><calcite-table-cell>${t.userType}</calcite-table-cell></calcite-table-row>`);
   }
   _getReleaseNotesRow() {
-    return o`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.releaseNotes)}<span>${this._translations.releaseNotesSubText}</span><calcite-table bordered caption class="padding-top-1">${this._getReleaseNotesTableHeaderRow()}${this._getReleaseNotesTableRows()}</calcite-table></div>`;
+    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.releaseNotes)}<span>${this._translations.releaseNotesSubText}</span><calcite-table bordered caption class="padding-top-1">${this._getReleaseNotesTableHeaderRow()}${this._getReleaseNotesTableRows()}</calcite-table></div>`;
   }
   _getReleaseNotesTableHeaderRow() {
-    return o`<calcite-table-row slot=table-header><calcite-table-header .heading=${this._translations.version}></calcite-table-header><calcite-table-header .heading=${this._translations.description}></calcite-table-header></calcite-table-row>`;
+    return s`<calcite-table-row slot=table-header><calcite-table-header .heading=${this._translations.version}></calcite-table-header><calcite-table-header .heading=${this._translations.description}></calcite-table-header></calcite-table-row>`;
   }
   _getReleaseNotesTableRows() {
-    return (this._itemProperties?.releaseNotes || [])?.map((t) => o`<calcite-table-row><calcite-table-cell>${t.version}</calcite-table-cell><calcite-table-cell alignment=end>${t.description.map((i) => o`<div class="display-flex flex-direction-row"><calcite-icon icon=bullet-point></calcite-icon><calcite-label class="align-items-center">${i.note}</calcite-label></div>`)}</calcite-table-cell></calcite-table-row>`);
+    return (this._itemProperties?.releaseNotes || [])?.map((t) => s`<calcite-table-row><calcite-table-cell>${t.version}</calcite-table-cell><calcite-table-cell alignment=end>${t.description.map((i) => s`<div class="display-flex flex-direction-row"><calcite-icon icon=bullet-point></calcite-icon><calcite-label class="align-items-center">${i.note}</calcite-label></div>`)}</calcite-table-cell></calcite-table-row>`);
   }
   _getRelatedArticlesRow(e) {
-    return o`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.relatedArticles)}<div class="display-flex flex-direction-row">${e.map((t) => {
-      console.log(t), o`<solution-article-card></solution-article-card>`;
+    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.relatedArticles)}<div class="display-flex flex-direction-row">${e.map((t) => {
+      console.log(t), s`<solution-article-card></solution-article-card>`;
     })}</div></div>`;
   }
   _getRelatedArticles() {
@@ -143,7 +144,7 @@ class O extends w {
   }
   _getYouMayAlsoLikeRow(e) {
     const t = this._hideYouMayAlsoLikeScroll ? "display-none" : "";
-    return o`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.youMayAlsoLike)}<div class="scrollable-section" id=you-may-also-like-subsection @scroll=${() => this._onYouMayAlsoLikeScroll()} style=${$({ maxHeight: `${this._youMayAlsoLikeBaseHeight}px` })} ${p(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row "><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((i, s) => o`<solution-details-card .id=${`you-may-also-like-${s}`} .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" id=you-may-also-like-subsection @scroll=${() => this._onYouMayAlsoLikeScroll()} style=${$({ maxHeight: `${this._youMayAlsoLikeBaseHeight}px` })} ${p(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row "><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((i, l) => s`<solution-details-card .id=${`you-may-also-like-${l}`} .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>`;
   }
@@ -152,7 +153,7 @@ class O extends w {
     return this._allCards.filter((t) => e.indexOf(t.deployCommonId) > -1);
   }
   _getHeader(e) {
-    return o`<h3><calcite-label scale=l class="title-font-colors">${e}</calcite-label></h3>`;
+    return s`<h3><calcite-label scale=l class="title-font-colors">${e}</calcite-label></h3>`;
   }
   _openDeploy() {
     const e = this._deployDialogRef.value;
@@ -165,62 +166,62 @@ class O extends w {
     this.card = e.detail, this._onResize(), this._missingPrivilegeMessages = void 0, await this._getItemData();
   }
   async _getItemData() {
-    const e = this._userSessionContextProvider.value, t = await M(this.card.id, e), i = await k(this.card.id, e);
+    const e = this._userSessionContextConsumer.value, t = await M(this.card.id, e), i = await P(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const s = C(t, this.card.typeKeywords, this._authContextProvider.value);
-    this._privileges = e.username ? s : [], this._userPrivileges = this._authContextProvider ? this._authContextProvider.value.PortalUserPrivileges : [];
-    const l = this._privileges.filter((r) => !this._userPrivileges.includes(r));
-    this._missingPrivilegeMessages = I(this._translations, l), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((r) => {
+    const l = S(t, this.card.typeKeywords, this._authContextConsumer.value);
+    this._privileges = e.username ? l : [], this._userPrivileges = this._authContextConsumer.value ? this._authContextConsumer.value.PortalUserPrivileges : [];
+    const a = this._privileges.filter((r) => !this._userPrivileges.includes(r));
+    this._missingPrivilegeMessages = C(this._translations, a), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((r) => {
       this._userOptions = r;
     }), this._templates = t.templates, this.templatesFetched.emit(t.templates);
   }
   formatParams(e) {
-    const t = this._userSessionContextProvider.value, i = [], s = e ? Object.keys(e) : [], l = {
+    const t = this._userSessionContextConsumer.value, i = [], l = e ? Object.keys(e) : [], a = {
       id: "",
       props: [],
       accordionDisplay: !1
     };
-    if (s.length > 0) {
+    if (l.length > 0) {
       const n = [];
-      return s.forEach((r) => {
+      return l.forEach((r) => {
         const c = e[r];
         c.valueType && c.valueType.toLowerCase() === "itemid" && n.push(this._findExistingItem(r, "Feature Service", t.username || ""));
       }), Promise.all(n).then((r) => {
         const c = {};
-        return r.forEach((a) => {
-          if (a.query && a.results && a.results.length > 0) {
-            const y = a.query.split(" ")[0].replace("typekeywords:source-", "");
+        return r.forEach((o) => {
+          if (o.query && o.results && o.results.length > 0) {
+            const y = o.query.split(" ")[0].replace("typekeywords:source-", "");
             c[y] = {
-              resultId: a.results[0].id,
-              response: a.results[0]
+              resultId: o.results[0].id,
+              response: o.results[0]
             };
           }
-        }), s.forEach((a) => {
-          if (a === "serviceLearnMore") {
-            this._configureLearnMore = e[a], alert(this._configureLearnMore), delete e[a];
+        }), l.forEach((o) => {
+          if (o === "serviceLearnMore") {
+            this._configureLearnMore = e[o], alert(this._configureLearnMore), delete e[o];
             return;
           }
-          e[a].enterpriseIDMapping && (this._customDeploymentMappings[a] = e[a].enterpriseIDMapping), l.id = a, c[a] && (e[a].existingItemId = c[a].resultId, this.updateUserProp(e[a], c[a].response)), this.updateOption(e[a], l, a);
-        }), i.push(l), Promise.resolve(i);
+          e[o].enterpriseIDMapping && (this._customDeploymentMappings[o] = e[o].enterpriseIDMapping), a.id = o, c[o] && (e[o].existingItemId = c[o].resultId, this.updateUserProp(e[o], c[o].response)), this.updateOption(e[o], a, o);
+        }), i.push(a), Promise.resolve(i);
       }).catch(() => Promise.resolve([]));
     } else
       return Promise.resolve([]);
   }
   _findExistingItem(e, t, i) {
-    const s = this._userSessionContextProvider.value;
-    return A(`typekeywords:source-${e} type:${t} owner:${i}`, s);
+    const l = this._userSessionContextConsumer.value;
+    return D(`typekeywords:source-${e} type:${t} owner:${i}`, l);
   }
   updateUserProp(e, t) {
-    const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), l = f(t, i ? "url" : "type", "") || "", n = l !== "" && s.test(l);
-    return e.responseValue = n ? l : "", e.name = n && u(t, "name") || "", e.title = n && u(t, "title") || "", e.itemType = n ? u(t, "type") : e.itemType, e.validId = n, e.itemUrl = E(t.id, this._authContextProvider.value), n;
+    const i = e.itemType?.toLowerCase() === "feature service", l = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), a = f(t, i ? "url" : "type", "") || "", n = a !== "" && l.test(a);
+    return e.responseValue = n ? a : "", e.name = n && u(t, "name") || "", e.title = n && u(t, "title") || "", e.itemType = n ? u(t, "type") : e.itemType, e.validId = n, e.itemUrl = A(t.id, this._authContextConsumer.value), n;
   }
   updateOption(e, t, i) {
-    const s = e.default || "", l = typeof s, n = s.toString();
+    const l = e.default || "", a = typeof l, n = l.toString();
     this._setFeatureServiceProps(e);
     const r = this.getValidation(e, n);
     t.props.push({
       id: i,
-      outType: l,
+      outType: a,
       prop: i,
       itemType: e.itemType || "",
       responseValue: e.responseValue || "",
@@ -245,34 +246,27 @@ class O extends w {
     e.valueType && e.valueType.toLowerCase() === "itemid" && L(e, "attributes.required", "true");
   }
   getValidation(e, t) {
-    let i = "", s = u(e, "validation.message") || "", l = !0;
-    return u(e, "attributes.required") === "true" && (i = f(e, "validation.expression", "\\S{1,}"), l = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, s = this._translations.configure.invalidID), {
-      valid: l,
+    let i = "", l = u(e, "validation.message") || "", a = !0;
+    return u(e, "attributes.required") === "true" && (i = f(e, "validation.expression", "\\S{1,}"), a = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, l = this._translations.configure.invalidID), {
+      valid: a,
       validation: {
         expression: i,
-        message: s
+        message: l
       }
     };
   }
-  _mediaQueryChange(e) {
-    this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
-  }
   _allCardsFetched(e) {
     this._allCards = e.detail;
   }
   _onResize() {
-    this._hideScreenshotsScroll = (this._screenshotsElement.value?.scrollHeight || 0) <= this._screenshotsBaseHeight + 2, this._hideYouMayAlsoLikeScroll = (this._youMayAlsoLikeElement.value?.scrollHeight || 0) <= this._youMayAlsoLikeBaseHeight + 2;
-  }
-  _onScreenshotsScroll() {
-    const e = (this._screenshotsElement.value?.scrollTop || 0) + this._screenshotsBaseHeight;
-    e === this._screenshotsElement.value?.scrollHeight && !this._hideScreenshotsScroll ? this._hideScreenshotsScroll = !0 : e < (this._screenshotsElement.value?.scrollHeight || 0) && (this._hideScreenshotsScroll = !1);
+    this._hideYouMayAlsoLikeScroll = (this._youMayAlsoLikeElement.value?.scrollHeight || 0) <= this._youMayAlsoLikeBaseHeight + 2;
   }
   _onYouMayAlsoLikeScroll() {
     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.el.shadowRoot?.getElementById("solution-details-row")?.scrollIntoView(!0), this.el.shadowRoot?.getElementById("screenshots-subsection")?.scrollTo(0, 0), this.el.shadowRoot?.getElementById("you-may-also-like-subsection")?.scrollTo(0, 0), this._privilegePopoverRef.value?.open && (this._privilegePopoverRef.value.open = !1);
+    this.el.shadowRoot?.getElementById("solution-details-row")?.scrollIntoView(!0), this._isExpanded = !1, this.el.shadowRoot?.getElementById("you-may-also-like-subsection")?.scrollTo(0, 0), this._privilegePopoverRef.value?.open && (this._privilegePopoverRef.value.open = !1);
   }
   _deployProgressStart(e) {
     this._deployingDialogRef.value && (this._deployingDialogRef.value.open = !0, this._deployingDialogRef.value.abortController = e.detail), this._deployDialogRef.value && this._deployDialogRef.value.classList.add("display-none");
@@ -284,26 +278,8 @@ class O extends w {
   _closeDialogs() {
     this._deployingDialogRef.value.close(), this._deployDialogRef.value.open = !1, this._deployDialogRef.value.classList.remove("display-none");
   }
-  _setRefreshInterval() {
-    const e = this._userSessionContextProvider?.value, t = this._authContextProvider?.value;
-    if (e && t?.IsSignedIn) {
-      const s = (e.tokenExpires?.getTime() - Date.now()) * 0.9;
-      setInterval(
-        // eslint-disable-next-line @typescript-eslint/no-misused-promises
-        async () => {
-          const l = await t?.refreshSession();
-          if (l) {
-            this._userSessionContextProvider.setValue(l);
-            const n = l?.token ?? "";
-            this.tokenRefreshed.emit(n);
-          }
-        },
-        s
-      );
-    }
-  }
 }
-v("solution-details-panel", O);
+b("solution-details-panel", E);
 export {
-  O as SolutionDetailsPanel
+  E as SolutionDetailsPanel
 };

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

@@ -5,7 +5,7 @@ import { css as l, html as i } from "lit";
 import { LitElement as n, noShadowRoot as c, safeStyleMap as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const r = l`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as d, html as n, nothing as p } from "lit";
 import { LitElement as h, createEvent as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { createRef as a, ref as s } from "lit-html/directives/ref.js";
 import { LitElement as c, noShadowRoot as h } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { g as A } from "../../chunks/getItemIcon.js";
 import { injectGlobal as D } from "@emotion/css";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const P = E`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { LitElement as n, nothing as e } from "@arcgis/lumina";
 import { g as o } from "../../chunks/getItemIcon.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const r = i`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { css as h, html as a, nothing as o } from "lit";
 import { LitElement as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const d = h`/** @license
  * Copyright 2025 Esri
  *