@esri/solutions-components 1.2.0-next.4 → 1.2.0-next.40

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

@@ -1,17 +1,16 @@
-import { c as p } from "../../chunks/runtime.js";
-import { css as y, html as d, svg as f } from "lit";
+import { c as _ } from "../../chunks/runtime.js";
+import { css as y, html as n, svg as f } from "lit";
 import { u as S } from "../../chunks/useT9n.js";
 import { LitElement as C, createEvent as c } from "@arcgis/lumina";
 import { useContextConsumer as h } from "@arcgis/lumina/context";
-import { q as g, r as w, k as T, j as x, p as v } from "../../chunks/interfaces.js";
-import { C as _ } from "../../chunks/CardsFetcher.js";
-import { g as A } from "../../chunks/cardsHelpers.js";
-import { g as I } from "../../chunks/cardFetchingUtils.js";
-import { a as E, c as b, u as D } from "../../chunks/deployAppContexts.js";
+import { q as g, k as w, j as x, p as T } from "../../chunks/interfaces.js";
+import { C as m, g as v } from "../../chunks/cardFetchingUtils.js";
+import { g as I } from "../../chunks/cardsHelpers.js";
+import { a as L, c as b, u as D } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const F = y`/** @license
+v1.2.0-next.40 */
+const E = y`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,11 +24,11 @@ const F = y`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem 1rem}.solutions-briefcase{margin:auto;padding-top:2rem}.text-center{text-align:center}.leader-1{margin-top:1.5rem}.trailer-1{margin-bottom:1.5rem}.warning-text{max-width:35em;margin-left:auto;margin-right:auto}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}`, m = 5;
-class V extends C {
+ */calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem 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)}}.solutions-briefcase{margin:auto;padding-top:var(--calcite-spacing-xxxl)}.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;width:100%;height:100%;transform:translateY(50%)}`, p = 5;
+class F extends C {
   constructor() {
-    super(), this.sortType = "relevance", this._cards = [], this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${g} OR ${w}`, this._allCards = [], this._authContextConsumer = h({
-      context: E,
+    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${g}`, this._allCards = [], this._authContextConsumer = h({
+      context: L,
       subscribe: !0
     }), this._baseAgoTerms = g, this._categories = [], this._configContextConsumer = h({
       context: b,
@@ -40,34 +39,45 @@ class V extends C {
     }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextConsumer = h({
       context: D,
       subscribe: !0
-    }), this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.listenOn(window, "deployProgressEnd", () => {
-      this._modifiedCheckTry = m, this._loadUpdateProcedures();
+    }), this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.sortTypeSet = c(), this.detailsCardSelected = c(), this.listenOn(window, "deployProgressEnd", () => {
+      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.searchSolutions(e.detail));
+      e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, this.sortType === "suggested" && this._deployedSolutions?.cards.length === 0 ? this._getDeployedSolutions().then(() => {
+        this.searchSolutions(e.detail);
+      }) : this.searchSolutions(e.detail));
+    }), this.listenOn(window, "solutionIDFromAssistant", (e) => {
+      this._lookupSolutionById(e.detail);
     });
   }
   static {
-    this.properties = { sortType: 1, _cards: 16, _modifiedCheckTry: 16, _translations: 16 };
+    this.properties = { sortType: 1, _cards: 16, _isLoading: 16, _modifiedCheckTry: 16, _translations: 16 };
   }
   static {
-    this.styles = F;
+    this.styles = E;
   }
   async searchSolutions(e) {
     e ? "searchTerm" in e ? this._textSearch(e.searchTerm) : "sortType" in e ? this._sortCards(e) : this._filterCards(e) : (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories()), this._cards = await this._getSolutions();
   }
   async setSearchOptions(e) {
-    e && ("searchTerm" in e && (this._textSearch(e.searchTerm), this.searchTermSet.emit(e.searchTerm)), "sortType" in e && this._sortCards(e));
+    e && ("searchTerm" in e && (this._textSearch(e.searchTerm), this.searchTermSet.emit({
+      searchTerm: e.searchTerm,
+      scope: "all-solutions"
+    })), "sortType" in e && (this._sortCards(e), this.sortTypeSet.emit({
+      sortType: e.sortType,
+      scope: "all-solutions"
+    })));
   }
   render() {
-    return d`<calcite-panel><calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group></calcite-panel>`;
+    return this._isLoading || this._cards.length ? n`<calcite-panel>${this._isLoading ? n`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : n`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : n`<div class="no-solutions">${this._getMeridianSearch()}<div class="text-center leader-1 warning-text trailer-1">${this._translations.noSolutionsFound}</div></div>`;
   }
   _renderCards() {
-    return this._cards.length ? this._cards.map((e) => d`<solution-details-card .card=${e}></solution-details-card>`) : d`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1">${this._translations.noSolutionsFound}</div></div>`;
+    return this._cards.map((e) => n`<solution-details-card .card=${e}></solution-details-card>`);
   }
   async _getSolutions() {
     if (this._configContextConsumer.value) {
+      this._isLoading = !0;
       const e = await this._cardsFetcher?.requestAvailableSolutionCards(
         {
           q: this._agoTerms,
@@ -90,51 +100,52 @@ class V extends C {
       ), t = e?.cards.length ? e.cards : [];
       if (this.sortType === "new" || this.sortType === "updated") {
         let s = "/Categories/New Release";
-        this.sortType === "updated" && (s = "/Categories/Updated"), t.sort((a, n) => a.categories.includes(s) && !n.categories.includes(s) ? -1 : !a.categories.includes(s) && n.categories.includes(s) ? 1 : a.categories.includes(s) && n.categories.includes(s) ? a.categories.length - n.categories.length : 0);
+        this.sortType === "updated" && (s = "/Categories/Updated"), t.sort((a, l) => a.categories.includes(s) && !l.categories.includes(s) ? -1 : !a.categories.includes(s) && l.categories.includes(s) ? 1 : a.categories.includes(s) && l.categories.includes(s) ? a.categories.length - l.categories.length : 0);
       } else if (this.sortType === "suggested" && this._relatedSolutions.size > 0 && this._deployedSolutions?.cards?.length) {
         const s = /* @__PURE__ */ new Map();
-        for (const i of t) {
-          const r = s.get(i.deployCommonId), l = Number(i.deployVersion);
-          (!r || l > r) && s.set(i.deployCommonId, l);
+        for (const o of t) {
+          const r = s.get(o.deployCommonId), d = Number(o.deployVersion);
+          (!r || d > r) && s.set(o.deployCommonId, d);
         }
-        const a = this._deployedSolutions.cards.filter((i) => {
-          const r = s.get(i.deployCommonId);
-          return r !== void 0 && Number(i.deployVersion) >= r;
-        }), n = new Set(a.map((i) => i.deployCommonId));
-        this._relatedSolutions = new Set([...this._relatedSolutions].filter((i) => !n.has(i))), t.sort((i, r) => {
-          const l = this._relatedSolutions.has(i.deployCommonId), u = this._relatedSolutions.has(r.deployCommonId);
-          return l && !u ? -1 : !l && u ? 1 : 0;
+        const a = this._deployedSolutions.cards.filter((o) => {
+          const r = s.get(o.deployCommonId);
+          return r !== void 0 && Number(o.deployVersion) >= r;
+        }), l = new Set(a.map((o) => o.deployCommonId));
+        this._relatedSolutions = new Set([...this._relatedSolutions].filter((o) => !l.has(o))), t.sort((o, r) => {
+          const d = this._relatedSolutions.has(o.deployCommonId), u = this._relatedSolutions.has(r.deployCommonId);
+          return d && !u ? -1 : !d && u ? 1 : 0;
         });
       }
-      const o = t.map((s) => {
-        const a = s.categories.indexOf("/Categories/New Release") > -1, n = s.categories.indexOf("/Categories/Updated") > -1;
-        let i = !1, r = !0;
-        return this._deployedSolutions && (i = this._isSolutionDeployed(s.deployCommonId), r = this._isLatestVersion(s)), s.chip = a ? "new" : n ? "updated" : i && r ? "deployed" : "none", s.supportReuse = i ? !!(i && !r) : !0, s;
+      const i = t.map((s) => {
+        const a = s.categories.indexOf("/Categories/New Release") > -1, l = s.categories.indexOf("/Categories/Updated") > -1;
+        let o = !1, r = !0;
+        return this._deployedSolutions && (o = this._isSolutionDeployed(s.deployCommonId), r = this._isLatestVersion(s)), s.chip = a ? "new" : l ? "updated" : o && r ? "deployed" : "none", s.supportReuse = o ? !!(o && !r) : !0, s;
       });
-      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = A(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(o.length), o;
+      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;
     } else
-      return [];
+      return this._isLoading = !1, [];
   }
   async _loadUpdateProcedures() {
+    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._cardsFetcher = new m(e.locale, e.orgUrl, e.portalUrl), this._cardsFetcherDeployed = new m(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._authContextConsumer.value, t = this._userSessionContextConsumer.value;
     if (e && t && e.IsSignedIn) {
-      const o = await I(e, t, this._cardsFetcher, this._cardsFetcherDeployed, v, "created");
-      if (o) {
+      const i = await v(e, t, this._cardsFetcher, this._cardsFetcherDeployed, T, "created");
+      if (i) {
         if (this._modifiedCheckTry > 0) {
-          if (this._deployedSolutions?.cards.length === o?.cards.length)
+          if (this._deployedSolutions?.cards.length === i?.cards.length)
             return this._modifiedCheckTry--, await this._getDeployedSolutions();
           this._modifiedCheckTry = 0;
         }
-        this._deployedSolutions = o;
+        this._deployedSolutions = i;
       }
     }
   }
-  _getSolutionsBriefcase() {
-    return d`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${f`<path d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" fill=#ccc /><path d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" fill=#ccc />`}</svg></div>`;
+  _getMeridianSearch() {
+    return n`<div class="solutions-briefcase"><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>`;
   }
   _textSearch(e) {
     this._agoTerms = this._baseAgoTerms + ` ${e}`;
@@ -146,17 +157,17 @@ class V extends C {
   _filterCards(e) {
     this._categories = [], e.forEach((t) => {
       if (t.industry) {
-        const o = this._getIndustryValue(t.industry);
+        const i = this._getIndustryValue(t.industry);
         if (t.domain) {
           const s = this._getDomainValue(t.domain);
-          this._categories.push(`/Categories/${o}/${s}`);
+          this._categories.push(`/Categories/${i}/${s}`);
         } else
-          this._categories.push(`/Categories/${o}`);
+          this._categories.push(`/Categories/${i}`);
       }
     });
   }
   _getDomainValue(e) {
-    return T[e];
+    return w[e];
   }
   _getIndustryValue(e) {
     return e === "AEC" ? "AEC" : x[e];
@@ -165,14 +176,18 @@ class V extends C {
     this._categories = [];
   }
   _isSolutionDeployed(e) {
-    return !!this._deployedSolutions?.cards?.some((t) => t?.typeKeywords?.some((o) => o.includes("solutionid") && o.includes(e)));
+    return !!this._deployedSolutions?.cards?.some((t) => t?.typeKeywords?.some((i) => i.includes("solutionid") && i.includes(e)));
   }
   _isLatestVersion(e) {
-    const t = this._deployedSolutions?.cards?.filter((o) => o?.typeKeywords?.some((s) => s.includes("solutionid") && s.includes(e.deployCommonId)));
+    const t = this._deployedSolutions?.cards?.filter((i) => i?.typeKeywords?.some((s) => s.includes("solutionid") && s.includes(e.deployCommonId)));
     return !(t && t.length > 0 && t[0].deployVersion !== e.deployVersion);
   }
+  _lookupSolutionById(e) {
+    const t = this._cards.filter((i) => i.typeKeywords.includes(e));
+    t.length > 0 && this.detailsCardSelected.emit(t[0]);
+  }
 }
-p("solutions-all-panel", V);
+_("solutions-all-panel", F);
 export {
-  V as SolutionsAllPanel
+  F as SolutionsAllPanel
 };

package/dist/components/solutions-all-panel/index.d.ts

@@ -1,4 +1,5 @@
 import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-card-group";
 import "../solution-details-card/index.js";
 export * from "./customElement.js";

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

@@ -1,4 +1,5 @@
 import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-card-group";
 import "../solution-details-card/index.js";
 export * from "./customElement.js";

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

@@ -13,6 +13,7 @@ export declare class SolutionsAllShell extends LitElement {
     /**
      * Search solutions based on key criteria
      *
+     * @param searchOptions
      * @param searchOptions the key criteria to search with
      */
     searchSolutions(searchOptions: IFilterOption | ISearchOption | ISortOption): Promise<void>;

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

@@ -1,16 +1,17 @@
 import { c as n } from "../../chunks/runtime.js";
 import { repeat as c } from "lit/directives/repeat.js";
 import { u as d } from "../../chunks/useT9n.js";
-import { LitElement as h, createEvent as u, nothing as f, safeStyleMap as a, safeClassMap as p } from "@arcgis/lumina";
-import { useContextConsumer as g } from "@arcgis/lumina/context";
-import { css as b, html as l } from "lit";
-import { i as m } from "../../chunks/deployAppContexts.js";
-import { j as y, k as _ } from "../../chunks/interfaces.js";
+import { LitElement as h, createEvent as u, safeStyleMap as a } from "@arcgis/lumina";
+import { useContextConsumer as p } from "@arcgis/lumina/context";
+import { css as f, html as l } from "lit";
+import { i as g } from "../../chunks/deployAppContexts.js";
+import { j as b, k as m } from "../../chunks/interfaces.js";
 import { createRef as o, ref as r } from "lit/directives/ref.js";
+import "../solutions-filter-panel/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const v = b`/** @license
+v1.2.0-next.40 */
+const _ = f`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,25 +25,25 @@ const v = b`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.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;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.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}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media(min-width:800px){.filter-button{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)}.position-relative{position:relative}.height-100{height:100%}.height-32{height:32px}`;
-class x extends h {
+ */.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;padding-inline-start:var(--calcite-spacing-md);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)}.position-relative{position:relative}.height-100{height:100%}.border-none{border:none}.height-50{height:50px}.padding-top-3{padding-top:3px}`;
+class v extends h {
   constructor() {
     super(), this.solutionsCount = 0, this.filterOpen = !0, this._filters = {
       categories: [],
       searchTerm: ""
-    }, this.isMobile = !1, this._translations = d({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = o(), this._solutionsFilterPanelRef = o(), this._isMobileContextConsumer = g({
-      context: m,
+    }, this.isMobile = !1, this._translations = d({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = o(), this._solutionsFilterPanelRef = o(), this._isMobileContextConsumer = p({
+      context: g,
       subscribe: !0,
       callback: (e) => this.isMobile = e
     }), this.filterRemoved = u(), this.listenOn(window, "searchChanged", (e) => {
       e.detail && e.detail.scope === "all-solutions" && this._filterApplied(e.detail.option);
-    });
+    }), this.listenOn(window, "toggleFilter", this._toggleFilter);
   }
   static {
     this.properties = { solutionsCount: 9, filterOpen: 16, _filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = v;
+    this.styles = _;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -50,7 +51,7 @@ class x extends h {
   async searchSolutions(e) {
     if (this._allSolutionsPanelRef.value.setSearchOptions(e), "industry" in e || "domain" in e) {
       e.displayValue = e.domain || e.industry;
-      const i = e.industry ? Object.entries(y).find(([, t]) => t === e.industry)?.[0] : void 0, s = e.domain ? Object.entries(_).find(([, t]) => t === e.domain)?.[0] : void 0;
+      const i = e.industry ? Object.entries(b).find(([, t]) => t === e.industry)?.[0] : void 0, s = e.domain ? Object.entries(m).find(([, t]) => t === e.domain)?.[0] : void 0;
       e.industry = i || "", e.domain = s || "", e.value = s || i, 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));
   }
@@ -58,14 +59,19 @@ class x extends h {
     this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value);
   }
   render() {
-    const e = this.filterOpen ? "chevron-left" : "chevron-right", i = this.isMobile ? "justify-content-end" : "";
-    return l`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e ?? f} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center height-32 ${i}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div>${this.isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`;
+    const e = this.isMobile ? "justify-content-end" : "";
+    return l`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center height-50 ${e}`} slot=header-content><calcite-label class="label-override padding-top-3">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}${this._filters.categories && this._filters.categories?.length > 0 && l`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
+      this._filters = {
+        ...this._filters,
+        categories: []
+      }, this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories), this.filterRemoved.emit([]);
+    }} .label=${this._translations.clearIndustryFilter}>${this._translations.clearIndustryFilter}</calcite-button>` || ""}</div>${this.isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`;
   }
   _getFilterPanel() {
     const e = this.filterOpen ? { display: "flex" } : "";
-    return this.isMobile ? l`<calcite-panel class=${p(this.filterOpen ? "background-override" : "filter background-override")} id=solutions-all-shell-panel-start style=${a(e)}><solutions-filter-panel class="height-100" @applyFilter=${(i) => {
+    return this.isMobile ? l`<calcite-panel class=${`border-none ${this.filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${a(e)}><solutions-filter-panel class="height-100" @applyFilter=${(i) => {
       this._filterApplied(i.detail);
-    }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : l`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start position=start slot=panel-start style=${a(e)}><calcite-panel><solutions-filter-panel class="height-100" @applyFilter=${(i) => {
+    }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : l`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start position=start slot=panel-start style=${a(e)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" @applyFilter=${(i) => {
       this._filterApplied(i.detail);
     }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
   }
@@ -100,12 +106,15 @@ class x extends h {
     if (this._filters.categories)
       if (e) {
         let i = e;
-        "displayValue" in e ? this._filters.categories.push(e) : Array.isArray(e) && e.length > 0 && (e.length >= 2 && (i = [e[e.length - 1]]), this._filters.categories = e), "searchTerm" in i && (this._filters.searchTerm = i.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(i);
+        "displayValue" in e ? this._filters.categories.push(e) : Array.isArray(e) && e.length > 0 && (e.length >= 2 && (i = [e[e.length - 1]]), this._filters = {
+          categories: e,
+          searchTerm: this._filters.searchTerm
+        }), "searchTerm" in i && (this._filters.searchTerm = i.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(i);
       } else
         this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
   }
 }
-n("solutions-all-shell", x);
+n("solutions-all-shell", v);
 export {
-  x as SolutionsAllShell
+  v as SolutionsAllShell
 };

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

@@ -1,7 +1,7 @@
 import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-shell-panel";
 import "../solutions-filter-panel/index.js";
 import "../solutions-all-panel/index.js";

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

@@ -1,7 +1,7 @@
 import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-shell-panel";
 import "../solutions-filter-panel/index.js";
 import "../solutions-all-panel/index.js";

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

@@ -1,11 +1,19 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { DeployAppTab, IActiveTab, ISolutionInfoCard, SortType } from '../../utils/interfaces';
+import { DeployAppTab, IActiveTab, IDeployCard, ISolutionInfoCard, SortType } from '../../utils/interfaces';
 import { Auth } from '../../utils/Auth';
 
 export declare class SolutionsDeployApp extends LitElement {
     /** App config to use when useLocalAppConfig is false */
     appConfig: any;
+    /** When defined this is the tab that should be loaded by default */
+    initTab: DeployAppTab | undefined;
+    /**
+     * When defined this will contain the solution name or id that should be loaded by default
+     *
+     * @default ''
+     */
+    initTitleOrId: string;
     /**
      * Define how the cards will be sorted
      *
@@ -20,10 +28,19 @@ export declare class SolutionsDeployApp extends LitElement {
      * @default false
      */
     useLocalAppConfig: boolean;
-    /** Closes the dialog */
+    /**
+     * Closes the dialog
+     *
+     * @param tab
+     * @param filters
+     */
     selectTab(tab: IActiveTab, filters: any): Promise<void>;
     /** Tab selected event */
     readonly deployAppTabSelected: TargetedEvent<this, DeployAppTab>;
     /** Details card selected event */
     readonly detailsCardSelected: TargetedEvent<this, ISolutionInfoCard>;
+    /** Emitted on demand when the details card is selected. */
+    readonly deployedCardSelected: TargetedEvent<this, IDeployCard>;
+    readonly initDeployedCardSelected: TargetedEvent<this, IDeployCard>;
+    readonly initDeployedCard: TargetedEvent<this, any>;
 }