@esri/solutions-components 5.1.0-next.114 → 5.1.0-next.116

package/dist/components/solution-builder-assistant/index.js

@@ -1,15 +1,16 @@
-import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-scrim";
 import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-action";
 import "../solution-deploy-dialog/index.js";
 import "../solution-deploying-dialog/index.js";
 import "@esri/calcite-components/components/calcite-alert";
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-table-row";
 import "@esri/calcite-components/components/calcite-table-cell";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-tooltip";
 import "@esri/calcite-components/components/calcite-input-text";
 import "@esri/calcite-components/components/calcite-label";

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

@@ -14,7 +14,7 @@ import * as u from "@esri/solution-common";
 const T = x`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}@container (min-width: 801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-1{background-color:var(--calcite-color-surface-2)}.background-color-2{background-color:var(--calcite-color-surface-3)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-shell-panel-background-color: var(--calcite-color-surface-2)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.margin-start-end-lg{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-top-xxl{margin-top:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-lg{padding:var(--calcite-spacing-lg)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.image-width{flex-grow:0;flex-shrink:1}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}.line-height-xxl{line-height:var(--calcite-line-height-xxl)}@container (max-width: 800px){.font-size-override .display-flex.flex-direction-row{flex-direction:column!important}.image-width{width:100%!important;max-width:100%!important;margin:0!important;padding:var(--calcite-spacing-lg)!important;padding-bottom:0!important;box-sizing:border-box}.image-width img{width:100%;max-width:100%}.margin-xl{margin:0!important}.image-width+.display-flex{padding-inline-start:var(--calcite-spacing-lg)!important;padding-inline-end:var(--calcite-spacing-lg)!important}.padding-start-sm{padding-inline-start:0!important}.title-font{padding-inline-start:0!important;padding-top:var(--calcite-spacing-lg)!important;padding-bottom:var(--calcite-spacing-lg)!important}.align-items-start.padding-bottom-xxl,.padding-bottom-xxl.padding-start-sm{padding-bottom:var(--calcite-spacing-lg)!important}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}.solution-deployed-action{--calcite-color-focus: initial}.chipClass{padding-left:var(--calcite-spacing-sm)!important;padding-right:var(--calcite-spacing-sm)!important}.skeleton-loader{background:linear-gradient(90deg,var(--calcite-color-foreground-1) 0%,var(--calcite-color-foreground-2) 50%,var(--calcite-color-foreground-1) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--calcite-border-radius)}.skeleton-folder{height:1.5rem;width:12rem;border-radius:var(--calcite-border-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}`;
 class O extends b {
   constructor() {
-    super(), this.diagramKey = "", this.open = !1, this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this.isMobile = !1, this._templateInfoGraph = [], this._thumbnailUrl = "", this._folderName = "", this._folderId = null, this._folderLoading = !1, this._translations = f({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = p({
+    super(), this.diagramKey = "", this.open = !1, this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._hasSourceSolution = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this.isMobile = !1, this._templateInfoGraph = [], this._thumbnailUrl = "", this._folderName = "", this._folderId = null, this._folderLoading = !1, this._translations = f({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = p({
       context: v,
       subscribe: !0,
       callback: async (e) => {
@@ -72,7 +72,7 @@ class O extends b {
     });
   }
   static {
-    this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, templateInfos: 0, _accordionLoading: 16, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _isDiagramOpen: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, isMobile: 16, _templateInfoGraph: 16, _thumbnailUrl: 16, _folderName: 16, _folderId: 16, _folderLoading: 16, _translations: 16, _nonSolutionDependencyItems: 16 };
+    this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, templateInfos: 0, _accordionLoading: 16, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _hasSourceSolution: 16, _isDiagramOpen: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, isMobile: 16, _templateInfoGraph: 16, _thumbnailUrl: 16, _folderName: 16, _folderId: 16, _folderLoading: 16, _translations: 16, _nonSolutionDependencyItems: 16 };
   }
   static {
     this.styles = T;
@@ -102,6 +102,7 @@ class O extends b {
     const a = await S(this._configContextConsumer.value.userSession, this.card);
     this._nonSolutionDependencyItems = a._nonSolutionDependencyItems;
     const n = $(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    this._hasSourceSolution = !!n;
     let o = !1;
     if (n) {
       const s = h(n), d = h(this.card);
@@ -195,7 +196,7 @@ class O extends b {
   }
   _getSolutionVersionCard() {
     const e = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion, t = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`${t} display-flex flex-direction-column`}><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.solutionVersion.replace("{{version}}", this.card?.deployVersion || "")}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon aria-hidden=true class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${e}</span></div></div></div>${this._hasNewVersion ? i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.learnMoreNewVersion}</calcite-button>` : i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openSourceSolutionDetails} width=full>${this._translations.openDetails}</calcite-button>`}</div>`;
+    return i`<div class=${`${t} display-flex flex-direction-column`}><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.solutionVersion.replace("{{version}}", this.card?.deployVersion || "")}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon aria-hidden=true class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${e}</span></div></div></div>${this._hasNewVersion ? i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.learnMoreNewVersion}</calcite-button>` : this._hasSourceSolution ? i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openSourceSolutionDetails} width=full>${this._translations.openDetails}</calcite-button>` : null}</div>`;
   }
   async _openNewVersionSolution(e) {
     e.stopPropagation(), this._telemetry?.logEvent({

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

@@ -2,18 +2,18 @@
 import { c as f } from "../../chunks/runtime.js";
 import { css as y, html as d, svg as C } from "lit";
 import { u as S } from "../../chunks/useT9n.js";
-import { LitElement as v, createEvent as h } from "@arcgis/lumina";
-import { useContextConsumer as w } from "@arcgis/lumina/context";
-import { a as _, T as g, B as T, d as x, e as E } from "../../chunks/interfaces.js";
+import { LitElement as w, createEvent as h } from "@arcgis/lumina";
+import { useContextConsumer as v } from "@arcgis/lumina/context";
+import { a as _, T as g, B as T, d as x, e as I } from "../../chunks/interfaces.js";
 import { C as p } from "../../chunks/CardsFetcher.js";
-import { g as I } from "../../chunks/cardsHelpers.js";
-import { g as A } from "../../chunks/cardFetchingUtils.js";
+import { g as A } from "../../chunks/cardsHelpers.js";
+import { g as E } from "../../chunks/cardFetchingUtils.js";
 import { c as b } from "../../chunks/deployAppContexts.js";
 import { l as D, k as L } from "../../chunks/helpers.js";
 const F = y`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%}`, m = 5;
-class $ extends v {
+class $ extends w {
   constructor() {
-    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${_}`, this._allCards = [], this._baseAgoTerms = _, this._categories = [], this._configContextConsumer = w({
+    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${_}`, this._allCards = [], this._baseAgoTerms = _, this._categories = [], this._configContextConsumer = v({
       context: b,
       subscribe: !0,
       callback: async (e) => {
@@ -40,6 +40,8 @@ class $ extends v {
       this._lookupSolutionById(e.detail);
     }), this.listenOn(window, "solutionMatchesFromAssistant", (e) => {
       this._applyAssistantSolutionMatches(e.detail);
+    }), this.listenOn(window, "clearAssistantResultFilters", () => {
+      this._assistantSolutionIds = /* @__PURE__ */ new Set();
     });
   }
   static {
@@ -125,7 +127,7 @@ class $ extends v {
         const r = [];
         return a ? r.push("new") : l && r.push("updated"), o && (n ? r.push("deployed") : r.push("deployedOlderVersion")), s.chips = r.length > 0 ? r : void 0, s.supportReuse = o ? !!(o && !n) : !0, s;
       });
-      this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = I(this._deployedSolutions.cards, this._allCards)));
+      this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = A(this._deployedSolutions.cards, this._allCards)));
       const c = this._assistantSolutionIds.size > 0 ? i.filter((s) => this._assistantSolutionIds.has(s.deployCommonId)) : i;
       return this.cardsFetched.emit(c.length), this._isLoading = !1, c;
     } else
@@ -144,7 +146,7 @@ class $ extends v {
     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 A(e, t, this._cardsFetcher, this._cardsFetcherDeployed, T, "created", this._sortOrder, void 0, this._categories, void 0, this._abortControllerDeployed.signal);
+      const i = await E(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)
@@ -181,7 +183,7 @@ class $ extends v {
     return x[e];
   }
   _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : E[e];
+    return e === "AEC" ? "AEC" : I[e];
   }
   _clearFilterCategories() {
     this._categories = [];

package/dist/components/solutions-all-shell/customElement.d.ts

@@ -11,6 +11,7 @@ export abstract class SolutionsAllShell extends LitElement {
    * @internal
    */
   protected _translations: {
+      aiAssistantResults: string;
       appliedFilters: string;
       clearIndustryFilter: string;
       chooseSortType: string;
@@ -21,6 +22,7 @@ export abstract class SolutionsAllShell extends LitElement {
       sortByUpdated: string;
       sortBySuggestedForYou: string;
   } & T9nMeta<{
+      aiAssistantResults: string;
       appliedFilters: string;
       clearIndustryFilter: string;
       chooseSortType: string;

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

@@ -1,25 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as y } from "../../chunks/runtime.js";
-import { repeat as x } from "lit/directives/repeat.js";
-import { u as S } from "../../chunks/useT9n.js";
-import { LitElement as w, createEvent as F, safeClassMap as p, safeStyleMap as c } from "@arcgis/lumina";
+import { c as v } from "../../chunks/runtime.js";
+import { keyed as x } from "lit/directives/keyed.js";
+import { repeat as S } from "lit/directives/repeat.js";
+import { u as w } from "../../chunks/useT9n.js";
+import { LitElement as C, createEvent as F, safeClassMap as c, safeStyleMap as h } from "@arcgis/lumina";
 import { useContextConsumer as f } from "@arcgis/lumina/context";
-import { css as C, html as r } from "lit";
-import { c as R, i as $ } from "../../chunks/deployAppContexts.js";
-import { e as g, d as _, T as m } from "../../chunks/interfaces.js";
-import { createRef as h, ref as n } from "lit/directives/ref.js";
+import { css as $, html as a } from "lit";
+import { c as R, i as T } from "../../chunks/deployAppContexts.js";
+import { e as _, d as g, T as m } from "../../chunks/interfaces.js";
+import { createRef as d, ref as n } from "lit/directives/ref.js";
 import "../solutions-filter-panel/customElement.js";
-const T = C`.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 P extends w {
+const M = $`.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 P extends C {
   constructor() {
     super(), this.solutionsCount = 0, this._isLoading = !0, this._filterOpen = !0, this._filters = {
       categories: [],
       searchTerm: ""
-    }, this._isMobile = !1, this._translations = S({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = h(), this._solutionsFilterPanelRef = h(), this._mainPanelRef = h(), this._panelFixed = !1, this._configContextConsumer = f({
+    }, this._isMobile = !1, this._translations = w({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = d(), this._solutionsFilterPanelRef = d(), this._mainPanelRef = d(), this._panelFixed = !1, this._configContextConsumer = f({
       context: R,
       subscribe: !0
     }), this._isMobileContextConsumer = f({
-      context: $,
+      context: T,
       subscribe: !0,
       callback: (e) => this._isMobile = e
     }), this.filterRemoved = F(), this.listenOn(window, "searchChanged", (e) => {
@@ -34,7 +35,7 @@ class P extends w {
     this.properties = { solutionsCount: 9, _isLoading: 16, _filterOpen: 16, _filters: 16, _isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = T;
+    this.styles = M;
   }
   willUpdate(e) {
     e.has("_isMobile") && (this._filterOpen = !this._isMobile);
@@ -45,7 +46,7 @@ class P extends w {
   async searchSolutions(e) {
     if (this._allSolutionsPanelRef.value.setSearchOptions(e), "industry" in e || "domain" in e) {
       e.displayValue = e.domain || e.industry;
-      const t = e.industry ? Object.entries(g).find(([, s]) => s === e.industry)?.[0] : void 0, i = e.domain ? Object.entries(_).find(([, s]) => s === e.domain)?.[0] : void 0;
+      const t = e.industry ? Object.entries(_).find(([, s]) => s === e.industry)?.[0] : void 0, i = e.domain ? Object.entries(g).find(([, s]) => s === e.domain)?.[0] : void 0;
       e.industry = t || "", e.domain = i || "", e.value = i || t || "", this._solutionsFilterPanelRef.value.changeIndustryFilter(e.industry, e.domain, e.displayValue, !0);
     } else ("searchTerm" in e || "sortType" in e) && ("searchTerm" in e && (this._filters.searchTerm = e.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(e));
   }
@@ -90,7 +91,7 @@ class P extends w {
   }
   render() {
     const e = this._isMobile ? "justify-content-end" : "", t = this._isLoading ? "display-none" : "";
-    return r`<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" ${n(this._mainPanelRef)}><div class=${p(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 && r`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
+    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" ${n(this._mainPanelRef)}><div class=${c(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 && a`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
       this._filters = {
         ...this._filters,
         categories: [],
@@ -110,22 +111,22 @@ class P extends w {
   }
   _getFilterPanel() {
     const e = this._filterOpen ? { display: "flex" } : "";
-    return this._isMobile ? r`<calcite-panel class=${`border-none ${this._filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${c(e)}><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
+    return this._isMobile ? a`<calcite-panel class=${`border-none ${this._filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${h(e)}><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
       this._filterApplied(t.detail);
-    }} ${n(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : r`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${c(e)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
+    }} ${n(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=${h(e)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
       this._filterApplied(t.detail);
     }} ${n(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this._isMobile && this._filterOpen ? { display: "none" } : "";
-    return r`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${c(e)} ${n(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    return a`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${h(e)} ${n(this._allSolutionsPanelRef)}></solutions-all-panel>`;
   }
   _renderChips() {
     if (!this._filters.categories)
       return;
     const e = this._filters.categories.filter((t) => t.type === "industry" || t.type === "domain" || t.type === "solution");
     if (e.length !== 0)
-      return r`<calcite-chip-group class="chip-group" .label=${this._translations.appliedFilters}>${x(e, (t) => `${t.type}:${t.value}`, (t) => r`<calcite-chip appearance=outline-fill class=${p(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 a`<calcite-chip-group class="chip-group" .label=${this._translations.appliedFilters}>${this._filters.displayValue && this._filters.displayValue !== "" ? x(`${this._filters.displayValue}`, a`<calcite-chip appearance=outline-fill class=${c(this._isMobile ? "responsive-chip" : "padding-start responsive-chip")} closable .label=${this._filters.displayValue ?? ""} @calciteChipClose=${() => this._chipClosed(this._filters.displayValue, "solution")} .value=${this._filters.displayValue}>${this._filters.displayValue}</calcite-chip>`) : S(e, (t) => `${t.type}:${t.value}`, (t) => a`<calcite-chip appearance=outline-fill class=${c(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;
@@ -133,33 +134,32 @@ class P extends w {
   _syncSolutionChipOrderWithDisplayedCards() {
     if (!this._filters.categories?.length)
       return;
-    const e = this._filters.categories.filter((a) => a.type === "solution");
+    const e = this._filters.categories.filter((l) => l.type === "solution");
     if (e.length <= 1)
       return;
     const t = this._allSolutionsPanelRef.value?.getDisplayedSolutionIds?.() ?? [];
     if (!t.length)
       return;
     const i = /* @__PURE__ */ new Map();
-    t.forEach((a, o) => {
-      i.set(a, o);
+    t.forEach((l, o) => {
+      i.set(l, o);
     });
-    const s = [...e].sort((a, o) => {
-      const d = i.get(String(a.value)), u = i.get(String(o.value)), b = d === void 0 ? Number.MAX_SAFE_INTEGER : d, v = u === void 0 ? Number.MAX_SAFE_INTEGER : u;
-      return b - v;
-    }), l = this._filters.categories.filter((a) => a.type !== "solution");
+    const s = [...e].sort((l, o) => {
+      const u = i.get(String(l.value)), p = i.get(String(o.value)), b = u === void 0 ? Number.MAX_SAFE_INTEGER : u, y = p === void 0 ? Number.MAX_SAFE_INTEGER : p;
+      return b - y;
+    }), r = this._filters.categories.filter((l) => l.type !== "solution");
     this._filters = {
       ...this._filters,
-      categories: [...l, ...s]
+      categories: [...r, ...s]
     };
   }
   _chipClosed(e, t) {
     if (this._filters.categories) {
       if (t === "solution") {
-        const s = this._filters.categories.filter((l) => l.type === "solution").filter((l) => l.displayValue !== e);
-        this._filters.categories = this._filters.categories.filter((l) => !(l.type === "solution" && l.displayValue === e)), this._emitSolutionMatchesFromAssistant(s.map((l) => String(l.value)), s.map((l) => l.displayValue)), s.length === 0 && this._filters.categories.length === 0 && (this._filters = {
+        this._filters.categories = [], this._emitSolutionMatchesFromAssistant([], []), this._filters = {
           ...this._filters,
           searchTerm: ""
-        }, this._allSolutionsPanelRef.value?.searchSolutions());
+        }, this._allSolutionsPanelRef.value?.searchSolutions();
         return;
       }
       if (t === "industry")
@@ -172,14 +172,15 @@ class P extends w {
     }
   }
   _applyAssistantSolutionMatches(e) {
-    const t = Array.isArray(e?.solutionIds) ? e.solutionIds : [], i = Array.isArray(e?.solutionTitles) ? e.solutionTitles : [], s = t.map((l, a) => ({
+    const t = Array.isArray(e?.solutionIds) ? e.solutionIds : [], i = Array.isArray(e?.solutionTitles) ? e.solutionTitles : [], s = t.map((r, l) => ({
       type: "solution",
-      value: l,
-      displayValue: i[a] ?? l
+      value: r,
+      displayValue: i[l] ?? r
     }));
     this._filters = {
       categories: s,
-      searchTerm: ""
+      searchTerm: "",
+      displayValue: this._translations.aiAssistantResults
     }, this.filterRemoved.emit([]);
   }
   _toggleFilter() {
@@ -187,9 +188,9 @@ class P extends w {
   }
   _logFilterTelemetry(e) {
     if ((e.type === "industry" || e.type === "domain") && e.industry) {
-      const i = [g[e.industry]];
+      const i = [_[e.industry]];
       if (e.domain) {
-        const s = _[e.domain];
+        const s = g[e.domain];
         i.push(s);
       }
       this._telemetry?.logEvent({
@@ -226,7 +227,7 @@ class P extends w {
         this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
   }
 }
-y("solutions-all-shell", P);
+v("solutions-all-shell", P);
 export {
   P as SolutionsAllShell
 };

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

@@ -559,6 +559,8 @@ class R extends C {
       this._isAssistantOpen = !1, this._builderVisible = !1;
     }), this.listenOn(window, "toggleSolutionBuilder", () => {
       this._builderVisible = !this._builderVisible;
+    }), this.listenOn(window, "discardBuilder", (t) => {
+      this._hasActiveBuilderDesign = t.detail;
     }), this.listenOn(window, "arcgis-solution-design-update", this._solutionBuilderSelected), this._builderDesignContextProvider.value = {
       design: this.loadExampleBuilderData ? k : null,
       updateDesign: (t) => {

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

@@ -71,7 +71,7 @@ class T extends S {
     this.styles = R;
   }
   changeIndustryFilter(t, e, c, h) {
-    if (t !== "" || e !== "") {
+    if (window.dispatchEvent(new CustomEvent("clearAssistantResultFilters")), t !== "" || e !== "") {
       let r = [];
       if (e !== "") {
         const i = F[t], a = this._industryMatchName(i), s = A[e], n = this._domainMatchName(s);