@esri/solutions-components 1.2.0-next.184 → 1.2.0-next.185

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

@@ -1,191 +1,460 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
-import { c as p } from "../../chunks/runtime.js";
-import { css as f, html as d, svg as y } from "lit";
-import { u as C } from "../../chunks/useT9n.js";
-import { LitElement as S, createEvent as c } from "@arcgis/lumina";
-import { useContextConsumer as v } from "@arcgis/lumina/context";
-import { a as u, T as g, K as w, d as x, e as T, B as E } from "../../chunks/interfaces.js";
-import { C as m, g as I } from "../../chunks/cardFetchingUtils.js";
-import { b as A } from "../../chunks/cardsHelpers.js";
-import { c as D } from "../../chunks/deployAppContexts.js";
-const L = f`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)}}.text-center{text-align:center}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto;font-size:var(--calcite-font-size-md)}.no-solutions{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 190px)}.margin-top-half{margin-top:.5rem}.margin-top-1{margin-top:1rem}.no-solutions-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}`, _ = 5;
-class b extends S {
+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 { a as BASE_SOLUTIONS_TERMS, T as TELEMETRY_CATEGORY, K as getSortTypeDisplayName, d as EDomain, e as EIndustry, B as BASE_DEPLOYED_TERMS } from "../../chunks/interfaces.js";
+import { C as CardsFetcher, g as getDeployedSolutions } from "../../chunks/cardFetchingUtils.js";
+import { b as getDeployedRelatedSolutionIds } from "../../chunks/cardsHelpers.js";
+import { c as configContext } from "../../chunks/deployAppContexts.js";
+const styles = css`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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: 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);
+  }
+}
+
+.text-center {
+  text-align: center;
+}
+
+.leader-1 {
+  margin-top: var(--calcite-spacing-xxl);
+}
+
+.trailer-1 {
+  margin-bottom: var(--calcite-spacing-xxl);
+}
+
+.warning-text {
+  max-width: 35em;
+  margin-left: auto;
+  margin-right: auto;
+  font-size: var(--calcite-font-size-md);
+}
+
+.no-solutions {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  min-height: calc(100vh - 190px);
+}
+
+.margin-top-half {
+  margin-top: 0.5rem;
+}
+
+.margin-top-1 {
+  margin-top: 1rem;
+}
+
+.no-solutions-prompt {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}`;
+const MAX_REQUERY = 5;
+class SolutionsAllPanel extends LitElement {
   constructor() {
-    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = C({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${u}`, this._allCards = [], this._baseAgoTerms = u, this._categories = [], this._configContextConsumer = v({
-      context: D,
-      subscribe: !0,
-      callback: async (e) => {
-        e && (this._isDisconnectedEnvironment ? this._isLoading = !1 : 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) {
+          if (!this._isDisconnectedEnvironment) {
+            await this._loadUpdateProcedures();
+          } else {
+            this._isLoading = false;
+          }
+        }
       }
-    }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.sortTypeSet = c(), this.detailsCardSelected = c(), this._handleOpenAssistant = () => {
+    });
+    this._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._handleOpenAssistant = () => {
       this._telemetry?.logEvent({
-        category: g.ASSISTANT,
+        category: TELEMETRY_CATEGORY.ASSISTANT,
         action: "Open"
-      }), window.dispatchEvent(new CustomEvent("openAssistant"));
-    }, this.listenOn(window, "deployProgressEnd", () => {
-      this._modifiedCheckTry = _, this._loadUpdateProcedures();
-    }), this.listenOn(window, "solutionDeleted", () => {
-      this._modifiedCheckTry = _, this._loadUpdateProcedures();
-    }), this.listenOn(window, "sortTypeChanged", (e) => {
-      e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, this._telemetry?.logEvent({
-        category: g.ALL_SOLUTIONS,
-        action: "Sort",
-        dimensions: [w(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);
+      });
+      window.dispatchEvent(new CustomEvent("openAssistant"));
+    };
+    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.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 = L;
+    this.styles = styles;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
   get _isDisconnectedEnvironment() {
-    return this._configContextConsumer.value?.isEnterprise === !0 && this._configContextConsumer.value?.authentication?.CanSearchArcGISOnline === !1;
+    return this._configContextConsumer.value?.isEnterprise === true && this._configContextConsumer.value?.authentication?.CanSearchArcGISOnline === false;
   }
-  async searchSolutions(e) {
-    this._isDisconnectedEnvironment || (e ? "searchTerm" in e ? this._textSearch(e.searchTerm) : "sortType" in e ? this._sortCards(e) : Array.isArray(e) && this._filterCards(e) : (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories()), this._cards = await this._getSolutions());
+  async searchSolutions(searchOptions) {
+    if (this._isDisconnectedEnvironment) {
+      return;
+    }
+    if (searchOptions) {
+      if ("searchTerm" in searchOptions) {
+        this._textSearch(searchOptions.searchTerm);
+      } else if ("sortType" in searchOptions) {
+        this._sortCards(searchOptions);
+      } else if (Array.isArray(searchOptions)) {
+        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() {
-    const e = this._configContextConsumer.value?.authentication?.IsSignedIn && this._configContextConsumer.value?.authentication?.CanUseAI;
-    return this._isDisconnectedEnvironment ? d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.disconnectedEnvironment}</div></div></div></div>` : this._isLoading || this._cards.length ? d`<calcite-panel>${this._isLoading ? d`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : d`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.noSolutionsFound}</div><div class="margin-top-half">${e ? this._translations.assistantHelp : this._translations.changeSearchTerm}</div></div>${e && d`<calcite-button appearance=outline icon-start=speech-bubbles @click=${this._handleOpenAssistant} scale=l>${this._translations.askAssistant}</calcite-button>` || ""}</div></div>`;
+    const canUseAssistant = this._configContextConsumer.value?.authentication?.IsSignedIn && this._configContextConsumer.value?.authentication?.CanUseAI;
+    if (this._isDisconnectedEnvironment) {
+      return html`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.disconnectedEnvironment}</div></div></div></div>`;
+    }
+    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="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.noSolutionsFound}</div><div class="margin-top-half">${canUseAssistant ? this._translations.assistantHelp : this._translations.changeSearchTerm}</div></div>${canUseAssistant && html`<calcite-button appearance=outline icon-start=speech-bubbles @click=${this._handleOpenAssistant} scale=l>${this._translations.askAssistant}</calcite-button>` || ""}</div></div>`;
   }
   _renderCards() {
-    return this._cards.map((e) => d`<solution-details-card .card=${e}></solution-details-card>`);
+    return this._cards.map((card) => {
+      return html`<solution-details-card .card=${card}></solution-details-card>`;
+    });
   }
   async _getSolutions() {
-    if (this._isDisconnectedEnvironment)
-      return this._isLoading = !1, [];
+    if (this._isDisconnectedEnvironment) {
+      this._isLoading = false;
+      return [];
+    }
     if (this._configContextConsumer.value) {
-      this._isLoading = !0, this._abortController ? this._abortController.abort() : this._abortController = new AbortController();
-      const e = await this._cardsFetcher?.requestAvailableSolutionCards({
-        q: this._agoTerms,
-        filter: "type:Solution",
-        sortField: this._sortField,
-        sortOrder: this._sortOrder,
+      this._isLoading = true;
+      if (this._abortController) {
+        this._abortController.abort();
+      } else {
+        this._abortController = new AbortController();
+      }
+      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,
-        num: 100
+        "nextStart": -1,
+        "categories": this._categories,
+        "delay": this._delay,
+        "getSuggested": this._getSuggested,
+        "num": 100
       }, this._configContextConsumer.value?.primarySolutionsGroupId, this._configContextConsumer.value?.agoBasedEnterpriseSolutionsGroupId, this._configContextConsumer.value?.userSession, this._configContextConsumer.value?.isEnterprise, this._abortController.signal, {
-        num: 1e3
+        "num": 1e3
       });
       this._abortController = void 0;
-      const t = e?.cards.length ? e.cards : [];
+      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), n = Number(o.deployVersion);
-          (!r || n > r) && s.set(o.deployCommonId, n);
+        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 n = this._relatedSolutions.has(o.deployCommonId), h = this._relatedSolutions.has(r.deployCommonId);
-          return n && !h ? -1 : !n && 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;
-        this._deployedSolutions && (o = this._isSolutionDeployed(s.deployCommonId), r = this._isLatestVersion(s));
-        const n = [];
-        return a ? n.push("new") : l && n.push("updated"), o && r && n.push("deployed"), s.chips = n.length > 0 ? n : void 0, s.supportReuse = o ? !!(o && !r) : !0, s;
+      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);
+        }
+        const chips = [];
+        if (hasNewRelease) {
+          chips.push("new");
+        } else if (hasUpdatedRelease) {
+          chips.push("updated");
+        }
+        if (isDeployed && isLatestVersion) {
+          chips.push("deployed");
+        }
+        fetchedCard.chips = chips.length > 0 ? chips : void 0;
+        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 = A(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() {
     if (this._isDisconnectedEnvironment) {
-      this._isLoading = !1;
+      this._isLoading = false;
       return;
     }
-    this._isLoading = !0;
-    const e = this._configContextConsumer.value;
-    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;
+    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, E, "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 d`<div><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><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 x[e];
+  _getDomainValue(key) {
+    return EDomain[key];
   }
-  _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : T[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._allCards.filter((i) => i.deployCommonId === e);
-    t.length > 0 && this.detailsCardSelected.emit(t[0]);
+  _lookupSolutionById(id) {
+    const foundItem = this._allCards.filter((card) => {
+      return card.deployCommonId === id;
+    });
+    if (foundItem.length > 0) {
+      this.detailsCardSelected.emit(foundItem[0]);
+    }
   }
 }
-p("solutions-all-panel", b);
+customElement("solutions-all-panel", SolutionsAllPanel);
 export {
-  b as SolutionsAllPanel
+  SolutionsAllPanel
 };