@esri/solutions-components 1.1.0-next.20251010 → 1.1.0-next.20251015

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

@@ -4,7 +4,7 @@ import { u as s } from "../../chunks/useT9n.js";
 import { LitElement as r, createEvent as n, 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 const o = a`/** @license
  * Copyright 2025 Esri
  *

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

@@ -9,7 +9,7 @@ import { createRef as m, ref as _ } from "lit-html/directives/ref.js";
 import { LitElement as g, noShadowRoot as I, safeClassMap as v } 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.20251010 */
+v1.1.0-next.20251015 */
 const b = p`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { a as f } from "../../chunks/deployAppContexts.js";
 import { createRef as n } 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.20251010 */
+v1.1.0-next.20251015 */
 const _ = m`/** @license
  * Copyright 2025 Esri
  *
@@ -22,7 +22,7 @@ const _ = m`/** @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.
- */.minor-card{width:16%}.center{justify-content:center;align-items:center}.align-self-center{align-self:center}.font-weight-semibold{font-weight:var(--calcite-font-weight-semibold)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.font-weight-normal{font-weight:var(--calcite-font-weight-normal)}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.no-space{--calcite-label-margin-bottom: 0px}.font-color{color:red}.padding-end-1-2{padding-inline-end:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.edit-button-position{position:absolute;right:1rem}html[dir=rtl] .edit-button-position{position:absolute;left:1rem}.max-width-35{max-width:35vw}.large-card{width:49%}.btn-center{width:100%;display:grid;place-items:center}.width-full{width:100%}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.width-400{width:400px}.width-450{width:450px}.padding-3-4{padding:.75rem}.margin-0{margin:0}.calcite-internal-dialog-content-padding-override{--calcite-internal-dialog-content-padding: 0px}.background-color-2{background-color:var(--calcite-color-foreground-2)}.card-group-padding,.solution-content-padding{padding:1rem}@media (max-width: 1240px){.large-card{width:48%}}.error-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.button-flex{display:flex;flex-wrap:wrap}.label-override{--calcite-label-margin-bottom: 0px}.icon-size-override{height:48px;width:48px}`, s = 165;
+ */.minor-card{width:16%}.center{justify-content:center;align-items:center}.align-self-center{align-self:center}.font-weight-semibold{font-weight:var(--calcite-font-weight-semibold)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.font-weight-normal{font-weight:var(--calcite-font-weight-normal)}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.no-space{--calcite-label-margin-bottom: 0px}.font-color{color:red}.padding-end-1-2{padding-inline-end:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.edit-button-position{position:absolute;right:1rem}html[dir=rtl] .edit-button-position{position:absolute;left:1rem}.max-width-35{max-width:35vw}.large-card{width:49%}.btn-center{width:100%;display:grid;place-items:center}.width-full{width:100%}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.width-400{width:400px}.width-450{width:450px}.padding-3-4{padding:.75rem}.margin-0{margin:0}.calcite-internal-dialog-content-padding-override{--calcite-internal-dialog-content-padding: 0px}.background-color-2{background-color:var(--calcite-color-foreground-2)}.card-group-padding,.solution-content-padding{padding:1rem}@media(max-width:1240px){.large-card{width:48%}}.error-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.button-flex{display:flex;flex-wrap:wrap}.label-override{--calcite-label-margin-bottom: 0px}.icon-size-override{height:48px;width:48px}`, s = 165;
 class w extends p {
   constructor() {
     super(...arguments), this.open = !1, this.showSuccessAlert = !1, this.templateInfos = [], this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._displayClass = "", this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this._translations = h({ name: "solution-configure-dialog", blocking: !0 }), this._authContextConsumer = g({

package/dist/components/solution-configure-titles/customElement.js

@@ -10,7 +10,7 @@ import { updateGroup as L, updateItem as w } from "@esri/solution-common";
 import { h as f } from "../../chunks/helpers.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.20251010 */
+v1.1.0-next.20251015 */
 const E = C`/** @license
  * Copyright 2025 Esri
  *

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

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

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

@@ -10,7 +10,7 @@ import { p as U } from "../../chunks/prepareDataForSolutionDisplay.js";
 import { createRef as A, ref as _ } 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.20251010 */
+v1.1.0-next.20251015 */
 const L = C`/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { f as C, v as G, i as M, j 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 const m = p`/** @license
  * Copyright 2025 Esri
  *
@@ -23,7 +23,7 @@ const m = p`/** @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:295px;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:content-box;cursor:pointer}.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{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}.width-full{width:100%}.deployed-label-override{--calcite-label-text-color: var(--calcite-color-text-3);--calcite-label-margin-bottom: 0px}.svg-color{fill:var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1-2{padding-bottom:.5rem}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.font-weight-400,.font-weight-normal{font-weight:400}.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)}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.justify-content-space-between{justify-content:space-between}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.cursor-default{cursor:default}`;
+ */calcite-card{width:295px;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:content-box;cursor:pointer}.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{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}.width-full{width:100%}.deployed-label-override{--calcite-label-text-color: var(--calcite-color-text-3);--calcite-label-margin-bottom: 0px}.svg-color{fill:var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1-2{padding-bottom:.5rem}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.font-weight-400,.font-weight-normal{font-weight:400}.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)}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.justify-content-space-between{justify-content:space-between}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.cursor-default{cursor:default}`;
 class f extends c {
   constructor() {
     super(...arguments), this.allowDelete = !1, this.deployedDate = "", this.description = "", this.diagramKey = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this.templateInfos = [], this._isConfigureOpen = !1, this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._configureTitlesOpen = !1, this._translations = r({ name: "solution-deployed-card", blocking: !0 }), this._authContextConsumer = l({

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.20251010 */
+v1.1.0-next.20251015 */
 const d = s`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as n, createEvent as d, nothing as a, safeClassMap as h } fr
 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 const m = r`/** @license
  * Copyright 2025 Esri
  *
@@ -20,7 +20,7 @@ const m = 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: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-status{--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;height:100%}`;
+ */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-status{--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;height:100%}`;
 class u extends n {
   constructor() {
     super(...arguments), this._translations = l({ name: "solution-details-card", blocking: !0 }), this.detailsCardSelected = d();

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

@@ -1,18 +1,18 @@
-import { c as w } from "../../chunks/runtime.js";
-import { css as v, html as s } from "lit";
-import { u as b } from "../../chunks/useT9n.js";
-import { createRef as d, ref as h } 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 { c as y } from "../../chunks/runtime.js";
+import { css as b, 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 u, safeClassMap as p, nothing as m, safeStyleMap as $ } from "@arcgis/lumina";
 import { useContextConsumer as f } from "@arcgis/lumina/context";
-import { a as R, u as M } from "../../chunks/deployAppContexts.js";
-import { getItemDataAsJson as S, getItem as L, getPropWithDefault as _, getProp as u, setCreateProp as k } from "@esri/solution-common";
-import { a as C, b as P } from "../../chunks/privilegeUtils.js";
-import { _findExistingItem as T } from "@esri/solution-deployer";
-import { g as A, a as D } from "../../chunks/common.js";
+import { a as R, u as k } from "../../chunks/deployAppContexts.js";
+import { getItemDataAsJson as A, getItem as L, getPropWithDefault as _, getProp as g, setCreateProp as M } from "@esri/solution-common";
+import { a as S, b as I } 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.0-next.20251010 */
-const I = v`/** @license
+v1.1.0-next.20251015 */
+const T = b`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,22 +26,22 @@ const I = 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}ul{list-style-type:disc;margin-block-start:0px;margin-block-end:0px}calcite-label{--calcite-label-margin-bottom: 0px}.headings-font{color:var(--calcite-color-text-1);font-size:1.5rem;margin-top:2rem;margin-bottom:2rem}.padding-1{padding:1rem}.padding-2px{padding:2px}.padding-bottom-1{padding-bottom:1rem}.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}.align-self-center{align-self:center;padding:5px;--calcite-fab-shadow: #FFFFFF00}.align-items-center{align-items:center}.button-width{width:200px;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: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}.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-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}`;
-class E extends x {
+ */.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: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}.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)}`;
+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 = b({ 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 = f({
       context: R,
       subscribe: !0
-    }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = d(), this._deployingDialogRef = d(), this._privilegePopoverRef = d(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsDialogRef = d(), this._screenshotsElement = d(), this._userOptions = [], this._userSessionContextConsumer = f({
-      context: M,
+    }), 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._relatedArticlesAccordionItemElement = c(), this._screenshotsAccordionItemElement = c(), this._screenshotsDialogRef = c(), this._screenshotsElement = c(), this._termsOfUseAccordionItemElement = c(), this._userOptions = [], this._userSessionContextConsumer = f({
+      context: k,
       subscribe: !0
-    }), this._youMayAlsoLikeElement = d(), 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 };
   }
   static {
-    this.styles = I;
+    this.styles = T;
   }
   async connectedCallback() {
     super.connectedCallback(), this.listenOn(window, "calciteTabChange", this._cleanupPanel), this.listenOn(window, "detailsCardSelected", this._cleanupPanel);
@@ -55,8 +55,8 @@ class E extends x {
     super.disconnectedCallback(), this._resizeObserver?.disconnect();
   }
   render() {
-    const e = "border-bottom padding-bottom-1", t = this._getRelatedArticles(), i = this._getYouMayAlsoLikeCards();
-    return s`<h1><calcite-panel class="back-color-override"><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()}${this._getRequirementsRow()}${this._getInformationProductsRow()}</div><div class=${p(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? s`<div class=${p(e)}>${this._getRelatedArticlesRow(t)}</div>` : ""}${i.length > 0 ? s`<div class=${p(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}<solution-deploy-dialog .card=${this.card} @deployFailed=${this._closeDialogs} @deployProgressEnd=${this._closeDialogs} @deployProgressStart=${this._deployProgressStart} @deployProgressUpdated=${this._deployProgessUpdated} id=solutionDeployDialog .userOptions=${this._userOptions} ${h(this._deployDialogRef)}></solution-deploy-dialog><solution-snapshot-gallery .card=${this.card} id=solutionSnapshotGallery .itemProperties=${this._itemProperties} ${h(this._screenshotsDialogRef)}></solution-snapshot-gallery><solution-deploying-dialog .card=${this.card} ${h(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel></h1>`;
+    const e = "padding-bottom-1-5", t = this._getRelatedArticles(), i = this._getYouMayAlsoLikeCards();
+    return s`<h1><calcite-panel class="back-color-override padding-top-1"><div class=${`${e} padding-1-5 back-color-override-1 margin-bottom-1-5`} id=solution-details-row>${this._getSolutionRow()}</div><div class=${p(e)}>${this._getScreenshotsRow()}</div><div class=${p(e)}>${this._getOverviewRow()}</div><div class=${p(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? s`<div class=${p(e)}>${this._getRelatedArticlesRow(t)}</div>` : ""}${i.length > 0 ? s`<div class=${p(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}<div class=${p(e)}>${this._getTermsOfUseRow()}</div><solution-deploy-dialog .card=${this.card} @deployFailed=${this._closeDialogs} @deployProgressEnd=${this._closeDialogs} @deployProgressStart=${this._deployProgressStart} @deployProgressUpdated=${this._deployProgessUpdated} id=solutionDeployDialog .userOptions=${this._userOptions} ${d(this._deployDialogRef)}></solution-deploy-dialog><solution-snapshot-gallery .card=${this.card} id=solutionSnapshotGallery .itemProperties=${this._itemProperties} ${d(this._screenshotsDialogRef)}></solution-snapshot-gallery><solution-deploying-dialog .card=${this.card} ${d(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel></h1>`;
   }
   updated() {
     setTimeout(() => {
@@ -74,16 +74,16 @@ class E extends x {
     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)}</div></div>`;
   }
   _getTextSection(e, t, i, o, a, l) {
-    return s`<div class="display-flex flex-direction-column"><h2 class="padding-end-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"><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>`;
   }
   _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 class=${`padding-bottom-1 ${i}`} @click=${() => this._openUrl(t)} scale=l>${this._translations.watchDemo}</calcite-button><calcite-button appearance=outline class="padding-bottom-1" @click=${() => this._openUrl(this.card?.learnMoreUrl || "")} scale=l>Learn more</calcite-button><solution-social-share button-appearance=outline class="padding-bottom-1" share-button-kind=brand .shareButtonText=${this._translations.share} share-button-scale=l></solution-social-share></div>`;
+    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>`;
   }
   _getMissingPrivilegesNotice(e, t, i) {
     const o = "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=${o} slot=actions-end .text=${a}></calcite-action></calcite-notice><calcite-popover closable .label=${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading} overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${h(this._privilegePopoverRef)}><div class="padding-1 display-flex flex-direction-column"><span class="padding-bottom-1">${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading}</span>${// Leading messages
+    return s`<div><calcite-notice class="margin-inline-unset" kind=warning open><div slot=message>${`${a}`}</div><calcite-action icon=information id=${o} slot=actions-end .text=${a}></calcite-action></calcite-notice><calcite-popover closable .label=${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading} overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${d(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>`;
@@ -96,20 +96,23 @@ class E extends x {
   }
   _getScreenshotsRow() {
     const e = this._isScreenshotsRowExpanded ? this._translations.showLess : this._translations.showMore, t = this._isScreenshotsRowExpanded ? "arrow-up" : "arrow-down", i = this._showScreenshotsShowMore ? "" : "display-none";
-    return s`<calcite-panel><div class="display-flex flex-direction-column">${this._getHeader(this._translations.screenshots)}<div class="collapsible-div max-height-300" id=screenshots-subsection ${h(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=${`align-self-center ${i}`} .icon=${t} kind=neutral @click=${() => {
+    return s`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._screenshotsAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>${this._translations.screenshots}</h3><calcite-panel><div class="display-flex flex-direction-column back-color-override-1"><div class="collapsible-div max-height-300" id=screenshots-subsection ${d(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=${`align-self-center ${i}`} .icon=${t} kind=neutral @click=${() => {
       this._screenshotsElement.value?.classList.toggle("expanded"), this._isScreenshotsRowExpanded = this._screenshotsElement.value.classList.contains("expanded");
-    }} .text=${e} text-enabled></calcite-fab></div></calcite-panel>`;
+    }} .text=${e} text-enabled></calcite-fab></div></calcite-panel></calcite-accordion-item></calcite-accordion>`;
   }
   _getScreenshots() {
     const e = this._itemProperties?.preview || [];
-    return s`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.map((t) => this.card?.id ? s`<calcite-card class="cursor-pointer" .label=${t.alt} @click=${() => this._openScreenshotGallery(t)}><div class="card-image-wrap" slot=thumbnail><img alt=${t.alt ?? m} class="thumbnail card-image" slot=thumbnail src=${A(this.card.id || "", t.name, this._authContextConsumer.value) ?? m}><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 ?? m} class="thumbnail card-image" slot=thumbnail src=${C(this.card.id || "", t.name, this._authContextConsumer.value) ?? m}><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);
   }
+  _getOverviewRow() {
+    return s`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._overviewAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>${this._translations.solutionOverview}</h3>${this._getDescriptionRow()}${this._getRequirementsRow()}${this._getInformationProductsRow()}</calcite-accordion-item></calcite-accordion>`;
+  }
   _getDescriptionRow() {
-    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.solutionOverview)}<p class="font-color-1 font-1rem margin-top-0 line-height-1-5" .innerHTML=${this.card?.description ?? ""}></p></div>`;
+    return s`<div class="display-flex flex-direction-column"><p class="font-color-1 font-1rem margin-top-0 line-height-1-5" .innerHTML=${this.card?.description ?? ""}></p></div>`;
   }
   _getRequirementsRow() {
     const e = this._getRequirements();
@@ -128,7 +131,7 @@ class E extends x {
     return (this._itemProperties?.infoProducts || []).map((t) => s`<calcite-table-row><calcite-table-cell><p class="display-flex flex-direction-row font-1rem font-color-1">${t.item}</p></calcite-table-cell><calcite-table-cell><p class="display-flex flex-direction-row font-1rem font-color-1">${t.description}</p></calcite-table-cell><calcite-table-cell><p class="display-flex flex-direction-row font-1rem font-color-1">${t.userType}</p></calcite-table-cell></calcite-table-row>`);
   }
   _getReleaseNotesRow() {
-    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.releaseNotes)}<calcite-table bordered caption>${this._getReleaseNotesTableHeaderRow()}${this._getReleaseNotesTableRows()}</calcite-table></div>`;
+    return s`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._releaseNotesAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>${this._translations.releaseNotes}</h3><div class="display-flex flex-direction-column"><calcite-table bordered caption>${this._getReleaseNotesTableHeaderRow()}${this._getReleaseNotesTableRows()}</calcite-table></div></calcite-accordion-item></calcite-accordion>`;
   }
   _getReleaseNotesTableHeaderRow() {
     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>`;
@@ -137,25 +140,27 @@ class E 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>`);
   }
   _getRelatedArticlesRow(e) {
-    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.relatedArticles)}<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._relatedArticlesAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>${this._translations.relatedArticles}</h3><div class="display-flex flex-direction-row">${e.map((t) => {
       console.log(t), s`<solution-article-card></solution-article-card>`;
-    })}</div></div>`;
+    })}</div></calcite-accordion-item></calcite-accordion>`;
   }
   _getRelatedArticles() {
     return [];
   }
   _getYouMayAlsoLikeRow(e) {
     const t = this._showYouMayAlsoLikeShowMore ? "" : "display-none", i = this._isYouMayAlsoLikeRowExpanded ? this._translations.showLess : this._translations.showMore, o = this._isYouMayAlsoLikeRowExpanded ? "arrow-up" : "arrow-down", a = this._isYouMayAlsoLikeRowExpanded ? "" : { height: `${this._youMayAlsoLikeBaseHeight}px` };
-    return s`<div class="display-flex flex-direction-column">${this._getHeader(this._translations.youMayAlsoLike)}<div class="collapsible-div" id=you-may-also-like-subsection style=${$(a)} ${h(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row"><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((l, r) => s`<solution-details-card .id=${`you-may-also-like-${r}`} .card=${l} class="padding-2px"></solution-details-card>`)}</calcite-card-group></div></div><calcite-fab appearance=outline-fill class=${`align-self-center ${t}`} .icon=${o} kind=inverse @click=${() => {
+    return s`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._youMayAlsoLikeAccordionItemElement)}><h3 class="margin-block-start-end-0" slot=content-start>${this._translations.youMayAlsoLike}</h3><div class="display-flex flex-direction-column"><div class="collapsible-div" id=you-may-also-like-subsection style=${$(a)} ${d(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row"><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((l, r) => s`<solution-details-card .id=${`you-may-also-like-${r}`} .card=${l} class="padding-2px"></solution-details-card>`)}</calcite-card-group></div></div><calcite-fab appearance=outline-fill class=${`align-self-center ${t}`} .icon=${o} kind=inverse @click=${() => {
       this._youMayAlsoLikeElement.value?.classList.toggle("expanded"), this._isYouMayAlsoLikeRowExpanded = this._youMayAlsoLikeElement.value.classList.contains("expanded");
-    }} .text=${i} text-enabled></calcite-fab></div>`;
+    }} .text=${i} text-enabled></calcite-fab></div></calcite-accordion-item></calcite-accordion>`;
   }
   _getYouMayAlsoLikeCards() {
     const e = this._itemProperties?.relatedSolutions || [];
     return this._allCards.filter((t) => e.indexOf(t.deployCommonId) > -1);
   }
