@esri/solutions-components 1.1.3 → 1.1.5

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

@@ -11,7 +11,7 @@ import { i as C, v as G, j as M, k as F } from "../../chunks/helpers.js";
 import { a as I } from "../../chunks/appConfig.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.3 */
+v1.1.5 */
 const R = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { p as u } from "../../chunks/prepareDataForSolutionDisplay.js";
 import { createRef as o, ref as s } 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.3 */
+v1.1.5 */
 const m = p`/** @license
  * Copyright 2025 Esri
  *

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.3 */
+v1.1.5 */
 const d = s`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,11 +1,11 @@
-import { c as s } from "../../chunks/runtime.js";
+import { c } from "../../chunks/runtime.js";
 import { css as r, 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 { b 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.3 */
+v1.1.5 */
 const m = r`/** @license
  * Copyright 2025 Esri
  *
@@ -33,20 +33,20 @@ class u extends n {
   }
   render() {
     const e = p(this.card.title);
-    return console.warn("TODO update string after R3 release"), i`<a href=${e ?? a} @click=${this._anchorClick} .title=${`${this.card.title} - ArcGIS Solutions`}>${this._renderCard()}</a>`;
+    return i`<a href=${e ?? a} @click=${this._anchorClick} .title=${`${this.card.title} - ${this._translations.arcgisSolutions}`}>${this._renderCard()}</a>`;
   }
   _anchorClick(e) {
     e.preventDefault();
   }
   _cardSelected() {
-    this.detailsCardSelected.emit(this.card);
+    console.log(this.card), this.detailsCardSelected.emit(this.card);
   }
   _renderCard() {
-    const e = this.card, c = e.chip === "new" || e.chip === "updated" ? "chip-status" : this.card.chip === "deployed" ? "chip-deployed" : "", o = "solution-details-card-chip", t = e.chip === "new" ? this._translations.newSolution : 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" || e.chip === "new" ? "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>`;
+    const e = this.card, s = e.chip === "new" || e.chip === "updated" ? "chip-status" : this.card.chip === "deployed" ? "chip-deployed" : "", o = "solution-details-card-chip", t = e.chip === "new" ? this._translations.newSolution : 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(s)} .icon=${e.chip === "updated" || e.chip === "new" ? "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", u);
+c("solution-details-card", u);
 export {
   u as SolutionDetailsCard
 };

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

@@ -1,18 +1,18 @@
-import { c as w } from "../../chunks/runtime.js";
-import { css as b, html as s } from "lit";
-import { u as y } from "../../chunks/useT9n.js";
+import { c as b } from "../../chunks/runtime.js";
+import { css as y, html as s } from "lit";
+import { u as w } from "../../chunks/useT9n.js";
 import { createRef as c, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as x, createEvent as g, safeClassMap as p, nothing as m, safeStyleMap as $ } from "@arcgis/lumina";
-import { useContextConsumer as f } from "@arcgis/lumina/context";
+import { LitElement as x, createEvent as u, safeClassMap as p, nothing as m, safeStyleMap as $ } from "@arcgis/lumina";
+import { useContextConsumer as _ } from "@arcgis/lumina/context";
 import { a as R, u as k } from "../../chunks/deployAppContexts.js";
-import { getItemDataAsJson as L, getItem as M, getPropWithDefault as _, getProp as u, setCreateProp as S } from "@esri/solution-common";
+import { getItemDataAsJson as M, getItem as L, getPropWithDefault as f, getProp as g, setCreateProp as S } from "@esri/solution-common";
 import { a as I, b as A } from "../../chunks/privilegeUtils.js";
 import { _findExistingItem as E } from "@esri/solution-deployer";
 import { g as C, a as P } 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.3 */
-const T = b`/** @license
+v1.1.5 */
+const T = y`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,16 +26,16 @@ const T = 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}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-1-5{padding:1.5rem}.padding-2px{padding:2px}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-5{padding-bottom:1.5rem}.padding-top-1{padding-top:1rem}.padding-top-1-5{padding-top:1.5rem}.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-2{padding-inline-end:2rem}.padding-start-1{padding-inline-start:1rem}.margin-bottom-1{margin-bottom:1rem}.margin-bottom-1-5{margin-bottom:1.5rem}.margin-end-1{margin-inline-end:1rem}.margin-block-start-end-0{margin-block-start:0px;margin-block-end:0px}.align-self-center{align-self:center;padding:5px;--calcite-fab-shadow: #FFFFFF00}.align-items-center{align-items:center}.button-width{width:260px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.button-width{width:auto}}.image-width{width:395px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:2;flex-shrink:.5}}.width-full{width:100%}.card-group{overflow:hidden}calcite-card{width:450px}@media(max-width:1496px){calcite-card{width:calc(100% / 3 - .5rem)}}@media(max-width:1100px){calcite-card{width:calc(50% - .5rem)}}@media(max-width:550px){calcite-card{width:100%}}.max-height-300{max-height:300px}.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{border: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%;font-size:1.2rem}.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}.margin-top-0-5{margin-top:.5rem}.margin-top-0{margin-top:0}.collapsible-div{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)}.back-color-override-1{background-color:var(--calcite-color-foreground-1)}.title-font{font-size:2rem;line-height:1.1;color:var(--calcite-color-text-1)}.line-height-1-5{line-height:1.5}.font-1rem{font-size:1rem}.font-color-1{color:var(--calcite-color-text-1)}h1{font-weight:unset;margin:0;padding:0}.item-padding{--calcite-internal-accordion-item-padding: 1.5rem}.accordion-bg{--calcite-accordion-background-color: var(--calcite-color-foreground-1)}`;
+ */.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}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-1-5{padding:1.5rem}.padding-2px{padding:2px}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-5{padding-bottom:1.5rem}.padding-top-1{padding-top:1rem}.padding-top-1-5{padding-top:1.5rem}.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-2{padding-inline-end:2rem}.padding-start-1{padding-inline-start:1rem}.margin-bottom-1{margin-bottom:1rem}.margin-bottom-1-5{margin-bottom:1.5rem}.margin-end-1{margin-inline-end:1rem}.margin-top-0{margin-top:0}.margin-top-1{margin-top:1rem}.margin-sides-0-5{margin-left:.5rem;margin-right:.5rem}.margin-block-start-end-0{margin-block-start:0px;margin-block-end:0px}.align-self-center{align-self:center;padding:5px;--calcite-fab-shadow: #FFFFFF00}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.button-width{width:260px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.button-width{width:auto}}.image-width{width:395px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:2;flex-shrink:.5}}.width-full{width:100%}.card-group{overflow:hidden}calcite-card{width:450px}@media(max-width:1496px){calcite-card{width:calc(100% / 3 - .5rem)}}@media(max-width:1100px){calcite-card{width:calc(50% - .5rem)}}@media(max-width:550px){calcite-card{width:100%}}.max-height-300{max-height:300px}.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{border: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%;font-size:1.2rem}.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{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)}.back-color-override-1{background-color:var(--calcite-color-foreground-1)}.title-font{font-size:2rem;line-height:1.1;color:var(--calcite-color-text-1)}.line-height-1-5{line-height:1.5}.font-1rem{font-size:1rem}.font-color-1{color:var(--calcite-color-text-1)}h1{font-weight:unset;margin:0;padding:0}.item-padding{--calcite-internal-accordion-item-padding: 1.5rem}.accordion-bg{--calcite-accordion-background-color: var(--calcite-color-foreground-1)}`;
 class D extends x {
   constructor() {
-    super(), this._showScreenshotsShowMore = !1, this._showYouMayAlsoLikeShowMore = !1, this._isScreenshotsRowExpanded = !1, this._isYouMayAlsoLikeRowExpanded = !1, this._screenshotsRowBaseHeight = 340, this._templates = [], this._translations = y({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._authContextConsumer = f({
+    super(), this._showScreenshotsShowMore = !1, this._showYouMayAlsoLikeShowMore = !1, this._isScreenshotsRowExpanded = !1, this._isYouMayAlsoLikeRowExpanded = !1, this._screenshotsRowBaseHeight = 340, this._templates = [], this._translations = w({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._authContextConsumer = _({
       context: R,
       subscribe: !0
-    }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = c(), this._deployingDialogRef = c(), this._overviewAccordionItemElement = c(), this._privilegePopoverRef = c(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._releaseNotesAccordionItemElement = c(), this._relatedResourcesAccordionItemElement = c(), this._screenshotsAccordionItemElement = c(), this._screenshotsDialogRef = c(), this._screenshotsElement = c(), this._termsOfUseAccordionItemElement = c(), this._userOptions = [], this._userSessionContextConsumer = f({
+    }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = c(), this._deployingDialogRef = c(), this._overviewAccordionItemElement = c(), this._privilegePopoverRef = c(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._releaseNotesAccordionItemElement = c(), this._relatedResourcesAccordionItemElement = c(), this._screenshotsAccordionItemElement = c(), this._screenshotsDialogRef = c(), this._screenshotsElement = c(), this._termsOfUseAccordionItemElement = c(), this._userOptions = [], this._userSessionContextConsumer = _({
       context: k,
       subscribe: !0
-    }), this._youMayAlsoLikeAccordionItemElement = c(), this._youMayAlsoLikeElement = c(), this.templatesFetched = g(), this.itemPropertiesFetched = g(), this.sortTypeChanged = g(), this.tokenRefreshed = g(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+    }), this._youMayAlsoLikeAccordionItemElement = c(), this._youMayAlsoLikeElement = c(), this.templatesFetched = u(), this.itemPropertiesFetched = u(), this.sortTypeChanged = u(), this.tokenRefreshed = u(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
   static {
     this.properties = { card: 0, _showScreenshotsShowMore: 16, _showYouMayAlsoLikeShowMore: 16, _isScreenshotsRowExpanded: 16, _isYouMayAlsoLikeRowExpanded: 16, _itemProperties: 16, _missingPrivilegeMessages: 16, _screenshotsRowBaseHeight: 16, _templates: 16, _translations: 16, _youMayAlsoLikeBaseHeight: 16 };
@@ -71,15 +71,14 @@ class D extends x {
   }
   _getSolutionRow() {
     const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._missingPrivilegeMessages?.leadingMessages || [], i = t.length > 0, o = this._missingPrivilegeMessages?.bulletedMessages || [], a = o.length > 0, l = this._missingPrivilegeMessages?.trailingMessages || [], r = l.length > 0;
-    return s`<div class="display-flex flex-direction-row"><div class="padding-end-2 image-width"><img alt=${this.card?.title ?? m} src=${e ?? m}></div><div class="display-flex flex-direction-row">${this._getTextSection(i, a, r, t, o, l)}${this._getButtons(i || a || r || !this._authContextConsumer.value?.IsSignedIn)}</div></div>`;
+    return s`<div class="display-flex flex-direction-row"><div class="padding-end-2 image-width"><img alt=${this.card?.title ?? m} src=${e ?? m}></div><div class="display-flex flex-direction-row">${this._getTextSection(i, a, r, t, o, l)}${this._getButtons(i || a || r || !this._authContextConsumer.value?.IsSignedIn, this._authContextConsumer.value?.IsEnterprisePortal)}</div></div>`;
   }
   _getTextSection(e, t, i, o, a, l) {
-    return s`<div class="display-flex flex-direction-column padding-end-1"><h2 class="padding-end-1 padding-top-1 title-font margin-top-0">${this.card?.title}</h2>${this.card?.categories?.some((r) => r.includes("New Release")) && s`<calcite-chip class="align-self-center" kind=brand .label=${this._translations.new} scale=m>${this._translations.new}</calcite-chip>` || ""}<calcite-label scale=l class="font-1rem padding-end-1">${this.card?.snippet}</calcite-label>${e || t || i ? s`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(o, a, l)}</div>` : ""}</div>`;
+    return s`<div class="display-flex flex-direction-column padding-end-1"><div class="display-flex flex-direction-row align-items-baseline"><h2 class="padding-top-1 title-font margin-top-0 margin-bottom-1-5">${this.card?.title}</h2>${this.card?.categories?.some((r) => r.includes("New Release")) && s`<calcite-chip class="margin-top-1 margin-bottom-1-5 margin-sides-0-5" kind=brand .label=${this._translations.new} scale=m icon=mega-phone>${this._translations.new}</calcite-chip>` || ""}</div><calcite-label scale=l class="font-1rem padding-end-1">${this.card?.snippet}</calcite-label>${e || t || i ? s`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(o, a, l)}</div>` : ""}</div>`;
   }
-  _getButtons(e) {
-    console.warn("TODO update learn more string after release");
-    const t = this._itemProperties?.demoURL || "", i = t ? "" : "display-none";
-    return s`<div class="display-flex flex-direction-column button-width"><calcite-button class="padding-bottom-1" .disabled=${e} icon-end=arrow-bold-right icon-flip-rtl=end @click=${() => this._openDeploy()} scale=l>${this._translations.deploy}</calcite-button><calcite-button appearance=outline-fill kind=neutral class=${`padding-bottom-1 ${i}`} @click=${() => this._openUrl(t)} scale=l>${this._translations.watchDemo}</calcite-button><calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1" @click=${() => this._openUrl(this.card?.learnMoreUrl || "")} scale=l>Learn more</calcite-button><solution-social-share button-appearance=outline-fill class="padding-bottom-1" share-button-kind=neutral .shareButtonText=${this._translations.share} share-button-scale=l></solution-social-share></div>`;
+  _getButtons(e, t) {
+    const i = this._itemProperties?.demoURL || "", o = i ? "" : "display-none";
+    return s`<div class="display-flex flex-direction-column button-width"><calcite-button class="padding-bottom-1" .disabled=${e} icon-end=arrow-bold-right icon-flip-rtl=end @click=${() => this._openDeploy()} scale=l>${this._translations.deploy}</calcite-button><calcite-button appearance=outline-fill kind=neutral class=${`padding-bottom-1 ${o}`} @click=${() => this._openUrl(i)} scale=l>${this._translations.watchDemo}</calcite-button><calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1" @click=${() => this._openUrl(this.card?.learnMoreUrl || "")} scale=l>${this._translations.learnMore}</calcite-button>${!t && s`<solution-social-share button-appearance=outline-fill class="padding-bottom-1" share-button-kind=neutral .shareButtonText=${this._translations.share} share-button-scale=l></solution-social-share>` || ""}</div>`;
   }
   _getMissingPrivilegesNotice(e, t, i) {
     const o = "solutions-missing-privileges-notice", a = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges;
@@ -140,7 +139,7 @@ class D extends x {
     return (this._itemProperties?.releaseNotes || [])?.map((t) => s`<calcite-table-row><calcite-table-cell><p class="display-flex flex-direction-row font-1rem font-color-1">${t.version}</p></calcite-table-cell><calcite-table-cell alignment=start>${t.description.map((i) => s`<ul class="display-flex flex-direction-row font-1rem font-color-1"><li>${i.note}</li></ul>`)}</calcite-table-cell></calcite-table-row>`);
   }
   _getRelatedResourcesRow(e) {
-    return console.warn("TODO change relatedArticles to relatedResources when strings open back up"), s`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._relatedResourcesAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>${this._translations.relatedArticles}</h3><div class="display-flex flex-direction-row">${e.map((t) => {
+    return s`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._relatedResourcesAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>${this._translations.relatedResources}</h3><div class="display-flex flex-direction-row">${e.map((t) => {
       console.log(t), s`<solution-resource-card></solution-resource-card>`;
     })}</div></calcite-accordion-item></calcite-accordion>`;
   }
@@ -158,9 +157,7 @@ class D extends x {
     return this._allCards.filter((t) => e.indexOf(t.deployCommonId) > -1);
   }
   _getTermsOfUseRow() {
-    console.warn("TODO update string after release");
-    const e = "Copyright 2025 Esri", t = 'Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at', i = "http://www.apache.org/licenses/LICENSE-2.0";
-    return s`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._termsOfUseAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>Terms of Use</h3><div class="display-flex flex-direction-column"><p class="font-color-1 font-1rem margin-top-0 line-height-1-5" .innerHTML=${e}></p><p class="font-color-1 font-1rem margin-top-0 line-height-1-5" .innerHTML=${t}></p><calcite-link class="margin-top-0 line-height-1-5" .href=${i}>${i}</calcite-link><p class="font-color-1 font-1rem margin-top-1 line-height-1-5" .innerHTML=${'Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, 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.'}></p></div></calcite-accordion-item></calcite-accordion>`;
+    return s`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._termsOfUseAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>Terms of Use</h3><div class="display-flex flex-direction-column"><p class="font-color-1 font-1rem margin-top-0 line-height-1-5" .innerHTML=${this._translations.copyrightHeading ?? ""}></p><p class="font-color-1 font-1rem margin-top-0 line-height-1-5" .innerHTML=${this._translations.apacheLicense ?? ""}></p><calcite-link class="margin-top-0 line-height-1-5" .href=${this._translations.apacheLicenseUrl}>${this._translations.apacheLicenseUrl}</calcite-link><p class="font-color-1 font-1rem margin-top-1 line-height-1-5" .innerHTML=${this._translations.asIsBasis ?? ""}></p></div></calcite-accordion-item></calcite-accordion>`;
   }
   _openDeploy() {
     if (this._authContextConsumer.value.IsSignedIn) {
@@ -179,7 +176,7 @@ class D extends x {
     this._overviewAccordionItemElement.value && (this._overviewAccordionItemElement.value.expanded = !0), this._releaseNotesAccordionItemElement.value && (this._releaseNotesAccordionItemElement.value.expanded = !0), this._relatedResourcesAccordionItemElement.value && (this._relatedResourcesAccordionItemElement.value.expanded = !0), this._screenshotsAccordionItemElement.value && (this._screenshotsAccordionItemElement.value.expanded = !0), this._termsOfUseAccordionItemElement.value && (this._termsOfUseAccordionItemElement.value.expanded = !0), this._youMayAlsoLikeAccordionItemElement.value && (this._youMayAlsoLikeAccordionItemElement.value.expanded = !0);
   }
   async _getItemData() {
-    const e = this._userSessionContextConsumer.value, t = await L(this.card.id, e), i = await M(this.card.id, e);
+    const e = this._userSessionContextConsumer.value, t = await M(this.card.id, e), i = await L(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
     const o = I(t, this.card.typeKeywords, this._authContextConsumer.value);
     this._privileges = e.username ? o : [], this._userPrivileges = this._authContextConsumer.value ? this._authContextConsumer.value.PortalUserPrivileges : [];
@@ -225,8 +222,8 @@ class D extends x {
     return E(`typekeywords:source-${e} type:${t} owner:${i}`, o);
   }
   updateUserProp(e, t) {
-    const i = e.itemType?.toLowerCase() === "feature service", o = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), a = _(t, i ? "url" : "type", "") || "", l = a !== "" && o.test(a);
-    return e.responseValue = l ? a : "", e.name = l && u(t, "name") || "", e.title = l && u(t, "title") || "", e.itemType = l ? u(t, "type") : e.itemType, e.validId = l, e.itemUrl = P(t.id, this._authContextConsumer.value), l;
+    const i = e.itemType?.toLowerCase() === "feature service", o = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), a = f(t, i ? "url" : "type", "") || "", l = a !== "" && o.test(a);
+    return e.responseValue = l ? a : "", e.name = l && g(t, "name") || "", e.title = l && g(t, "title") || "", e.itemType = l ? g(t, "type") : e.itemType, e.validId = l, e.itemUrl = P(t.id, this._authContextConsumer.value), l;
   }
   updateOption(e, t, i) {
     const o = e.default || "", a = typeof o, l = o.toString();
@@ -259,8 +256,8 @@ class D extends x {
     e.valueType && e.valueType.toLowerCase() === "itemid" && S(e, "attributes.required", "true");
   }
   getValidation(e, t) {
-    let i = "", o = u(e, "validation.message") || "", a = !0;
-    return u(e, "attributes.required") === "true" && (i = _(e, "validation.expression", "\\S{1,}"), a = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, o = this._translations.configure.invalidID), {
+    let i = "", o = g(e, "validation.message") || "", a = !0;
+    return g(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, o = this._translations.configure.invalidID), {
       valid: a,
       validation: {
         expression: i,
@@ -291,7 +288,7 @@ class D extends x {
     e.detail === "details" && this.sortTypeChanged.emit("");
   }
 }
-w("solution-details-panel", D);
+b("solution-details-panel", D);
 export {
   D 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.3 */
+v1.1.5 */
 const r = l`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -42,6 +42,8 @@ export declare class SolutionItemAccordion extends LitElement {
      * @param id the id of the item to select
      */
     selectItem(id: string): Promise<void>;
+    /** Selects the first item in the accordion and expands the accordion item containing it. */
+    selectFirstItem(): Promise<void>;
     /**
      * Selects items in the accordion and expands the accordion item containing it.
      * Only applies when selectionMode is 'multiple'.

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

@@ -1,10 +1,10 @@
 import { c } from "../../chunks/runtime.js";
 import { u as a } from "../../chunks/useT9n.js";
-import { css as d, html as n, nothing as p } from "lit";
-import { LitElement as h, createEvent as l } from "@arcgis/lumina";
+import { css as d, html as l, nothing as p } from "lit";
+import { LitElement as h, createEvent as n } 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.3 */
+v1.1.5 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *
@@ -55,7 +55,7 @@ class u extends h {
       "Report Template",
       "Rule Package",
       "Group"
-    ], this.solutionItemHover = l(), this.solutionItemSelect = l(), this.solutionTypeHover = l();
+    ], this.solutionItemHover = n(), this.solutionItemSelect = n(), this.solutionTypeHover = n();
   }
   static {
     this.properties = { itemRelationshipDependencies: 0, linkType: 1, listSelectionMode: 1, templateInfos: 0, typeKeywords: 0, _sortedTemplateInfos: 16, _translations: 16 };
@@ -84,6 +84,10 @@ class u extends h {
       t.id === e && (t.selected = !0, (t.parentElement?.parentElement).expanded = !0);
     });
   }
+  async selectFirstItem() {
+    const e = this.el?.shadowRoot?.querySelectorAll("calcite-list-item");
+    e?.length && (e[0].selected = !0, (e[0].parentElement?.parentElement).expanded = !0);
+  }
   async selectItems(e) {
     this.listSelectionMode === "multiple" && this.el?.shadowRoot?.querySelectorAll("calcite-list-item")?.forEach((t) => {
       e.indexOf(t.id) > -1 && (t.selected = !0, (t.parentElement?.parentElement).expanded = !0);
@@ -105,21 +109,21 @@ class u extends h {
       const o = this._getTypeForDisplay(s.type, s.typeKeywords);
       return e.indexOf(o) < 0 && (e.push(o), t.push(this._getAccordionItem(s))), t;
     }, []);
-    return n`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
+    return l`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
   }
   _getAccordionItem(e) {
     const i = this._getTypeForDisplay(e.type, e.typeKeywords), t = this._sortedTemplateInfos.filter((s) => this._getTypeForDisplay(s.type, s.typeKeywords) === i);
-    return n`<calcite-accordion-item .description=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
+    return l`<calcite-accordion-item .description=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
   }
   _getList(e) {
     const i = this._sortTemplatesByTitle(e);
-    return n`<calcite-list .label=${this._translations.solutionsTemplates} selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
+    return l`<calcite-list .label=${this._translations.solutionsTemplates} selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
   }
   _getListItem(e) {
     const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action";
-    return n`<calcite-list-item id=${e.id ?? p} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
+    return l`<calcite-list-item id=${e.id ?? p} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
       this._deselectOthers(e.id), this.solutionItemSelect.emit({ itemId: e.id, selected: !0 }), i && !t && window.open(e.url, "_blank");
-    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && n`<calcite-chip slot=actions-end icon=information scale=s .label=${this._translations?.itemDependency}>${this._translations?.itemDependency}</calcite-chip>` || ""}${i && t ? n`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
+    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && l`<calcite-chip slot=actions-end icon=information scale=s .label=${this._translations?.itemDependency}>${this._translations?.itemDependency}</calcite-chip>` || ""}${i && t ? l`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
   }
   _sortTemplatesByTitle(e) {
     return e.sort((i, t) => i.title < t.title ? -1 : i.title > t.title ? 1 : 0);

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.3 */
+v1.1.5 */
 const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { g as D } from "../../chunks/getItemIcon.js";
 import { injectGlobal as A } 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.3 */
+v1.1.5 */
 const P = b`/** @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.3 */
+v1.1.5 */
 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.3 */
+v1.1.5 */
 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.3 */
+v1.1.5 */
 const c = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { u as a } from "../../chunks/useT9n.js";
 import { LitElement as r, createEvent as o, nothing 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.3 */
+v1.1.5 */
 const n = s`/** @license
  * Copyright 2025 Esri
  *
@@ -34,7 +34,7 @@ class c extends r {
     return this.type === "resource" ? this._getArcticleCard() : this._getBlogCard();
   }
   _getArcticleCard() {
-    return console.warn("TODO change viewArticle to viewResource after strings open"), t`<calcite-card @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewArticle}</div></div><span class="padding-1-2" slot=heading>${this.heading}</span></calcite-card>`;
+    return t`<calcite-card @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewResource}</div></div><span class="padding-1-2" slot=heading>${this.heading}</span></calcite-card>`;
   }
   _getBlogCard() {
     return t`<calcite-card><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewBlog}</div></div><span class="padding-bottom-1" slot=heading>${this.heading}</span><span slot=description>${this.date}</span><div slot=footer-start><calcite-link .href=${this.href} icon-end=launch-2>${this._translations.readThisBlog}</calcite-link></div></calcite-card>`;

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.3 */
+v1.1.5 */
 const _ = u`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { css as h, html as s } 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.3 */
+v1.1.5 */
 const m = h`/** @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 x } 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.3 */
+v1.1.5 */
 const k = 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.3 */
+v1.1.5 */
 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.3 */
+v1.1.5 */
 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.3 */
+v1.1.5 */
 const h = n`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-all-panel/customElement.d.ts

@@ -28,4 +28,6 @@ export declare class SolutionsAllPanel extends LitElement {
     readonly allCardsFetched: TargetedEvent<this, ISolutionInfoCard[]>;
     /** Emitted on demand when the serachTerm is set from url param */
     readonly searchTermSet: TargetedEvent<this, ISearchTerm>;
+    /** Emitted on demand when the details card is selected. */
+    readonly detailsCardSelected: TargetedEvent<this, ISolutionInfoCard>;
 }