@esri/solutions-components 5.1.0-next.4 → 5.1.0-next.6

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

@@ -2,16 +2,16 @@
 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 { LitElement as C, createEvent as f, safeClassMap as u, nothing as y, safeStyleMap as D } from "@arcgis/lumina";
+import { LitElement as C, createEvent as v, 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 { 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 { request as F, getWorkflowBaseURL as H, getWorkflowManagerAuthorized as V, sanitizeHTML as _, getItemDataAsJson as z, getItem as B, getPropWithDefault as M, getProp as f, 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(
@@ -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 = {
@@ -88,7 +88,7 @@ class te extends C {
       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 = 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 = v(), this.itemPropertiesFetched = v(), this.sortTypeChanged = v(), this.tokenRefreshed = v(), this._handleDeployCancelled = () => {
       this._telemetry?.logEvent({
         category: g.SOLUTION_DETAILS,
         action: "Deploy Dialog Canceled",
@@ -380,7 +380,7 @@ class te extends C {
   }
   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;
+    return e.responseValue = l ? o : "", e.name = l && f(t, "name") || "", e.title = l && f(t, "title") || "", e.itemType = l ? f(t, "type") : e.itemType, e.validId = l, e.itemUrl = U(t.id, this._configContextConsumer.value.authentication), l;
   }
   updateOption(e, t, i) {
     const s = e.default || "", o = typeof s, l = s.toString();
@@ -413,8 +413,8 @@ 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), {
+    let i = "", s = f(e, "validation.message") || "", o = !0;
+    return f(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,
       validation: {
         expression: i,

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-all-panel/customElement.js

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
-import { css as y, html as d, svg as f } from "lit";
+import { css as f, html as d, svg as y } from "lit";
 import { u as C } from "../../chunks/useT9n.js";
 import { LitElement as S, createEvent as c } from "@arcgis/lumina";
 import { useContextConsumer as v } from "@arcgis/lumina/context";
-import { a as u, A as w, T as _, M as x, J as T, B as b, d as E, e as A } from "../../chunks/interfaces.js";
-import { C as g, g as D } from "../../chunks/cardFetchingUtils.js";
+import { a as u, A as w, T as g, M as x, J as T, B as b, d as E, e as A } from "../../chunks/interfaces.js";
+import { C as _, g as D } from "../../chunks/cardFetchingUtils.js";
 import { b as I } from "../../chunks/cardsHelpers.js";
-const L = y`calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-md) var(--calcite-spacing-md)}solution-details-card{width:calc(25% - .6rem)}@media(max-width:1234px){solution-details-card{width:calc(33.333% - .6rem)}}@media(max-width:1010px){solution-details-card{width:calc(50% - .6rem)}}@media(max-width:800px){solution-details-card{width:calc(33.33% - .6rem)}}@media(max-width:680px){solution-details-card{width:calc(50% - .6rem)}}@media(max-width:440px){solution-details-card{width:calc(100% - .75rem)}}.text-center{text-align:center}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto;font-size:var(--calcite-font-size-md)}.no-solutions{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 190px)}.margin-top-half{margin-top:.5rem}.margin-top-1{margin-top:1rem}.no-solutions-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}`, m = 5;
+const L = f`calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-md) var(--calcite-spacing-md)}solution-details-card{width:calc(25% - .6rem)}@media(max-width:1234px){solution-details-card{width:calc(33.333% - .6rem)}}@media(max-width:1010px){solution-details-card{width:calc(50% - .6rem)}}@media(max-width:800px){.card-group{padding-left:0;padding-right:0}solution-details-card{width:calc(33.33% - .6rem)}}@media(max-width:680px){solution-details-card{width:calc(50% - .6rem)}}@media(max-width:440px){solution-details-card{width:calc(100% - .75rem)}}.text-center{text-align:center}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto;font-size:var(--calcite-font-size-md)}.no-solutions{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 190px)}.margin-top-half{margin-top:.5rem}.margin-top-1{margin-top:1rem}.no-solutions-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}`, m = 5;
 class F extends S {
   constructor() {
     super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = C({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${u}`, this._allCards = [], this._baseAgoTerms = u, this._categories = [], this._configContextConsumer = v({
@@ -18,7 +18,7 @@ class F extends S {
       }
     }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.sortTypeSet = c(), this.detailsCardSelected = c(), this._handleOpenAssistant = () => {
       this._telemetry?.logEvent({
-        category: _.ASSISTANT,
+        category: g.ASSISTANT,
         action: "Open"
       }), window.dispatchEvent(new CustomEvent("openAssistant"));
     }, this.listenOn(window, "deployProgressEnd", () => {
@@ -27,7 +27,7 @@ class F extends S {
       this._modifiedCheckTry = m, this._loadUpdateProcedures();
     }), this.listenOn(window, "sortTypeChanged", (e) => {
       e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, this._telemetry?.logEvent({
-        category: _.ALL_SOLUTIONS,
+        category: g.ALL_SOLUTIONS,
         action: "Sort",
         dimensions: [x(e.detail.sortType)]
       }), this.sortType === "suggested" && this._deployedSolutions?.cards.length === 0 ? this._getDeployedSolutions().then(() => {
@@ -125,7 +125,7 @@ class F extends S {
     }
     this._isLoading = !0;
     const e = this._configContextConsumer.value;
-    this._cardsFetcher = new g(e.locale, e.orgUrl, e.portalURL), this._cardsFetcherDeployed = new g(e.locale, e.orgUrl, e.portalURL), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards), this._isLoading = !1;
+    this._cardsFetcher = new _(e.locale, e.orgUrl, e.portalURL), this._cardsFetcherDeployed = new _(e.locale, e.orgUrl, e.portalURL), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards), this._isLoading = !1;
   }
   async _getDeployedSolutions() {
     const e = this._configContextConsumer.value.authentication, t = this._configContextConsumer.value.userSession;
@@ -143,7 +143,7 @@ class F extends S {
     }
   }
   _getMeridianSearch() {
-    return d`<div><svg viewBox="0 0 64 64" width=140 height=140 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${f`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
+    return d`<div><svg viewBox="0 0 64 64" width=140 height=140 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${y`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
   }
   _textSearch(e) {
     this._agoTerms = this._baseAgoTerms + ` ${e}`;

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

@@ -4,11 +4,11 @@ import { repeat as f } from "lit/directives/repeat.js";
 import { u as g } from "../../chunks/useT9n.js";
 import { LitElement as _, createEvent as m, safeClassMap as o, safeStyleMap as r } from "@arcgis/lumina";
 import { useContextConsumer as c } from "@arcgis/lumina/context";
-import { css as b, html as a } from "lit";
+import { css as b, html as s } from "lit";
 import { A as v, G as y, e as d, d as h, T as p } from "../../chunks/interfaces.js";
-import { createRef as n, ref as s } from "lit/directives/ref.js";
+import { createRef as n, ref as a } from "lit/directives/ref.js";
 import "../solutions-filter-panel/customElement.js";
-const x = b`.display-flex{display:flex}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;font-weight:var(--calcite-font-weight-medium)}.header-button-padding{padding-top:var(--calcite-spacing-sm);padding-bottom:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start{padding-inline-start:var(--calcite-spacing-lg)}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-1{z-index:1}.z-index-2{z-index:2}h1{font-weight:unset;margin:0;padding:0}@media(max-width:800px){.filter{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.chips-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--calcite-spacing-xs);flex:1;padding-block:var(--calcite-spacing-xs)}.header-content-wrapper{min-height:50px;flex-wrap:wrap;gap:var(--calcite-spacing-xs);padding-inline-start:var(--calcite-spacing-lg)}.position-relative{position:relative}.height-100{height:100%}.border-none{border:none}.height-50{height:50px}.padding-top-8{padding-top:8px}.chip-group{max-width:100%}.chip-group{display:flex;flex-wrap:wrap}.responsive-chip{max-width:100%}.responsive-chip .chip-text{display:inline-flex;align-items:center;line-height:1;max-width:100%}@media(max-width:800px){.responsive-chip{max-width:100%;min-width:0}.responsive-chip .chip-text{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.mobile-stack{flex-direction:column;align-items:flex-start;padding-top:var(--calcite-spacing-md)}`;
+const x = b`.display-flex{display:flex}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;font-weight:var(--calcite-font-weight-medium)}.header-button-padding{padding-top:var(--calcite-spacing-sm);padding-bottom:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start{padding-inline-start:var(--calcite-spacing-sm)}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-1{z-index:1}.z-index-2{z-index:2}h1{font-weight:unset;margin:0;padding:0}@media(max-width:800px){.filter{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.chips-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--calcite-spacing-xs);flex:1;padding-block:var(--calcite-spacing-xs)}.header-content-wrapper{min-height:50px;flex-wrap:wrap;gap:var(--calcite-spacing-xs);padding-inline-start:var(--calcite-spacing-lg);padding-top:8px}.position-relative{position:relative}.height-100{height:100%}.border-none{border:none}.height-50{height:50px}.chip-group{max-width:100%}.chip-group{display:flex;flex-wrap:wrap}.responsive-chip{max-width:100%}.responsive-chip .chip-text{display:inline-flex;align-items:center;line-height:1;max-width:100%}@media(max-width:800px){.responsive-chip{max-width:100%;min-width:0}.responsive-chip .chip-text{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.mobile-stack{flex-direction:column;align-items:flex-start;padding-top:var(--calcite-spacing-md)}`;
 class w extends _ {
   constructor() {
     super(), this.solutionsCount = 0, this._isLoading = !0, this._filterOpen = !0, this._filters = {
@@ -87,7 +87,7 @@ class w extends _ {
   }
   render() {
     const e = this._isMobile ? "justify-content-end" : "", t = this._isLoading ? "display-none" : "";
-    return a`<calcite-shell class=${`position-relative ${t}`}>${this._isMobile ? "" : this._getFilterPanel()}<h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1" ${s(this._mainPanelRef)}><div class=${o(this._isMobile ? `mobile-stack ${e}` : `display-flex align-items-center header-content-wrapper ${e}`)} slot=header-content><calcite-label class="label-override padding-top-8">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label><div class="chips-container">${this._renderChips()}${this._filters.categories && this._filters.categories?.length > 0 && a`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
+    return s`<calcite-shell class=${`position-relative ${t}`}>${this._isMobile ? "" : this._getFilterPanel()}<h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1" ${a(this._mainPanelRef)}><div class=${o(this._isMobile ? `mobile-stack ${e}` : `display-flex align-items-center header-content-wrapper ${e}`)} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label><div class="chips-container">${this._renderChips()}${this._filters.categories && this._filters.categories?.length > 0 && s`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
       this._filters = {
         ...this._filters,
         categories: []
@@ -96,22 +96,22 @@ class w extends _ {
   }
   _getFilterPanel() {
     const e = this._filterOpen ? { display: "flex" } : "";
-    return this._isMobile ? a`<calcite-panel class=${`border-none ${this._filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${r(e)}><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
+    return this._isMobile ? s`<calcite-panel class=${`border-none ${this._filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${r(e)}><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
       this._filterApplied(t.detail);
-    }} ${s(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : a`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${r(e)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
+    }} ${a(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : s`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${r(e)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
       this._filterApplied(t.detail);
-    }} ${s(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
+    }} ${a(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this._isMobile && this._filterOpen ? { display: "none" } : "";
-    return a`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${r(e)} ${s(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    return s`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${r(e)} ${a(this._allSolutionsPanelRef)}></solutions-all-panel>`;
   }
   _renderChips() {
     if (!this._filters.categories)
       return;
     const e = this._filters.categories.filter((t) => t.type === "industry" || t.type === "domain");
     if (e.length !== 0)
-      return a`<calcite-chip-group class="chip-group" label>${f(e, (t) => `${t.type}:${t.value}`, (t) => a`<calcite-chip appearance=outline-fill class=${o(this._isMobile ? "responsive-chip" : "padding-start responsive-chip")} closable .label=${t.displayValue} @calciteChipClose=${() => this._chipClosed(t.displayValue, t.type)} .value=${t.displayValue}>${t.displayValue}</calcite-chip>`)}</calcite-chip-group>`;
+      return s`<calcite-chip-group class="chip-group" label>${f(e, (t) => `${t.type}:${t.value}`, (t) => s`<calcite-chip appearance=outline-fill class=${o(this._isMobile ? "responsive-chip" : "padding-start responsive-chip")} closable .label=${t.displayValue} @calciteChipClose=${() => this._chipClosed(t.displayValue, t.type)} .value=${t.displayValue}>${t.displayValue}</calcite-chip>`)}</calcite-chip-group>`;
   }
   _updateSolutionCount(e) {
     this.solutionsCount = e.detail;

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

@@ -6,7 +6,7 @@ import { useContextConsumer as o } from "@arcgis/lumina/context";
 import { css as u, html as i, svg as g } from "lit";
 import { A as f, G as b, J as v } from "../../chunks/interfaces.js";
 import { createRef as s, ref as r } from "lit/directives/ref.js";
-const m = u`calcite-shell-panel{z-index:var(--calcite-z-index-1)}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto;font-size:var(--calcite-font-size-md)}.text-center{text-align:center}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: var(--calcite-spacing-none);--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none);font-weight:var(--calcite-font-weight-medium)}.header-content-wrapper{padding-inline-start:var(--calcite-spacing-xxs)}.header-button-padding{padding-top:var(--calcite-spacing-sm);padding-bottom:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start{padding-inline-start:var(--calcite-spacing-lg)}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-2{z-index:2}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.position-relative{position:relative}.height-100{height:100%}.height-50{height:50px}.sign-in-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.sign-in-icon{transform:translate(-20px)}.height-150{height:150px}.width-150{width:150px}.padding-top-8{padding-top:8px}`;
+const m = u`calcite-shell-panel{z-index:var(--calcite-z-index-1)}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto;font-size:var(--calcite-font-size-md)}.text-center{text-align:center}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: var(--calcite-spacing-none);--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none);font-weight:var(--calcite-font-weight-medium)}.header-content-wrapper{padding-inline-start:var(--calcite-spacing-xxs)}.header-button-padding{padding-top:var(--calcite-spacing-sm);padding-bottom:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start{padding-inline-start:var(--calcite-spacing-lg)}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.justify-content-start{justify-content:start}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-2{z-index:2}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.position-relative{position:relative}.height-100{height:100%}.height-50{height:50px}.sign-in-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.sign-in-icon{transform:translate(-20px)}.height-150{height:150px}.width-150{width:150px}.padding-top-8{padding-top:8px}`;
 class x extends h {
   constructor() {
     super(), this.solutionsCount = 0, this.filterOpen = !0, this.isMobile = !1, this._showAlertFailed = !1, this._translations = d({ name: "solutions-deployed-shell", blocking: !0 }), this._configContextConsumer = o({
@@ -78,7 +78,7 @@ class x extends h {
   render() {
     if (!this._configContextConsumer.value?.authentication?.IsSignedIn)
       return this._getSignInPrompt();
-    const e = this.isMobile ? "justify-content-end" : "";
+    const e = this.isMobile ? "justify-content-start" : "";
     return i`<calcite-shell class="position-relative"><calcite-panel class="border-override header-override panel-override z-index-1" ${r(this._mainPanelRef)}><div class=${`display-flex align-items-center height-50 header-content-wrapper ${e}`} slot=header-content><calcite-label class="label-override flex-shrink-0 padding-top-8" layout=inline>${this._translations.numberOfDeployments?.replace("{{count}}", this.solutionsCount.toString())}</calcite-label></div>${this._getSolutionsDeployedPanel()}</calcite-panel></calcite-shell>`;
   }
   _getSignInPrompt() {