-  _getHeader(e) {
-    return s`<h2 class="headings-font">${e}</h2>`;
+  _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>`;
   }
   _openDeploy() {
     if (this._authContextConsumer.value.IsSignedIn) {
@@ -168,15 +173,18 @@ class E extends x {
     window.open(e, "_blank");
   }
   async _detailsCardSelected(e) {
-    this.card = e.detail, this._onResize(), this._missingPrivilegeMessages = void 0, await this._getItemData();
+    this.card = e.detail, this._onResize(), this._missingPrivilegeMessages = void 0, await this._getItemData(), this._expandAccordions();
+  }
+  _expandAccordions() {
+    this._overviewAccordionItemElement.value && (this._overviewAccordionItemElement.value.expanded = !0), this._releaseNotesAccordionItemElement.value && (this._releaseNotesAccordionItemElement.value.expanded = !0), this._relatedArticlesAccordionItemElement.value && (this._relatedArticlesAccordionItemElement.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 S(this.card.id, e), i = await L(this.card.id, e);
+    const e = this._userSessionContextConsumer.value, t = await A(this.card.id, e), i = await L(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const o = C(t, this.card.typeKeywords, this._authContextConsumer.value);
+    const o = S(t, this.card.typeKeywords, this._authContextConsumer.value);
     this._privileges = e.username ? o : [], this._userPrivileges = this._authContextConsumer.value ? this._authContextConsumer.value.PortalUserPrivileges : [];
     const a = this._privileges.filter((r) => !this._userPrivileges.includes(r));
-    this._missingPrivilegeMessages = P(this._translations, a), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((r) => {
+    this._missingPrivilegeMessages = I(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);
   }
@@ -189,14 +197,14 @@ class E extends x {
     if (o.length > 0) {
       const l = [];
       return o.forEach((r) => {
-        const c = e[r];
-        c.valueType && c.valueType.toLowerCase() === "itemid" && l.push(this._findExistingItem(r, "Feature Service", t.username || ""));
+        const h = e[r];
+        h.valueType && h.valueType.toLowerCase() === "itemid" && l.push(this._findExistingItem(r, "Feature Service", t.username || ""));
       }), Promise.all(l).then((r) => {
-        const c = {};
+        const h = {};
         return r.forEach((n) => {
           if (n.query && n.results && n.results.length > 0) {
-            const y = n.query.split(" ")[0].replace("typekeywords:source-", "");
-            c[y] = {
+            const v = n.query.split(" ")[0].replace("typekeywords:source-", "");
+            h[v] = {
               resultId: n.results[0].id,
               response: n.results[0]
             };
@@ -206,7 +214,7 @@ class E extends x {
             this._configureLearnMore = e[n], alert(this._configureLearnMore), delete e[n];
             return;
           }
-          e[n].enterpriseIDMapping && (this._customDeploymentMappings[n] = e[n].enterpriseIDMapping), a.id = n, c[n] && (e[n].existingItemId = c[n].resultId, this.updateUserProp(e[n], c[n].response)), this.updateOption(e[n], a, n);
+          e[n].enterpriseIDMapping && (this._customDeploymentMappings[n] = e[n].enterpriseIDMapping), a.id = n, h[n] && (e[n].existingItemId = h[n].resultId, this.updateUserProp(e[n], h[n].response)), this.updateOption(e[n], a, n);
         }), i.push(a), Promise.resolve(i);
       }).catch(() => Promise.resolve([]));
     } else
@@ -214,11 +222,11 @@ class E extends x {
   }
   _findExistingItem(e, t, i) {
     const o = this._userSessionContextConsumer.value;
-    return T(`typekeywords:source-${e} type:${t} owner:${i}`, o);
+    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 = D(t.id, this._authContextConsumer.value), l;
+    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();
@@ -248,11 +256,11 @@ class E extends x {
     });
   }
   _setFeatureServiceProps(e) {
-    e.valueType && e.valueType.toLowerCase() === "itemid" && k(e, "attributes.required", "true");
+    e.valueType && e.valueType.toLowerCase() === "itemid" && M(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 = _(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,
@@ -267,7 +275,7 @@ class E extends x {
     this._showYouMayAlsoLikeShowMore = (this._youMayAlsoLikeElement.value?.scrollHeight || 0) > this._youMayAlsoLikeBaseHeight, this._showScreenshotsShowMore = (this._screenshotsElement.value?.scrollHeight || 0) > this._screenshotsRowBaseHeight + 2;
   }
   _cleanupPanel() {
-    this.el.shadowRoot?.getElementById("solution-details-row")?.scrollIntoView(!0), this._isScreenshotsRowExpanded = !1, this._showScreenshotsShowMore = !1, this._screenshotsElement.value?.classList.remove("expanded"), this._isYouMayAlsoLikeRowExpanded = !1, this._showYouMayAlsoLikeShowMore = !1, this._youMayAlsoLikeElement.value?.classList.remove("expanded"), this._privilegePopoverRef.value?.open && (this._privilegePopoverRef.value.open = !1);
+    this.el.shadowRoot?.getElementById("solution-details-row")?.scrollIntoView(!0), this._isScreenshotsRowExpanded = !1, this._showScreenshotsShowMore = !1, this._screenshotsElement.value?.classList.remove("expanded"), this._isYouMayAlsoLikeRowExpanded = !1, this._showYouMayAlsoLikeShowMore = !1, this._youMayAlsoLikeElement.value?.classList.remove("expanded"), this._privilegePopoverRef.value?.open && (this._privilegePopoverRef.value.open = !1), this._expandAccordions();
   }
   _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");
@@ -283,7 +291,7 @@ class E extends x {
     e.detail === "details" && this.sortTypeChanged.emit("");
   }
 }
-w("solution-details-panel", E);
+y("solution-details-panel", D);
 export {
-  E as SolutionDetailsPanel
+  D as SolutionDetailsPanel
 };

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

@@ -9,6 +9,8 @@ import "../solution-social-share/index.js";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-popover";
+import "@esri/calcite-components/components/calcite-accordion";
+import "@esri/calcite-components/components/calcite-accordion-item";
 import "@esri/calcite-components/components/calcite-fab";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-card";
@@ -18,4 +20,5 @@ import "@esri/calcite-components/components/calcite-table-header";
 import "@esri/calcite-components/components/calcite-table-cell";
 import "../solution-article-card/index.js";
 import "../solution-details-card/index.js";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -9,6 +9,8 @@ import "../solution-social-share/index.js";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-popover";
+import "@esri/calcite-components/components/calcite-accordion";
+import "@esri/calcite-components/components/calcite-accordion-item";
 import "@esri/calcite-components/components/calcite-fab";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-card";
@@ -18,4 +20,5 @@ import "@esri/calcite-components/components/calcite-table-header";
 import "@esri/calcite-components/components/calcite-table-cell";
 import "../solution-article-card/index.js";
 import "../solution-details-card/index.js";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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.20251010 */
+v1.1.0-next.20251015 */
 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.20251010 */
+v1.1.0-next.20251015 */
 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.20251010 */
+v1.1.0-next.20251015 */
 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 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.20251010 */
+v1.1.0-next.20251015 */
 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.20251010 */
+v1.1.0-next.20251015 */
 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.20251010 */
+v1.1.0-next.20251015 */
 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 const S = u`@layer{/** @license
  * Copyright 2025 Esri
  *