@esri/solutions-components 5.1.0-next.147 → 5.1.0-next.148

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

@@ -3,11 +3,11 @@ import { c as k } from "../../chunks/runtime.js";
 import { u as M } from "../../chunks/useT9n.js";
 import { createRef as d, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as S, createEvent as f, safeClassMap as p, nothing as u, safeStyleMap as I } from "@arcgis/lumina";
-import { useContextConsumer as w } from "@arcgis/lumina/context";
+import { useContextConsumer as x } from "@arcgis/lumina/context";
 import { c as D, i as T } from "../../chunks/deployAppContexts.js";
-import { css as L, html as o } from "lit";
+import { css as L, html as a } from "lit";
 import * as E from "@esri/solution-common";
-import { sanitizeHTML as _, getItemDataAsJson as R, getItem as P, getPropWithDefault as x, getProp as y, setCreateProp as A } from "@esri/solution-common";
+import { sanitizeHTML as _, getItemDataAsJson as R, getItem as P, getPropWithDefault as w, getProp as y, setCreateProp as A } from "@esri/solution-common";
 import { T as g, C as $, F as O, G as F, z as U } from "../../chunks/interfaces.js";
 import { _findExistingItem as V } from "@esri/solution-deployer";
 import { m as v, j as m, n as H, i as b, l as N } from "../../chunks/helpers.js";
