@esri/solutions-components 1.2.0-next.56 → 1.2.0-next.57

package/dist/components/map-select-tools/customElement.js

@@ -15,7 +15,7 @@ import W from "@arcgis/core/layers/GraphicsLayer";
 import R from "@arcgis/core/widgets/Search";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const U = O`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/map-tools/customElement.js

@@ -7,7 +7,7 @@ import F from "@arcgis/core/widgets/Expand";
 import $ from "@arcgis/core/widgets/Home";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const E = v`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/pci-calculator/customElement.js

@@ -5,7 +5,7 @@ import { createRef as o, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as u, safeClassMap as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const r = c`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/pdf-download/customElement.js

@@ -6,7 +6,7 @@ import { createRef as g, ref as c } from "lit-html/directives/ref.js";
 import { LitElement as m } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const h = [
   {
     descriptionPDF: {

package/dist/components/public-notification/customElement.js

@@ -13,7 +13,7 @@ import "../refine-selection/customElement.js";
 import D from "@arcgis/core/Graphic";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const O = k`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/refine-selection/customElement.js

@@ -12,7 +12,7 @@ import R from "@arcgis/core/Graphic";
 import V from "@arcgis/core/layers/GraphicsLayer";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const T = D`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/selection-tool/customElement.js

@@ -6,7 +6,7 @@ import h from "@arcgis/core/layers/GraphicsLayer";
 import p from "@arcgis/core/widgets/Sketch/SketchViewModel";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const m = l`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { updateGroup as w, updateItem as V, updateItemExtended as E } from "@esr
 import { h as p } from "../../chunks/helpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const L = y`/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { createRef as U, ref as I } from "lit-html/directives/ref.js";
 import "../solution-item-accordion/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const A = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -12,7 +12,7 @@ import { b as R } from "../../chunks/appConfig.js";
 import { createRef as S, ref as E } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const T = N`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import "lit-html/directives/ref.js";
 import "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 export {
   l as SolutionDeployedCard
 };

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

@@ -9,7 +9,7 @@ import { a as b, d as s, h as _ } from "../../chunks/cardsHelpers.js";
 import { D as v, H as w } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const y = p`/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { LitElement as h, createEvent as u } from "@arcgis/lumina";
 import { createRef as i, ref as a } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const d = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,6 +5,30 @@ import { ISolutionInfoCard } from '../../utils/interfaces';
 export declare class SolutionDetailsCard extends LitElement {
     /** The solutions card */
     card: ISolutionInfoCard | undefined;
+    /**
+     * Referrer solution ID for telemetry tracking (used when card is in 'you-may-also-like')
+     *
+     * @default ''
+     */
+    referrerSolutionId: string;
+    /**
+     * Referrer solution title for telemetry tracking (used when card is in 'you-may-also-like')
+     *
+     * @default ''
+     */
+    referrerSolutionTitle: string;
+    /**
+     * Referrer solution version for telemetry tracking (used when card is in 'you-may-also-like')
+     *
+     * @default ''
+     */
+    referrerSolutionVersion: string;
+    /**
+     * Source context for telemetry tracking (e.g., 'all-solutions', 'you-may-also-like')
+     *
+     * @default 'all-solutions'
+     */
+    source: string;
     /** Emitted on demand when the details card is selected. */
     readonly detailsCardSelected: TargetedEvent<this, ISolutionInfoCard>;
 }

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

@@ -1,12 +1,15 @@
-import { c } from "../../chunks/runtime.js";
-import { css as r, html as i } from "lit";
+import { c as a } from "../../chunks/runtime.js";
+import { css as c, html as r } from "lit";
 import { u as l } from "../../chunks/useT9n.js";
-import { LitElement as n, createEvent as d, nothing as a, safeClassMap as h } from "@arcgis/lumina";
-import { b as p } from "../../chunks/cardsHelpers.js";
+import { LitElement as n, createEvent as d, nothing as s, safeClassMap as h } from "@arcgis/lumina";
+import { useContextConsumer as p } from "@arcgis/lumina/context";
+import { c as m } from "../../chunks/deployAppContexts.js";
+import { T as u } from "../../chunks/interfaces.js";
+import { b as f } from "../../chunks/cardsHelpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
-const m = r`/** @license
+v1.2.0-next.57 */
+const g = c`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,32 +24,54 @@ const m = r`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */calcite-card{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 {
+class b extends n {
   constructor() {
-    super(...arguments), this._translations = l({ name: "solution-details-card", blocking: !0 }), this.detailsCardSelected = d();
+    super(...arguments), this.referrerSolutionId = "", this.referrerSolutionTitle = "", this.referrerSolutionVersion = "", this.source = "all-solutions", this._translations = l({ name: "solution-details-card", blocking: !0 }), this._configContextConsumer = p({
+      context: m,
+      subscribe: !0
+    }), this.detailsCardSelected = d();
   }
   static {
-    this.properties = { card: 0, _translations: 16 };
+    this.properties = { card: 0, referrerSolutionId: 1, referrerSolutionTitle: 1, referrerSolutionVersion: 1, source: 1, _translations: 16 };
   }
   static {
-    this.styles = m;
+    this.styles = g;
+  }
+  get _telemetry() {
+    return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    const e = p(this.card.title);
-    return i`<a href=${e ?? a} @click=${this._anchorClick} .title=${`${this.card.title} - ${this._translations.arcgisSolutions}`}>${this._renderCard()}</a>`;
+    const e = f(this.card.title);
+    return r`<a href=${e ?? s} @click=${this._anchorClick} .title=${`${this.card.title} - ${this._translations.arcgisSolutions}`}>${this._renderCard()}</a>`;
   }
   _anchorClick(e) {
     e.preventDefault();
   }
   _cardSelected() {
-    this.detailsCardSelected.emit(this.card);
+    const e = this.source === "you-may-also-like", i = e ? "Related Solution" : "View", t = e ? [
+      this.referrerSolutionTitle,
+      this.referrerSolutionId,
+      this.referrerSolutionVersion,
+      this.card?.title || "",
+      this.card?.id || "",
+      this.card?.deployVersion || ""
+    ] : [
+      this.card?.title || "",
+      this.card?.id || "",
+      this.card?.deployVersion || ""
+    ];
+    this._telemetry?.logEvent({
+      category: u.SOLUTION_DETAILS,
+      action: i,
+      dimensions: t
+    }), this.detailsCardSelected.emit(this.card);
   }
   _renderCard() {
-    const e = this.card, s = e.chip === "new" || e.chip === "updated" ? "chip-status" : this.card.chip === "deployed" ? "chip-deployed" : "", o = "solution-details-card-chip", t = e.chip === "new" ? this._translations.newSolution : e.chip === "updated" ? this._translations.updated : this._translations.deployed;
-    return i`<calcite-card .label=${e.snippet} @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? a} class="thumbnail card-image" src=${e.thumbnailUrl ?? a}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chip !== "none" ? i`<div slot=footer-end><calcite-chip class=${h(s)} .icon=${e.chip === "updated" || e.chip === "new" ? "mega-phone" : "check-circle"} id=${o} .label=${t} .value=${t} scale=s></calcite-chip><calcite-tooltip .referenceElement=${o}><span>${t}</span></calcite-tooltip></div>` : void 0}<div slot=footer-start></div></calcite-card>`;
+    const e = this.card, i = e.chip === "new" || e.chip === "updated" ? "chip-status" : this.card.chip === "deployed" ? "chip-deployed" : "", t = "solution-details-card-chip", o = e.chip === "new" ? this._translations.newSolution : e.chip === "updated" ? this._translations.updated : this._translations.deployed;
+    return r`<calcite-card .label=${e.snippet} @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? s} class="thumbnail card-image" src=${e.thumbnailUrl ?? s}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chip !== "none" ? r`<div slot=footer-end><calcite-chip class=${h(i)} .icon=${e.chip === "updated" || e.chip === "new" ? "mega-phone" : "check-circle"} id=${t} .label=${o} .value=${o} scale=s></calcite-chip><calcite-tooltip .referenceElement=${t}><span>${o}</span></calcite-tooltip></div>` : void 0}<div slot=footer-start></div></calcite-card>`;
   }
 }
-c("solution-details-card", u);
+a("solution-details-card", b);
 export {
-  u as SolutionDetailsCard
+  b as SolutionDetailsCard
 };

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

@@ -1,20 +1,20 @@
-import { c as b } from "../../chunks/runtime.js";
+import { c as y } from "../../chunks/runtime.js";
 import { css as x, html as a } from "lit";
-import { u as y } from "../../chunks/useT9n.js";
+import { u as w } from "../../chunks/useT9n.js";
 import { createRef as c, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as w, createEvent as m, safeClassMap as p, nothing as _, safeStyleMap as $ } from "@arcgis/lumina";
+import { LitElement as $, createEvent as m, safeClassMap as p, nothing as _, safeStyleMap as k } from "@arcgis/lumina";
 import { useContextConsumer as M } from "@arcgis/lumina/context";
-import { c as k } from "../../chunks/deployAppContexts.js";
-import { sanitizeHTML as g, getItemDataAsJson as R, getItem as L, getPropWithDefault as v, getProp as u, setCreateProp as I } from "@esri/solution-common";
-import { T as P, F as A, G as S } from "../../chunks/interfaces.js";
-import { _findExistingItem as E } from "@esri/solution-deployer";
+import { c as R } from "../../chunks/deployAppContexts.js";
+import { sanitizeHTML as g, getItemDataAsJson as L, getItem as I, getPropWithDefault as f, getProp as u, setCreateProp as S } from "@esri/solution-common";
+import { T as v, F as A, G as E } from "../../chunks/interfaces.js";
+import { _findExistingItem as P } from "@esri/solution-deployer";
 import { g as C, a as T } from "../../chunks/common.js";
 import "../solution-deploy-dialog/customElement.js";
 import "../solution-snapshot-gallery/customElement.js";
 import "../solution-deploying-dialog/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const D = x`/** @license
  * Copyright 2025 Esri
  *
@@ -30,10 +30,10 @@ const D = x`/** @license
  * 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}solution-details-card[id*=you-may-also-like]{width:240px}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:var(--calcite-spacing-px);border-bottom-style:solid}ul{list-style-type:disc;margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}ul ul{list-style-type:circle}li{margin:var(--calcite-spacing-sm) var(--calcite-spacing-none)}calcite-label{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.padding-1{padding:var(--calcite-spacing-lg)}.padding-1-5{padding:var(--calcite-spacing-xl)}.padding-2px{padding:var(--calcite-spacing-base)}.padding-bottom-1{padding-bottom:var(--calcite-spacing-lg)}.padding-top-md{padding-top:var(--calcite-spacing-md)}.padding-top-sm{padding-top:var(--calcite-spacing-sm)}.padding-top-xs{padding-top:.25rem}.padding-bottom-1-5{padding-bottom:var(--calcite-spacing-xxl)}.padding-top-1{padding-top:var(--calcite-spacing-lg)}.padding-top-1-5{padding-top:var(--calcite-spacing-xxl)}.padding-top-1-2{padding-top:var(--calcite-spacing-sm)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-1-75{padding-inline-end:1.75rem}.padding-end-2{padding-inline-end:var(--calcite-spacing-xxxl)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.margin-bottom-1{margin-bottom:var(--calcite-spacing-lg)}.margin-bottom-1-5{margin-bottom:var(--calcite-spacing-xxl)}.margin-end-1{margin-inline-end:var(--calcite-spacing-lg)}.margin-top-0{margin-top:var(--calcite-spacing-none)}.margin-top-1{margin-top:var(--calcite-spacing-lg)}.margin-top-875{margin-top:.875rem}.margin-top-1-5{margin-top:var(--calcite-spacing-xxl)}.margin-sides-0-5{margin-left:var(--calcite-spacing-sm);margin-right:var(--calcite-spacing-sm)}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.align-self-center{align-self:center;padding:5px;--calcite-fab-shadow: #FFFFFF00}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.button-width{width:260px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.button-width{width:auto}}.image-width{width:395px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:2;flex-shrink:.5}}.width-full{width:100%}.card-group{overflow:hidden}calcite-card{width:450px;--calcite-card-border-color: transparent}@media(max-width:1496px){calcite-card{width:calc(100% / 3 - .5rem)}}@media(max-width:1100px){calcite-card{width:calc(50% - .5rem)}}@media(max-width:550px){calcite-card{width:100%}}.max-height-300{max-height:300px}.display-none{display:none}.cursor-pointer{cursor:pointer}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{border:var(--calcite-spacing-base) solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer;padding:var(--calcite-spacing-base)}.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:var(--calcite-spacing-xl)}.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;display:block}.margin-inline-unset{margin-inline:unset}.collapsible-div{overflow:hidden;transition:max-height .3s ease-in-out}.collapsible-div.expanded{max-height:100%}.back-color-override{--calcite-panel-background-color: var(--calcite-color-foreground-2)}.back-color-override-1{background-color:var(--calcite-color-foreground-1)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.line-height-xxl{line-height:var(--calcite-spacing-xxl)}.line-height-1{line-height:1.1}.font-1{font-size:var(--calcite-spacing-lg)}.font-color-1{color:var(--calcite-color-text-1)}h1{font-weight:unset;margin:var(--calcite-spacing-none);padding:var(--calcite-spacing-none)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.accordion-bg{--calcite-accordion-background-color: var(--calcite-color-foreground-1)}.table-cell{font-size:var(--calcite-spacing-lg);color:var(--calcite-color-text-1)}calcite-table-header{font-weight:var(--calcite-font-weight-medium);--calcite-internal-table-cell-font-size: var(--calcite-font-size-md)}.position-relative{position:relative}.background-color-2{background-color:var(--calcite-color-foreground-2)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-foreground-2);background-color:var(--calcite-color-foreground-2)}.border-none{border:none}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}calcite-shell{block-size:unset}`;
-class O extends w {
+class O extends $ {
   constructor() {
-    super(), this._showScreenshotsShowMore = !1, this._showYouMayAlsoLikeShowMore = !1, this._isScreenshotsRowExpanded = !1, this._isYouMayAlsoLikeRowExpanded = !1, this._screenshotsRowBaseHeight = 340, this._templates = [], this._translations = y({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._configContextConsumer = M({
-      context: k,
+    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._configContextConsumer = M({
+      context: R,
       subscribe: !0
     }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = c(), this._deployingDialogRef = c(), this._overviewAccordionItemElement = c(), this._privilegePopoverRef = c(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._releaseNotesAccordionItemElement = c(), this._relatedResourcesAccordionItemElement = c(), this._screenshotsAccordionItemElement = c(), this._screenshotsDialogRef = c(), this._screenshotsElement = c(), this._termsOfUseAccordionItemElement = c(), this._userOptions = [], this._youMayAlsoLikeAccordionItemElement = c(), this._youMayAlsoLikeElement = c(), this._signInParamValue = null, this.templatesFetched = m(), this.itemPropertiesFetched = m(), this.sortTypeChanged = m(), this.tokenRefreshed = m(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
@@ -79,15 +79,15 @@ class O extends w {
     }
   }
   _getSolutionRow() {
-    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._missingPrivilegeMessages?.leadingMessages || [], i = t.length > 0, s = this._missingPrivilegeMessages?.bulletedMessages || [], o = s.length > 0, n = this._missingPrivilegeMessages?.trailingMessages || [], r = n.length > 0;
-    return a`<div class="display-flex flex-direction-row"><div class="padding-end-1-75 image-width"><img alt=${this.card?.title ?? _} src=${e ?? _}></div><div class="display-flex flex-direction-row">${this._getTextSection(i, o, r, t, s, n)}${this._getButtons(i || o || r, this._configContextConsumer.value?.authentication?.IsEnterprisePortal)}</div></div>`;
+    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._missingPrivilegeMessages?.leadingMessages || [], i = t.length > 0, s = this._missingPrivilegeMessages?.bulletedMessages || [], o = s.length > 0, l = this._missingPrivilegeMessages?.trailingMessages || [], r = l.length > 0;
+    return a`<div class="display-flex flex-direction-row"><div class="padding-end-1-75 image-width"><img alt=${this.card?.title ?? _} src=${e ?? _}></div><div class="display-flex flex-direction-row">${this._getTextSection(i, o, r, t, s, l)}${this._getButtons(i || o || r, this._configContextConsumer.value?.authentication?.IsEnterprisePortal)}</div></div>`;
   }
-  _getTextSection(e, t, i, s, o, n) {
-    return a`<div class="display-flex flex-direction-column padding-end-1"><div class="display-flex flex-direction-row align-items-baseline"><h1 class="padding-top-xs title-font margin-top-0 margin-bottom-1-5 line-height-1">${this.card?.title}</h1>${this.card?.categories?.some((r) => r.includes("New Release")) && a`<calcite-chip class="margin-bottom-1-5 margin-sides-0-5" kind=brand .label=${this._translations.new} scale=m icon=mega-phone>${this._translations.new}</calcite-chip>` || ""}</div><calcite-label scale=l class="font-1 padding-end-1">${this.card?.snippet}</calcite-label>${e || t || i ? a`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(s, o, n)}</div>` : ""}</div>`;
+  _getTextSection(e, t, i, s, o, l) {
+    return a`<div class="display-flex flex-direction-column padding-end-1"><div class="display-flex flex-direction-row align-items-baseline"><h1 class="padding-top-xs title-font margin-top-0 margin-bottom-1-5 line-height-1">${this.card?.title}</h1>${this.card?.categories?.some((r) => r.includes("New Release")) && a`<calcite-chip class="margin-bottom-1-5 margin-sides-0-5" kind=brand .label=${this._translations.new} scale=m icon=mega-phone>${this._translations.new}</calcite-chip>` || ""}</div><calcite-label scale=l class="font-1 padding-end-1">${this.card?.snippet}</calcite-label>${e || t || i ? a`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(s, o, l)}</div>` : ""}</div>`;
   }
   _getButtons(e, t) {
     const i = this._itemProperties?.demoURL || "", s = i ? "" : "display-none";
-    return a`<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 ${s}`} @click=${() => this._openUrl(i)} scale=l>${this._translations.watchDemo}</calcite-button><calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1" @click=${() => this._handleLearnMoreClick()} scale=l>${this._translations.learnMore}</calcite-button>${!t && a`<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>`;
+    return a`<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 ${s}`} @click=${() => this._handleWatchDemoClick(i)} scale=l>${this._translations.watchDemo}</calcite-button><calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1" @click=${() => this._handleLearnMoreClick()} scale=l>${this._translations.learnMore}</calcite-button>${!t && a`<solution-social-share button-appearance=outline-fill class="padding-bottom-1" share-button-kind=neutral .shareButtonText=${this._translations.share} share-button-scale=l .solutionId=${this.card?.id || ""} .solutionTitle=${this.card?.title || ""} .solutionVersion=${this.card?.deployVersion || ""}></solution-social-share>` || ""}</div>`;
   }
   _getMissingPrivilegesNotice(e, t, i) {
     const s = "solutions-missing-privileges-notice", o = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges;
@@ -113,6 +113,15 @@ class O extends w {
     return a`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.reduce((t, i) => (this.card?.id ? t.push(a`<calcite-card class="cursor-pointer" .label=${i.alt} @click=${() => this._openScreenshotGallery(i)}><div class="card-image-wrap" slot=thumbnail><img alt=${i.alt ?? _} class="thumbnail card-image" slot=thumbnail src=${C(this.card.id || "", i.name, this._configContextConsumer.value.authentication) ?? _}><div class="hover-text">${this._translations.openInGallery}</div></div></calcite-card>`) : t.push(""), t), [])}</calcite-card-group>`;
   }
   _openScreenshotGallery(e) {
+    this._telemetry?.logEvent({
+      category: v.SOLUTION_DETAILS,
+      action: "Screenshot Gallery",
+      dimensions: [
+        this.card?.title || "",
+        this.card?.id || "",
+        this.card?.deployVersion || ""
+      ]
+    });
     const t = this._screenshotsDialogRef.value;
     t && (t.screenshot = e, t.open = !0);
   }
@@ -150,7 +159,7 @@ class O extends w {
   }
   _getYouMayAlsoLikeRow(e) {
     const t = this._showYouMayAlsoLikeShowMore ? "" : "display-none", i = this._isYouMayAlsoLikeRowExpanded ? this._translations.showLess : this._translations.showMore, s = this._isYouMayAlsoLikeRowExpanded ? "arrow-up" : "arrow-down", o = this._isYouMayAlsoLikeRowExpanded ? "" : { height: `${this._youMayAlsoLikeBaseHeight}px` };
-    return a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._youMayAlsoLikeAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.youMayAlsoLike}</div><div class="display-flex flex-direction-column"><div class="collapsible-div" id=you-may-also-like-subsection style=${$(o)} ${d(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row"><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((n, r) => a`<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=${s} kind=inverse @click=${() => {
+    return a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${d(this._youMayAlsoLikeAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.youMayAlsoLike}</div><div class="display-flex flex-direction-column"><div class="collapsible-div" id=you-may-also-like-subsection style=${k(o)} ${d(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row"><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((l, r) => a`<solution-details-card .id=${`you-may-also-like-${r}`} .card=${l} class="padding-2px" source=you-may-also-like .referrerSolutionId=${this.card?.id || ""} .referrerSolutionTitle=${this.card?.title || ""} .referrerSolutionVersion=${this.card?.deployVersion || ""}></solution-details-card>`)}</calcite-card-group></div></div><calcite-fab appearance=outline-fill class=${`align-self-center ${t}`} .icon=${s} kind=inverse @click=${() => {
       this._youMayAlsoLikeElement.value?.classList.toggle("expanded"), this._isYouMayAlsoLikeRowExpanded = this._youMayAlsoLikeElement.value.classList.contains("expanded");
     }} .text=${i} text-enabled></calcite-fab></div></calcite-accordion-item></calcite-accordion>`;
   }
@@ -171,9 +180,20 @@ class O extends w {
   _openUrl(e) {
     window.open(e, "_blank");
   }
+  _handleWatchDemoClick(e) {
+    this._telemetry?.logEvent({
+      category: v.SOLUTION_DETAILS,
+      action: "Watch Demo",
+      dimensions: [
+        this.card?.title || "",
+        this.card?.id || "",
+        this.card?.deployVersion || ""
+      ]
+    }), this._openUrl(e);
+  }
   _handleLearnMoreClick() {
     this._telemetry?.logEvent({
-      category: P.SOLUTION_DETAILS,
+      category: v.SOLUTION_DETAILS,
       action: "Learn More",
       dimensions: [
         this.card?.title || "",
@@ -189,12 +209,12 @@ class O extends w {
     this._overviewAccordionItemElement.value && (this._overviewAccordionItemElement.value.expanded = !0), this._releaseNotesAccordionItemElement.value && (this._releaseNotesAccordionItemElement.value.expanded = !0), this._relatedResourcesAccordionItemElement.value && (this._relatedResourcesAccordionItemElement.value.expanded = !0), this._screenshotsAccordionItemElement.value && (this._screenshotsAccordionItemElement.value.expanded = !0), this._termsOfUseAccordionItemElement.value && (this._termsOfUseAccordionItemElement.value.expanded = !0), this._youMayAlsoLikeAccordionItemElement.value && (this._youMayAlsoLikeAccordionItemElement.value.expanded = !0);
   }
   async _getItemData() {
-    const e = this._configContextConsumer.value.userSession, t = await R(this.card.id, e), i = await L(this.card.id, e);
+    const e = this._configContextConsumer.value.userSession, t = await L(this.card.id, e), i = await I(this.card.id, e);
     this._itemProperties = i.properties, this.itemPropertiesFetched.emit(this._itemProperties);
     const s = A(t, this.card.typeKeywords, this._configContextConsumer.value.authentication);
     this._privileges = e.username ? s : [], this._userPrivileges = this._configContextConsumer.value?.authentication ? this._configContextConsumer.value.authentication.PortalUserPrivileges : [];
     const o = this._privileges.filter((r) => !this._userPrivileges.includes(r));
-    this._missingPrivilegeMessages = S(this._translations, o), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((r) => {
+    this._missingPrivilegeMessages = E(this._translations, o), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((r) => {
       this._userOptions = r;
     }), this._templates = t.templates, this.templatesFetched.emit(t.templates), this._checkUrlParametersForAutoDeployment();
   }
@@ -205,26 +225,26 @@ class O extends w {
       accordionDisplay: !1
     };
     if (s.length > 0) {
-      const n = [];
+      const l = [];
       return s.forEach((r) => {
         const h = e[r];
-        h.valueType && h.valueType.toLowerCase() === "itemid" && n.push(this._findExistingItem(r, "Feature Service", t.username || ""));
-      }), Promise.all(n).then((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((l) => {
-          if (l.query && l.results && l.results.length > 0) {
-            const f = l.query.split(" ")[0].replace("typekeywords:source-", "");
-            h[f] = {
-              resultId: l.results[0].id,
-              response: l.results[0]
+        return r.forEach((n) => {
+          if (n.query && n.results && n.results.length > 0) {
+            const b = n.query.split(" ")[0].replace("typekeywords:source-", "");
+            h[b] = {
+              resultId: n.results[0].id,
+              response: n.results[0]
             };
           }
-        }), s.forEach((l) => {
-          if (l === "serviceLearnMore") {
-            this._configureLearnMore = e[l], alert(this._configureLearnMore), delete e[l];
+        }), s.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), o.id = l, h[l] && (e[l].existingItemId = h[l].resultId, this.updateUserProp(e[l], h[l].response)), this.updateOption(e[l], o, l);
+          e[n].enterpriseIDMapping && (this._customDeploymentMappings[n] = e[n].enterpriseIDMapping), o.id = n, h[n] && (e[n].existingItemId = h[n].resultId, this.updateUserProp(e[n], h[n].response)), this.updateOption(e[n], o, n);
         }), i.push(o), Promise.resolve(i);
       }).catch(() => Promise.resolve([]));
     } else
@@ -232,16 +252,16 @@ class O extends w {
   }
   _findExistingItem(e, t, i) {
     const s = this._configContextConsumer.value.userSession;
-    return E(`typekeywords:source-${e} type:${t} owner:${i}`, s);
+    return P(`typekeywords:source-${e} type:${t} owner:${i}`, s);
   }
   updateUserProp(e, t) {
-    const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), o = v(t, i ? "url" : "type", "") || "", n = o !== "" && s.test(o);
-    return e.responseValue = n ? o : "", 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 = T(t.id, this._configContextConsumer.value.authentication), n;
+    const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), o = f(t, i ? "url" : "type", "") || "", l = o !== "" && s.test(o);
+    return e.responseValue = l ? o : "", 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 = T(t.id, this._configContextConsumer.value.authentication), l;
   }
   updateOption(e, t, i) {
-    const s = e.default || "", o = typeof s, n = s.toString();
+    const s = e.default || "", o = typeof s, l = s.toString();
     this._setFeatureServiceProps(e);
-    const r = this.getValidation(e, n);
+    const r = this.getValidation(e, l);
     t.props.push({
       id: i,
       outType: o,
@@ -252,10 +272,10 @@ class O extends w {
       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,
@@ -266,11 +286,11 @@ class O extends w {
     });
   }
   _setFeatureServiceProps(e) {
-    e.valueType && e.valueType.toLowerCase() === "itemid" && I(e, "attributes.required", "true");
+    e.valueType && e.valueType.toLowerCase() === "itemid" && S(e, "attributes.required", "true");
   }
   getValidation(e, t) {
     let i = "", s = u(e, "validation.message") || "", o = !0;
-    return u(e, "attributes.required") === "true" && (i = v(e, "validation.expression", "\\S{1,}"), o = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, s = this._translations.configure.invalidID), {
+    return u(e, "attributes.required") === "true" && (i = f(e, "validation.expression", "\\S{1,}"), o = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, s = this._translations.configure.invalidID), {
       valid: o,
       validation: {
         expression: i,
@@ -301,7 +321,7 @@ class O extends w {
     e.detail === "details" && this.sortTypeChanged.emit("");
   }
 }
-b("solution-details-panel", O);
+y("solution-details-panel", O);
 export {
   O as SolutionDetailsPanel
 };

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.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -9,7 +9,7 @@ import { injectGlobal as A } from "@emotion/css";
 import "../solution-item-accordion/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const $ = E`/** @license
  * Copyright 2025 Esri
  *

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

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

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

@@ -4,7 +4,7 @@ import { u as a } from "../../chunks/useT9n.js";
 import { LitElement as r, createEvent as o, nothing as e } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const n = s`/** @license
  * Copyright 2025 Esri
  *

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

@@ -12,7 +12,7 @@ import "@arcgis/core/portal/Portal";
 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.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
+v1.2.0-next.57 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-social-share/customElement.d.ts

@@ -108,6 +108,24 @@ export declare class SolutionSocialShare extends LitElement {
      * @default true
      */
     socialMedia: boolean;
+    /**
+     * Solution ID for telemetry tracking
+     *
+     * @default ''
+     */
+    solutionId: string;
+    /**
+     * Solution title for telemetry tracking
+     *
+     * @default ''
+     */
+    solutionTitle: string;
+    /**
+     * Solution version for telemetry tracking
+     *
+     * @default ''
+     */
+    solutionVersion: string;
     /**
      * Provides an alternate to the success.url message 'App URL copied to clipboard.'
      *