@esri/solutions-components 5.0.1 → 5.0.2-next.10

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

@@ -1,30 +1,30 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as I } from "../../chunks/runtime.js";
-import { u as S } from "../../chunks/useT9n.js";
-import { createRef as d, ref as h } from "lit-html/directives/ref.js";
+import { c as S } from "../../chunks/runtime.js";
+import { u as I } from "../../chunks/useT9n.js";
+import { createRef as h, ref as p } from "lit-html/directives/ref.js";
 import { LitElement as C, createEvent as f, safeClassMap as u, nothing as y, safeStyleMap as D } from "@arcgis/lumina";
 import { useContextConsumer as w } from "@arcgis/lumina/context";
-import { E as m, V as E, g as x, A as L, G as R, T as g, W as b, X as T, K as $, J as P, Y as A, Z as O, D as U } from "../../chunks/interfaces.js";
-import { css as N, html as a } from "lit";
+import { E as m, V as L, g as x, A as E, G as R, T as g, W as b, X as T, K as $, J as P, Y as A, Z as O, D as U } from "../../chunks/interfaces.js";
+import { css as N, html as l } from "lit";
 import { request as F, getWorkflowBaseURL as H, getWorkflowManagerAuthorized as V, sanitizeHTML as _, getItemDataAsJson as z, getItem as B, getPropWithDefault as M, getProp as v, setCreateProp as Y } from "@esri/solution-common";
 import { _findExistingItem as G } from "@esri/solution-deployer";
 import "../../chunks/solution-deploy-dialog.js";
 import "../solution-snapshot-gallery/customElement.js";
 import "../solution-deploying-dialog/customElement.js";
