@esri/solutions-components 1.1.0-next.20250806 → 1.1.0-next.20250808

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

@@ -4,7 +4,7 @@ import { u as l } from "../../chunks/useT9n.js";
 import { LitElement as n, createEvent as d, nothing as s, safeClassMap 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.20250806 */
+v1.1.0-next.20250808 */
 const h = r`/** @license
  * Copyright 2025 Esri
  *
@@ -19,7 +19,7 @@ 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.
- */calcite-card{width:220px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#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%}.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}`;
+ */calcite-card{width:240px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#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.1rem}.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 {
   constructor() {
     super(...arguments), this._translations = l({ name: "solution-details-card", blocking: !0 }), this.detailsCardSelected = d();
@@ -32,7 +32,7 @@ class m extends n {
   }
   render() {
     const e = this.card, c = e.chip === "updated" ? "chip-updated" : this.card.chip === "deployed" ? "chip-deployed" : "", t = "solution-details-card-chip", i = e.chip === "updated" ? this._translations.updated : this._translations.deployed;
-    return a`<div><calcite-card .label=${e.snippet} @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? s} class="thumbnail card-image" src=${e.thumbnailUrl ?? s}><div class="hover-text">${this._translations.viewDetails}</div></div><span slot=heading>${e.title}</span><p slot=description>${e.snippet}</p>${e.chip !== "none" ? a`<div slot=footer-end><calcite-chip class=${p(c)} .icon=${e.chip === "updated" ? "mega-phone" : "check-circle"} id=${t} .label=${i} .value=${i} scale=s></calcite-chip><calcite-tooltip .referenceElement=${t}><span>${i}</span></calcite-tooltip></div>` : void 0}<div slot=footer-start></div></calcite-card></div>`;
+    return a`<div><calcite-card .label=${e.snippet} @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? s} class="thumbnail card-image" src=${e.thumbnailUrl ?? s}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height">${e.title}</calcite-label><p slot=description>${e.snippet}</p>${e.chip !== "none" ? a`<div slot=footer-end><calcite-chip class=${p(c)} .icon=${e.chip === "updated" ? "mega-phone" : "check-circle"} id=${t} .label=${i} .value=${i} scale=s></calcite-chip><calcite-tooltip .referenceElement=${t}><span>${i}</span></calcite-tooltip></div>` : void 0}<div slot=footer-start></div></calcite-card></div>`;
   }
   _cardSelected() {
     this.detailsCardSelected.emit(this.card);

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

@@ -1,4 +1,5 @@
 import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

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

@@ -1,4 +1,5 @@
 import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

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

@@ -22,4 +22,6 @@ export declare class SolutionDetailsPanel extends LitElement {
     readonly templatesFetched: TargetedEvent<this, IItemTemplate[]>;
     /** Emitted on demand when the item properties have been fetched */
     readonly itemPropertiesFetched: TargetedEvent<this, IItemProperties>;
+    /** Emitted on demand when the auth token is updated */
+    readonly tokenRefreshed: TargetedEvent<this, string>;
 }

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

@@ -1,22 +1,20 @@
-import { c as x } from "../../chunks/runtime.js";
-import { css as $, html as o } from "lit";
-import { u as P } from "../../chunks/useT9n.js";
-import { createRef as u, ref as g } from "lit-html/directives/ref.js";
-import { LitElement as S, createEvent as y, safeClassMap as p, nothing as _, safeStyleMap as R } from "@arcgis/lumina";
-import { useContextProvider as f } from "@arcgis/lumina/context";
-import { a as M, i as k, u as L } from "../../chunks/deployAppContexts.js";
-import { request as C, getWorkflowBaseURL as A, getWorkflowManagerAuthorized as I, getItemDataAsJson as T, getItem as D, getPropWithDefault as b, getProp as m, setCreateProp as E } from "@esri/solution-common";
-import { a as H, b as U } from "../../chunks/privilegeUtils.js";
-import { _findExistingItem as O } from "@esri/solution-deployer";
-import { _ as N } from "../../chunks/appConfig.js";
-import { A as B } from "../../chunks/Auth.js";
-import { g as F, a as Y } from "../../chunks/common.js";
-import { f as q } from "../../chunks/helpers.js";
-import { E as h, F as v } from "../../chunks/interfaces.js";
+import { c as v } from "../../chunks/runtime.js";
+import { css as b, html as o } 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 R, u as P } 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 T } from "../../chunks/appConfig.js";
+import { A as D } from "../../chunks/Auth.js";
+import { g as H, a as E } 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.20250806 */
-const V = $`/** @license
+v1.1.0-next.20250808 */
+const U = b`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -30,84 +28,22 @@ const V = $`/** @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}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-2{padding-inline-end:2rem}.align-self-center{align-self:center}.align-items-center{align-items:center}.width-330{width:330px}.card-group{overflow:hidden;padding:.5rem}calcite-card{width:400px}@media (max-width: 800px){calcite-card{width:calc(50% - .5rem)}}@media (max-width: 400px){calcite-card{width:100%}}.max-height-245{max-height:245px}.scrollable-section{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollable-section::-webkit-scrollbar{display:none}.display-none{display:none}.cursor-pointer{cursor:pointer}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer;padding:2px}.hover-text{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}.margin-inline-unset{margin-inline:unset}`;
-async function z(a, e, t) {
-  let i = t;
-  return a && (a?.IsEnterprisePortal && await Q(
-    "",
-    // the portal url
-    e
-  ) && i.push(h.NOTEBOOK), await q(e) ? t.push(h.VELOCITY) : a?.PortalUserPrivileges && [
-    v.VELOCITYFEEDS,
-    v.VELOCITYBIGDATA,
-    v.VELOCITYREALTIME
-  ].forEach((r) => {
-    const c = t.indexOf(r) || -1;
-    c !== -1 && t.splice(c, 1);
-  }), i = i.concat(
-    G(
-      j(a),
-      J(a)
-    )
-  ), i = i.concat(K(a)), i = i.concat(await W(a))), Promise.resolve(i);
-}
-function G(a, e) {
-  let t = [];
-  return a && e ? t = [
-    h.TRACKINGADMINANDTRACKING,
-    h.TRACKINGADMIN,
-    h.TRACKING
-  ] : a && !e ? t = [h.TRACKINGADMIN] : !a && e && (t = [h.TRACKING]), t;
-}
-function K(a) {
-  return X(
-    a
-  ) ? [h.HUBPREMIUM] : [];
-}
-async function W(a) {
-  const e = await A(a?.RestUserSession);
-  return await I(
-    e,
-    a?.RestUserSession
-  ) ? [h.WORKFLOW] : [];
-}
-async function Q(a, e) {
-  const t = a + "/sharing/rest", i = {
-    authentication: e,
-    portal: t,
-    params: {
-      f: "json"
-    }
-  };
-  return C(`${t}/portals/self/servers`, i).then((s) => s?.servers?.find((l) => l.serverFunction.indexOf("NotebookServer") > -1), (s) => (console.error(s), !1));
-}
-function j(a) {
-  const e = a?.PortalUserSubset;
-  return e?.role === "org_admin" && !e?.hasOwnProperty("roleId");
-}
-function J(a) {
-  return a?.PortalSubset?.locationTrackingEnabled || !1;
-}
-function X(a) {
-  return a?.PortalSubset?.hubPremiumEnabled || !1;
-}
-class Z extends S {
+ */.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 {
   constructor() {
-    super(), this.authentication = void 0, this.useLocalAppConfig = !1, this._hideScreenshotsScroll = !1, this._hideYouMayAlsoLikeScroll = !1, this.isMobile = !1, this._templates = [], this._translations = P({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._authContextProvider = f({ context: M }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = u(), this._deployingDialogRef = u(), this._isMobileContextProvider = f({ context: k }), this._privilegePopoverRef = u(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsBaseHeight = 245, this._screenshotsDialogRef = u(), this._screenshotsElement = u(), this._userOptions = [], this._userSessionContextProvider = f({ context: L }), this._youMayAlsoLikeElement = u(), this.templatesFetched = y(), this.itemPropertiesFetched = y(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
+    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: R }), 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: P }), 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 };
   }
   static {
-    this.styles = V;
+    this.styles = U;
   }
   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 = N);
-    const e = this.authentication ? this.authentication : new B(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale);
-    await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession), this._userPrivileges = await this._getUserPrivileges();
+    this.useLocalAppConfig && (this.appConfig = T), this.authentication || (console.log("auth not provided in solutions-details-panel...loading from app config"), this.authentication = new D(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.init(), this.authentication.SignedIn || this.authentication.signIn()), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), this._setRefreshInterval();
   }
   loaded() {
     this._resizeObserver = new ResizeObserver(async () => {
@@ -119,7 +55,7 @@ class Z extends S {
   }
   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=${p(e)}>${this._getScreenshotsRow()}</div><div class=${p(e)}>${this._getDescriptionRow()}</div><div class=${p(e)}>${this._getRequirementsRow()}</div><div class=${p(e)}>${this._getInformationProductsRow()}</div><div class=${p(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? o`<div class=${p(e)}>${this._getRelatedArticlesRow(t)}</div>` : ""}${i.length > 0 ? o`<div class=${p(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}<solution-deploy-dialog .card=${this.card} @deployFailed=${this._closeDialogs} @deployProgressEnd=${this._closeDialogs} @deployProgressStart=${this._deployProgressStart} @deployProgressUpdated=${this._deployProgessUpdated} id=solutionDeployDialog .userOptions=${this._userOptions} ${g(this._deployDialogRef)}></solution-deploy-dialog><solution-snapshot-gallery .card=${this.card} id=solutionSnapshotGallery .itemProperties=${this._itemProperties} ${g(this._screenshotsDialogRef)}></solution-snapshot-gallery><solution-deploying-dialog .card=${this.card} ${g(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel>`;
+    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>`;
   }
   updated() {
     const e = this._getYouMayAlsoLikeCards();
@@ -131,31 +67,31 @@ class Z extends S {
     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 || [], r = l.length > 0, c = this._missingPrivilegeMessages?.trailingMessages || [], d = c.length > 0;
-    return o`<div class="display-flex flex-direction-row"><div class="padding-end-2"><img alt=${this.card?.title ?? _} class="width-330" src=${e ?? _}></div><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row"><h3 class="padding-end-1"><calcite-label scale=l>${this.card?.title}</calcite-label></h3><calcite-chip class="align-self-center" kind=brand .label=${this._translations.new} scale=s>${this._translations.new}</calcite-chip></div><span>${this.card?.snippet}</span><div class="display-flex flex-direction-row padding-top-1"><calcite-button class="padding-end-1" .disabled=${s || r || d} icon-end=arrow-bold-right icon-flip-rtl=end @click=${() => this._openDeploy()}>${this._translations.deploy}</calcite-button><calcite-button appearance=outline class="padding-end-1" icon-end=video @click=${() => this._openUrl(t)}>${this._translations.watchDemo}</calcite-button><solution-social-share button-appearance=outline class="padding-end-1" share-button-kind=brand .shareButtonText=${this._translations.share}></solution-social-share></div>${s || r || d ? o`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(i, l, c)}</div>` : ""}</div></div>`;
+    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 || [], a = 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><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 || a || 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 || a || c ? o`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(i, l, 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 ${g(this._privilegePopoverRef)}><div class="padding-1 display-flex flex-direction-column"><span class="padding-bottom-1">${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading}</span>${// Leading messages
+    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
     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=${p(t)}>${i}</span>`) : "";
+    return e.length > 0 ? e.map((i) => o`<span class=${d(t)}>${i}</span>`) : "";
   }
   _getBulletedMessages(e) {
     return e.length > 0 ? o`<ul>${e.map((t) => o`<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-245" id=screenshots-subsection @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 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>`;
   }
   _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 ?? _} class="thumbnail card-image" slot=thumbnail src=${F(this.card.id || "", t.name, this._authContextProvider.value) ?? _}><div class="hover-text">${this._translations.openInGallery}</div></div></calcite-card>` : "")}</calcite-card-group>`;
+    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>`;
   }
   _openScreenshotGallery(e) {
     const t = this._screenshotsDialogRef.value;
@@ -207,7 +143,7 @@ class Z extends S {
   }
   _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=${R({ maxHeight: `${this._youMayAlsoLikeBaseHeight}px` })} ${g(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 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=${() => {
       this._scrollSubsection(this._youMayAlsoLikeBaseHeight, this._youMayAlsoLikeElement.value);
     }} .text=${this._translations.showMore} text-enabled></calcite-fab></div>`;
   }
@@ -216,7 +152,7 @@ class Z extends S {
     return this._allCards.filter((t) => e.indexOf(t.deployCommonId) > -1);
   }
   _getHeader(e) {
-    return o`<h3><calcite-label scale=l>${e}</calcite-label></h3>`;
+    return o`<h3><calcite-label scale=l class="title-font-colors">${e}</calcite-label></h3>`;
   }
   _openDeploy() {
     const e = this._deployDialogRef.value;
@@ -229,20 +165,15 @@ class Z extends S {
     this.card = e.detail, this._onResize(), await this._getItemData();
   }
   async _getItemData() {
-    const e = this._userSessionContextProvider.value, t = await T(this.card.id, e), i = await D(this.card.id, e);
+    const e = this._userSessionContextProvider.value, t = await M(this.card.id, e), i = await k(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const s = H(t, this.card.typeKeywords, this._authContextProvider.value);
+    const s = C(t, this.card.typeKeywords, this._authContextProvider.value);
     this._privileges = e.username ? s : [];
-    const l = this._privileges.filter((c) => !this._userPrivileges.includes(c));
-    this._missingPrivilegeMessages = U(this._translations, l), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((c) => {
-      this._userOptions = c;
+    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) => {
+      this._userOptions = r;
     }), this._templates = t.templates, this.templatesFetched.emit(t.templates);
   }
-  async _getUserPrivileges() {
-    let e = [];
-    const t = this._authContextProvider.value, i = this._userSessionContextProvider.value;
-    return i && t && (e = t.PortalUserPrivileges ? await z(t, i, t?.PortalUserPrivileges) : []), e;
-  }
   formatParams(e) {
     const t = this._userSessionContextProvider.value, i = [], s = e ? Object.keys(e) : [], l = {
       id: "",
@@ -250,16 +181,16 @@ class Z extends S {
       accordionDisplay: !1
     };
     if (s.length > 0) {
-      const r = [];
-      return s.forEach((c) => {
-        const d = e[c];
-        d.valueType && d.valueType.toLowerCase() === "itemid" && r.push(this._findExistingItem(c, "Feature Service", t.username || ""));
-      }), Promise.all(r).then((c) => {
-        const d = {};
-        return c.forEach((n) => {
+      const a = [];
+      return s.forEach((r) => {
+        const c = e[r];
+        c.valueType && c.valueType.toLowerCase() === "itemid" && a.push(this._findExistingItem(r, "Feature Service", t.username || ""));
+      }), Promise.all(a).then((r) => {
+        const c = {};
+        return r.forEach((n) => {
           if (n.query && n.results && n.results.length > 0) {
-            const w = n.query.split(" ")[0].replace("typekeywords:source-", "");
-            d[w] = {
+            const y = n.query.split(" ")[0].replace("typekeywords:source-", "");
+            c[y] = {
               resultId: n.results[0].id,
               response: n.results[0]
             };
@@ -269,7 +200,7 @@ class Z extends S {
             this._configureLearnMore = e[n], alert(this._configureLearnMore), delete e[n];
             return;
           }
-          e[n].enterpriseIDMapping && (this._customDeploymentMappings[n] = e[n].enterpriseIDMapping), l.id = n, d[n] && (e[n].existingItemId = d[n].resultId, this.updateUserProp(e[n], d[n].response)), this.updateOption(e[n], l, n);
+          e[n].enterpriseIDMapping && (this._customDeploymentMappings[n] = e[n].enterpriseIDMapping), l.id = n, c[n] && (e[n].existingItemId = c[n].resultId, this.updateUserProp(e[n], c[n].response)), this.updateOption(e[n], l, n);
         }), i.push(l), Promise.resolve(i);
       }).catch(() => Promise.resolve([]));
     } else
@@ -277,16 +208,16 @@ class Z extends S {
   }
   _findExistingItem(e, t, i) {
     const s = this._userSessionContextProvider.value;
-    return O(`typekeywords:source-${e} type:${t} owner:${i}`, s);
+    return A(`typekeywords:source-${e} type:${t} owner:${i}`, s);
   }
   updateUserProp(e, t) {
-    const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), l = b(t, i ? "url" : "type", "") || "", r = l !== "" && s.test(l);
-    return e.responseValue = r ? l : "", e.name = r && m(t, "name") || "", e.title = r && m(t, "title") || "", e.itemType = r ? m(t, "type") : e.itemType, e.validId = r, e.itemUrl = Y(t.id, this._authContextProvider.value), r;
+    const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), l = f(t, i ? "url" : "type", "") || "", a = l !== "" && s.test(l);
+    return e.responseValue = a ? l : "", e.name = a && u(t, "name") || "", e.title = a && u(t, "title") || "", e.itemType = a ? u(t, "type") : e.itemType, e.validId = a, e.itemUrl = E(t.id, this._authContextProvider.value), a;
   }
   updateOption(e, t, i) {
-    const s = e.default || "", l = typeof s, r = s.toString();
+    const s = e.default || "", l = typeof s, a = s.toString();
     this._setFeatureServiceProps(e);
-    const c = this.getValidation(e, r);
+    const r = this.getValidation(e, a);
     t.props.push({
       id: i,
       outType: l,
@@ -297,11 +228,11 @@ class Z extends S {
       choices: e.choices || [],
       valueType: e.valueType.toLowerCase(),
       attributes: e.attributes || {},
-      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : r,
-      default: r,
-      srSearchText: r,
-      autoSelect: r !== "",
-      ...c,
+      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : a,
+      default: a,
+      srSearchText: a,
+      autoSelect: a !== "",
+      ...r,
       loading: !1,
       validId: !0,
       tooltip: e.tooltip || "",
@@ -311,11 +242,11 @@ class Z extends S {
     });
   }
   _setFeatureServiceProps(e) {
-    e.valueType && e.valueType.toLowerCase() === "itemid" && E(e, "attributes.required", "true");
+    e.valueType && e.valueType.toLowerCase() === "itemid" && L(e, "attributes.required", "true");
   }
   getValidation(e, t) {
-    let i = "", s = m(e, "validation.message") || "", l = !0;
-    return m(e, "attributes.required") === "true" && (i = b(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), {
+    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,
       validation: {
         expression: i,
@@ -353,8 +284,26 @@ class Z extends S {
   _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) {
+      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 a = l?.token ?? "";
+            this.tokenRefreshed.emit(a);
+          }
+        },
+        s
+      );
+    }
+  }
 }
-x("solution-details-panel", Z);
+v("solution-details-panel", O);
 export {
-  Z as SolutionDetailsPanel
+  O as SolutionDetailsPanel
 };

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

@@ -5,7 +5,7 @@ import { css as n, html as a, nothing as i } from "lit";
 import { LitElement as c, noShadowRoot as r, safeStyleMap as e } 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.20250806 */
+v1.1.0-next.20250808 */
 const b = n`@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.20250806 */
+v1.1.0-next.20250808 */
 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.20250806 */
+v1.1.0-next.20250808 */
 const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,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.1/esri/copyright.txt for details.
-v1.1.0-next.20250806 */
+v1.1.0-next.20250808 */
 const z = B`/** @license
  * Copyright 2025 Esri
  *

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

@@ -3,7 +3,7 @@ import { css as l, html as p } from "lit";
 import { LitElement as u, noShadowRoot as d, nothing as c } 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.20250806 */
+v1.1.0-next.20250808 */
 const g = l`@layer{/** @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.20250806 */
+v1.1.0-next.20250808 */
 const d = h`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as n, html as a } from "lit";
 import { LitElement as o, 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.20250806 */
+v1.1.0-next.20250808 */
 const c = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { css as u, html as a, nothing as n } from "lit";
 import { LitElement as p, safeStyleMap as m, safeClassMap as f } 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.20250806 */
+v1.1.0-next.20250808 */
 const _ = u`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { css as d, html as t } from "lit";
 import { createRef as p, ref as g } 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.20250806 */
+v1.1.0-next.20250808 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-social-share/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as y, nothing as p, safeStyleMap as a, safeClassMap as k } f
 import { createRef as r, ref as c } 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.20250806 */
+v1.1.0-next.20250808 */
 const x = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { css as u, html as n } from "lit";
 import { LitElement as m, createEvent as c, noShadowRoot as b } 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.20250806 */
+v1.1.0-next.20250808 */
 const S = u`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { css as h, nothing as d, html as p } from "lit";
 import { LitElement as u, noShadowRoot as m, safeClassMap as s } 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.20250806 */
+v1.1.0-next.20250808 */
 const v = h`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as n, html as s, nothing as l } from "lit";
 import { LitElement as c, createEvent as o } 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.20250806 */
+v1.1.0-next.20250808 */
 const h = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { C as h, g as y } from "../../chunks/cardFetchingUtils.js";
 import { a as w, u as v } from "../../chunks/deployAppContexts.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.20250806 */
+v1.1.0-next.20250808 */
 const x = u`/** @license
  * Copyright 2025 Esri
  *
@@ -23,7 +23,7 @@ const x = u`/** @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-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%}`;
+ */calcite-panel{width:100%;height:100%}.card-group{overflow:hidden;padding:.2rem 1rem}.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%}`;
 class T extends m {
   constructor() {
     super(...arguments), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "numviews", this.cards = [], this._translations = _({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${c} OR ${p}`, this._allCards = [], this._authContextConsumer = l({