@esri/solutions-components 1.1.3 → 1.1.5

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

@@ -5,13 +5,13 @@ 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 { g as I } from "../../chunks/cardsHelpers.js";
+import { g as A } from "../../chunks/cardFetchingUtils.js";
+import { a as L, c as E, u as b } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.3 */
-const F = y`/** @license
+v1.1.5 */
+const D = y`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,33 +26,35 @@ const F = y`/** @license
  * 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 {
+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} OR ${w}`, this._allCards = [], this._authContextConsumer = h({
+      context: L,
       subscribe: !0
     }), this._baseAgoTerms = g, this._categories = [], this._configContextConsumer = h({
-      context: b,
+      context: E,
       subscribe: !0,
       callback: async (e) => {
         e && await this._loadUpdateProcedures();
       }
     }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextConsumer = h({
-      context: D,
+      context: b,
       subscribe: !0
-    }), this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.listenOn(window, "deployProgressEnd", () => {
+    }), this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.detailsCardSelected = c(), this.listenOn(window, "deployProgressEnd", () => {
       this._modifiedCheckTry = m, this._loadUpdateProcedures();
     }), this.listenOn(window, "solutionDeleted", () => {
       this._modifiedCheckTry = m, this._loadUpdateProcedures();
     }), this.listenOn(window, "sortTypeChanged", (e) => {
       e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, 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 = D;
   }
   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();
@@ -67,10 +69,11 @@ class V extends C {
     return d`<calcite-panel><calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group></calcite-panel>`;
   }
   _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._isLoading ? d`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : 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>`;
   }
   async _getSolutions() {
     if (this._configContextConsumer.value) {
+      this._isLoading = !0;
       const e = await this._cardsFetcher?.requestAvailableSolutionCards(
         {
           q: this._agoTerms,
@@ -96,43 +99,44 @@ class V extends C {
         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);
       } 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), l = Number(o.deployVersion);
+          (!r || l > r) && s.set(o.deployCommonId, l);
         }
-        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);
+        const a = this._deployedSolutions.cards.filter((o) => {
+          const r = s.get(o.deployCommonId);
+          return r !== void 0 && Number(o.deployVersion) >= r;
+        }), n = new Set(a.map((o) => o.deployCommonId));
+        this._relatedSolutions = new Set([...this._relatedSolutions].filter((o) => !n.has(o))), t.sort((o, r) => {
+          const l = this._relatedSolutions.has(o.deployCommonId), u = this._relatedSolutions.has(r.deployCommonId);
           return l && !u ? -1 : !l && u ? 1 : 0;
         });
       }
-      const o = t.map((s) => {
+      const i = 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;
+        let o = !1, r = !0;
+        return this._deployedSolutions && (o = this._isSolutionDeployed(s.deployCommonId), r = this._isLatestVersion(s)), s.chip = a ? "new" : n ? "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 _(e.locale, e.orgUrl, e.portalUrl), this._cardsFetcherDeployed = new _(e.locale, e.orgUrl, e.portalUrl), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards), this._isLoading = !1;
   }
   async _getDeployedSolutions() {
     const e = this._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 A(e, t, this._cardsFetcher, this._cardsFetcherDeployed, v, "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;
       }
     }
   }