-const W = N`.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}@media(max-width:1280px){.button-width{width:auto}}.image-width{width:300px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:0;flex-shrink:1}}.width-full{width:100%}@media(max-width:768px){.width-full{flex-direction:column}.width-full>.display-flex{flex-direction:column}.image-width{width:100%;padding-inline-end:0;margin-bottom: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}@media(max-width:1496px){calcite-card{width:calc(100% / 3 - .5rem)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}}@media(max-width:1100px){calcite-card{width:calc(50% - .5rem)}#screenshots-subsection calcite-card{width:calc(50% - .5rem)}}@media(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}.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)}.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-foreground-1)}.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-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}.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}`;
+const W = N`.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}@media(max-width:1280px){.button-width{width:auto}}.image-width{width:300px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:0;flex-shrink:1}}.width-full{width:100%}@media(max-width:768px){.width-full{flex-direction:column}.width-full>.display-flex{flex-direction:column}.image-width{width:100%;padding-inline-end:0;margin-bottom: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}@media(max-width:1496px){calcite-card{width:calc(100% / 3 - .5rem)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}}@media(max-width:1100px){calcite-card{width:calc(50% - .5rem)}#screenshots-subsection calcite-card{width:calc(50% - .5rem)}}@media(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-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)}.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-foreground-1)}.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-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}.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}`;
 async function K(n, e, t) {
   let i = t;
   return n && (n?.IsEnterprisePortal && await X(
     "",
     // the portal url
     e
-  ) && i.push(m.NOTEBOOK), await E(e) ? t.push(m.VELOCITY) : n?.PortalUserPrivileges && [
+  ) && i.push(m.NOTEBOOK), await L(e) ? t.push(m.VELOCITY) : n?.PortalUserPrivileges && [
     x.VELOCITYFEEDS,
     x.VELOCITYBIGDATA,
     x.VELOCITYREALTIME
-  ].forEach((l) => {
-    const r = t.indexOf(l) || -1;
-    r !== -1 && t.splice(r, 1);
+  ].forEach((o) => {
+    const c = t.indexOf(o) || -1;
+    c !== -1 && t.splice(c, 1);
   }), i = i.concat(
     q(
       Z(n),
@@ -46,11 +46,11 @@ function j(n) {
   ) ? [m.HUBPREMIUM] : [];
 }
 async function J(n) {
-  const e = await H(n?.RestUserSession);
-  return await V(
-    e,
-    n?.RestUserSession
-  ) ? [m.WORKFLOW] : [];
+  const e = n?.RestUserSession;
+  if (!e?.username)
+    return [];
+  const t = await H(e);
+  return await V(t, e) ? [m.WORKFLOW] : [];
 }
 async function X(n, e) {
   const t = n + "/sharing/rest", i = {
@@ -60,7 +60,7 @@ async function X(n, e) {
       f: "json"
     }
   };
-  return F(`${t}/portals/self/servers`, i).then((s) => s?.servers?.find((o) => o.serverFunction.indexOf("NotebookServer") > -1), (s) => (console.error(s), !1));
+  return F(`${t}/portals/self/servers`, i).then((s) => s?.servers?.find((a) => a.serverFunction.indexOf("NotebookServer") > -1), (s) => (console.error(s), !1));
 }
 function Z(n) {
   const e = n?.PortalUserSubset?.privileges, t = [
@@ -81,14 +81,14 @@ function ee(n) {
 }
 class te extends C {
   constructor() {
-    super(), this._isDeployDisabled = !1, this._isLoaded = !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 = S({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._configContextConsumer = w({
-      context: L,
+    super(), this._isDeployDisabled = !1, this._isLoaded = !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 = I({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._configContextConsumer = w({
+      context: E,
       subscribe: !0
-    }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = d(), this._deployingDialogRef = d(), this._isMobileContextConsumer = w({
+    }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = h(), this._deployingDialogRef = h(), this._isMobileContextConsumer = w({
       context: R,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this._overviewAccordionItemElement = d(), this._privilegePopoverRef = d(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._releaseNotesAccordionItemElement = d(), this._relatedResourcesAccordionItemElement = d(), this._screenshotsAccordionItemElement = d(), this._screenshotsDialogRef = d(), this._screenshotsElement = d(), this._termsOfUseAccordionItemElement = d(), this._userOptions = [], this._youMayAlsoLikeAccordionItemElement = d(), this._youMayAlsoLikeElement = d(), this._signInParamValue = null, this._deploymentStartTime = null, this._cancellationStartTime = null, this._deployToCancelDuration = 0, this.templatesFetched = f(), this.itemPropertiesFetched = f(), this.sortTypeChanged = f(), this.tokenRefreshed = f(), this._handleDeployCancelled = () => {
+    }), this._overviewAccordionItemElement = h(), this._privilegePopoverRef = h(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._releaseNotesAccordionItemElement = h(), this._relatedResourcesAccordionItemElement = h(), this._screenshotsAccordionItemElement = h(), this._screenshotsDialogRef = h(), this._screenshotsElement = h(), this._termsOfUseAccordionItemElement = h(), this._userOptions = [], this._youMayAlsoLikeAccordionItemElement = h(), this._youMayAlsoLikeElement = h(), this._signInParamValue = null, this._deploymentStartTime = null, this._cancellationStartTime = null, this._deployToCancelDuration = 0, this.templatesFetched = f(), this.itemPropertiesFetched = f(), this.sortTypeChanged = f(), this.tokenRefreshed = f(), this._handleDeployCancelled = () => {
       this._telemetry?.logEvent({
         category: g.SOLUTION_DETAILS,
         action: "Deploy Dialog Canceled",
@@ -169,17 +169,17 @@ class te extends C {
   }
   render() {
     const e = "padding-bottom-1-5", t = this._getRelatedResources(), i = this._getYouMayAlsoLikeCards();
-    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=${u(e)}>${this._getScreenshotsRow()}</div><div class=${u(e)}>${this._getOverviewRow()}</div><div class=${u(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? a`<div class=${u(e)}>${this._getRelatedResourcesRow(t)}</div>` : ""}${i.length > 0 ? a`<div class=${u(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}<div class=${u(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>`;
+    return l`<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=${u(e)}>${this._getScreenshotsRow()}</div><div class=${u(e)}>${this._getOverviewRow()}</div><div class=${u(e)}>${this._getReleaseNotesRow()}</div>${t.length > 0 ? l`<div class=${u(e)}>${this._getRelatedResourcesRow(t)}</div>` : ""}${i.length > 0 ? l`<div class=${u(e)}>${this._getYouMayAlsoLikeRow(i)}</div>` : ""}<div class=${u(e)}>${this._getTermsOfUseRow()}</div>${this.isMobile ? "" : l`<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} ${p(this._deployDialogRef)}></solution-deploy-dialog>`}<solution-snapshot-gallery .card=${this.card} id=solutionSnapshotGallery .itemProperties=${this._itemProperties} ${p(this._screenshotsDialogRef)}></solution-snapshot-gallery><solution-deploying-dialog .card=${this.card} @deploymentProcessCancelled=${this._handleDeploymentProcessCancelled} ${p(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel></calcite-shell>`;
   }
   updated() {
     setTimeout(() => {
       const e = this._getYouMayAlsoLikeCards();
       let t = 340;
       for (let i = 0; i < e.length; i++) {
-        const s = this.el.shadowRoot?.getElementById(`you-may-also-like-${i}`), o = s?.offsetHeight ? s.offsetHeight + 40 : 0;
-        o > t && (t = o);
+        const s = this.el.shadowRoot?.getElementById(`you-may-also-like-${i}`), a = s?.offsetHeight ? s.offsetHeight + 40 : 0;
+        a > t && (t = a);
       }
-      this._youMayAlsoLikeBaseHeight = t, this._showYouMayAlsoLikeShowMore = (this._youMayAlsoLikeElement.value?.scrollHeight || 0) > this._youMayAlsoLikeBaseHeight;
+      this._youMayAlsoLikeBaseHeight = t, this._showYouMayAlsoLikeShowMore = (this._youMayAlsoLikeElement.value?.scrollHeight || 0) > this._youMayAlsoLikeBaseHeight, this._showScreenshotsShowMore = (this._screenshotsElement.value?.scrollHeight || 0) > this._screenshotsRowBaseHeight + 2;
     }, 100);
   }
   _checkUrlParametersForAutoDeployment() {
@@ -189,41 +189,41 @@ class te extends C {
     }
   }
   _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, l = this._missingPrivilegeMessages?.trailingMessages || [], r = l.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 ?? y} src=${e ?? y}></div><div class="display-flex flex-direction-row flex-1">${this._getTextSection(i, o, r, t, s, l)}${this._getButtons()}</div></div>`;
+    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), t = this._missingPrivilegeMessages?.leadingMessages || [], i = t.length > 0, s = this._missingPrivilegeMessages?.bulletedMessages || [], a = s.length > 0, o = this._missingPrivilegeMessages?.trailingMessages || [], c = o.length > 0;
+    return l`<div class="display-flex flex-direction-row width-full"><div class="padding-end-1-75 image-width"><img alt=${this.card?.title ?? y} src=${e ?? y}></div><div class="display-flex flex-direction-row flex-1">${this._getTextSection(i, a, c, t, s, o)}${this._getButtons()}</div></div>`;
   }
-  _getTextSection(e, t, i, s, o, l) {
-    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.card?.categories?.some((r) => r.includes("New Release")) && a`<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>` || ""}</div><div class="font-1 padding-end-1 line-height-xxl" tabindex=0>${this.card?.snippet}</div>${this.isMobile ? "" : e || t || i ? a`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(s, o, l)}</div>` : ""}</div>`;
+  _getTextSection(e, t, i, s, a, o) {
+    return l`<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((c) => c.includes("New Release")) && l`<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>` || ""}</div><div class="font-1 padding-end-1 line-height-xxl" tabindex=0>${this.card?.snippet}</div>${this.isMobile ? "" : e || t || i ? l`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(s, a, o)}</div>` : ""}</div>`;
   }
   _getButtons() {
     const e = this._itemProperties?.demoURL || "";
-    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} icon-flip-rtl=end @click=${() => this._checkPermissionsBeforeDeploy()} scale=m>${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>${this._translations.watchDemo}</calcite-button>` || ""}<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${() => this._handleLearnMoreClick()} scale=m>${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>`;
+    return l`<div class="display-flex flex-direction-column button-width">${!this.isMobile && l`<calcite-button class="padding-bottom-1 solution-detail-action" .disabled=${this._isDeployDisabled} icon-flip-rtl=end @click=${() => this._checkPermissionsBeforeDeploy()} scale=m>${this._showLoader ? l`<calcite-loader inline label></calcite-loader>` : this._translations.deployButton}</calcite-button>` || ""}${!this._configContextConsumer.value?.isEnterprise && e && l`<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${() => this._handleWatchDemoClick(e)} scale=m>${this._translations.watchDemo}</calcite-button>` || ""}<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${() => this._handleLearnMoreClick()} scale=m>${this._translations.openHelp}</calcite-button>${!this._configContextConsumer.value?.isEnterprise && l`<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>`;
   }
   _getMissingPrivilegesNotice(e, t, i) {
-    const s = "solutions-missing-privileges-notice", o = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges, l = 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>${`${o}`}</div><calcite-action icon=information id=${s} slot=actions-end .text=${o}></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 ${l}`}>${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading}</span>${// Bulleted messages
+    const s = "solutions-missing-privileges-notice", a = this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges, o = t.length > 0 ? "" : "display-none", c = t.length > 0 ? "padding-top-sm" : "";
+    return l`<div><calcite-notice class="margin-inline-unset" kind=info open><div slot=message>${`${a}`}</div><calcite-action icon=information id=${s} slot=actions-end .text=${a}></calcite-action></calcite-notice><calcite-popover closable label overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${p(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>`;
+    this._getSpanMessages(i, c)}</div></calcite-popover></div>`;
   }
   _getSpanMessages(e, t) {
-    return e.length > 0 ? e.map((i) => a`<span class=${u(t)}>${i}</span>`) : "";
+    return e.length > 0 ? e.map((i) => l`<span class=${u(t)}>${i}</span>`) : "";
   }
   _getBulletedMessages(e) {
-    return e.length > 0 ? a`<ul>${e.map((t) => a`<li>${t}</li>`)}</ul>` : "";
+    return e.length > 0 ? l`<ul>${e.map((t) => l`<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 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=${() => {
+    return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${p(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 ${p(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((i) => i.format === "image") || [], t = this._configContextConsumer.value;
-    return a`<calcite-card-group class="card-group" .label=${this._translations.solutionOverview}>${e.reduce((i, s) => {
-      const o = $(this.card?.id || "", s.name, t.authentication);
-      let l;
-      return t.agoBasedEnterpriseSolutionsGroupId && t.isEnterprise && (l = $(this.card?.id || "", s.name, void 0, t.agolPortalUrl)), this.card?.id ? i.push(a`<calcite-card class=${`${this.isMobile ? "is-mobile" : "cursor-pointer not-mobile"}`} .label=${s.alt} @click=${() => this._openScreenshotGallery(s)} @keydown=${(r) => P(r, () => this._openScreenshotGallery(s))}><div class="card-image-wrap" slot=thumbnail><img alt=${s.alt ?? y} class="thumbnail card-image" slot=thumbnail src=${(l || o) ?? y}>${!this.isMobile && a`<div class="hover-text">${this._translations.openInGallery}</div>` || ""}</div></calcite-card>`) : i.push(""), i;
+    const e = this._itemProperties?.preview.filter((a) => a.format === "image") || [], t = this._configContextConsumer.value, i = this._isLoaded ? "" : "display-none", s = this._isLoaded ? "display-none" : "";
+    return l`<calcite-loader class=${u(s)} label></calcite-loader><calcite-card-group class=${`card-group ${i}`} .label=${this._translations.solutionOverview}>${e.reduce((a, o) => {
+      const c = $(this.card?.id || "", o.name, t.authentication);
+      let d;
+      return t.agoBasedEnterpriseSolutionsGroupId && t.isEnterprise && (d = $(this.card?.id || "", o.name, void 0, t.agolPortalUrl)), this.card?.id ? a.push(l`<calcite-card class=${`${this.isMobile ? "is-mobile" : "cursor-pointer not-mobile"}`} .label=${o.alt} @click=${() => this._openScreenshotGallery(o)} @keydown=${(r) => P(r, () => this._openScreenshotGallery(o))}><div class="card-image-wrap" slot=thumbnail><img alt=${o.alt ?? y} class="thumbnail card-image" slot=thumbnail src=${(d || c) ?? y}>${!this.isMobile && l`<div class="hover-text">${this._translations.openInGallery}</div>` || ""}</div></calcite-card>`) : a.push(""), a;
     }, [])}</calcite-card-group>`;
   }
   _openScreenshotGallery(e) {
@@ -242,40 +242,40 @@ class te extends C {
     }
   }
   _getOverviewRow() {
-    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>`;
+    return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${p(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 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>`;
+    return l`<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 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>`;
+    return l`<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 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>`;
+    return l`<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) => 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>`);
+    return (this._itemProperties?.infoProducts || []).map((t) => l`<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 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>`;
+    return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${p(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 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>`;
+    return l`<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) => 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>`);
+    return (this._itemProperties?.releaseNotes || [])?.map((t) => l`<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 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>`;
+    return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${p(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(() => {
+      l`<solution-resource-card></solution-resource-card>`;
     })}</div></calcite-accordion-item></calcite-accordion>`;
   }
   _getRelatedResources() {
     return [];
   }
   _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 ${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=${D(o)} ${h(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?.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=${s} kind=inverse @click=${() => {
+    const t = this._showYouMayAlsoLikeShowMore ? "" : "display-none", i = this._isYouMayAlsoLikeRowExpanded ? this._translations.showLess : this._translations.showMore, s = this._isYouMayAlsoLikeRowExpanded ? "arrow-up" : "arrow-down", a = this._isYouMayAlsoLikeRowExpanded ? "" : { height: `${this._youMayAlsoLikeBaseHeight}px` };
+    return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${p(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=${D(a)} ${p(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row"><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((o, c) => l`<solution-details-card .id=${`you-may-also-like-${c}`} .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=${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>`;
   }
@@ -284,7 +284,7 @@ class te extends C {
     return this._allCards.filter((t) => e.indexOf(t.deployCommonId) > -1);
   }
   _getTermsOfUseRow() {
-    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>`;
+    return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${p(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) {
@@ -335,41 +335,41 @@ class te extends C {
   async _getItemData() {
     const e = this._configContextConsumer.value, t = e?.agoBasedEnterpriseSolutionsGroupId && e?.isEnterprise ? e.anonAgolSession : e?.userSession, i = await z(this.card.id, t), s = await B(this.card.id, t);
     this._itemProperties = s.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const o = A(i, this.card.typeKeywords, e?.authentication);
-    this._privileges = t.username ? o : [], this._userPrivileges = e?.authentication && e?.userSession ? await K(e.authentication, e.userSession, e.authentication.PortalUserPrivileges) : [];
-    const l = this._privileges.filter((p) => !this._userPrivileges.includes(p));
-    this._missingPrivilegeMessages = O(this._translations, l), 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());
+    const a = A(i, this.card.typeKeywords, e?.authentication);
+    this._privileges = t.username ? a : [], this._userPrivileges = e?.authentication && e?.userSession ? await K(e.authentication, e.userSession, e.authentication.PortalUserPrivileges) : [];
+    const o = this._privileges.filter((d) => !this._userPrivileges.includes(d));
+    this._missingPrivilegeMessages = O(this._translations, o), this._isDeployDisabled = this._missingPrivilegeMessages && (this._missingPrivilegeMessages.leadingMessages.length > 0 || this._missingPrivilegeMessages.bulletedMessages.length > 0 || this._missingPrivilegeMessages.trailingMessages.length > 0);
+    const c = i.params ? await this.formatParams(i.params) : [];
+    this._userOptions = c, this._templates = i.templates, this.templatesFetched.emit(i.templates), this._checkUrlParametersForAutoDeployment(), this._isLoaded = !0, this._showLoader && (this._showLoader = !1, this._isDeployDisabled || this._openDeploy());
   }
   formatParams(e) {
-    const t = this._configContextConsumer.value.userSession, i = [], s = e ? Object.keys(e) : [], o = {
+    const t = this._configContextConsumer.value.userSession, i = [], s = e ? Object.keys(e) : [], a = {
       id: "",
       props: [],
       accordionDisplay: !1
     };
     if (s.length > 0) {
-      const l = [];
-      return s.forEach((r) => {
-        const p = e[r];
-        p.valueType && p.valueType.toLowerCase() === "itemid" && l.push(this._findExistingItem(r, "Feature Service", t.username || ""));
-      }), Promise.all(l).then((r) => {
-        const p = {};
-        return r.forEach((c) => {
-          if (c.query && c.results && c.results.length > 0) {
-            const k = c.query.split(" ")[0].replace("typekeywords:source-", "");
-            p[k] = {
-              resultId: c.results[0].id,
-              response: c.results[0]
+      const o = [];
+      return s.forEach((c) => {
+        const d = e[c];
+        d.valueType && d.valueType.toLowerCase() === "itemid" && o.push(this._findExistingItem(c, "Feature Service", t.username || ""));
+      }), Promise.all(o).then((c) => {
+        const d = {};
+        return c.forEach((r) => {
+          if (r.query && r.results && r.results.length > 0) {
+            const k = r.query.split(" ")[0].replace("typekeywords:source-", "");
+            d[k] = {
+              resultId: r.results[0].id,
+              response: r.results[0]
             };
           }
-        }), s.forEach((c) => {
-          if (c === "serviceLearnMore") {
-            this._configureLearnMore = e[c], alert(this._configureLearnMore), delete e[c];
+        }), s.forEach((r) => {
+          if (r === "serviceLearnMore") {
+            this._configureLearnMore = e[r], alert(this._configureLearnMore), delete e[r];
             return;
           }
-          e[c].enterpriseIDMapping && (this._customDeploymentMappings[c] = e[c].enterpriseIDMapping), o.id = c, p[c] && (e[c].existingItemId = p[c].resultId, this.updateUserProp(e[c], p[c].response)), this.updateOption(e[c], o, c);
-        }), i.push(o), Promise.resolve(i);
+          e[r].enterpriseIDMapping && (this._customDeploymentMappings[r] = e[r].enterpriseIDMapping), a.id = r, d[r] && (e[r].existingItemId = d[r].resultId, this.updateUserProp(e[r], d[r].response)), this.updateOption(e[r], a, r);
+        }), i.push(a), Promise.resolve(i);
       }).catch(() => Promise.resolve([]));
     } else
       return Promise.resolve([]);
@@ -379,16 +379,16 @@ class te extends C {
     return G(`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 = M(t, i ? "url" : "type", "") || "", l = o !== "" && s.test(o);
-    return e.responseValue = l ? o : "", e.name = l && v(t, "name") || "", e.title = l && v(t, "title") || "", e.itemType = l ? v(t, "type") : e.itemType, e.validId = l, e.itemUrl = U(t.id, this._configContextConsumer.value.authentication), l;
+    const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), a = M(t, i ? "url" : "type", "") || "", o = a !== "" && s.test(a);
+    return e.responseValue = o ? a : "", e.name = o && v(t, "name") || "", e.title = o && v(t, "title") || "", e.itemType = o ? v(t, "type") : e.itemType, e.validId = o, e.itemUrl = U(t.id, this._configContextConsumer.value.authentication), o;
   }
   updateOption(e, t, i) {
-    const s = e.default || "", o = typeof s, l = s.toString();
+    const s = e.default || "", a = typeof s, o = s.toString();
     this._setFeatureServiceProps(e);
-    const r = this.getValidation(e, l);
+    const c = this.getValidation(e, o);
     t.props.push({
       id: i,
-      outType: o,
+      outType: a,
       prop: i,
       itemType: e.itemType || "",
       responseValue: e.responseValue || "",
@@ -396,11 +396,11 @@ class te extends C {
       choices: e.choices || [],
       valueType: e.valueType.toLowerCase(),
       attributes: e.attributes || {},
-      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : l,
-      default: l,
-      srSearchText: l,
-      autoSelect: l !== "",
-      ...r,
+      value: e.existingItemId && e.valueType.toLowerCase() === "itemid" ? e.existingItemId : o,
+      default: o,
+      srSearchText: o,
+      autoSelect: o !== "",
+      ...c,
       loading: !1,
       validId: !0,
       tooltip: e.tooltip || "",
@@ -413,9 +413,9 @@ class te extends C {
     e.valueType && e.valueType.toLowerCase() === "itemid" && Y(e, "attributes.required", "true");
   }
   getValidation(e, t) {
-    let i = "", s = v(e, "validation.message") || "", o = !0;
-    return v(e, "attributes.required") === "true" && (i = M(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,
+    let i = "", s = v(e, "validation.message") || "", a = !0;
+    return v(e, "attributes.required") === "true" && (i = M(e, "validation.expression", "\\S{1,}"), a = new RegExp(i).test(t)), e.valueType && e.valueType.toLowerCase() === "itemid" && (i = this._regexID, s = this._translations.configure.invalidID), {
+      valid: a,
       validation: {
         expression: i,
         message: s
@@ -469,7 +469,7 @@ class te extends C {
     this._isLoaded ? this._openDeploy() : this._configContextConsumer.value.authentication?.IsSignedIn ? this._showLoader = !0 : this._openDeploy();
   }
 }
-I("solution-details-panel", te);
+S("solution-details-panel", te);
 export {
   te as SolutionDetailsPanel
 };

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

@@ -10,7 +10,7 @@ import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
 import { createRef as m, ref as u } from "lit-html/directives/ref.js";
-const f = g`*[tabindex]:focus-visible{outline:solid 2px var(--calcite-color-brand);outline-offset:2px}.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.screenshot-container{width:100%;overflow:hidden}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px;cursor:pointer;padding-bottom:2px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:var(--calcite-color-foreground-3)}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{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}.calcite-card-selected{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}calcite-card:hover .hover-text{opacity:1;color:#fff}.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-lg)}.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;object-fit:contain}`;
+const f = g`*[tabindex]:focus-visible{outline:solid 2px var(--calcite-color-brand);outline-offset:2px}.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.screenshot-container{width:100%;overflow:hidden}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px;cursor:pointer;padding-bottom:2px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:var(--calcite-color-foreground-3)}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{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}.calcite-card-selected{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}calcite-card:hover .hover-text{opacity:1;color:#fff}.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-lg)}.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}.footer-card img{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;object-fit:contain}`;
 class b extends l {
   constructor() {
     super(...arguments), this.open = !1, this._screenshots = [], this._translations = c({ name: "solution-snapshot-gallery", blocking: !0 }), this._configContextConsumer = d({

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

@@ -1,12 +1,12 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 import { c as b } from "../../chunks/runtime.js";
-import { css as N, html as h } from "lit";
+import { css as y, html as h } from "lit";
 import { repeat as g } from "lit/directives/repeat.js";
-import { u as S } from "../../chunks/useT9n.js";
-import { LitElement as f, createEvent as p, safeClassMap as A } from "@arcgis/lumina";
-import { e as F, A as y, G as I, T as C, J as E } from "../../chunks/interfaces.js";
-import { useContextConsumer as _ } from "@arcgis/lumina/context";
-const O = N`.width-full{width:100%}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1);--calcite-panel-footer-space: var(--calcite-spacing-sm)}.border-color{--calcite-block-border-color: transparent}calcite-block{margin:0;--calcite-block-content-space: 0}.tree-padding{padding:0 .2rem}.display-none{display:none}`, T = {
+import { u as N } from "../../chunks/useT9n.js";
+import { LitElement as f, createEvent as p, safeClassMap as S } from "@arcgis/lumina";
+import { e as F, A, G as I, d as C, T as O, J as _ } from "../../chunks/interfaces.js";
+import { useContextConsumer as E } from "@arcgis/lumina/context";
+const T = y`.width-full{width:100%}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1);--calcite-panel-footer-space: var(--calcite-spacing-sm)}.border-color{--calcite-block-border-color: transparent}calcite-block{margin:0;--calcite-block-content-space: 0}.tree-padding{padding:0 .2rem}.display-none{display:none}`, R = {
   PUBLICSAFETY: ["EMERGENCYMANAGEMENT", "FIRESERVICE", "LAWENFORCEMENT"],
   STATEANDLOCALGOVERNMENT: [
     "AGRICULTURE",
@@ -25,24 +25,24 @@ const O = N`.width-full{width:100%}calcite-panel{--calcite-panel-background-colo
     "TRANSPORTATION"
   ],
   UTILITIES: ["DISTRICTENERGY", "ELECTRIC", "GAS", "SEWER", "STORMWATER", "WATER"]
-}, R = Object.keys(F).reduce(
-  (u, t) => {
+}, v = Object.keys(F).reduce(
+  (m, t) => {
     const e = t;
-    return u[e] = T[e] ?? [], u;
+    return m[e] = R[e] ?? [], m;
   },
   {}
 );
-class v extends f {
+class M extends f {
   constructor() {
     super(), this.hideIndustryFilter = !1, this.isAIDialogOpen = !1, this.showReset = !1, this._activeFilterSettings = {
       categories: []
-    }, this._isMobile = !1, this._translations = S({ name: "solutions-filter-panel", blocking: !0 }), this._userFirstName = "", this._configContextConsumer = _({
-      context: y,
+    }, this._isMobile = !1, this._translations = N({ name: "solutions-filter-panel", blocking: !0 }), this._userFirstName = "", this._configContextConsumer = E({
+      context: A,
       subscribe: !0,
       callback: (t) => {
         t?.userSession && !this._userFirstName && this._loadUserFirstName();
       }
-    }), this._isMobileContextConsumer = _({
+    }), this._isMobileContextConsumer = E({
       context: I,
       subscribe: !0,
       callback: (t) => this._isMobile = t
@@ -55,6 +55,9 @@ class v extends f {
     }, this._industryMatchName = (t) => {
       const e = Object.keys(this._translations.industries).find((o) => o.toUpperCase() === t.replaceAll(" ", "").toUpperCase());
       return e && e in this._translations.industries ? this._translations.industries[e] : t;
+    }, this._domainMatchName = (t) => {
+      const e = Object.keys(this._translations.industriesDomain).find((o) => o.toUpperCase() === t.replaceAll(" ", "").toUpperCase());
+      return e && e in this._translations.industriesDomain ? this._translations.industriesDomain[e] : t;
     }, this.listenOn(window, "filterRemoved", this._handleFilterRemoved), this.listenOn(window, "closeAssistant", () => {
       this.isAIDialogOpen = !1;
     }), this.listenOn(window, "openAssistant", () => {
@@ -67,7 +70,7 @@ class v extends f {
     this.properties = { hideIndustryFilter: 5, isAIDialogOpen: 5, showReset: 5, _activeFilterSettings: 16, _isMobile: 16, _translations: 16, _userFirstName: 16 };
   }
   static {
-    this.styles = O;
+    this.styles = T;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
@@ -76,15 +79,15 @@ class v extends f {
     if (t !== "" || e !== "") {
       let n = [];
       if (e !== "") {
-        const i = F[t];
+        const i = F[t], a = this._industryMatchName(i), s = C[e], r = this._domainMatchName(s);
         n = [{
-          displayValue: this._industryMatchName(i),
+          displayValue: a,
           type: "industry",
           value: t,
           industry: t,
           domain: ""
         }, {
-          displayValue: o,
+          displayValue: r,
           type: "domain",
           value: e,
           industry: t,
@@ -127,32 +130,32 @@ class v extends f {
       this.clearFilters();
     }} slot=header-actions-end .text=${this._translations.resetFilters} text-enabled></calcite-action>` || ""}<calcite-block-group .label=${this._translations.filters} scale=l>${!this.hideIndustryFilter && this.renderIndustryBlock() || ""}</calcite-block-group><calcite-button id=solutions-assistant-button icon-start=speech-bubbles label="Solutions Assistant" @click=${() => {
       this._telemetry?.logEvent({
-        category: C.ASSISTANT,
+        category: O.ASSISTANT,
         action: "Open"
       }), this.isAIDialogOpen = !0;
     }} round scale=l slot=footer-start></calcite-button><calcite-tooltip reference-element=solutions-assistant-button placement=right slot=footer-start offset-distance=10 open><span>${this._translations.assistant.welcomeTip}</span></calcite-tooltip><arcgis-solutions-assistant .open=${this.isAIDialogOpen} .userFirstName=${this._userFirstName}></arcgis-solutions-assistant></calcite-panel>`;
   }
   renderIndustryBlock() {
     const t = (i, a) => !this._activeFilterSettings || !this._activeFilterSettings.categories ? !1 : this._activeFilterSettings.categories.some((s) => s.industry === i && (s.domain ?? "") === a), e = (i) => !this._activeFilterSettings || !this._activeFilterSettings.categories ? !1 : this._activeFilterSettings.categories.some((a) => a.industry === i && (a.domain ?? "") === ""), o = (i, a) => a.length > 0 && (e(i) || this._activeFilterSettings.categories?.some((s) => s.industry === i && !!s.domain && a.includes(s.domain)) === !0), d = (i, a) => g(a, (s) => s, (s) => {
-      const r = Object.keys(this._translations.industriesDomain).find((l) => l.toUpperCase() === s.toUpperCase()), c = r && r in this._translations.industriesDomain ? this._translations.industriesDomain[r] : s, m = t(i, s);
+      const r = Object.keys(this._translations.industriesDomain).find((l) => l.toUpperCase() === s.toUpperCase()), c = r && r in this._translations.industriesDomain ? this._translations.industriesDomain[r] : s, u = t(i, s);
       return h`<calcite-tree-item .label=${c} @click=${(l) => {
         l.detail !== 0 && this.changeIndustryFilter(i, s, c, !0);
       }} @keydown=${(l) => {
-        E(l, () => {
+        _(l, () => {
           this.changeIndustryFilter(i, s, c, !0);
         });
-      }} .selected=${m || void 0}>${c}</calcite-tree-item>`;
-    }), n = g(Object.entries(R), ([i, a]) => i, ([i, a]) => {
-      const s = this._industryMatchName(i), r = a, c = e(i), m = o(i, r);
+      }} .selected=${u || void 0}>${c}</calcite-tree-item>`;
+    }), n = g(Object.entries(v), ([i, a]) => i, ([i, a]) => {
+      const s = this._industryMatchName(i), r = a, c = e(i), u = o(i, r);
       return h`<calcite-tree-item .label=${s} @click=${(l) => {
         l.detail !== 0 && this.changeIndustryFilter(i, "", s, !0);
       }} @keydown=${(l) => {
-        E(l, () => {
+        _(l, () => {
           this.changeIndustryFilter(i, "", s, !0);
         });
-      }} .selected=${c || void 0} .expanded=${m ? !0 : void 0}>${s}${r.length > 0 && h`<calcite-tree slot=children selection-mode=multiple>${d(i, r)}</calcite-tree>` || ""}</calcite-tree-item>`;
+      }} .selected=${c || void 0} .expanded=${u ? !0 : void 0}>${s}${r.length > 0 && h`<calcite-tree slot=children selection-mode=multiple>${d(i, r)}</calcite-tree>` || ""}</calcite-tree-item>`;
     });
-    return h`<calcite-block description expanded class="border-color" .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-action class=${A(this._isMobile ? "" : "display-none")} icon=x @click=${this._toggleFilter} slot=content-end text></calcite-action><calcite-tree selection-mode=single-persist class="tree-padding">${n}</calcite-tree></calcite-block>`;
+    return h`<calcite-block description expanded class="border-color" .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-action class=${S(this._isMobile ? "" : "display-none")} icon=x @click=${this._toggleFilter} slot=content-end text></calcite-action><calcite-tree selection-mode=single-persist class="tree-padding">${n}</calcite-tree></calcite-block>`;
   }
   _toggleFilter() {
     this.toggleFilter.emit();
@@ -168,7 +171,7 @@ class v extends f {
     }
   }
 }
-b("solutions-filter-panel", v);
+b("solutions-filter-panel", M);
 export {
-  v as SolutionsFilterPanel
+  M as SolutionsFilterPanel
 };