@esri/solutions-components 5.1.0-next.7 → 5.1.0-next.70

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

@@ -1,35 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as p } from "../../chunks/runtime.js";
+import { c as m } from "../../chunks/runtime.js";
 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 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 = 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;
+import { a as u, T as _, N as w, K as x, B as T, d as E, e as b } from "../../chunks/helpers.js";
+import { C as g, g as A } from "../../chunks/cardFetchingUtils.js";
+import { b as D } from "../../chunks/cardsHelpers.js";
+import { c as I } from "../../chunks/deployAppContexts.js";
+const L = f`calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-surface-3)}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-md) var(--calcite-spacing-md)}solution-details-card{width:calc(25% - .6rem)}@container (max-width: 1234px){solution-details-card{width:calc(33.333% - .6rem)}}@container (max-width: 1010px){solution-details-card{width:calc(50% - .6rem)}}@container (max-width: 800px){.card-group{padding-left:0;padding-right:0}solution-details-card{width:calc(33.33% - .6rem)}}@container (max-width: 680px){solution-details-card{width:calc(50% - .6rem)}}@container (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%}`, p = 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({
-      context: w,
+      context: I,
       subscribe: !0,
       callback: async (e) => {
         e && (this._isDisconnectedEnvironment ? this._isLoading = !1 : await this._loadUpdateProcedures());
       }
     }), 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: g.ASSISTANT,
