@esri/solutions-components 1.1.0-next.20251009.1 → 1.1.0-next.20251014

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

@@ -1,18 +1,18 @@
-import { c as v } from "../../chunks/runtime.js";
+import { c as y } from "../../chunks/runtime.js";
 import { css as w, 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 { 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 _ } from "@arcgis/lumina/context";
-import { a as R, u as M } from "../../chunks/deployAppContexts.js";
-import { getItemDataAsJson as S, getItem as L, getPropWithDefault as f, getProp as u, setCreateProp as k } from "@esri/solution-common";
-import { a as P, b as C } from "../../chunks/privilegeUtils.js";
-import { _findExistingItem as A } from "@esri/solution-deployer";
-import { g as T, a as I } from "../../chunks/common.js";
+import { useContextConsumer as f } from "@arcgis/lumina/context";
+import { a as R, u as A } from "../../chunks/deployAppContexts.js";
+import { getItemDataAsJson as L, getItem as M, getPropWithDefault as _, getProp as u, setCreateProp as S } from "@esri/solution-common";
+import { a as I, b as k } 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.20251009.1 */
-const D = w`/** @license
+v1.1.0-next.20251014 */
+const T = w`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,22 +26,22 @@ const D = w`/** @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}.width-395{width:395px}.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}.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}.padding-start-1{padding-inline-start:1rem}.margin-bottom-1{margin-bottom:1rem}.margin-end-1{margin-inline-end:1rem}.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-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}.no-border{--calcite-accordion-border-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 = _({
+    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({
       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 = _({
-      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: A,
       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 = 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);
   }
   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 = D;
+    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", t = this._getRelatedArticles(), i = this._getYouMayAlsoLikeCards();
+    return s`<h1><calcite-panel class="back-color-override"><div class=${`${e} padding-top-1 back-color-override-1 margin-bottom-1`} 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(() => {
@@ -70,12 +70,20 @@ class E extends x {
     }, 100);
   }
   _getSolutionRow() {
-    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._itemProperties?.demoURL || "", i = this._missingPrivilegeMessages?.leadingMessages || [], o = i.length > 0, a = this._missingPrivilegeMessages?.bulletedMessages || [], n = a.length > 0, r = this._missingPrivilegeMessages?.trailingMessages || [], c = r.length > 0;
-    return s`<div class="display-flex flex-direction-row"><div class="padding-end-2"><img alt=${this.card?.title ?? m} class="width-395" src=${e ?? m}></div><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row"><h2 class="padding-end-1 title-font margin-top-0-5">${this.card?.title}</h2>${this.card?.categories?.some((l) => l.includes("New Release")) && s`<calcite-chip class="align-self-center" kind=brand .label=${this._translations.new} scale=m>${this._translations.new}</calcite-chip>` || ""}</div><calcite-label scale=l class="font-1rem padding-end-1">${this.card?.snippet}</calcite-label><div class="display-flex flex-direction-row padding-top-1"><calcite-button class="padding-end-1" .disabled=${o || n || c} 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-end-1" icon-end=video @click=${() => this._openUrl(t)} scale=l>${this._translations.watchDemo}</calcite-button><solution-social-share button-appearance=outline class="padding-end-1" share-button-kind=brand .shareButtonText=${this._translations.share} share-button-scale=l></solution-social-share></div><div class="display-flex flex-direction-row padding-top-1"><calcite-link class="padding-end-1 font-1rem" icon-end=launch @click=${() => this._openUrl(this.card?.learnMoreUrl || "")}>${this._translations.learnHowtoUse}</calcite-link></div>${o || n || c ? s`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(i, a, r)}</div>` : ""}</div></div>`;
+    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 padding-start-1 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>`;
+  }
+  _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 margin-end-1"><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>`;
   }
   _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>`;
@@ -88,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="no-border" icon-position=start scale=l><calcite-accordion-item expanded .heading=${this._translations.screenshots} ${d(this._screenshotsAccordionItemElement)}><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=${T(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="no-border" icon-position=start scale=l><calcite-accordion-item expanded .heading=${this._translations.solutionOverview} ${d(this._overviewAccordionItemElement)}>${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();
@@ -120,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="no-border" icon-position=start scale=l><calcite-accordion-item expanded .heading=${this._translations.releaseNotes} ${d(this._releaseNotesAccordionItemElement)}><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>`;
@@ -129,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="no-border" icon-position=start scale=l><calcite-accordion-item expanded .heading=${this._translations.relatedArticles} ${d(this._relatedArticlesAccordionItemElement)}><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((n, r) => s`<solution-details-card .id=${`you-may-also-like-${r}`} .card=${n} 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="no-border" icon-position=start scale=l><calcite-accordion-item expanded .heading=${this._translations.youMayAlsoLike} ${d(this._youMayAlsoLikeAccordionItemElement)}><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="no-border" icon-position=start scale=l><calcite-accordion-item expanded heading="Terms of Use" ${d(this._termsOfUseAccordionItemElement)}><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) {
@@ -160,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 L(this.card.id, e), i = await M(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const o = P(t, this.card.typeKeywords, this._authContextConsumer.value);
+    const o = I(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 = C(this._translations, a), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((r) => {
+    this._missingPrivilegeMessages = k(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);
   }
@@ -179,26 +195,26 @@ class E extends x {
       accordionDisplay: !1
     };
     if (o.length > 0) {
-      const n = [];
+      const l = [];
       return o.forEach((r) => {
-        const c = e[r];
-        c.valueType && c.valueType.toLowerCase() === "itemid" && n.push(this._findExistingItem(r, "Feature Service", t.username || ""));
-      }), Promise.all(n).then((r) => {
-        const c = {};
-        return r.forEach((l) => {
-          if (l.query && l.results && l.results.length > 0) {
-            const y = l.query.split(" ")[0].replace("typekeywords:source-", "");
-            c[y] = {
-              resultId: l.results[0].id,
-              response: l.results[0]
+        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 h = {};
+        return r.forEach((n) => {
+          if (n.query && n.results && n.results.length > 0) {
+            const v = n.query.split(" ")[0].replace("typekeywords:source-", "");
+            h[v] = {
+              resultId: n.results[0].id,
+              response: n.results[0]
             };
           }
-        }), o.forEach((l) => {
-          if (l === "serviceLearnMore") {
-            this._configureLearnMore = e[l], alert(this._configureLearnMore), delete e[l];
+        }), o.forEach((n) => {
+          if (n === "serviceLearnMore") {
+            this._configureLearnMore = e[n], alert(this._configureLearnMore), delete e[n];
             return;
           }
-          e[l].enterpriseIDMapping && (this._customDeploymentMappings[l] = e[l].enterpriseIDMapping), a.id = l, c[l] && (e[l].existingItemId = c[l].resultId, this.updateUserProp(e[l], c[l].response)), this.updateOption(e[l], a, l);
+          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
@@ -206,16 +222,16 @@ class E extends x {
   }
   _findExistingItem(e, t, i) {
     const o = this._userSessionContextConsumer.value;
-    return A(`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 = f(t, i ? "url" : "type", "") || "", n = a !== "" && o.test(a);
-    return e.responseValue = n ? a : "", e.name = n && u(t, "name") || "", e.title = n && u(t, "title") || "", e.itemType = n ? u(t, "type") : e.itemType, e.validId = n, e.itemUrl = I(t.id, this._authContextConsumer.value), n;
+    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;
   }
   updateOption(e, t, i) {
-    const o = e.default || "", a = typeof o, n = o.toString();
+    const o = e.default || "", a = typeof o, l = o.toString();
     this._setFeatureServiceProps(e);
-    const r = this.getValidation(e, n);
+    const r = this.getValidation(e, l);
     t.props.push({
       id: i,
       outType: a,
@@ -226,10 +242,10 @@ class E extends x {
       choices: e.choices || [],
       valueType: e.valueType.toLowerCase(),
       attributes: e.attributes || {},
-      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : n,
-      default: n,
-      srSearchText: n,
-      autoSelect: n !== "",
+      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : l,
+      default: l,
+      srSearchText: l,
+      autoSelect: l !== "",
       ...r,
       loading: !1,
       validId: !0,
@@ -240,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" && S(e, "attributes.required", "true");
   }
   getValidation(e, t) {
     let i = "", o = u(e, "validation.message") || "", a = !0;
-    return u(e, "attributes.required") === "true" && (i = f(e, "validation.expression", "\\S{1,}"), a = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, o = this._translations.configure.invalidID), {
+    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), {
       valid: a,
       validation: {
         expression: i,
@@ -259,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");
@@ -275,7 +291,7 @@ class E extends x {
     e.detail === "details" && this.sortTypeChanged.emit("");
   }
 }
-v("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

@@ -6,10 +6,11 @@ import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-button";
 import "../solution-social-share/index.js";
-import "@esri/calcite-components/components/calcite-link";
 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";
@@ -19,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

@@ -6,10 +6,11 @@ import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-button";
 import "../solution-social-share/index.js";
-import "@esri/calcite-components/components/calcite-link";
 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";
@@ -19,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.20251009.1 */
+v1.1.0-next.20251014 */
 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.20251009.1 */
+v1.1.0-next.20251014 */
 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.20251009.1 */
+v1.1.0-next.20251014 */
 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.20251009.1 */
+v1.1.0-next.20251014 */
 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.20251009.1 */
+v1.1.0-next.20251014 */
 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.20251009.1 */
+v1.1.0-next.20251014 */
 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.20251009.1 */
+v1.1.0-next.20251014 */
 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.20251009.1 */
+v1.1.0-next.20251014 */
 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.20251009.1 */
+v1.1.0-next.20251014 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,12 +1,12 @@
 import { c as w } from "../../chunks/runtime.js";
 import { css as b, html as e, svg as u } from "lit";
 import { u as $ } from "../../chunks/useT9n.js";
-import { LitElement as y, nothing as p, safeStyleMap as a, safeClassMap as k } from "@arcgis/lumina";
+import { LitElement as y, nothing as p, safeStyleMap as a, safeClassMap as x } from "@arcgis/lumina";
 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.20251009.1 */
-const x = b`/** @license
+v1.1.0-next.20251014 */
+const k = b`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the 'License');
@@ -20,7 +20,7 @@ const x = 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.
- */:host{display:block;--solutions-social-share-action-width: initial;--solutions-social-share-width--s: 200px;--solutions-social-share-width--m: 280px;--solutions-social-share-width--l: 320px;--solutions-social-share-width-horizontal--s: 300px;--solutions-social-share-width-horizontal--m: 380px;--solutions-social-share-width-horizontal--l: 420px;--solutions-social-share-background-color: var(--calcite-color-foreground-1);--solutions-social-share-popover-button-background-color: transparent;--solutions-social-share-popover-button-icon-color: var(--calcite-ui-icon-color);--solutions-social-share-border: 1px solid var(--calcite-color-border-1)}.solutions-social-share__popover-button{background-color:var(--solutions-social-share-popover-button-background-color)}.solutions-social-share__popover-button calcite-icon{color:var(--solutions-social-share-popover-button-icon-color)}.solutions-social-share__dialog{background-color:var(--solutions-social-share-background-color);border:var(--solutions-social-share-border);box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}.solutions-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}.solutions-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}.solutions-social-share__options li .solutions-social-share__icon,.solutions-social-share__options li .solutions-social-share__option-text{display:inline-block}.solutions-social-share__options li .solutions-social-share__icon{display:flex;align-items:center}.solutions-social-share__options li .solutions-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}.solutions-social-share__options li .solutions-social-share__option-text--rtl{margin-left:0;margin-right:10px}.solutions-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.solutions-social-share__options__x-logo--light path{fill:#000}.solutions-social-share__options__x-logo--dark path{fill:#fff}.solutions-social-share__success{display:flex;flex-direction:column;padding:15px}.solutions-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}.solutions-social-share__success-icon{display:flex;align-items:center;margin-right:5px}.solutions-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}.solutions-social-share__success-message{line-height:16px}.solutions-social-share__layout--horizontal .solutions-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}.solutions-social-share__layout--horizontal .solutions-social-share__options li{flex-direction:column;padding:0}.solutions-social-share__layout--horizontal .solutions-social-share__options li .solutions-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}.solutions-social-share__layout--horizontal .solutions-social-share__options li:hover{background-color:unset}.solutions-social-share__icon-container{display:flex;align-items:center}calcite-action{width:var(--solutions-social-share-action-width)}:host([scale=s]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--s)}:host([scale=s]) .solutions-social-share__icon{width:16px;height:16px}:host([scale=s]) .solutions-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--s)}:host([scale=m]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--m)}:host([scale=m]) .solutions-social-share__icon{width:24px;height:24px}:host([scale=m]) .solutions-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--m)}:host([scale=l]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--l)}:host([scale=l]) .solutions-social-share__icon{width:32px;height:32px}:host([scale=l]) .solutions-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--l)}`, v = typeof window < "u" && "$arcgis" in window && typeof window.$arcgis == "object" && "import" in window.$arcgis && !("forceESM" in window.$arcgis);
+ */:host{display:block;--solutions-social-share-action-width: initial;--solutions-social-share-width--s: 200px;--solutions-social-share-width--m: 280px;--solutions-social-share-width--l: 320px;--solutions-social-share-width-horizontal--s: 300px;--solutions-social-share-width-horizontal--m: 380px;--solutions-social-share-width-horizontal--l: 420px;--solutions-social-share-background-color: var(--calcite-color-foreground-1);--solutions-social-share-popover-button-background-color: transparent;--solutions-social-share-popover-button-icon-color: var(--calcite-ui-icon-color);--solutions-social-share-border: 1px solid var(--calcite-color-border-1);position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-flow:column;align-items:stretch}.solutions-social-share__popover-button{background-color:var(--solutions-social-share-popover-button-background-color)}.solutions-social-share__popover-button calcite-icon{color:var(--solutions-social-share-popover-button-icon-color)}.solutions-social-share__dialog{background-color:var(--solutions-social-share-background-color);border:var(--solutions-social-share-border);box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}.solutions-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}.solutions-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}.solutions-social-share__options li .solutions-social-share__icon,.solutions-social-share__options li .solutions-social-share__option-text{display:inline-block}.solutions-social-share__options li .solutions-social-share__icon{display:flex;align-items:center}.solutions-social-share__options li .solutions-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}.solutions-social-share__options li .solutions-social-share__option-text--rtl{margin-left:0;margin-right:10px}.solutions-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.solutions-social-share__options__x-logo--light path{fill:#000}.solutions-social-share__options__x-logo--dark path{fill:#fff}.solutions-social-share__success{display:flex;flex-direction:column;padding:15px}.solutions-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}.solutions-social-share__success-icon{display:flex;align-items:center;margin-right:5px}.solutions-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}.solutions-social-share__success-message{line-height:16px}.solutions-social-share__layout--horizontal .solutions-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}.solutions-social-share__layout--horizontal .solutions-social-share__options li{flex-direction:column;padding:0}.solutions-social-share__layout--horizontal .solutions-social-share__options li .solutions-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}.solutions-social-share__layout--horizontal .solutions-social-share__options li:hover{background-color:unset}.solutions-social-share__icon-container{display:flex;align-items:center}calcite-action{width:var(--solutions-social-share-action-width)}:host([scale=s]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--s)}:host([scale=s]) .solutions-social-share__icon{width:16px;height:16px}:host([scale=s]) .solutions-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--s)}:host([scale=m]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--m)}:host([scale=m]) .solutions-social-share__icon{width:24px;height:24px}:host([scale=m]) .solutions-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--m)}:host([scale=l]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--l)}:host([scale=l]) .solutions-social-share__icon{width:32px;height:32px}:host([scale=l]) .solutions-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--l)}`, v = typeof window < "u" && "$arcgis" in window && typeof window.$arcgis == "object" && "import" in window.$arcgis && !("forceESM" in window.$arcgis);
 function g(i) {
   return i.default !== void 0;
 }
@@ -50,7 +50,7 @@ class C extends y {
     this.properties = { actionApperance: 1, autoUpdateShareUrl: 5, buttonAppearance: 1, inlineSuccessPopoverPlacement: 3, mode: 3, popoverButtonIconScale: 3, popoverPositioning: 3, removePopoverOffset: 7, scale: 3, shareButtonKind: 3, shareButtonScale: 3, shareButtonText: 1, shareButtonType: 3, shareIconsLayout: 3, shareText: 3, shareUrl: 1, shortenShareUrl: 7, socialMedia: 7, successMessage: 3, _copied: 16, _inlineCopyLinkOpened: 16, _opened: 16, _translations: 16 };
   }
   static {
-    this.styles = x;
+    this.styles = k;
   }
   loaded() {
     this._setupAutoCloseListeners(), this.mode === "popover" && this._popoverRef.value && (this._opened && (this._popoverRef.value.open = !0), this.listenOn(this._popoverRef.value, "calcitePopoverOpen", () => {
@@ -93,7 +93,7 @@ class C extends y {
   }
   _renderButton() {
     const s = this.shareButtonScale != null ? this.shareButtonScale : this.scale;
-    return this.shareButtonType === "button" ? e`<calcite-button .appearance=${this.buttonAppearance} class=solutions-social-share__popover-button icon-end=share id=shareButton .kind=${this.shareButtonKind} .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${s} title=${this._translations.share?.label ?? p} ${c(this._popoverButtonRef)}>${this.shareButtonText}</calcite-button>` : e`<calcite-action alignment=center .appearance=${this.actionApperance} class=solutions-social-share__popover-button id=shareButton .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${s} text title=${this._translations.share?.label ?? p} ${c(this._popoverActionRef)}><div class=solutions-social-share__icon-container><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div></calcite-action>`;
+    return this.shareButtonType === "button" ? e`<calcite-button .appearance=${this.buttonAppearance} class=solutions-social-share__popover-button id=shareButton .kind=${this.shareButtonKind} .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${s} title=${this._translations.share?.label ?? p} ${c(this._popoverButtonRef)}>${this.shareButtonText}</calcite-button>` : e`<calcite-action alignment=center .appearance=${this.actionApperance} class=solutions-social-share__popover-button id=shareButton .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${s} text title=${this._translations.share?.label ?? p} ${c(this._popoverActionRef)}><div class=solutions-social-share__icon-container><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div></calcite-action>`;
   }
   _renderSuccess() {
     const s = this._translations.success;
@@ -119,7 +119,7 @@ class C extends y {
   }
   _renderXIcon() {
     const s = !!this.el.closest(f);
-    return e`<svg class=${k(s ? "solutions-social-share__x-logo--dark" : "solutions-social-share__x-logo--light")} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${u`<rect height=400 style=${a({ fill: "none" })} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=${s ? "white" : "black"} />`}</svg>`;
+    return e`<svg class=${x(s ? "solutions-social-share__x-logo--dark" : "solutions-social-share__x-logo--light")} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${u`<rect height=400 style=${a({ fill: "none" })} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=${s ? "white" : "black"} />`}</svg>`;
   }
   _renderBlueSkyIcon() {
     return e`<svg fill=#0f85fe xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${u`<path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`;

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

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

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

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

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

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

@@ -10,7 +10,7 @@ import { g as A } from "../../chunks/cardFetchingUtils.js";
 import { a as E, u as D } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251009.1 */
+v1.1.0-next.20251014 */
 const F = y`/** @license
  * Copyright 2025 Esri
  *

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

@@ -9,7 +9,7 @@ import { j as _, k as v } from "../../chunks/interfaces.js";
 import { createRef as d, ref as r } from "lit/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.20251009.1 */
+v1.1.0-next.20251014 */
 const S = b`/** @license
  * Copyright 2025 Esri
  *