@@ -149,12 +153,12 @@ 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}`);
       }
     });
   }
@@ -168,14 +172,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);
+p("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-card-group";
+import "@esri/calcite-components/components/calcite-loader";
 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-card-group";
+import "@esri/calcite-components/components/calcite-loader";
 import "../solution-details-card/index.js";
 export * from "./customElement.js";

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

@@ -1,16 +1,16 @@
-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 { createRef as o, ref as r } from "lit/directives/ref.js";
+import { c } from "../../chunks/runtime.js";
+import { repeat as d } from "lit/directives/repeat.js";
+import { u as h } from "../../chunks/useT9n.js";
+import { LitElement as u, createEvent as f, nothing as p, safeStyleMap as r, safeClassMap as b } from "@arcgis/lumina";
+import { i as g, u as m } from "../../chunks/deployAppContexts.js";
+import { useContextConsumer as o } from "@arcgis/lumina/context";
+import { css as _, html as l } from "lit";
+import { j as y, k as v } from "../../chunks/interfaces.js";
+import { createRef as n, ref as a } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.3 */
-const v = b`/** @license
+v1.1.5 */
+const x = _`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,17 +24,20 @@ 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: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}.filter-border{border-color:var(--calcite-color-border-3);border-style:solid;border-width:var(--calcite-border-width-sm)}`;
+class S extends u {
   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 = h({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = n(), this._solutionsFilterPanelRef = n(), this._isMobileContextConsumer = o({
+      context: g,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this.filterRemoved = u(), this.listenOn(window, "searchChanged", (e) => {
+    }), this._userSessionContextConsumer = o({
+      context: m,
+      subscribe: !0
+    }), this.filterRemoved = f(), this.listenOn(window, "searchChanged", (e) => {
       e.detail && e.detail.scope === "all-solutions" && this._filterApplied(e.detail.option);
     });
   }
@@ -42,7 +45,7 @@ class x extends h {
     this.properties = { solutionsCount: 9, filterOpen: 16, _filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = v;
+    this.styles = x;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -50,44 +53,49 @@ 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;
-      e.industry = i || "", e.domain = s || "", e.value = s || i, this._solutionsFilterPanelRef.value.changeIndustryFilter(e.industry, e.domain, e.displayValue, !0);
+      const t = e.industry ? Object.entries(y).find(([, i]) => i === e.industry)?.[0] : void 0, s = e.domain ? Object.entries(v).find(([, i]) => i === e.domain)?.[0] : void 0;
+      e.industry = t || "", e.domain = s || "", e.value = s || 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));
   }
   async load() {
     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.filterOpen ? "chevron-left" : "chevron-right", t = 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 ?? p} 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 ${t}`} slot=header-content><calcite-label class="label-override">${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 @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) => {
-      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) => {
-      this._filterApplied(i.detail);
-    }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
+    return this.isMobile ? l`<calcite-panel class=${b(this.filterOpen ? "background-override" : "filter background-override")} id=solutions-all-shell-panel-start style=${r(e)}><solutions-filter-panel class="height-100 filter-border" @applyFilter=${(t) => {
+      this._filterApplied(t.detail);
+    }} ${a(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=${r(e)}><calcite-panel><solutions-filter-panel class="height-100" .isAIsettingEnabled=${!!this._userSessionContextConsumer.value?.token} @applyFilter=${(t) => {
+      this._filterApplied(t.detail);
+    }} ${a(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return l`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${a(e)} ${r(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    return l`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${r(e)} ${a(this._allSolutionsPanelRef)}></solutions-all-panel>`;
   }
   _renderChips() {
     if (!this._filters.categories)
       return;
-    const e = this._filters.categories.filter((i) => i.type === "industry" || i.type === "domain");
-    return e.length > 0 ? c(e, (i) => `${i.type}:${i.value}`, (i) => l`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${i.displayValue} @calciteChipClose=${() => this._chipClosed(i.displayValue, i.type)} .value=${i.displayValue}>${i.displayValue}</calcite-chip>`) : void 0;
+    const e = this._filters.categories.filter((t) => t.type === "industry" || t.type === "domain");
+    return e.length > 0 ? d(e, (t) => `${t.type}:${t.value}`, (t) => l`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${t.displayValue} @calciteChipClose=${() => this._chipClosed(t.displayValue, t.type)} .value=${t.displayValue}>${t.displayValue}</calcite-chip>`) : void 0;
   }
   _updateSolutionCount(e) {
     this.solutionsCount = e.detail;
   }
-  _chipClosed(e, i) {
+  _chipClosed(e, t) {
     if (this._filters.categories) {
-      if (i === "industry")
+      if (t === "industry")
         this._filters.categories = [];
       else {
-        const s = this._filters.categories.filter((t) => t.displayValue !== e && t.type !== i);
+        const s = this._filters.categories.filter((i) => i.displayValue !== e && i.type !== t);
         this._filters.categories = s;
       }
       this._filters.categories.length > 0 ? this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories) : this._filters.searchTerm !== "" ? (this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories), this._allSolutionsPanelRef.value?.searchSolutions({ searchTerm: this._filters.searchTerm })) : this._allSolutionsPanelRef.value?.searchSolutions(), this.filterRemoved.emit(this._filters.categories);
@@ -99,13 +107,13 @@ class x extends h {
   _filterApplied(e) {
     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);
+        let t = e;
+        "displayValue" in e ? this._filters.categories.push(e) : Array.isArray(e) && e.length > 0 && (e.length >= 2 && (t = [e[e.length - 1]]), this._filters.categories = e), "searchTerm" in t && (this._filters.searchTerm = t.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(t);
       } else
         this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
   }
 }
-n("solutions-all-shell", x);
+c("solutions-all-shell", S);
 export {
-  x as SolutionsAllShell
+  S as SolutionsAllShell
 };

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

@@ -1,17 +1,17 @@
-import { c as b } from "../../chunks/runtime.js";
+import { c as _ } from "../../chunks/runtime.js";
 import { css as T, html as h } from "lit";
-import { u as y } from "../../chunks/useT9n.js";
-import { LitElement as m, createEvent as u, safeClassMap as p } from "@arcgis/lumina";
-import { createRef as s, ref as i } from "lit-html/directives/ref.js";
-import { C as g } from "../../chunks/CardsFetcher.js";
+import { u as m } from "../../chunks/useT9n.js";
+import { LitElement as g, createEvent as u, safeClassMap as b } from "@arcgis/lumina";
+import { createRef as i, ref as s } from "lit-html/directives/ref.js";
+import { C as y } from "../../chunks/CardsFetcher.js";
 import { q as v, r as S } from "../../chunks/interfaces.js";
 import { useContextProvider as r } from "@arcgis/lumina/context";
-import { a as f, c as C, i as w, u as x } from "../../chunks/deployAppContexts.js";
+import { a as f, c as C, i as x, u as w } from "../../chunks/deployAppContexts.js";
 import { f as A, a as L } from "../../chunks/cardsHelpers.js";
 import { _ as $ } from "../../chunks/appConfig.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.3 */
+v1.1.5 */
 const k = T`/** @license
  * Copyright 2025 Esri
  *
@@ -26,11 +26,11 @@ const k = T`/** @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.
- */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none!important}.shell-container{width:1440px;display:block;max-width:96vw;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-color-focus: transparent;height:100%}`;
-class I extends m {
+ */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none!important}.shell-container{width:1440px;display:block;max-width:96vw;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-color-focus: transparent;height:100%}solutions-searchsort-toolbar,solutions-deploy-app-nav{width:1440px;display:block;max-width:96vw;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:1px;border-bottom-color:var(--calcite-color-border-3);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}`;
+class I extends g {
   constructor() {
-    super(), this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._translations = y({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${v} OR ${S}`, this._allCards = [], this._allShell = s(), this._allTab = s(), this._allTabTitle = s(), this._resourcesTab = s(), this._resourcesTabTitle = s(), this._authContextProvider = r({ context: f }), this._categories = [], this._configContextProvider = r({ context: C }), this._delay = !1, this._deployAppNav = s(), this._detailsShell = s(), this._detailsTab = s(), this._detailsTabTitle = s(), this._getSuggested = !1, this._isMobileContextProvider = r({ context: w }), this._mySolutionsShell = s(), this._mySolutionsTab = s(), this._mySolutionsTabTitle = s(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = r({
-      context: x
+    super(), this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._translations = m({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${v} OR ${S}`, this._allCards = [], this._allShell = i(), this._allTab = i(), this._allTabTitle = i(), this._resourcesTab = i(), this._resourcesTabTitle = i(), this._authContextProvider = r({ context: f }), this._categories = [], this._configContextProvider = r({ context: C }), this._delay = !1, this._deployAppNav = i(), this._detailsShell = i(), this._detailsTab = i(), this._detailsTabTitle = i(), this._getSuggested = !1, this._isMobileContextProvider = r({ context: x }), this._mySolutionsShell = i(), this._mySolutionsTab = i(), this._mySolutionsTabTitle = i(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = r({
+      context: w
     }), this.deployAppTabSelected = u(), this.detailsCardSelected = u(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
@@ -56,7 +56,7 @@ class I extends m {
             a = a || L(this._allCards, t.tabTitleOrId), a ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(a)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
           }
           break;
-        case "my-deployments":
+        case "deployments":
           this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, l && await this._mySolutionsShell.value?.searchSolutions(l);
           break;
       }
@@ -71,16 +71,15 @@ class I extends m {
     this.useLocalAppConfig && (this.appConfig = $);
   }
   render() {
-    console.warn("TODO change solutionArticles to solutionResources when strings open");
     const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} @authInit=${this._handleAuthInit} @navTabSelected=${this._setActiveTab} slot=header .useLocalAppConfig=${this.useLocalAppConfig} ${i(this._deployAppNav)}></solutions-deploy-app-nav><solutions-searchsort-toolbar .isMobile=${this.isMobile} slot=header></solutions-searchsort-toolbar><calcite-loader class=${p(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${p(e)} scale=l><calcite-tab-nav class="shell-container display-none" slot=title-group><calcite-tab-title ${i(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? h`<calcite-tab-title ${i(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title ${i(this._resourcesTabTitle)}>${this._translations.solutionArticles}</calcite-tab-title><calcite-tab-title class="display-none" ${i(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${i(this._allTab)}><solutions-all-shell class="shell-container height-100" ${i(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? h`<calcite-tab class="back-color-override" ${i(this._mySolutionsTab)}><solutions-deployed-shell class="shell-container height-100" ${i(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${i(this._resourcesTab)}><solutions-resources-shell class="shell-container height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${i(this._detailsTab)}><solution-details-panel class="shell-container height-100" ${i(this._detailsShell)}></solution-details-panel></calcite-tab></calcite-tabs></calcite-shell>`;
+    return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} @authInit=${this._handleAuthInit} @navTabSelected=${this._setActiveTab} slot=header .useLocalAppConfig=${this.useLocalAppConfig} ${s(this._deployAppNav)}></solutions-deploy-app-nav><div class="border" slot=header></div><solutions-searchsort-toolbar .isMobile=${this.isMobile} slot=header></solutions-searchsort-toolbar><calcite-loader class=${b(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${b(e)} scale=l><calcite-tab-nav class="shell-container display-none" slot=title-group><calcite-tab-title ${s(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? h`<calcite-tab-title ${s(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title ${s(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${s(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${s(this._allTab)}><solutions-all-shell class="shell-container height-100" ${s(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? h`<calcite-tab class="back-color-override" ${s(this._mySolutionsTab)}><solutions-deployed-shell class="shell-container height-100" ${s(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${s(this._resourcesTab)}><solutions-resources-shell class="shell-container height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${s(this._detailsTab)}><solution-details-panel class="shell-container height-100" ${s(this._detailsShell)}></solution-details-panel></calcite-tab></calcite-tabs></calcite-shell>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
   }
   async _handleAuthInit(t) {
     const e = t.detail;
-    e.userSession && this._userSessionContextProvider.setValue(e.userSession), e.authentication && (this.authentication = e.authentication, this._authContextProvider.setValue(this.authentication)), this._configContextProvider.setValue(e), this._cardsFetcher = new g(e.locale, e.orgUrl, e.portalUrl), await this._getSolutions(e.primarySolutionsGroupId), this._isLoaded = !0, this._initTab && (this.selectTab(this._initTab, this._initFilters), this._initTab = void 0, this._initFilters = void 0);
+    e.userSession && this._userSessionContextProvider.setValue(e.userSession), e.authentication && (this.authentication = e.authentication, this._authContextProvider.setValue(this.authentication)), this._configContextProvider.setValue(e), this._cardsFetcher = new y(e.locale, e.orgUrl, e.portalUrl), await this._getSolutions(e.primarySolutionsGroupId), this._isLoaded = !0, this._initTab && (this.selectTab(this._initTab, this._initFilters), this._initTab = void 0, this._initFilters = void 0);
   }
   _mediaQueryChange(t) {
     this.isMobile = t.matches, this._isMobileContextProvider.setValue(this.isMobile);
@@ -91,7 +90,7 @@ class I extends m {
       case "all-solutions":
         this._allTabTitle.value?.click();
         break;
-      case "my-deployments":
+      case "deployments":
         this._mySolutionsTabTitle.value?.click();
         break;
       case "resources":
@@ -101,7 +100,7 @@ class I extends m {
         this._detailsTabTitle.value?.click();
         break;
     }
-    this._deployAppNav.value.activateMenuItem(e), this.deployAppTabSelected.emit(e);
+    e !== "details" && (this._deployAppNav.value.activateMenuItem(e), this.deployAppTabSelected.emit(e));
   }
   _detailsCardSelected() {
     this._detailsTabTitle.value.selected = !0, this._detailsTab.value.selected = !0, this._deployAppNav.value.clearMenuItems();
@@ -138,17 +137,17 @@ class I extends m {
   _getDefaultSearchOptions(t) {
     let e;
     if (t) {
-      const l = t.domain, a = t.industry, d = t.offerType, n = t.searchTerm, _ = "";
+      const l = t.domain, a = t.industry, d = t.offerType, n = t.searchTerm, p = "";
       let o = t.sortField;
       const c = t.owner;
       e = l || a ? {
         type: l ? "domain" : a ? "industry" : ""
-      } : void 0, l && (e = e ? { ...e, domain: l } : { domain: l }), a && (e = e ? { ...e, industry: a } : { industry: a }), n && (e = e ? { ...e, searchTerm: n } : { searchTerm: n }), e && (e = { ...e, displayValue: _ }), o && (e = e ? { ...e, sortType: o } : { sortType: o }), d && (o = d.toLowerCase(), e = e ? { ...e, sortType: o } : { sortType: o }), c && (e = e ? { ...e, owner: c } : { owner: c });
+      } : void 0, l && (e = e ? { ...e, domain: l } : { domain: l }), a && (e = e ? { ...e, industry: a } : { industry: a }), n && (e = e ? { ...e, searchTerm: n } : { searchTerm: n }), e && (e = { ...e, displayValue: p }), o && (e = e ? { ...e, sortType: o } : { sortType: o }), d && (o = d.toLowerCase(), e = e ? { ...e, sortType: o } : { sortType: o }), c && (e = e ? { ...e, owner: c } : { owner: c });
     }
     return e;
   }
 }
-b("solutions-deploy-app", I);
+_("solutions-deploy-app", I);
 export {
   I as SolutionsDeployApp
 };