@esri/solutions-components 1.2.0-next.95 → 1.2.0-next.97

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

@@ -1,17 +1,17 @@
-import { c as p } from "../../chunks/runtime.js";
-import { css as _, html as n, svg as y } from "lit";
-import { u as f } from "../../chunks/useT9n.js";
-import { LitElement as S, createEvent as c } from "@arcgis/lumina";
-import { useContextConsumer as C } from "@arcgis/lumina/context";
-import { n as u, T as w, h as T, g as x, m as v } from "../../chunks/interfaces.js";
-import { C as g, g as I } from "../../chunks/cardFetchingUtils.js";
-import { g as L } from "../../chunks/cardsHelpers.js";
-import { c as E } from "../../chunks/deployAppContexts.js";
-import { b as D } from "../../chunks/helpers.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.94 */
-const A = _`/** @license
+v1.2.0-next.96 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html, svg } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { n as BASE_SOLUTIONS_TERMS, T as TELEMETRY_CATEGORY, h as EDomain, g as EIndustry, m as BASE_DEPLOYED_TERMS } from "../../chunks/interfaces.js";
+import { C as CardsFetcher, g as getDeployedSolutions } from "../../chunks/cardFetchingUtils.js";
+import { g as getDeployedRelatedSolutionIds } from "../../chunks/cardsHelpers.js";
+import { c as configContext } from "../../chunks/deployAppContexts.js";
+import { b as getSortTypeDisplayName } from "../../chunks/helpers.js";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,164 +25,385 @@ const A = _`/** @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 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%)}`, m = 5;
-class F extends S {
+ */
+
+calcite-panel {
+  width: 100%;
+  height: 100%;
+  --calcite-panel-background-color: var(--calcite-color-foreground-2);
+}
+
+.card-group {
+  overflow: hidden;
+  padding: 0.2rem var(--calcite-spacing-md) var(--calcite-spacing-md);
+}
+
+solution-details-card{
+  width: calc(25% - 0.6rem);
+}
+
+@media (max-width: 1234px) {
+  solution-details-card {
+    width: calc(33.333% - 0.6rem);
+  }
+}
+
+@media (max-width: 1010px) {
+  solution-details-card {
+    width: calc(50% - 0.6rem);
+  }
+}
+
+/* We go back to 3 cards below 800 because the filter tree on the left disappears */
+/* See the solutions-all-shell.css for the filter disappearing selector */
+@media (max-width: 800px) {
+  solution-details-card {
+    width: calc(33.33% - 0.6rem);
+  }
+}
+
+@media (max-width: 680px) {
+  solution-details-card {
+    width: calc(50% - 0.6rem);
+  }
+}
+
+@media (max-width: 440px) {
+  solution-details-card {
+    width: calc(100% - 0.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%);
+}
+`;
+const MAX_REQUERY = 5;
+class SolutionsAllPanel extends LitElement {
   constructor() {
-    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = f({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${u}`, this._allCards = [], this._baseAgoTerms = u, this._categories = [], this._configContextConsumer = C({
-      context: E,
-      subscribe: !0,
-      callback: async (e) => {
-        e && await this._loadUpdateProcedures();
+    super();
+    this.sortType = "relevance";
+    this._cards = [];
+    this._isLoading = true;
+    this._modifiedCheckTry = 0;
+    this._translations = useT9n({ name: "solutions-all-panel", blocking: true });
+    this._agoTerms = `${BASE_SOLUTIONS_TERMS}`;
+    this._allCards = [];
+    this._baseAgoTerms = BASE_SOLUTIONS_TERMS;
+    this._categories = [];
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true,
+      callback: async (evt) => {
+        if (evt) {
+          await this._loadUpdateProcedures();
+        }
+      }
+    });
+    this._delay = false;
+    this._getSuggested = false;
+    this._relatedSolutions = /* @__PURE__ */ new Set();
+    this._sortField = "relevance";
+    this._sortOrder = "desc";
+    this.cardsFetched = createEvent();
+    this.allCardsFetched = createEvent();
+    this.searchTermSet = createEvent();
+    this.sortTypeSet = createEvent();
+    this.detailsCardSelected = createEvent();
+    this.listenOn(window, "deployProgressEnd", () => {
+      this._modifiedCheckTry = MAX_REQUERY;
+      this._loadUpdateProcedures();
+    });
+    this.listenOn(window, "solutionDeleted", () => {
+      this._modifiedCheckTry = MAX_REQUERY;
+      this._loadUpdateProcedures();
+    });
+    this.listenOn(window, "sortTypeChanged", (evt) => {
+      if (evt.detail && evt.detail.scope === "all-solutions") {
+        this.sortType = evt.detail.sortType;
+        this._telemetry?.logEvent({
+          category: TELEMETRY_CATEGORY.ALL_SOLUTIONS,
+          action: "Sort",
+          dimensions: [getSortTypeDisplayName(evt.detail.sortType)]
+        });
+        if (this.sortType === "suggested" && this._deployedSolutions?.cards.length === 0) {
+          this._getDeployedSolutions().then(() => {
+            this.searchSolutions(evt.detail);
+          });
+        } else {
+          this.searchSolutions(evt.detail);
+        }
       }
-    }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.sortTypeSet = c(), this.detailsCardSelected = c(), this.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._telemetry?.logEvent({
-        category: w.ALL_SOLUTIONS,
-        action: "Sort",
-        dimensions: [D(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);
+    });
+    this.listenOn(window, "solutionIDFromAssistant", (id) => {
+      this._lookupSolutionById(id.detail);
     });
   }
   static {
-    this.properties = { sortType: 1, _cards: 16, _isLoading: 16, _modifiedCheckTry: 16, _translations: 16 };
+    this.properties = { sortType: 1, _cards: [16, {}, { state: true }], _isLoading: [16, {}, { state: true }], _modifiedCheckTry: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = A;
+    this.styles = styles;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
-  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 searchSolutions(searchOptions) {
+    if (searchOptions) {
+      if ("searchTerm" in searchOptions) {
+        this._textSearch(searchOptions.searchTerm);
+      } else if ("sortType" in searchOptions) {
+        this._sortCards(searchOptions);
+      } else {
+        this._filterCards(searchOptions);
+      }
+    } else {
+      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({
-      searchTerm: e.searchTerm,
-      scope: "all-solutions"
-    })), "sortType" in e && (this._sortCards(e), this.sortTypeSet.emit({
-      sortType: e.sortType,
-      scope: "all-solutions"
-    })));
+  async setSearchOptions(searchOptions) {
+    if (searchOptions) {
+      if ("searchTerm" in searchOptions) {
+        this._textSearch(searchOptions.searchTerm);
+        this.searchTermSet.emit({
+          searchTerm: searchOptions.searchTerm,
+          scope: "all-solutions"
+        });
+      }
+      if ("sortType" in searchOptions) {
+        this._sortCards(searchOptions);
+        this.sortTypeSet.emit({
+          sortType: searchOptions.sortType,
+          scope: "all-solutions"
+        });
+      }
+    }
   }
   render() {
-    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>`;
+    return this._isLoading || this._cards.length ? html`<calcite-panel>${this._isLoading ? html`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : html`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : html`<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.map((e) => n`<solution-details-card .card=${e}></solution-details-card>`);
+    return this._cards.map((card) => {
+      return html`<solution-details-card .card=${card}></solution-details-card>`;
+    });
   }
   async _getSolutions() {
     if (this._configContextConsumer.value) {
-      this._isLoading = !0;
-      const e = await this._cardsFetcher?.requestAvailableSolutionCards({
-        q: this._agoTerms,
-        filter: "type:Solution",
-        sortField: this._sortField,
-        sortOrder: this._sortOrder,
+      this._isLoading = true;
+      const fetchedCards = await this._cardsFetcher?.requestAvailableSolutionCards({
+        "q": this._agoTerms,
+        "filter": "type:Solution",
+        "sortField": this._sortField,
+        "sortOrder": this._sortOrder,
         // TODO default search when old app loads is desc...may need to switch this for other
-        nextStart: -1,
-        categories: this._categories,
-        delay: this._delay,
-        getSuggested: this._getSuggested
+        "nextStart": -1,
+        "categories": this._categories,
+        "delay": this._delay,
+        "getSuggested": this._getSuggested
       }, this._configContextConsumer.value?.primarySolutionsGroupId, this._configContextConsumer.value?.agoBasedEnterpriseSolutionsGroupId, this._configContextConsumer.value?.userSession, {
-        num: 1e3
-      }), t = e?.cards.length ? e.cards : [];
+        "num": 1e3
+      });
+      const cards = fetchedCards?.cards.length ? fetchedCards.cards : [];
       if (this.sortType === "new" || this.sortType === "updated") {
-        let s = "/Categories/New Release";
-        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 o of t) {
-          const r = s.get(o.deployCommonId), d = Number(o.deployVersion);
-          (!r || d > r) && s.set(o.deployCommonId, d);
+        let releaseType = "/Categories/New Release";
+        if (this.sortType === "updated") {
+          releaseType = "/Categories/Updated";
         }
-        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), h = this._relatedSolutions.has(r.deployCommonId);
-          return d && !h ? -1 : !d && h ? 1 : 0;
+        cards.sort((a, b) => {
+          if (a.categories.includes(releaseType) && !b.categories.includes(releaseType)) {
+            return -1;
+          } else if (!a.categories.includes(releaseType) && b.categories.includes(releaseType)) {
+            return 1;
+          } else if (a.categories.includes(releaseType) && b.categories.includes(releaseType)) {
+            return a.categories.length - b.categories.length;
+          } else {
+            return 0;
+          }
         });
+      } else if (this.sortType === "suggested") {
+        if (this._relatedSolutions.size > 0 && this._deployedSolutions?.cards?.length) {
+          const cardVersionMap = /* @__PURE__ */ new Map();
+          for (const c of cards) {
+            const existing = cardVersionMap.get(c.deployCommonId);
+            const version = Number(c.deployVersion);
+            if (!existing || version > existing) {
+              cardVersionMap.set(c.deployCommonId, version);
+            }
+          }
+          const deployedMatches = this._deployedSolutions.cards.filter((d) => {
+            const cardVersion = cardVersionMap.get(d.deployCommonId);
+            return cardVersion !== void 0 && Number(d.deployVersion) >= cardVersion;
+          });
+          const deployedIds = new Set(deployedMatches.map((d) => d.deployCommonId));
+          this._relatedSolutions = new Set([...this._relatedSolutions].filter((id) => !deployedIds.has(id)));
+          cards.sort((a, b) => {
+            const inRelatedA = this._relatedSolutions.has(a.deployCommonId);
+            const inRelatedB = this._relatedSolutions.has(b.deployCommonId);
+            if (inRelatedA && !inRelatedB)
+              return -1;
+            if (!inRelatedA && inRelatedB)
+              return 1;
+            return 0;
+          });
+        }
       }
-      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;
+      const solutionDetailsCards = cards.map((fetchedCard) => {
+        const hasNewRelease = fetchedCard.categories.indexOf("/Categories/New Release") > -1;
+        const hasUpdatedRelease = fetchedCard.categories.indexOf("/Categories/Updated") > -1;
+        let isDeployed = false;
+        let isLatestVersion = true;
+        if (this._deployedSolutions) {
+          isDeployed = this._isSolutionDeployed(fetchedCard.deployCommonId);
+          isLatestVersion = this._isLatestVersion(fetchedCard);
+        }
+        fetchedCard.chip = hasNewRelease ? "new" : hasUpdatedRelease ? "updated" : isDeployed ? isLatestVersion ? "deployed" : "none" : "none";
+        fetchedCard.supportReuse = isDeployed ? isDeployed && !isLatestVersion ? true : false : true;
+        return fetchedCard;
       });
-      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = L(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(i.length), this._isLoading = !1, i;
-    } else
-      return this._isLoading = !1, [];
+      if (this._allCards.length === 0 && fetchedCards?.cards) {
+        this._allCards = fetchedCards?.cards;
+        if (this._deployedSolutions) {
+          this._relatedSolutions = getDeployedRelatedSolutionIds(this._deployedSolutions.cards, this._allCards);
+        }
+      }
+      this.cardsFetched.emit(solutionDetailsCards.length);
+      this._isLoading = false;
+      return solutionDetailsCards;
+    } else {
+      this._isLoading = false;
+      return [];
+    }
   }
   async _loadUpdateProcedures() {
-    this._isLoading = !0;
-    const e = this._configContextConsumer.value;
-    this._cardsFetcher = new g(e.locale, e.orgUrl, e.portalUrl), this._cardsFetcherDeployed = new g(e.locale, e.orgUrl, e.portalUrl), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards), this._isLoading = !1;
+    this._isLoading = true;
+    const config = this._configContextConsumer.value;
+    this._cardsFetcher = new CardsFetcher(config.locale, config.orgUrl, config.portalUrl);
+    this._cardsFetcherDeployed = new CardsFetcher(config.locale, config.orgUrl, config.portalUrl);
+    await this._getDeployedSolutions();
+    this._cards = await this._getSolutions();
+    this.allCardsFetched.emit(this._cards);
+    this._isLoading = false;
   }
   async _getDeployedSolutions() {
-    const e = this._configContextConsumer.value.authentication, t = this._configContextConsumer.value.userSession;
-    if (e && t && e.IsSignedIn) {
-      const i = await I(e, t, this._cardsFetcher, this._cardsFetcherDeployed, v, "created");
-      if (i) {
+    const authentication = this._configContextConsumer.value.authentication;
+    const userSession = this._configContextConsumer.value.userSession;
+    if (authentication && userSession && authentication.IsSignedIn) {
+      const deployedSolutions = await getDeployedSolutions(authentication, userSession, this._cardsFetcher, this._cardsFetcherDeployed, BASE_DEPLOYED_TERMS, "created");
+      if (deployedSolutions) {
         if (this._modifiedCheckTry > 0) {
-          if (this._deployedSolutions?.cards.length === i?.cards.length)
-            return this._modifiedCheckTry--, await this._getDeployedSolutions();
-          this._modifiedCheckTry = 0;
+          if (this._deployedSolutions?.cards.length === deployedSolutions?.cards.length) {
+            this._modifiedCheckTry--;
+            return await this._getDeployedSolutions();
+          } else {
+            this._modifiedCheckTry = 0;
+          }
         }
-        this._deployedSolutions = i;
+        this._deployedSolutions = deployedSolutions;
       }
     }
   }
   _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)>${y`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
-  }
-  _textSearch(e) {
-    this._agoTerms = this._baseAgoTerms + ` ${e}`;
-  }
-  _sortCards(e) {
-    const t = e.sortType;
-    this._getSuggested = !1, this._sortOrder = "desc", t === "suggested" ? this._getSuggested = !0 : t === "new" ? this._sortField = "relevance" : t === "relevance" || t === "title" ? (t === "title" && (this._sortOrder = "asc"), this._sortField = t) : t === "updated" && (this._sortField = "relevance"), this.sortType = t;
-  }
-  _filterCards(e) {
-    this._categories = [], e.forEach((t) => {
-      if (t.industry) {
-        const i = this._getIndustryValue(t.industry);
-        if (t.domain) {
-          const s = this._getDomainValue(t.domain);
-          this._categories.push(`/Categories/${i}/${s}`);
-        } else
-          this._categories.push(`/Categories/${i}`);
+    return html`<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)>${svg`<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(searchText) {
+    this._agoTerms = this._baseAgoTerms + ` ${searchText}`;
+  }
+  _sortCards(sortOption) {
+    const sortType = sortOption.sortType;
+    this._getSuggested = false;
+    this._sortOrder = "desc";
+    if (sortType === "suggested") {
+      this._getSuggested = true;
+    } else if (sortType === "new") {
+      this._sortField = "relevance";
+    } else if (sortType === "relevance" || sortType === "title") {
+      if (sortType === "title") {
+        this._sortOrder = "asc";
+      }
+      this._sortField = sortType;
+    } else if (sortType === "updated") {
+      this._sortField = "relevance";
+    }
+    this.sortType = sortType;
+  }
+  _filterCards(filterOptions) {
+    this._categories = [];
+    filterOptions.forEach((filterOption) => {
+      if (filterOption.industry) {
+        const industry = this._getIndustryValue(filterOption.industry);
+        if (filterOption.domain) {
+          const domain = this._getDomainValue(filterOption.domain);
+          this._categories.push(`/Categories/${industry}/${domain}`);
+        } else {
+          this._categories.push(`/Categories/${industry}`);
+        }
       }
     });
   }
-  _getDomainValue(e) {
-    return T[e];
+  _getDomainValue(key) {
+    return EDomain[key];
   }
-  _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : x[e];
+  _getIndustryValue(key) {
+    return key === "AEC" ? "AEC" : EIndustry[key];
   }
   _clearFilterCategories() {
     this._categories = [];
   }
-  _isSolutionDeployed(e) {
-    return !!this._deployedSolutions?.cards?.some((t) => t?.typeKeywords?.some((i) => i.includes("solutionid") && i.includes(e)));
+  _isSolutionDeployed(solutionId) {
+    return !!this._deployedSolutions?.cards?.some((card) => card?.typeKeywords?.some((k) => k.includes("solutionid") && k.includes(solutionId)));
   }
-  _isLatestVersion(e) {
-    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);
+  _isLatestVersion(solutionCard) {
+    const matchCards = this._deployedSolutions?.cards?.filter((card) => card?.typeKeywords?.some((k) => k.includes("solutionid") && k.includes(solutionCard.deployCommonId)));
+    if (matchCards && matchCards.length > 0) {
+      const matchCard = matchCards[0];
+      if (matchCard.deployVersion !== solutionCard.deployVersion) {
+        return false;
+      }
+    }
+    return true;
   }
-  _lookupSolutionById(e) {
-    const t = this._cards.filter((i) => i.typeKeywords.includes(e));
-    t.length > 0 && this.detailsCardSelected.emit(t[0]);
+  _lookupSolutionById(id) {
+    const foundItem = this._cards.filter((card) => {
+      const justKeywords = card.typeKeywords;
+      return justKeywords.includes(id);
+    });
+    if (foundItem.length > 0) {
+      this.detailsCardSelected.emit(foundItem[0]);
+    }
   }
 }
-p("solutions-all-panel", F);
+customElement("solutions-all-panel", SolutionsAllPanel);
 export {
-  F as SolutionsAllPanel
+  SolutionsAllPanel
 };