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

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

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
-import { c as g } from "../../chunks/runtime.js";
+import { c as m } from "../../chunks/runtime.js";
 import { css as f, html as _ } from "lit";
 import { u as v } from "../../chunks/useT9n.js";
 import { LitElement as C, createEvent as n, safeClassMap as p } from "@arcgis/lumina";
@@ -14,12 +14,12 @@ import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
-import { _ as M } from "../../chunks/solution-deploy-dialog.js";
+import { _ as A } from "../../chunks/solution-deploy-dialog.js";
 import "../solutions-all-shell/customElement.js";
 import "../solutions-deployed-shell/customElement.js";
 import "../solution-details-panel/customElement.js";
 import "../solution-deployed-card-panel/customElement.js";
-const A = f`.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-3);height:100%}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-resources-shell,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-3);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}`;
+const M = f`.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-3);height:100%}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-resources-shell,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-3);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}`;
 class L extends C {
   constructor() {
     super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._translations = v({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${S}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = T({ context: O }), this._delay = !1, this._deployAppNav = o(), this._deployedCardPanel = o(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = o(), this._deployedCardTabTitle = o(), this._detailsShell = o(), this._detailsTab = o(), this._detailsTabTitle = o(), this._forceInit = !1, this._getSuggested = !1, this._isMobileContextProvider = T({ context: x }), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new b(), this.deployAppTabSelected = n(), this.deployedCardFetchFailed = n(), this.detailsCardSelected = n(), this.deployedCardSelected = n(), this.metaTagStringsReady = n(), this.sessionRefreshed = n(), this.tabChanged = n(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (t) => this.selectTab(t.detail, {})), this._mediaQueryChange = this._mediaQueryChange.bind(this);
@@ -28,7 +28,7 @@ class L extends C {
     this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _activeTab: 16, _showDeployedCardFetchFailed: 16, _translations: 16 };
   }
   static {
-    this.styles = A;
+    this.styles = M;
   }
   get _telemetry() {
     return this._configContextProvider.value?.telemetrySession;
@@ -63,7 +63,7 @@ class L extends C {
           }
           break;
         case "deployments":
-          this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, this._searchSortToolbar && i.filter && this._searchSortToolbar.changeOwnerFilter(i.filter !== "Organization"), i && await this._mySolutionsShell.value?.searchSolutions(i);
+          this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, this._searchSortToolbar && i?.filter && this._searchSortToolbar.changeOwnerFilter(i.filter !== "Organization"), i && await this._mySolutionsShell.value?.searchSolutions(i);
           break;
       }
       return this._setActiveTab(new CustomEvent("setActiveTab", { detail: t })), this._blurTabs(), this._showDeployedCardFetchFailed && (this.deployedCardFetchFailed.emit({ message: this._deployCardFetchFailedMessage, title: this._translations.failedToOpen }), this._showDeployedCardFetchFailed = !1), !0;
@@ -74,7 +74,7 @@ class L extends C {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
   }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = M);
+    this.useLocalAppConfig && (this.appConfig = A);
   }
   render() {
     const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
@@ -196,7 +196,7 @@ class L extends C {
   async _getSolutions(t, e) {
     if (this._isDisconnectedEnvironment)
       return [];
-    this._abortController ? this._abortController.abort() : this._abortController = new AbortController();
+    this._abortController ? (this._abortController.abort(), this._abortController = new AbortController()) : this._abortController = new AbortController();
     const i = await this._cardsFetcher?.requestAvailableSolutionCards({
       q: this._agoTerms,
       filter: "type:Solution",
@@ -216,9 +216,10 @@ class L extends C {
   async _getDeployedSolution(t) {
     const e = this._configContextProvider.value.authentication, i = this._configContextProvider.value.userSession;
     if (e && i && e.IsSignedIn) {
+      this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
       const s = w(e);
       try {
-        const a = await F(e, i, this._cardsFetcher, this._cardFetcherDeployed, D, "created", "desc", !1, [], [], s ? "My organization's solutions" : "My solutions", t);
+        const a = await F(e, i, this._cardsFetcher, this._cardFetcherDeployed, D, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", t);
         a.cards.length === 0 || a.cards[0].typeKeywords.indexOf("Deployed") < 0 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : this._deployedSolutions = a;
       } catch (a) {
         const r = a.message;
@@ -235,12 +236,12 @@ class L extends C {
   _getDefaultSearchOptions(t) {
     let e;
     if (t) {
-      const i = t.domain, s = t.industry === "AEC" ? I.AEC : t.industry, a = t.offerType, r = t.searchTerm, m = "";
+      const i = t.domain, s = t.industry === "AEC" ? I.AEC : t.industry, a = t.offerType, r = t.searchTerm, g = "";
       let d = t.sortField;
       const h = t.owner, u = t.filter;
       e = i || s ? {
         type: i ? "domain" : s ? "industry" : ""
-      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: m }), d && (e = e ? { ...e, sortType: d } : { sortType: d }), a && (d = a.toLowerCase(), e = e ? { ...e, sortType: d } : { sortType: d }), h && (e = e ? { ...e, owner: h } : { owner: h }), u && (e = e ? { ...e, filter: u } : { filter: u });
+      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: g }), d && (e = e ? { ...e, sortType: d } : { sortType: d }), a && (d = a.toLowerCase(), e = e ? { ...e, sortType: d } : { sortType: d }), h && (e = e ? { ...e, owner: h } : { owner: h }), u && (e = e ? { ...e, filter: u } : { filter: u });
     }
     return e;
   }
@@ -260,7 +261,7 @@ class L extends C {
     }
   }
 }
-g("solutions-deploy-app", L);
+m("solutions-deploy-app", L);
 export {
   L as SolutionsDeployApp
 };

package/dist/components/solutions-deployed-panel/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IFilterOption, ISearchOption, ISearchTerm, ISortOption, ISortType, SortType } from "../../utils/interfaces.js";
+import type { IFilterOption, IQueryParams, ISearchOption, ISearchTerm, ISortOption, ISortType, SortType } from "../../utils/interfaces.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 export abstract class SolutionsDeployedPanel extends LitElement {
@@ -45,7 +45,7 @@ export abstract class SolutionsDeployedPanel extends LitElement {
    *
    * @param searchOptions - the key criteria to search with
    */
-  searchSolutions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>;
+  searchSolutions(searchOptions?: IFilterOption | ISearchOption | ISortOption | IQueryParams): Promise<void>;
   /**
    * Set key properties for solution search
    * This is used for handeling multiple options from url params

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

@@ -1,17 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
 import { c as _ } from "../../chunks/runtime.js";
 import { css as u, html as o, svg as f } from "lit";
-import { ref as g } from "lit/directives/ref.js";
-import { u as y } from "../../chunks/useT9n.js";
+import { ref as y } from "lit/directives/ref.js";
+import { u as g } from "../../chunks/useT9n.js";
 import { LitElement as w, createEvent as l, nothing as C } from "@arcgis/lumina";
 import { useContextConsumer as T } from "@arcgis/lumina/context";
 import { C as d, g as x } from "../../chunks/cardFetchingUtils.js";
 import { c as v } from "../../chunks/deployAppContexts.js";
-import { B as c, T as n, K as S } from "../../chunks/interfaces.js";
-const D = u`calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding-inline-start:var(--calcite-spacing-base);padding-top:var(--calcite-spacing-base);padding-bottom:var(--calcite-spacing-md)}.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)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}h1{font-weight:unset;margin:0;padding:0}solution-deployed-card{width:calc(20% - .75rem)}@media(max-width:1280px){solution-deployed-card{width:calc(25% - .75rem)}}@media(max-width:1010px){solution-deployed-card{width:calc(33.333% - .75rem)}}@media(max-width:740px){solution-deployed-card{width:calc(50% - .75rem)}}@media(max-width:440px){solution-deployed-card{width:calc(100% - .75rem)}}.margin-top-half{margin-top:.5rem}`, h = 5;
+import { B as c, T as n, K as S, c as D } from "../../chunks/interfaces.js";
+const b = u`calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding-inline-start:var(--calcite-spacing-base);padding-top:var(--calcite-spacing-base);padding-bottom:var(--calcite-spacing-md)}.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)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}h1{font-weight:unset;margin:0;padding:0}solution-deployed-card{width:calc(20% - .75rem)}@media(max-width:1280px){solution-deployed-card{width:calc(25% - .75rem)}}@media(max-width:1010px){solution-deployed-card{width:calc(33.333% - .75rem)}}@media(max-width:740px){solution-deployed-card{width:calc(50% - .75rem)}}@media(max-width:440px){solution-deployed-card{width:calc(100% - .75rem)}}.margin-top-half{margin-top:.5rem}`, h = 5;
 class E extends w {
   constructor() {
-    super(), this.sortType = "created", this._cards = [], this._cardsFetching = !1, this._modifiedCheckTry = 0, this._newId = "", this._refs = {}, this._showDeleteCompleteAlert = !1, this._deletedSolutionName = "", this._translations = y({ name: "solutions-deployed-panel", blocking: !0 }), this._agoTerms = c, this._allCards = [], this._baseAgoTerms = c, this._categories = [], this._configContextConsumer = T({
+    super(), this.sortType = "created", this._cards = [], this._cardsFetching = !1, this._modifiedCheckTry = 0, this._newId = "", this._refs = {}, this._showDeleteCompleteAlert = !1, this._deletedSolutionName = "", this._translations = g({ name: "solutions-deployed-panel", blocking: !0 }), this._agoTerms = c, this._allCards = [], this._baseAgoTerms = c, this._categories = [], this._configContextConsumer = T({
       context: v,
       subscribe: !0,
       callback: async (e) => {
@@ -41,34 +41,45 @@ class E extends w {
     this.properties = { sortType: 1, _cards: 16, _cardsFetching: 16, _modifiedCheckTry: 16, _newId: 16, _refs: 16, _showDeleteCompleteAlert: 16, _deletedSolutionName: 16, _translations: 16 };
   }
   static {
-    this.styles = D;
+    this.styles = b;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
-  async reload(e = !0, t = !0, a) {
-    this._initCardsFetchers(), e && (this._showDeleteCompleteAlert = !0, this._deletedSolutionName = a || this._translations.solution), t ? setTimeout(() => {
+  async reload(e = !0, t = !0, r) {
+    this._initCardsFetchers(), e && (this._showDeleteCompleteAlert = !0, this._deletedSolutionName = r || this._translations.solution), t ? setTimeout(() => {
       (async () => {
         try {
           await this._getDeployedSolutions();
-        } catch (r) {
-          console.error("Error getting deployed solutions:", r);
+        } catch (a) {
+          console.error("Error getting deployed solutions:", a);
         }
       })();
     }, 500) : await this._getDeployedSolutions();
   }
   async searchSolutions(e) {
-    e ? "searchTerm" in e ? this._textSearch(e.searchTerm) : "sortType" in e ? this._sortCards(e) : e.type === "owner" && (this._owner = e.value, this._telemetry?.logEvent({
-      category: n.DEPLOYMENTS,
-      action: "Filter",
-      dimensions: [e.value === "My solutions" ? "My content" : "Organization"]
-    })) : (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories()), await this._getDeployedSolutions();
+    if (e) {
+      if ("searchTerm" in e && this._setSearchTerm(e.searchTerm || ""), "sortType" in e && this._setSortOptions(e), Object.keys(e).indexOf("type") > -1) {
+        const t = e;
+        this._owner = t.value, this._telemetry?.logEvent({
+          category: n.DEPLOYMENTS,
+          action: "Filter",
+          dimensions: [t.value === "My solutions" ? "My content" : "Organization"]
+        });
+      }
+      if (Object.keys(e).indexOf("filter") > -1) {
+        const t = e;
+        this._owner = t.filter === D.ORG ? "My organization's solutions" : "My solutions";
+      }
+    } else
+      this._agoTerms = this._baseAgoTerms, this._clearFilterCategories();
+    await this._getDeployedSolutions();
   }
   async setSearchOptions(e) {
-    e && ("searchTerm" in e && (this._textSearch(e.searchTerm), this.searchTermSet.emit({
+    e && ("searchTerm" in e && (this._setSearchTerm(e.searchTerm), this.searchTermSet.emit({
       searchTerm: e.searchTerm,
       scope: "deployments"
-    })), "sortType" in e && (this._sortCards(e), this.sortTypeSet.emit({
+    })), "sortType" in e && (this._setSortOptions(e), this.sortTypeSet.emit({
       sortType: e.sortType,
       scope: "deployments"
     })));
@@ -85,7 +96,7 @@ class E extends w {
     }
   }
   _renderCards() {
-    return this._refs = {}, this._cards.map((e) => o`<solution-deployed-card .card=${e} .deployedDate=${e.created} .description=${e.snippet} .diagramKey=${this._configContextConsumer.value?.diagramKey} .heading=${e.title} id=${e.id ?? C} .itemId=${e.id} .owner=${this._owner === "My solutions" ? "" : e.owner} .thumbnail=${e.thumbnailUrl} ${g(this._handleRefs)}></solution-deployed-card>`);
+    return this._refs = {}, this._cards.map((e) => o`<solution-deployed-card .card=${e} .deployedDate=${e.created} .description=${e.snippet} .diagramKey=${this._configContextConsumer.value?.diagramKey} .heading=${e.title} id=${e.id ?? C} .itemId=${e.id} .owner=${this._owner === "My solutions" ? "" : e.owner} .thumbnail=${e.thumbnailUrl} ${y(this._handleRefs)}></solution-deployed-card>`);
   }
   _handleRefs(e) {
     e && (this._refs[e.id] = e);
@@ -93,18 +104,22 @@ class E extends w {
   async _getDeployedSolutions() {
     const e = this._configContextConsumer.value.authentication;
     if (e.IsSignedIn) {
-      this._cardsFetching = !0;
-      const t = await x(e, this._configContextConsumer.value.userSession, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards, this._owner);
-      this._modifiedCheckTry > 0 && (this._cards.length === t?.cards.length ? (this._modifiedCheckTry--, this._getDeployedSolutions()) : this._modifiedCheckTry = 0), this._cards = t?.cards ?? [], this.deployedCardsFetched.emit(this._cards.length), this._cardsFetching = !1;
+      this._abortController ? (this._abortController.abort("redundant request"), this._abortController = new AbortController()) : this._abortController = new AbortController(), this._cardsFetching = !0;
+      try {
+        const t = await x(e, this._configContextConsumer.value.userSession, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards, this._abortController.signal, this._owner);
+        this._abortController = void 0, this._modifiedCheckTry > 0 && (this._cards?.length === t?.cards?.length ? (this._modifiedCheckTry--, this._getDeployedSolutions()) : this._modifiedCheckTry = 0), this._cards = t?.cards ?? [], this.deployedCardsFetched.emit(this._cards.length), this._cardsFetching = !1;
+      } catch (t) {
+        t.message !== "redundant request" && console.warn(t);
+      }
     }
   }
   _getSolutionsBriefcase() {
     return o`<div><svg viewBox="0 0 64 64" width=200 height=200 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${f`<path d="M10.723 54.9h6.409a7.896 7.896 0 0 0 13.736 0h23.896a4.137 4.137 0 0 0 4.136-4.136l-.004-32.446a3.222 3.222 0 0 0-3.217-3.219l-10.779.064V9.836A3.741 3.741 0 0 0 41.163 6.1H23.837A3.741 3.741 0 0 0 20.1 9.836l.067 5.264-10.8.004A3.275 3.275 0 0 0 6.1 18.37L6.096 26a.893.893 0 0 0 .263.636.907.907 0 0 0 .638.263l5.902-.014.013-5.985 38.781.01a.407.407 0 0 1 .407.407l.008 22.925a2.858 2.858 0 0 1-2.857 2.858H30.868a7.896 7.896 0 0 0-13.736 0H12.9v-5.2a.801.801 0 0 0-.8-.8H6.9a.801.801 0 0 0-.8.8l-.001 8.375a4.59 4.59 0 0 0 1.353 3.27 4.658 4.658 0 0 0 3.27 1.355zM6.9 41.9h5.2v6h5.51l.112-.213a7.098 7.098 0 0 1 12.556 0l.113.213h18.86a3.683 3.683 0 0 0 2.587-1.071 3.635 3.635 0 0 0 1.071-2.587L52.9 21.317a1.208 1.208 0 0 0-1.207-1.207l-38.867-.01a.714.714 0 0 0-.714.712l-.011 5.275-5.106.012.001.4-.1-.499.003-7.628a2.471 2.471 0 0 1 2.468-2.469l10.8-.003a.734.734 0 0 0 .733-.733v-5.33A2.94 2.94 0 0 1 23.837 6.9h17.326A2.94 2.94 0 0 1 44.1 9.836v5.327a.734.734 0 0 0 .733.733l10.846.003a2.421 2.421 0 0 1 2.417 2.419l.004 32.446a3.337 3.337 0 0 1-3.336 3.336H30.39l-.113.213a7.098 7.098 0 0 1-12.556 0l-.113-.213h-6.886a3.85 3.85 0 0 1-2.704-1.12 3.796 3.796 0 0 1-1.12-2.705zm17.1 13a3.9 3.9 0 1 0-3.9-3.9 3.905 3.905 0 0 0 3.9 3.9zm0-7a3.1 3.1 0 1 1-3.1 3.1 3.103 3.103 0 0 1 3.1-3.1zm10-6a7.918 7.918 0 0 0 7.349-5h4.818a.734.734 0 0 0 .733-.733v-4.334a.734.734 0 0 0-.733-.733h-4.818a7.9 7.9 0 0 0-14.698 0H5.833a.734.734 0 0 0-.733.733v4.334a.734.734 0 0 0 .733.733h20.818a7.918 7.918 0 0 0 7.349 5zm-28.167-10h21.378l.095-.266a7.1 7.1 0 0 1 13.388 0l.095.266 5.31-.066.068 4.266h-5.378l-.095.266a7.1 7.1 0 0 1-13.388 0l-.095-.266-21.31.066zM34 37.9a3.9 3.9 0 1 0-3.9-3.9 3.905 3.905 0 0 0 3.9 3.9zm0-7a3.1 3.1 0 1 1-3.1 3.1 3.103 3.103 0 0 1 3.1-3.1zm5.658-20.8H25.342a1.244 1.244 0 0 0-1.242 1.242V15.9h16.8v-4.558a1.244 1.244 0 0 0-1.242-1.242zm.442 5H24.9v-3.758a.443.443 0 0 1 .442-.442h14.316a.443.443 0 0 1 .442.442z" />`}</svg></div>`;
   }
-  _textSearch(e) {
+  _setSearchTerm(e) {
     this._agoTerms = this._baseAgoTerms + ` ${e}`;
   }
-  _sortCards(e) {
+  _setSortOptions(e) {
     const t = e.sortType;
     t === "relevance" || t === "title" ? (t === "title" && (this._sortOrder = "asc"), this._sortField = t) : (t === "updated" || t === "created") && (this._sortOrder = "desc", this._sortField = t), this.sortType = t;
   }
@@ -114,12 +129,12 @@ class E extends w {
   async _refreshAfterDeploy(e) {
     if (e) {
       this._newId = e;
-      const t = 10, a = 500;
+      const t = 10, r = 500;
       for (let s = 0; s < t && (await this._getDeployedSolutions(), !this._cards.some((i) => i.id === e)); s++)
-        s < t - 1 && await new Promise((i) => setTimeout(i, a));
+        s < t - 1 && await new Promise((i) => setTimeout(i, r));
       await this.updateComplete;
-      const r = 10, m = 100;
-      for (let s = 0; s < r; s++) {
+      const a = 10, m = 100;
+      for (let s = 0; s < a; s++) {
         if (this._refs[e]) {
           const i = this._cards.find((p) => p.id === e);
           window.dispatchEvent(new CustomEvent("deployedCardReady", {