@@ -18,7 +18,7 @@ import "../solution-deploying-dialog/customElement.js";
 const B = L`.display-flex{display:flex}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.flex-1{flex:1}.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-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-bottom-1{padding-bottom:var(--calcite-spacing-lg)}.padding-bottom-sm{padding-bottom:var(--calcite-spacing-sm)}.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-sides-1{margin-left:var(--calcite-spacing-lg);margin-right:var(--calcite-spacing-lg)}.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;align-self:flex-start}@container (max-width: 1050px){.button-width{width:auto}}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1050px){.image-width{flex-grow:0;flex-shrink:1}}.width-full{width:100%}@container (max-width: 800px){.width-full{flex-direction:column}.width-full>.display-flex{flex-direction:column}.image-width{width:100%;max-width:100%;margin:0;padding-bottom:0}.image-width img{width:100%;max-width:100%}.title-font{padding-inline-end:var(--calcite-spacing-lg);padding-top:var(--calcite-spacing-lg)}.button-width{width:100%;margin-top:var(--calcite-spacing-lg)}}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-sm) var(--calcite-spacing-md)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}calcite-card{width:450px;--calcite-card-border-color: transparent}@container (max-width: 1496px){calcite-card{width:calc(100% / 3 - .5rem)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}}@container (max-width: 1100px){calcite-card{width:calc(50% - .5rem)}#screenshots-subsection calcite-card{width:calc(50% - .5rem)}}@container (max-width: 550px){calcite-card{width:100%}#screenshots-subsection 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(30%);filter:brightness(30%);-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-color-brand);box-sizing:border-box;cursor:pointer;padding:var(--calcite-spacing-base)}calcite-card.is-mobile:hover img{cursor:default;-webkit-filter:brightness(100%);filter:brightness(100%);transition:all .1s ease}calcite-card{border:var(--calcite-spacing-base) solid transparent;box-sizing:border-box;padding:var(--calcite-spacing-base)}.hover-text{transition:.1s 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}#screenshots-subsection .card-image{background-color:var(--calcite-color-surface-2)}.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-surface-3)}.back-color-override-1{background-color:var(--calcite-color-surface-2)}.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)}.font-color-2{color:var(--calcite-color-text-2)}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-surface-2)}.table-cell{font-size:var(--calcite-spacing-lg);color:var(--calcite-color-text-2);margin:0}.table-cell p{margin:0}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-surface-3)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.border-none{border:none}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}calcite-shell{block-size:unset}.solution-detail-action{--calcite-color-focus: initial}a{color:var(--calcite-link-text-color, var(--calcite-color-text-link));cursor:pointer;text-decoration:none;line-height:inherit;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;transition-property:background-size,color;transition-duration:var(--calcite-animation-timing, .15s);transition-timing-function:ease-in-out;outline-color:transparent;position:relative}a:hover{background-size:100% 1px,100% 1px}a:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px;outline-color:var(--calcite-color-brand)}a:active{color:var(--calcite-color-brand-press)}*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.chip-status{--calcite-chip-icon-color: var(--calcite-color-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.chip-deployed-warn{--calcite-chip-icon-color: var(--calcite-color-status-warning)}`;
 class Y extends S {
   constructor() {
-    super(), this.readOnlyNotice = "", this._deployedTooltipContent = "", this._isDeployDisabled = !1, this._isLoaded = !1, this._itemFetched = !1, this._showScreenshotsShowMore = !1, this._showYouMayAlsoLikeShowMore = !1, this.isMobile = !1, this._isScreenshotsRowExpanded = !1, this._isYouMayAlsoLikeRowExpanded = !1, this._screenshotsRowBaseHeight = 340, this._showLoader = !1, this._templates = [], this._translations = M({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._configContextConsumer = w({
+    super(), this.readOnlyNotice = "", this._deployedTooltipContent = "", this._isDeployDisabled = !1, this._isLoaded = !1, this._itemFetched = !1, this._showScreenshotsShowMore = !1, this._showYouMayAlsoLikeShowMore = !1, this.isMobile = !1, this._isScreenshotsRowExpanded = !1, this._isYouMayAlsoLikeRowExpanded = !1, this._screenshotsRowBaseHeight = 340, this._showLoader = !1, this._templates = [], this._translations = M({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._configContextConsumer = x({
       context: D,
       subscribe: !0
     }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = d(), this._deployingDialogRef = d(), this._deployFlow = new z({
@@ -107,7 +107,7 @@ class Y extends S {
       onDeploymentFallback: () => {
         console.warn("Deployment completed but unable to navigate to deployed card - closing dialogs"), window.dispatchEvent(new CustomEvent("navTabSelected", { detail: "deployments" }));
       }
-    }), this._isMobileContextConsumer = w({
+    }), this._isMobileContextConsumer = x({
       context: T,
       subscribe: !0,
       callback: (e) => this.isMobile = e
@@ -155,7 +155,7 @@ class Y extends S {
   }
   render() {
     const e = "padding-bottom-1-5", t = this._getRelatedResources(), i = this._getYouMayAlsoLikeCards();
-    return o`<calcite-shell class="position-relative background-color-2"><calcite-panel class="panel-background-2 border-none" slot=panel-bottom><div class="margin-top-875 padding-1-5 back-color-override-1 margin-bottom-1-5" id=solution-details-row>${this._getSolutionRow()}</div><div class=${p(e)}>${this._getScreenshotsRow()}</div><div class=${p(e)}>${this._getOverviewRow()}</div><div class=${p(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? o`<div class=${p(e)}>${this._getRelatedResourcesRow(t)}</div>` : ""}${i.length > 0 ? o`<div class=${p(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}<div class=${p(e)}>${this._getTermsOfUseRow()}</div>${this.isMobile ? "" : o`<solution-deploy-dialog .card=${this.card} @deployCancelled=${this._handleDeployCancelled} @deployFailed=${this._handleDeployFailed} @deployProgressEnd=${this._handleDeploySuccess} @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} @deploymentProcessCancelled=${this._handleDeploymentProcessCancelled} ${h(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel></calcite-shell>`;
+    return a`<calcite-shell class="position-relative background-color-2"><calcite-panel class="panel-background-2 border-none" slot=panel-bottom><div class="margin-top-875 padding-1-5 back-color-override-1 margin-bottom-1-5" id=solution-details-row>${this._getSolutionRow()}</div><div class=${p(e)}>${this._getScreenshotsRow()}</div><div class=${p(e)}>${this._getOverviewRow()}</div><div class=${p(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? a`<div class=${p(e)}>${this._getRelatedResourcesRow(t)}</div>` : ""}${i.length > 0 ? a`<div class=${p(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}<div class=${p(e)}>${this._getTermsOfUseRow()}</div>${this.isMobile ? "" : a`<solution-deploy-dialog .card=${this.card} @deployCancelled=${this._handleDeployCancelled} @deployFailed=${this._handleDeployFailed} @deployProgressEnd=${this._handleDeploySuccess} @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} @deploymentProcessCancelled=${this._handleDeploymentProcessCancelled} ${h(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel></calcite-shell>`;
   }
   updated() {
     setTimeout(() => {
@@ -175,26 +175,26 @@ class Y extends S {
     }
   }
   _getSolutionRow() {
-    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._missingPrivilegeMessages?.leadingMessages || [], i = t.length > 0, l = this._missingPrivilegeMessages?.bulletedMessages || [], s = l.length > 0, a = this._missingPrivilegeMessages?.trailingMessages || [], r = a.length > 0;
-    return o`<div class="display-flex flex-direction-row width-full"><div class="padding-end-1-75 image-width"><img alt=${this.card?.title ?? u} src=${e ?? u}></div><div class="display-flex flex-direction-row flex-1">${this._getTextSection(i, s, r, t, l, a)}${this._getButtons()}</div></div>`;
+    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._missingPrivilegeMessages?.leadingMessages || [], i = t.length > 0, l = this._missingPrivilegeMessages?.bulletedMessages || [], s = l.length > 0, o = this._missingPrivilegeMessages?.trailingMessages || [], r = o.length > 0;
+    return a`<div class="display-flex flex-direction-row width-full"><div class="padding-end-1-75 image-width"><img alt=${this.card?.title ?? u} src=${e ?? u}></div><div class="display-flex flex-direction-row flex-1">${this._getTextSection(i, s, r, t, l, o)}${this._getButtons()}</div></div>`;
   }
-  _getTextSection(e, t, i, l, s, a) {
-    return o`<div class="display-flex flex-direction-column padding-end-1 flex-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" tabindex=0>${this.card?.title}</h1>${this.card?.categories?.some((r) => r.includes("New Release")) && o`<calcite-chip class="margin-bottom-1-5 margin-sides-1" kind=brand .label=${this._translations.newChip} scale=m icon=star>${this._translations.newChip}</calcite-chip>` || ""}${this._renderChips(this.card?.chips || [])}</div><div class="font-1 padding-end-1 line-height-xxl" tabindex=0>${this.card?.snippet}</div>${this.isMobile ? "" : b(this._configContextConsumer.value) ? o`<div class="display-flex flex-direction-row padding-top-1">${this._getReadOnlyNotice()}</div>` : e || t || i ? o`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(l, s, a)}</div>` : ""}</div>`;
+  _getTextSection(e, t, i, l, s, o) {
+    return a`<div class="display-flex flex-direction-column padding-end-1 flex-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" tabindex=0>${this.card?.title}</h1>${this._renderChips(this.card?.chips || [])}</div><div class="font-1 padding-end-1 line-height-xxl" tabindex=0>${this.card?.snippet}</div>${this.isMobile ? "" : b(this._configContextConsumer.value) ? a`<div class="display-flex flex-direction-row padding-top-1">${this._getReadOnlyNotice()}</div>` : e || t || i ? a`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(l, s, o)}</div>` : ""}</div>`;
   }
   _renderChips(e) {
     const t = e.filter((s) => s === "deployed" || s === "deployedOlderVersion"), i = e.filter((s) => s !== "deployed" && s !== "deployedOlderVersion"), l = [];
     if (i.forEach((s) => {
-      const a = "margin-bottom-1-5 margin-sides-1 chip-status", r = `solution-details-card-chip-${s}`, c = s === "new" ? "star" : "mega-phone", n = s === "new" ? this._translations.newChip : this._translations.updatedChip;
-      l.push(o`<calcite-chip class=${p(a)} .icon=${c} id=${r ?? u} .label=${n} .value=${n} scale=s></calcite-chip><calcite-tooltip .referenceElement=${r}><span>${n}</span></calcite-tooltip>`);
+      const o = "margin-bottom-1-5 margin-sides-1 chip-status", r = `solution-details-card-chip-${s}`, c = s === "new" ? "star" : "mega-phone", n = s === "new" ? this._translations.newChip : this._translations.updatedChip;
+      l.push(a`<calcite-chip class=${p(o)} .icon=${c} id=${r ?? u} .label=${n} .value=${n} scale=s></calcite-chip><calcite-tooltip .referenceElement=${r}><span>${n}</span></calcite-tooltip>`);
     }), t.length > 0) {
       let s = "margin-bottom-1-5 margin-sides-1 chip-status";
-      i.length > 0 ? s = t[0] === "deployedOlderVersion" ? "chip-deployed-warn" : "chip-deployed" : s += t[0] === "deployedOlderVersion" ? " chip-deployed-warn" : " chip-deployed", l.push(o`<calcite-chip class=${p(s)} .icon=${t[0] === "deployedOlderVersion" ? "recent" : "check-circle"} id=solution-details-card-chip-deployed .label=${this._translations.deployedChip} .value=${this._translations.deployedChip} scale=s></calcite-chip><calcite-tooltip placement=bottom reference-element=solution-details-card-chip-deployed @calciteTooltipBeforeOpen=${async () => {
-        const a = {
+      i.length > 0 ? s = t[0] === "deployedOlderVersion" ? "chip-deployed-warn" : "chip-deployed" : s += t[0] === "deployedOlderVersion" ? " chip-deployed-warn" : " chip-deployed", l.push(a`<calcite-chip class=${p(s)} .icon=${t[0] === "deployedOlderVersion" ? "recent" : "check-circle"} id=solution-details-card-chip-deployed .label=${this._translations.deployedChip} .value=${this._translations.deployedChip} scale=s></calcite-chip><calcite-tooltip placement=bottom reference-element=solution-details-card-chip-deployed @calciteTooltipBeforeOpen=${async () => {
+        const o = {
           q: `${this.card?.deployCommonId} and owner:${this._configContextConsumer.value?.userSession?.username}`,
           authentication: this._configContextConsumer.value?.userSession,
           pagingParam: { start: 1, num: 100 }
-        }, r = await E.searchItems(a);
-        this._deployedTooltipContent = o`<solutions-deployed-list .results=${r} has-links .listTitle=${t[0] === "deployedOlderVersion" ? this._translations.deployedPreviousTitle : this._translations.deployedTitle}></solutions-deployed-list>`;
+        }, r = await E.searchItems(o);
+        this._deployedTooltipContent = a`<solutions-deployed-list .results=${r} has-links .listTitle=${t[0] === "deployedOlderVersion" ? this._translations.deployedPreviousTitle : this._translations.deployedTitle}></solutions-deployed-list>`;
       }} @calciteTooltipBeforeClose=${() => {
       }}>${this._deployedTooltipContent}</calcite-tooltip>`);
     }
@@ -202,36 +202,36 @@ class Y extends S {
   }
   _getButtons() {
     const e = this._itemProperties?.demoURL || "", t = b(this._configContextConsumer.value);
-    return o`<div class="display-flex flex-direction-column button-width">${!this.isMobile && o`<calcite-button class="padding-bottom-1 solution-detail-action" .disabled=${this._isDeployDisabled || t} icon-flip-rtl=end @click=${() => this._checkPermissionsBeforeDeploy()} scale=m width=full>${this._showLoader ? o`<calcite-loader inline label></calcite-loader>` : this._translations.deployButton}</calcite-button>` || ""}${!this._configContextConsumer.value?.isEnterprise && e && o`<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${() => this._handleWatchDemoClick(e)} scale=m width=full>${this._translations.watchDemo}</calcite-button>` || ""}<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${() => this._handleLearnMoreClick()} scale=m width=full>${this._translations.openHelp}</calcite-button>${!this._configContextConsumer.value?.isEnterprise && o`<solution-social-share button-appearance=outline-fill class="padding-bottom-1" share-button-kind=neutral .shareButtonText=${this._translations.share} share-button-scale=m .solutionId=${this.card?.deployCommonId || ""} .solutionTitle=${this.card?.title || ""} .solutionVersion=${this.card?.deployVersion || ""}></solution-social-share>` || ""}</div>`;
+    return a`<div class="display-flex flex-direction-column button-width">${!this.isMobile && a`<calcite-button class="padding-bottom-1 solution-detail-action" .disabled=${this._isDeployDisabled || t} icon-flip-rtl=end @click=${() => this._checkPermissionsBeforeDeploy()} scale=m width=full>${this._showLoader ? a`<calcite-loader inline label></calcite-loader>` : this._translations.deployButton}</calcite-button>` || ""}${!this._configContextConsumer.value?.isEnterprise && e && a`<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${() => this._handleWatchDemoClick(e)} scale=m width=full>${this._translations.watchDemo}</calcite-button>` || ""}<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${() => this._handleLearnMoreClick()} scale=m width=full>${this._translations.openHelp}</calcite-button>${!this._configContextConsumer.value?.isEnterprise && a`<solution-social-share button-appearance=outline-fill class="padding-bottom-1" share-button-kind=neutral .shareButtonText=${this._translations.share} share-button-scale=m .solutionId=${this.card?.deployCommonId || ""} .solutionTitle=${this.card?.title || ""} .solutionVersion=${this.card?.deployVersion || ""}></solution-social-share>` || ""}</div>`;
   }
   _getReadOnlyNotice() {
-    return o`<calcite-notice class="margin-inline-unset" icon=exclamation-mark-triangle kind=warning open scale=s><div slot=message .innerHTML=${this.readOnlyNotice ?? ""}></div></calcite-notice>`;
+    return a`<calcite-notice class="margin-inline-unset" icon=exclamation-mark-triangle kind=warning open scale=s><div slot=message .innerHTML=${this.readOnlyNotice ?? ""}></div></calcite-notice>`;
   }
   _getMissingPrivilegesNotice(e, t, i) {
-    const l = "solutions-missing-privileges-notice", s = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges, a = t.length > 0 ? "" : "display-none", r = t.length > 0 ? "padding-top-sm" : "";
-    return o`<div><calcite-notice class="margin-inline-unset" kind=info open><div slot=message>${`${s}`}</div><calcite-action icon=information id=${l} slot=actions-end .text=${s}></calcite-action></calcite-notice><calcite-popover closable label overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${h(this._privilegePopoverRef)}><div class="padding-1 display-flex flex-direction-column">${// Leading messages
-    this._getSpanMessages(e, "padding-bottom-1")}<span class=${`padding-bottom-1-2 ${a}`}>${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading}</span>${// Bulleted messages
+    const l = "solutions-missing-privileges-notice", s = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges, o = t.length > 0 ? "" : "display-none", r = t.length > 0 ? "padding-top-sm" : "";
+    return a`<div><calcite-notice class="margin-inline-unset" kind=info open><div slot=message>${`${s}`}</div><calcite-action icon=information id=${l} slot=actions-end .text=${s}></calcite-action></calcite-notice><calcite-popover closable label overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${h(this._privilegePopoverRef)}><div class="padding-1 display-flex flex-direction-column">${// Leading messages
+    this._getSpanMessages(e, "padding-bottom-1")}<span class=${`padding-bottom-1-2 ${o}`}>${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading}</span>${// Bulleted messages
     this._getBulletedMessages(t)}${// Trailing messages
     this._getSpanMessages(i, r)}</div></calcite-popover></div>`;
   }
   _getSpanMessages(e, t) {
-    return e.length > 0 ? e.map((i) => o`<span class=${p(t)}>${i}</span>`) : "";
+    return e.length > 0 ? e.map((i) => a`<span class=${p(t)}>${i}</span>`) : "";
   }
   _getBulletedMessages(e) {
-    return e.length > 0 ? o`<ul>${e.map((t) => o`<li>${t}</li>`)}</ul>` : "";
+    return e.length > 0 ? a`<ul>${e.map((t) => a`<li>${t}</li>`)}</ul>` : "";
   }
   _getScreenshotsRow() {
     const e = this._isScreenshotsRowExpanded ? this._translations.showLess : this._translations.showMore, t = this._isScreenshotsRowExpanded ? "arrow-up" : "arrow-down", i = this._showScreenshotsShowMore ? "" : "display-none";
-    return o`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._screenshotsAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.solutionOverview}</div><calcite-panel><div class="display-flex flex-direction-column back-color-override-1"><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 a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._screenshotsAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.solutionOverview}</div><calcite-panel><div class="display-flex flex-direction-column back-color-override-1"><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=${() => {
       this._screenshotsElement.value?.classList.toggle("expanded"), this._isScreenshotsRowExpanded = this._screenshotsElement.value.classList.contains("expanded");
     }} .text=${e} text-enabled></calcite-fab></div></calcite-panel></calcite-accordion-item></calcite-accordion>`;
   }
   _getScreenshots() {
     const e = this._itemProperties?.preview.filter((s) => s.format === "image") || [], t = this._configContextConsumer.value, i = this._itemFetched ? "" : "display-none", l = this._itemFetched ? "display-none" : "";
-    return o`<calcite-loader class=${p(l)} label></calcite-loader><calcite-card-group class=${`card-group ${i}`} .label=${this._translations.solutionOverview}>${e.reduce((s, a) => {
-      const r = $(this.card?.id || "", a.name, t.authentication);
+    return a`<calcite-loader class=${p(l)} label></calcite-loader><calcite-card-group class=${`card-group ${i}`} .label=${this._translations.solutionOverview}>${e.reduce((s, o) => {
+      const r = $(this.card?.id || "", o.name, t.authentication);
       let c;
-      return t.agoBasedEnterpriseSolutionsGroupId && t.isEnterprise && (c = $(this.card?.id || "", a.name, void 0, t.agolPortalUrl)), this.card?.id ? s.push(o`<calcite-card class=${`${this.isMobile ? "is-mobile" : "cursor-pointer not-mobile"}`} .label=${a.alt} @click=${() => this._openScreenshotGallery(a)} @keydown=${(n) => N(n, () => this._openScreenshotGallery(a))}><div class="card-image-wrap" slot=thumbnail><img alt=${a.alt ?? u} class="thumbnail card-image" slot=thumbnail src=${(c || r) ?? u}>${!this.isMobile && o`<div class="hover-text">${this._translations.openInGallery}</div>` || ""}</div></calcite-card>`) : s.push(""), s;
+      return t.agoBasedEnterpriseSolutionsGroupId && t.isEnterprise && (c = $(this.card?.id || "", o.name, void 0, t.agolPortalUrl)), this.card?.id ? s.push(a`<calcite-card class=${`${this.isMobile ? "is-mobile" : "cursor-pointer not-mobile"}`} .label=${o.alt} @click=${() => this._openScreenshotGallery(o)} @keydown=${(n) => N(n, () => this._openScreenshotGallery(o))}><div class="card-image-wrap" slot=thumbnail><img alt=${o.alt ?? u} class="thumbnail card-image" slot=thumbnail src=${(c || r) ?? u}>${!this.isMobile && a`<div class="hover-text">${this._translations.openInGallery}</div>` || ""}</div></calcite-card>`) : s.push(""), s;
     }, [])}</calcite-card-group>`;
   }
   _openScreenshotGallery(e) {
@@ -250,32 +250,32 @@ class Y extends S {
     }
   }
   _getOverviewRow() {
-    return o`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._overviewAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.solutionDetails}</div>${this._getDescriptionRow()}${this._getInformationProductsRow()}</calcite-accordion-item></calcite-accordion>`;
+    return a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._overviewAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.solutionDetails}</div>${this._getDescriptionRow()}${this._getInformationProductsRow()}</calcite-accordion-item></calcite-accordion>`;
   }
   _getDescriptionRow() {
-    return o`<div class="display-flex flex-direction-column"><div class="font-color-2 font-1 margin-top-0 line-height-xxl padding-bottom-xxl" tabindex=0>${this.card?.snippet}</div><div class="font-color-2 font-1 margin-top-0 line-height-xxl padding-bottom-xxl" .innerHTML=${this.card?.description ?? ""} tabindex=0></div></div>`;
+    return a`<div class="display-flex flex-direction-column"><div class="font-color-2 font-1 margin-top-0 line-height-xxl padding-bottom-xxl" tabindex=0>${this.card?.snippet}</div><div class="font-color-2 font-1 margin-top-0 line-height-xxl padding-bottom-xxl" .innerHTML=${this.card?.description ?? ""} tabindex=0></div></div>`;
   }
   _getInformationProductsRow() {
-    return o`<div class="display-flex flex-direction-column font-1 line-height-xxl font-color-2"><span tabindex=0>${this.card?.title ? this._translations.informationProductsSubText.replace("{{solutionTitle}}", this.card.title) : ""}</span><calcite-table bordered caption class="padding-top-1">${this._getInformationTableHeaderRow()}${this._getInformationTableRows()}</calcite-table><p tabindex=0>${this._translations.informationProductsFooterText}</p></div>`;
+    return a`<div class="display-flex flex-direction-column font-1 line-height-xxl font-color-2"><span tabindex=0>${this.card?.title ? this._translations.informationProductsSubText.replace("{{solutionTitle}}", this.card.title) : ""}</span><calcite-table bordered caption class="padding-top-1">${this._getInformationTableHeaderRow()}${this._getInformationTableRows()}</calcite-table><p tabindex=0>${this._translations.informationProductsFooterText}</p></div>`;
   }
   _getInformationTableHeaderRow() {
-    return o`<calcite-table-row slot=table-header><calcite-table-header .heading=${this._translations.solutionItem}></calcite-table-header><calcite-table-header .heading=${this._translations.description}></calcite-table-header><calcite-table-header .heading=${this._translations.minimumUserType}></calcite-table-header></calcite-table-row>`;
+    return a`<calcite-table-row slot=table-header><calcite-table-header .heading=${this._translations.solutionItem}></calcite-table-header><calcite-table-header .heading=${this._translations.description}></calcite-table-header><calcite-table-header .heading=${this._translations.minimumUserType}></calcite-table-header></calcite-table-row>`;
   }
   _getInformationTableRows() {
-    return (this._itemProperties?.infoProducts || []).map((t) => o`<calcite-table-row><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.item) ?? ""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.description) ?? ""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.userType) ?? ""}></p></calcite-table-cell></calcite-table-row>`);
+    return (this._itemProperties?.infoProducts || []).map((t) => a`<calcite-table-row><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.item) ?? ""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.description) ?? ""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.userType) ?? ""}></p></calcite-table-cell></calcite-table-row>`);
   }
   _getReleaseNotesRow() {
-    return o`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._releaseNotesAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.releaseNotes}</div><div class="display-flex flex-direction-column"><calcite-table bordered caption>${this._getReleaseNotesTableHeaderRow()}${this._getReleaseNotesTableRows()}</calcite-table></div></calcite-accordion-item></calcite-accordion>`;
+    return a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._releaseNotesAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.releaseNotes}</div><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 o`<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>`;
+    return a`<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>`;
   }
   _getReleaseNotesTableRows() {
-    return (this._itemProperties?.releaseNotes || [])?.map((t) => o`<calcite-table-row><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.version) ?? ""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.description) ?? ""}></p></calcite-table-cell></calcite-table-row>`);
+    return (this._itemProperties?.releaseNotes || [])?.map((t) => a`<calcite-table-row><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.version) ?? ""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.description) ?? ""}></p></calcite-table-cell></calcite-table-row>`);
   }
   _getRelatedResourcesRow(e) {
-    return o`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._relatedResourcesAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.relatedResources}</div><div class="display-flex flex-direction-row">${e.map(() => {
-      o`<solution-resource-card></solution-resource-card>`;
+    return a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._relatedResourcesAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.relatedResources}</div><div class="display-flex flex-direction-row">${e.map(() => {
+      a`<solution-resource-card></solution-resource-card>`;
     })}</div></calcite-accordion-item></calcite-accordion>`;
   }
   _getRelatedResources() {
@@ -283,7 +283,7 @@ class Y extends S {
   }
   _getYouMayAlsoLikeRow(e) {
     const t = this._showYouMayAlsoLikeShowMore ? "" : "display-none", i = this._isYouMayAlsoLikeRowExpanded ? this._translations.showLess : this._translations.showMore, l = this._isYouMayAlsoLikeRowExpanded ? "arrow-up" : "arrow-down", s = this._isYouMayAlsoLikeRowExpanded ? "" : { height: `${this._youMayAlsoLikeBaseHeight}px` };
-    return o`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(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=${I(s)} ${h(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row"><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((a, r) => o`<solution-details-card .id=${`you-may-also-like-${r}`} .card=${a} class="padding-2px" source=you-may-also-like .referrerSolutionId=${this.card?.deployCommonId || ""} .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=${l} kind=inverse @click=${() => {
+    return a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(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=${I(s)} ${h(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row"><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((o, r) => a`<solution-details-card .id=${`you-may-also-like-${r}`} .card=${o} class="padding-2px" source=you-may-also-like .referrerSolutionId=${this.card?.deployCommonId || ""} .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=${l} 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>`;
   }
@@ -292,7 +292,7 @@ class Y extends S {
     return this._allCards.filter((t) => e.indexOf(t.deployCommonId) > -1);
   }
   _getTermsOfUseRow() {
-    return o`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._termsOfUseAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.termsOfUse}</div><div class="font-color-2" .innerHTML=${(this.card?.licenseInfo || "") ?? ""} tabindex=0></div></calcite-accordion-item></calcite-accordion>`;
+    return a`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._termsOfUseAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.termsOfUse}</div><div class="font-color-2" .innerHTML=${(this.card?.licenseInfo || "") ?? ""} tabindex=0></div></calcite-accordion-item></calcite-accordion>`;
   }
   _openDeploy() {
     if (this._configContextConsumer.value.authentication.IsSignedIn) {
@@ -351,8 +351,8 @@ class Y extends S {
     this._itemFetched = !0, this._itemProperties = l.properties, this.itemPropertiesFetched.emit(this._itemProperties);
     const s = O(i, this.card.typeKeywords, e?.authentication);
     this._privileges = t.username ? s : [], this._userPrivileges = e?.authentication ? e.authentication.PortalUserEnrichedPrivileges : [];
-    const a = this._privileges.filter((c) => !this._userPrivileges.includes(c));
-    this._missingPrivilegeMessages = F(this._translations, a), this._isDeployDisabled = this._missingPrivilegeMessages && (this._missingPrivilegeMessages.leadingMessages.length > 0 || this._missingPrivilegeMessages.bulletedMessages.length > 0 || this._missingPrivilegeMessages.trailingMessages.length > 0);
+    const o = this._privileges.filter((c) => !this._userPrivileges.includes(c));
+    this._missingPrivilegeMessages = F(this._translations, o), this._isDeployDisabled = this._missingPrivilegeMessages && (this._missingPrivilegeMessages.leadingMessages.length > 0 || this._missingPrivilegeMessages.bulletedMessages.length > 0 || this._missingPrivilegeMessages.trailingMessages.length > 0);
     const r = i.params ? await this.formatParams(i.params) : [];
     this._userOptions = r, this._templates = i.templates, this.templatesFetched.emit(i.templates), this._checkUrlParametersForAutoDeployment(), this._isLoaded = !0, this._showLoader && (this._showLoader = !1, this._isDeployDisabled || this._openDeploy());
   }
@@ -363,11 +363,11 @@ class Y extends S {
       accordionDisplay: !1
     };
     if (l.length > 0) {
-      const a = [];
+      const o = [];
       return l.forEach((r) => {
         const c = e[r];
-        c.valueType && c.valueType.toLowerCase() === "itemid" && a.push(this._findExistingItem(r, "Feature Service", t.username || ""));
-      }), Promise.all(a).then((r) => {
+        c.valueType && c.valueType.toLowerCase() === "itemid" && o.push(this._findExistingItem(r, "Feature Service", t.username || ""));
+      }), Promise.all(o).then((r) => {
         const c = {};
         return r.forEach((n) => {
           if (n.query && n.results && n.results.length > 0) {
@@ -393,13 +393,13 @@ class Y extends S {
     return V(`typekeywords:source-${e} type:${t} owner:${i}`, l);
   }
   updateUserProp(e, t) {
-    const i = e.itemType?.toLowerCase() === "feature service", l = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), s = x(t, i ? "url" : "type", "") || "", a = s !== "" && l.test(s);
-    return e.responseValue = a ? s : "", e.name = a && y(t, "name") || "", e.title = a && y(t, "title") || "", e.itemType = a ? y(t, "type") : e.itemType, e.validId = a, e.itemUrl = U(t.id, this._configContextConsumer.value.authentication), a;
+    const i = e.itemType?.toLowerCase() === "feature service", l = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), s = w(t, i ? "url" : "type", "") || "", o = s !== "" && l.test(s);
+    return e.responseValue = o ? s : "", e.name = o && y(t, "name") || "", e.title = o && y(t, "title") || "", e.itemType = o ? y(t, "type") : e.itemType, e.validId = o, e.itemUrl = U(t.id, this._configContextConsumer.value.authentication), o;
   }
   updateOption(e, t, i) {
-    const l = e.default || "", s = typeof l, a = l.toString();
+    const l = e.default || "", s = typeof l, o = l.toString();
     this._setFeatureServiceProps(e);
-    const r = this.getValidation(e, a);
+    const r = this.getValidation(e, o);
     t.props.push({
       id: i,
       outType: s,
@@ -410,10 +410,10 @@ class Y extends S {
       choices: e.choices || [],
       valueType: e.valueType.toLowerCase(),
       attributes: e.attributes || {},
-      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : a,
-      default: a,
-      srSearchText: a,
-      autoSelect: a !== "",
+      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : o,
+      default: o,
+      srSearchText: o,
+      autoSelect: o !== "",
       ...r,
       loading: !1,
       validId: !0,
@@ -428,7 +428,7 @@ class Y extends S {
   }
   getValidation(e, t) {
     let i = "", l = y(e, "validation.message") || "", s = !0;
-    return y(e, "attributes.required") === "true" && (i = x(e, "validation.expression", "\\S{1,}"), s = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, l = this._translations.configure.invalidID), {
+    return y(e, "attributes.required") === "true" && (i = w(e, "validation.expression", "\\S{1,}"), s = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, l = this._translations.configure.invalidID), {
       valid: s,
       validation: {
         expression: i,

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

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as E } from "../../chunks/runtime.js";
+import { c as D } from "../../chunks/runtime.js";
 import { u as B } from "../../chunks/useT9n.js";
 import { LitElement as A } from "@arcgis/lumina";
 import { css as $, html as O } from "lit";
@@ -173,7 +173,7 @@ function U(o, t, e) {
   const r = J(o);
   return m(r, t), Q(o, r, e), r;
 }
-function D(o) {
+function E(o) {
   const t = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set();
   function r(i) {
     i.findLinksInto().each(
@@ -231,7 +231,7 @@ function ee(o, t, e, r = !0) {
       i[a] = z;
     }
     {
-      const { connectedNodes: n, connectedLinks: a } = D(o);
+      const { connectedNodes: n, connectedLinks: a } = E(o);
       for (const l of n)
         i[l.key] = k;
       for (const l of a) {
@@ -507,7 +507,7 @@ class ge {
           return;
         if (this.currentSelectedItemId) {
           if (this.usefilteredView) {
-            const a = D(n);
+            const a = E(n);
             a.connectedNodes.add(n);
             const l = Array.from(a.connectedNodes).map((c) => c.data), h = Array.from(a.connectedLinks).map((c) => c.data);
             if (m(this.diagram, { nodes: l, links: h }), this.createNodeHighlighters(), n = this.getNodeById(t), !n)
@@ -573,7 +573,7 @@ class fe extends A {
       return;
     }
     this._sizeObserver && this._sizeObserver.disconnect(), this._sizeObserver = new ResizeObserver(() => {
-      console.log("Is this firing?", (/* @__PURE__ */ new Date()).toISOString()), this._pendingCreate && r(t) && (this._sizeObserver?.disconnect(), this._sizeObserver = void 0, this._buildSolutionDisplay());
+      this._pendingCreate && r(t) && (this._sizeObserver?.disconnect(), this._sizeObserver = void 0, this._buildSolutionDisplay());
     }), this._sizeObserver.observe(t);
   }
   _buildSolutionDisplay() {
@@ -593,7 +593,7 @@ class fe extends A {
     this.solutionDisplay = new ge(t, e, r, this.diagramKey), this.solutionDisplay.create(this.templateInfoGraph, this.typeKeywords);
   }
 }
-E("solution-item-diagram", fe);
+D("solution-item-diagram", fe);
 export {
   fe as SolutionItemDiagram
 };