+        category: _.ASSISTANT,
         action: "Open"
       }), window.dispatchEvent(new CustomEvent("openAssistant"));
     }, this.listenOn(window, "deployProgressEnd", () => {
-      this._modifiedCheckTry = m, this._loadUpdateProcedures();
+      this._modifiedCheckTry = p, this._loadUpdateProcedures();
     }), this.listenOn(window, "solutionDeleted", () => {
-      this._modifiedCheckTry = m, this._loadUpdateProcedures();
+      this._modifiedCheckTry = p, this._loadUpdateProcedures();
     }), this.listenOn(window, "sortTypeChanged", (e) => {
       e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, this._telemetry?.logEvent({
-        category: g.ALL_SOLUTIONS,
+        category: _.ALL_SOLUTIONS,
         action: "Sort",
-        dimensions: [x(e.detail.sortType)]
+        dimensions: [w(e.detail.sortType)]
       }), this.sortType === "suggested" && this._deployedSolutions?.cards.length === 0 ? this._getDeployedSolutions().then(() => {
         this.searchSolutions(e.detail);
       }) : this.searchSolutions(e.detail));
@@ -43,6 +44,9 @@ class F extends S {
   static {
     this.styles = L;
   }
+  get _isEnterprise() {
+    return this._configContextConsumer.value?.isEnterprise;
+  }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
@@ -63,7 +67,7 @@ class F extends S {
   }
   render() {
     const e = this._configContextConsumer.value?.authentication?.IsSignedIn && this._configContextConsumer.value?.authentication?.CanUseAI;
-    return this._isDisconnectedEnvironment ? d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.disconnectedEnvironment}</div></div></div></div>` : this._isLoading || this._cards.length ? d`<calcite-panel>${this._isLoading ? d`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : d`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.noSolutionsFound}</div><div class="margin-top-half">${e ? this._translations.assistantHelp : this._translations.changeSearchTerm}</div></div>${e && d`<calcite-button appearance=outline icon-start=speech-bubbles @click=${this._handleOpenAssistant} @keydown=${(t) => T(t, () => this._handleOpenAssistant())} scale=l>${this._translations.askAssistant}</calcite-button>` || ""}</div></div>`;
+    return this._isDisconnectedEnvironment ? d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.disconnectedEnvironment}</div></div></div></div>` : this._isLoading || this._cards.length ? d`<calcite-panel>${this._isLoading ? d`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : d`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.noSolutionsFound}</div><div class="margin-top-half">${!this._isEnterprise && e ? this._translations.assistantHelp : this._translations.changeSearchTerm}</div></div>${!this._isEnterprise && e && d`<calcite-button appearance=outline icon-start=speech-bubbles @click=${this._handleOpenAssistant} @keydown=${(t) => x(t, () => this._handleOpenAssistant())} scale=l>${this._translations.askAssistant}</calcite-button>` || ""}</div></div>`;
   }
   _renderCards() {
     return this._cards.map((e) => d`<solution-details-card .card=${e}></solution-details-card>`);
@@ -114,7 +118,7 @@ class F extends S {
         const n = [];
         return a ? n.push("new") : l && n.push("updated"), o && r && n.push("deployed"), s.chips = n.length > 0 ? n : void 0, s.supportReuse = o ? !!(o && !r) : !0, s;
       });
-      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = I(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(i.length), this._isLoading = !1, i;
+      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = D(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(i.length), this._isLoading = !1, i;
     } else
       return this._isLoading = !1, [];
   }
@@ -125,13 +129,13 @@ class F extends S {
     }
     this._isLoading = !0;
     const e = this._configContextConsumer.value;
-    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;
+    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;
   }
   async _getDeployedSolutions() {
     const e = this._configContextConsumer.value.authentication, t = this._configContextConsumer.value.userSession;
     if (e && t && e.IsSignedIn) {
       this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
-      const i = await D(e, t, this._cardsFetcher, this._cardsFetcherDeployed, b, "created", this._sortOrder, void 0, this._categories, void 0, this._abortControllerDeployed.signal);
+      const i = await A(e, t, this._cardsFetcher, this._cardsFetcherDeployed, T, "created", this._sortOrder, void 0, this._categories, void 0, this._abortControllerDeployed.signal);
       if (this._abortControllerDeployed = void 0, i) {
         if (this._modifiedCheckTry > 0) {
           if (this._deployedSolutions?.cards.length === i?.cards.length)
@@ -168,7 +172,7 @@ class F extends S {
     return E[e];
   }
   _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : A[e];
+    return e === "AEC" ? "AEC" : b[e];
   }
   _clearFilterCategories() {
     this._categories = [];
@@ -185,7 +189,7 @@ class F extends S {
     t.length > 0 && this.detailsCardSelected.emit(t[0]);
   }
 }
-p("solutions-all-panel", F);
+m("solutions-all-panel", F);
 export {
   F as SolutionsAllPanel
 };

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

@@ -5,10 +5,11 @@ 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 s } from "lit";
-import { A as v, G as y, e as d, d as h, T as p } from "../../chunks/interfaces.js";
+import { c as v, i as y } from "../../chunks/deployAppContexts.js";
+import { e as d, d as h, T as p } from "../../chunks/helpers.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-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)}`;
+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-surface-3)}.panel-override{--calcite-panel-background-color: var(--calcite-color-surface-3);--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}@container (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-surface-4);--calcite-panel-background-color: var(--calcite-color-surface-4)}.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%;overflow:hidden}.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%}@container (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 = {

package/dist/components/solutions-deploy-app/customElement.d.ts

@@ -26,6 +26,7 @@ export abstract class SolutionsDeployApp extends LitElement {
       metaResourcesTitle: string;
       metaResourcesDescription: string;
       metaDetailsTitle: string;
+      assistantFabTooltip: string;
   } & T9nMeta<{
       allSolutions: string;
       failedToOpen: string;
@@ -42,6 +43,7 @@ export abstract class SolutionsDeployApp extends LitElement {
       metaResourcesTitle: string;
       metaResourcesDescription: string;
       metaDetailsTitle: string;
+      assistantFabTooltip: string;
   }>;
   /** App config to use when useLocalAppConfig is false */
   accessor appConfig: any;

package/dist/components/solutions-deploy-app/customElement.js

@@ -1,33 +1,41 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as g } from "../../chunks/runtime.js";
-import { css as f, html as b } from "lit";
-import { u as v } from "../../chunks/useT9n.js";
-import { LitElement as C, createEvent as n, safeClassMap as _ } from "@arcgis/lumina";
-import { T as p } from "../../chunks/solutions-deploy-app-nav.js";
-import { a as S, A as w, G as F, F as D, B as x, e as I, T as c } from "../../chunks/interfaces.js";
+import { repeat as v } from "lit/directives/repeat.js";
+import { u as m } from "../../chunks/useT9n.js";
+import { LitElement as C, createEvent as d, safeClassMap as p, nothing as S } from "@arcgis/lumina";
+import { css as w, html as h } from "lit";
+import { T } from "../../chunks/solutions-deploy-app-nav.js";
+import { a as x, T as c, F as O, B as A, e as D } from "../../chunks/helpers.js";
 import { createRef as o, ref as l } from "lit-html/directives/ref.js";
-import { C as y, g as O } from "../../chunks/cardFetchingUtils.js";
-import { useContextProvider as T } from "@arcgis/lumina/context";
-import { h as E, f as k } from "../../chunks/cardsHelpers.js";
+import { C as y, g as F } from "../../chunks/cardFetchingUtils.js";
+import { useContextProvider as _ } from "@arcgis/lumina/context";
+import { c as I, b as $, i as k } from "../../chunks/deployAppContexts.js";
+import { h as E, f as M } from "../../chunks/cardsHelpers.js";
 import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
-import { _ as A } from "../../chunks/solution-deploy-dialog.js";
+import "@arcgis/core/intl.js";
+import { _ as P } from "../../chunks/solution-deploy-dialog.js";
 import "../solutions-all-shell/customElement.js";
 import "../solutions-deployed-shell/customElement.js";
 import "../solution-details-panel/customElement.js";
 import "../solution-deployed-card-panel/customElement.js";
-const M = f`.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tab{--calcite-color-focus: transparent}calcite-tab>*{--calcite-color-focus: initial}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-3);height:100%}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-resources-shell,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-3);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}`;
+import "../solution-builder-assistant/customElement.js";
+const R = w`.back-color-override{background-color:var(--calcite-color-surface-3);--calcite-tab-border-color: var(--calcite-color-surface-4)}:host{--assistant-panel-width: 420px}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tab{--calcite-color-focus: transparent}calcite-tab>*{--calcite-color-focus: initial}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-2);flex:1;min-height:0}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-2);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}.main-content{container-type:inline-size;display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content.assistant-open{margin-right:var(--assistant-panel-width)}.assistant-open solutions-searchsort-toolbar,.assistant-open solution-details-panel,.assistant-open solutions-deployed-shell,.assistant-open solutions-all-shell,.assistant-open calcite-tab-nav,.assistant-open solution-deployed-card-panel{margin-left:max(2vw,calc((100vw - 1440px)/2));margin-right:0;width:auto;max-width:1440px}.assistant-panel{position:fixed;top:65px;right:0;bottom:0;width:var(--assistant-panel-width);z-index:400;display:flex;flex-direction:column;box-shadow:-6px 0 8px -4px #00000026}@media(max-width:800px){.assistant-panel{width:100%;box-shadow:none}.main-content.assistant-open{margin-right:0}}.assistant-fab{position:fixed;bottom:var(--calcite-spacing-xxl);right:var(--calcite-spacing-xxl);z-index:500}calcite-tooltip{--calcite-tooltip-max-size-x: 16rem}`;
 class L extends C {
   constructor() {
-    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._translations = v({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${S}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = T({ context: w }), this._delay = !1, this._deployAppNav = o(), this._deployedCardPanel = o(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = o(), this._deployedCardTabTitle = o(), this._detailsShell = o(), this._detailsTab = o(), this._detailsTabTitle = o(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._isMobileContextProvider = T({ context: F }), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new p(), this.deployAppTabSelected = n(), this.deployedCardFetchFailed = n(), this.detailsCardSelected = n(), this.deployedCardSelected = n(), this.metaTagStringsReady = n(), this.sessionRefreshed = n(), this.tabChanged = n(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (t) => this.selectTab(t.detail, {})), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isAssistantOpen = !1, this._showFabTooltip = !0, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = m({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${x}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = _({ context: I }), this._delay = !1, this._deployAppNav = o(), this._deployedCardPanel = o(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = o(), this._deployedCardTabTitle = o(), this._detailsShell = o(), this._detailsTab = o(), this._detailsTabTitle = o(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._solutionBuilderTabTitle = o(), this._solutionBuilderPanel = o(), this._solutionBuilderTab = o(), this._builderDesignContextProvider = _({ context: $ }), this._isMobileContextProvider = _({ context: k }), this._mainContentRef = o(), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new T(), this.deployAppTabSelected = d(), this.deployedCardFetchFailed = d(), this.detailsCardSelected = d(), this.deployedCardSelected = d(), this.metaTagStringsReady = d(), this.sessionRefreshed = d(), this.tabChanged = d(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (t) => this.selectTab(t.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
+      this._openAssistant();
+    }), this.listenOn(window, "closeAssistant", () => {
+      this._isAssistantOpen = !1;
+    }), this.listenOn(window, "arcgis-solution-design-update", this._solutionBuilderSelected);
   }
   static {
-    this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _activeTab: 16, _showDeployedCardFetchFailed: 16, _translations: 16 };
+    this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _isAssistantOpen: 16, _showFabTooltip: 16, _activeTab: 16, _showDeployedCardFetchFailed: 16, _globalAlerts: 16, _translations: 16 };
   }
   static {
-    this.styles = M;
+    this.styles = R;
   }
   get _telemetry() {
     return this._configContextProvider.value?.telemetrySession;
@@ -35,6 +43,12 @@ class L extends C {
   get _isDisconnectedEnvironment() {
     return this._configContextProvider.value?.isEnterprise === !0 && this._configContextProvider.value?.authentication?.CanSearchArcGISOnline === !1;
   }
+  _openAssistant() {
+    this._telemetry?.logEvent({
+      category: c.ASSISTANT,
+      action: "Open"
+    }), this._isAssistantOpen = !0;
+  }
   async selectTab(t, e) {
     if (this._isLoaded || this._forceInit) {
       const i = this._getDefaultSearchOptions(e);
@@ -58,26 +72,31 @@ class L extends C {
         case "details":
           if (this._allCards) {
             let s = E(this._allCards, t.tabTitleOrId);
-            s = s || k(this._allCards, t.tabTitleOrId), s ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(s)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
+            s = s || M(this._allCards, t.tabTitleOrId), s ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(s)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
           }
           break;
         case "deployments":
           this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, this._searchSortToolbar && i?.filter && this._searchSortToolbar.changeOwnerFilter(i.filter !== "Organization"), i && await this._mySolutionsShell.value?.searchSolutions(i);
           break;
+        case "solution-builder":
+          this._solutionBuilderTab.value.selected = !0, this._solutionBuilderTabTitle.value.selected = !0;
+          break;
       }
       return this._setActiveTab(new CustomEvent("setActiveTab", { detail: t })), this._blurTabs(), this._showDeployedCardFetchFailed && (this.deployedCardFetchFailed.emit({ message: this._deployCardFetchFailedMessage, title: this._translations.failedToOpen }), this._showDeployedCardFetchFailed = !1), !0;
     } else
       return this._initTab = t, this._initFilters = e, !1;
   }
-  async connectedCallback() {
-    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
-  }
-  updated() {
-    this._fixTabpanelFocus();
+  updated(t) {
+    this._fixTabpanelFocus(), t.has("_isAssistantOpen") && this._setScrollbarGutters(this._isAssistantOpen ? "stable" : "stable both-edges"), !this._resizeObserver && this._mainContentRef.value && (this._resizeObserver = new ResizeObserver((e) => {
+      for (const i of e) {
+        const a = i.contentRect.width <= 800;
+        this.isMobile !== a && (this.isMobile = a, this._isMobileContextProvider.setValue(a));
+      }
+    }), this._resizeObserver.observe(this._mainContentRef.value));
   }
   _fixTabpanelFocus() {
     if (!this._tabpanelsFixed && this._allTab.value) {
-      const t = [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab];
+      const t = [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab, this._solutionBuilderTab];
       Promise.all(t.map(async (e) => {
         const i = e.value;
         if (i && (await i.componentOnReady?.(), i.shadowRoot)) {
@@ -101,7 +120,7 @@ class L extends C {
           s.getAttribute("role") === "tabpanel" && s.tabIndex === 0 && (s.tabIndex = -1);
         }
       });
-    }), [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((e) => {
+    }), [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab, this._solutionBuilderTab].forEach((e) => {
       const i = e.value;
       if (i?.shadowRoot) {
         const s = i.shadowRoot.querySelector('[role="tabpanel"]');
@@ -110,26 +129,28 @@ class L extends C {
     });
   }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = A);
+    this.useLocalAppConfig && (this.appConfig = P);
   }
   render() {
     const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return b`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${l(this._deployAppNav)}></solutions-deploy-app-nav>${this._isSearchToolbarShowing() && b`<div class="border" slot=header></div>` || ""}<solutions-searchsort-toolbar slot=header ${l(async (i) => {
+    return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${l(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${l(this._mainContentRef)}>${this._isSearchToolbarShowing() && h`<div class="border"></div>` || ""}<solutions-searchsort-toolbar ${l(async (i) => {
       i && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = i);
-    })}></solutions-searchsort-toolbar><calcite-loader class=${_(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${_(e)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${l(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${l(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${l(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${l(this._allTab)}><solutions-all-shell class="height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._resourcesTab)}><solutions-resources-shell class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${l(this._detailsTab)}><solution-details-panel class="height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${l(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></calcite-shell>`;
+    })}></solutions-searchsort-toolbar><calcite-loader class=${p(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${p(e)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${l(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${l(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${l(this._deployedCardTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${l(this._solutionBuilderTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${l(this._allTab)}><solutions-all-shell class="height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._resourcesTab)}><solutions-resources-shell .assistantOpen=${this._isAssistantOpen} class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${l(this._detailsTab)}><solution-details-panel class="height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${l(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._solutionBuilderTab)}><solution-builder-assistant class="shell-container height-100" ${l(this._solutionBuilderPanel)}></solution-builder-assistant></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && h`<div class=${`assistant-panel${this._isAssistantOpen ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100"></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? S} class=${`assistant-fab${this._isAssistantOpen ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
+      this._openAssistant(), this._showFabTooltip = !1;
+    }} scale=l></calcite-fab><calcite-tooltip class=${p(this._isAssistantOpen ? "display-none" : "")} .open=${this._showFabTooltip && !this._isAssistantOpen} placement=leading reference-element=assistant-fab-button><span>${this._translations.assistantFabTooltip}</span></calcite-tooltip>` || ""}</calcite-shell>`;
   }
   loaded() {
     this._setScrollbarGutters();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange), this._tabpanelObserver?.disconnect();
+    super.disconnectedCallback(), this._resizeObserver?.disconnect(), this._tabpanelObserver?.disconnect();
+  }
+  _renderGlobalAlerts() {
+    return v(this._globalAlerts, (t) => t.id, (t) => h`<calcite-alert .autoClose=${t.autoClose} .autoCloseDuration=${t.autoCloseDuration} .icon=${t.icon} .kind=${t.kind} .label=${t.title || ""} @calciteAlertClose=${() => this._removeGlobalAlert(t.id)} open>${t.title && h`<div slot=title>${t.title}</div>` || ""}<div slot=message>${t.message}</div></calcite-alert>`);
   }
   async _handleAuthInit(t) {
     const e = t.detail;
-    e.telemetrySession || (e.telemetrySession = p.getDisabledSession()), this._configContextProvider.setValue(e), e.authentication && (this.authentication = e.authentication), this._cardFetcherDeployed = new y(e.locale, e.orgUrl, e.portalURL), this._cardsFetcher = new y(e.locale, e.orgUrl, e.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(e.primarySolutionsGroupId, e.agoBasedEnterpriseSolutionsGroupId), this._configContextProvider.value.allCards = this._allCards, this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession, this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl, await this._initializeTelemetry(), this._isLoaded = !0, this._setRefreshInterval(), this._initTab ? (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0) : this.authentication?.IsSignedIn && (this.initTab === "details" || this.initTab === "deployed-card" || (this._logTabViewTelemetry(this._activeTab), this._emitMetaTagStrings(this._activeTab)));
-  }
-  _mediaQueryChange(t) {
-    this.isMobile = t.matches, this._isMobileContextProvider.setValue(this.isMobile);
+    e.telemetrySession || (e.telemetrySession = T.getDisabledSession()), this._configContextProvider.setValue(e), e.authentication && (this.authentication = e.authentication), this._cardFetcherDeployed = new y(e.locale, e.orgUrl, e.portalURL), this._cardsFetcher = new y(e.locale, e.orgUrl, e.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(e.primarySolutionsGroupId, e.agoBasedEnterpriseSolutionsGroupId), this._configContextProvider.value.allCards = this._allCards, this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession, this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl, await this._initializeTelemetry(), this._isLoaded = !0, this._setRefreshInterval(), this._initTab ? (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0) : this.authentication?.IsSignedIn && (this.initTab === "details" || this.initTab === "deployed-card" || (this._logTabViewTelemetry(this._activeTab), this._emitMetaTagStrings(this._activeTab)));
   }
   _setActiveTab(t) {
     const i = t.detail.tabType, s = this._activeTab !== i;
@@ -149,8 +170,11 @@ class L extends C {
       case "details":
         this._detailsTabTitle.value?.click();
         break;
+      case "solution-builder":
+        this._solutionBuilderTabTitle.value?.click();
+        break;
     }
-    i !== "details" && i !== "deployed-card" && (this._deployAppNav.value.activateMenuItem(i), this.deployAppTabSelected.emit(i), this._emitMetaTagStrings(i));
+    i !== "details" && i !== "deployed-card" && i !== "solution-builder" && (this._deployAppNav.value.activateMenuItem(i), this.deployAppTabSelected.emit(i), this._emitMetaTagStrings(i));
   }
   _logTabViewTelemetry(t, e) {
     let i;
@@ -218,10 +242,35 @@ class L extends C {
   _deployedCardSelected(t) {
     this._activeTab = "deployed-card", this._deployedCardTabTitle.value.selected = !0, this._deployedCardTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(), t?.detail?.card && (this._selectedDeployedCard = t.detail.card), this._logTabViewTelemetry("deployed-card", this._selectedDeployedCard), this._emitMetaTagStrings("deployed-card");
   }
+  _solutionBuilderSelected(t) {
+    t?.detail && (this._activeTab = "solution-builder", this._solutionBuilderTabTitle.value.selected = !0, this._solutionBuilderTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(), this._builderDesignContextProvider.value = {
+      design: t.detail,
+      updateDesign: (e) => {
+        this._builderDesignContextProvider.value = {
+          ...this._builderDesignContextProvider.value,
+          design: e
+        };
+      },
+      isBuilderVisible: !0,
+      setBuilderVisible: (e) => {
+        this._builderDesignContextProvider.value = {
+          ...this._builderDesignContextProvider.value,
+          isBuilderVisible: e
+        };
+      }
+    });
+  }
   _handleDeployedCardDisplay(t) {
     const { card: e, cardRef: i } = t.detail;
     this.deployedCardSelected.emit({ card: e, cardRef: i });
   }
+  _handleShowGlobalAlert(t) {
+    const e = t.detail, i = e.id || `alert-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    this._globalAlerts = [...this._globalAlerts, { ...e, id: i }];
+  }
+  _removeGlobalAlert(t) {
+    this._globalAlerts = this._globalAlerts.filter((e) => e.id !== t);
+  }
   async _initializeTelemetry() {
     const t = this._configContextProvider.value;
     if (!this.authentication || !t)
@@ -253,9 +302,9 @@ class L extends C {
     const e = this._configContextProvider.value.authentication, i = this._configContextProvider.value.userSession;
     if (e && i && e.IsSignedIn) {
       this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
-      const s = D(e);
+      const s = O(e);
       try {
-        const a = await O(e, i, this._cardsFetcher, this._cardFetcherDeployed, x, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", t);
+        const a = await F(e, i, this._cardsFetcher, this._cardFetcherDeployed, A, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", t);
         a.cards.length === 0 || a.cards[0].typeKeywords.indexOf("Deployed") < 0 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : this._deployedSolutions = a;
       } catch (a) {
         const r = a.message;
@@ -272,20 +321,20 @@ class L extends C {
   _getDefaultSearchOptions(t) {
     let e;
     if (t) {
-      const i = t.domain, s = t.industry === "AEC" ? I.AEC : t.industry, a = t.offerType, r = t.searchTerm, m = "";
-      let d = t.sortField;
-      const h = t.owner, u = t.filter;
-      e = i || s ? {
+      const i = t.domain, s = t.industry === "AEC" ? D.AEC : t.industry, a = t.offerType, r = t.searchTerm, f = "";
+      let n = t.sortField;
+      const u = t.owner, b = t.filter;
+      n === "suggested" && !this.authentication?.IsSignedIn && (n = this.sortType), e = i || s ? {
         type: i ? "domain" : s ? "industry" : ""
-      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: m }), d && (e = e ? { ...e, sortType: d } : { sortType: d }), a && (d = a.toLowerCase(), e = e ? { ...e, sortType: d } : { sortType: d }), h && (e = e ? { ...e, owner: h } : { owner: h }), u && (e = e ? { ...e, filter: u } : { filter: u });
+      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: f }), n && (e = e ? { ...e, sortType: n } : { sortType: n }), a && (n = a.toLowerCase(), e = e ? { ...e, sortType: n } : { sortType: n }), u && (e = e ? { ...e, owner: u } : { owner: u }), b && (e = e ? { ...e, filter: b } : { filter: b });
     }
     return e;
   }
-  _setScrollbarGutters() {
-    const t = this._detailsTab.value?.shadowRoot?.firstElementChild;
-    t?.style && (t.style.scrollbarGutter = "stable both-edges");
-    const e = this._deployedCardTab.value?.shadowRoot?.firstElementChild;
-    e?.style && (e.style.scrollbarGutter = "stable both-edges");
+  _setScrollbarGutters(t = "stable both-edges") {
+    [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((i) => {
+      const s = i.value?.shadowRoot?.firstElementChild;
+      s?.style && (s.style.scrollbarGutter = t);
+    });
   }
   _setRefreshInterval() {
     const { userSession: t, authentication: e } = this._configContextProvider.value;

package/dist/components/solutions-deploy-app/index.js

@@ -11,4 +11,9 @@ import "../solutions-deployed-shell/index.js";
 import "../solutions-resources-shell/index.js";
 import "../solution-details-panel/index.js";
 import "../solution-deployed-card-panel/index.js";
+import "../solution-builder-assistant/index.js";
+import "../arcgis-solutions-assistant/index.js";
+import "@esri/calcite-components/components/calcite-fab";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-alert";
 export * from "./customElement.js";

package/dist/components/solutions-deploy-app-nav/customElement.d.ts

@@ -35,6 +35,12 @@ export abstract class SolutionsDeployAppNav extends LitElement {
   }>;
   /** App config */
   accessor appConfig: any;
+  /**
+   * When true the assistant panel is open and the sub-nav should be constrained
+   *
+   * @default false
+   */
+  accessor assistantOpen: boolean;
   /** When defined this is the tab that should be loaded by default */
   accessor initTab: DeployAppTab | undefined;
   /**

package/dist/components/solutions-deploy-app-nav/customElement.js

@@ -2,13 +2,12 @@
 import "../../chunks/runtime.js";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
-import { S as f } from "../../chunks/solutions-deploy-app-nav.js";
+import { S } from "../../chunks/solutions-deploy-app-nav.js";
 import "../../chunks/Auth.js";
-import "../../chunks/interfaces.js";
+import "../../chunks/helpers.js";
 import "lit-html/directives/ref.js";
 import "@esri/solution-common";
-import "@arcgis/lumina/context";
 import "lit";
 export {
-  f as SolutionsDeployAppNav
+  S as SolutionsDeployAppNav
 };