@esri/solutions-components 1.1.0-next.20251010 → 1.1.0-next.20251015

package/dist/components/solution-template-data/customElement.js

@@ -5,7 +5,7 @@ import { css as h, nothing as d, html as p } from "lit";
 import { LitElement as u, noShadowRoot as m, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251010 */
+v1.1.0-next.20251015 */
 const v = h`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-variables/customElement.js

@@ -4,7 +4,7 @@ import { css as n, html as s, nothing as l } from "lit";
 import { LitElement as c, createEvent as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251010 */
+v1.1.0-next.20251015 */
 const h = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -58,6 +58,4 @@ export declare class SolutionsAllPanel extends LitElement {
     readonly allCardsFetched: TargetedEvent<this, ISolutionInfoCard[]>;
     /** Emitted on demand when the serachTerm is set from url param */
     readonly searchTermSet: TargetedEvent<this, string>;
-    /** Emitted on demand when the sortType is set from url param */
-    readonly sortTypeSet: TargetedEvent<this, SortType>;
 }

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

@@ -3,14 +3,14 @@ import { css as y, html as d, svg as S } from "lit";
 import { u as f } from "../../chunks/useT9n.js";
 import { LitElement as C, createEvent as c } from "@arcgis/lumina";
 import { useContextConsumer as u } from "@arcgis/lumina/context";
-import { q as g, r as T, k as w, j as v, p as x } from "../../chunks/interfaces.js";
+import { q as g, r as w, k as T, j as x, p as v } from "../../chunks/interfaces.js";
 import { C as p } from "../../chunks/CardsFetcher.js";
 import { g as I } from "../../chunks/cardsHelpers.js";
 import { g as A } from "../../chunks/cardFetchingUtils.js";
 import { a as E, u as D } 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 const F = y`/** @license
  * Copyright 2025 Esri
  *
@@ -28,16 +28,18 @@ const F = y`/** @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 U extends C {
   constructor() {
-    super(), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "relevance", this._modifiedCheckTry = 0, this.cards = [], this._translations = f({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${g} OR ${T}`, this._allCards = [], this._authContextConsumer = u({
+    super(), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "relevance", this._modifiedCheckTry = 0, this.cards = [], this._translations = f({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${g} OR ${w}`, this._allCards = [], this._authContextConsumer = u({
       context: E,
       subscribe: !0
     }), this._baseAgoTerms = g, this._categories = [], this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextConsumer = u({
       context: D,
       subscribe: !0
-    }), this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.sortTypeSet = c(), this.listenOn(window, "deployProgressEnd", () => {
+    }), this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = 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 === "solutions" && (this.sortType = e.detail.sortType, this.searchSolutions(e.detail));
     });
   }
   static {
@@ -50,7 +52,7 @@ class U extends C {
     e ? "searchTerm" in e ? this._textSearch(e.searchTerm) : "sortType" in e ? this._sortCards(e) : this._filterCards(e) : (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories()), this.cards = await this._getSolutions();
   }
   async setSearchOptions(e) {
-    e && ("searchTerm" in e && (this._textSearch(e.searchTerm), this.searchTermSet.emit(e.searchTerm)), "sortType" in e && (this._sortCards(e), this.sortTypeSet.emit(this.sortType)));
+    e && ("searchTerm" in e && (this._textSearch(e.searchTerm), this.searchTermSet.emit(e.searchTerm)), "sortType" in e && this._sortCards(e));
   }
   async load() {
     await this._loadUpdateProcedures();
@@ -113,7 +115,7 @@ class U extends C {
   async _getDeployedSolutions() {
     const e = this._authContextConsumer.value, t = this._userSessionContextConsumer.value;
     if (e && t) {
-      const o = await A(e, t, this._cardsFetcher, this._cardsFetcherDeployed, x, "created");
+      const o = await A(e, t, this._cardsFetcher, this._cardsFetcherDeployed, v, "created");
       if (o) {
         if (this._modifiedCheckTry > 0) {
           if (this._deployedSolutions?.cards.length === o?.cards.length)
@@ -147,10 +149,10 @@ class U extends C {
     });
   }
   _getDomainValue(e) {
-    return w[e];
+    return T[e];
   }
   _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : v[e];
+    return e === "AEC" ? "AEC" : x[e];
   }
   _clearFilterCategories() {
     this._categories = [];

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { IFilterOption, IFilterSetting, ISearchOption, ISortOption, SortType } from '../../utils/interfaces';
+import { IFilterOption, IFilterSetting, ISearchOption, ISortOption } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 
 export declare class SolutionsAllShell extends LitElement {
@@ -12,12 +12,6 @@ export declare class SolutionsAllShell extends LitElement {
      * @default 0
      */
     solutionsCount: number;
-    /**
-     * The current sort type applied to the displayed cards
-     *
-     * @default 'relevance'
-     */
-    sortType: SortType;
     /**
      * Search solutions based on key criteria
      *
@@ -28,6 +22,4 @@ export declare class SolutionsAllShell extends LitElement {
     readonly filterRemoved: TargetedEvent<this, IFilterOption[]>;
     /** Emitted on demand this component has loaded */
     readonly solutionsAllLoaded: TargetedEvent<this, void>;
-    /** Emitted on demand when the sort type changes */
-    readonly sortTypeChanged: TargetedEvent<this, SortType>;
 }

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

@@ -1,16 +1,16 @@
-import { c as h } from "../../chunks/runtime.js";
-import { repeat as u } from "lit/directives/repeat.js";
-import { u as p } from "../../chunks/useT9n.js";
-import { LitElement as f, createEvent as o, nothing as n, safeStyleMap as a, safeClassMap as g } from "@arcgis/lumina";
-import { useContextConsumer as c } from "@arcgis/lumina/context";
-import { css as b, html as i } from "lit";
-import { a as y, i as m } from "../../chunks/deployAppContexts.js";
-import { j as _, k as v } from "../../chunks/interfaces.js";
-import { createRef as d, 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 } from "../../chunks/useT9n.js";
+import { LitElement as h, createEvent as r, nothing as p, safeStyleMap as a, safeClassMap as f } from "@arcgis/lumina";
+import { useContextConsumer as g } from "@arcgis/lumina/context";
+import { css as m, html as l } from "lit";
+import { i as b } from "../../chunks/deployAppContexts.js";
+import { j as y, k as _ } from "../../chunks/interfaces.js";
+import { createRef as n, ref as o } 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.0-next.20251010 */
-const S = b`/** @license
+v1.1.0-next.20251015 */
+const v = m`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,26 +24,25 @@ const S = 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%}`;
-class C extends f {
+ */.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%}`;
+class S extends h {
   constructor() {
-    super(), this.solutionsCount = 0, this.sortType = "relevance", this.filterOpen = !0, this._filters = {
+    super(), this.solutionsCount = 0, this.filterOpen = !0, this._filters = {
       categories: [],
       searchTerm: ""
-    }, this.isMobile = !1, this._translations = p({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = d(), this._solutionsFilterPanelRef = d(), this._authContextConsumer = c({
-      context: y,
-      subscribe: !0
-    }), this._isMobileContextConsumer = c({
-      context: m,
+    }, this.isMobile = !1, this._translations = u({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = n(), this._solutionsFilterPanelRef = n(), this._isMobileContextConsumer = g({
+      context: b,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this.filterRemoved = o(), this.solutionsAllLoaded = o(), this.sortTypeChanged = o(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+    }), this.filterRemoved = r(), this.solutionsAllLoaded = r(), this.listenOn(window, "searchChanged", (e) => {
+      e.detail && e.detail.scope === "solutions" && this._filterApplied(e.detail.option);
+    });
   }
   static {
-    this.properties = { appConfig: 1, solutionsCount: 9, sortType: 1, filterOpen: 16, _filters: 16, isMobile: 16, _translations: 16 };
+    this.properties = { appConfig: 1, solutionsCount: 9, filterOpen: 16, _filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = S;
+    this.styles = v;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -51,8 +50,8 @@ class C extends f {
   async searchSolutions(e) {
     if (this._allSolutionsPanelRef.value.setSearchOptions(e), "industry" in e || "domain" in e) {
       e.displayValue = e.domain || e.industry;
-      const t = e.industry ? Object.entries(_).find(([, l]) => l === e.industry)?.[0] : void 0, s = e.domain ? Object.entries(v).find(([, l]) => l === 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);
+      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);
     } else ("searchTerm" in e || "sortType" in e) && ("searchTerm" in e && (this._filters.searchTerm = e.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(e));
   }
   async load() {
@@ -62,96 +61,54 @@ class C extends f {
     this.solutionsAllLoaded.emit();
   }
   render() {
-    const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
-    return i`<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 ?? n} 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 ${t}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`;
+    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 ?? 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 ${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>`;
   }
   _getFilterPanel() {
     const e = this.filterOpen ? { display: "flex" } : "";
-    return this.isMobile ? i`<calcite-panel class=${g(this.filterOpen ? "background-override" : "filter background-override")} id=solutions-all-shell-panel-start style=${a(e)}><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : i`<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=${this._filterApplied} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
+    return this.isMobile ? l`<calcite-panel class=${f(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);
+    }} ${o(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);
+    }} ${o(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<solutions-all-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @cardsFetched=${this._updateSolutionCount} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${a(e)} @searchTermSet=${(t) => this._solutionsFilterPanelRef.value.changeSearchFilter(t.detail, !1)} @sortTypeSet=${(t) => this.sortType = t.detail} ${r(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    return l`<solutions-all-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @cardsFetched=${this._updateSolutionCount} .portalUrl=${this.appConfig.portalURL} sort-type=relevance style=${a(e)} ${o(this._allSolutionsPanelRef)}></solutions-all-panel>`;
   }
   _renderChips() {
-    const e = this._filters.categories.filter((t) => t.type === "industry" || t.type === "domain");
-    return e.length > 0 ? u(e, (t) => `${t.type}:${t.value}`, (t) => i`<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;
-  }
-  _renderDropdown() {
-    const e = [{
-      displayValue: this._translations.sortByRelevance,
-      sortType: "relevance"
-    }, {
-      displayValue: this._translations.sortByTitle,
-      sortType: "title"
-    }, {
-      displayValue: this._translations.sortByNew,
-      sortType: "new"
-    }, {
-      displayValue: this._translations.sortByUpdated,
-      sortType: "updated"
-    }];
-    return this._authContextConsumer.value.IsSignedIn && e.push({
-      displayValue: this._translations.sortBySuggestedForYou,
-      sortType: "suggested"
-    }), i`<calcite-dropdown width=m><calcite-button appearance=outline-fill class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile ? "" : this._getString(this.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType ?? n}>${e.map((t) => this._getDropdownItem(t.displayValue, t.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
-  }
-  _getDropdownItem(e, t) {
-    return this.sortType !== t ? i`<calcite-dropdown-item @click=${() => this._sortChanged(t)}>${e}</calcite-dropdown-item>` : i`<calcite-dropdown-item @click=${() => this._sortChanged(t)} selected>${e}</calcite-dropdown-item>`;
-  }
-  _getString(e) {
-    let t = "";
-    switch (e) {
-      case "new":
-        t = this._translations.sortByNew;
-        break;
-      case "relevance":
-        t = this._translations.sortByRelevance;
-        break;
-      case "suggested":
-        t = this._translations.sortBySuggestedForYou;
-        break;
-      case "title":
-        t = this._translations.sortByTitle;
-        break;
-      case "updated":
-        t = this._translations.sortByUpdated;
-        break;
-    }
-    return t;
+    if (!this._filters.categories)
+      return;
+    const e = this._filters.categories.filter((i) => i.type === "industry" || i.type === "domain");
+    return e.length > 0 ? d(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;
   }
   _updateSolutionCount(e) {
     this.solutionsCount = e.detail;
   }
-  _sortChanged(e) {
-    this.sortType = e, this.sortTypeChanged.emit(this.sortType), this._allSolutionsPanelRef.value?.searchSolutions({
-      sortType: e
-    });
-  }
-  _chipClosed(e, t) {
-    if (t === "industry")
-      this._filters.categories = [];
-    else {
-      const s = this._filters.categories.filter((l) => l.displayValue !== e && l.type !== t);
-      this._filters.categories = s;
+  _chipClosed(e, i) {
+    if (this._filters.categories) {
+      if (i === "industry")
+        this._filters.categories = [];
+      else {
+        const s = this._filters.categories.filter((t) => t.displayValue !== e && t.type !== i);
+        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);
     }
-    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);
   }
   _toggleFilter() {
     this.filterOpen = !this.filterOpen;
   }
   _filterApplied(e) {
-    if (e.detail) {
-      let t = e.detail;
-      "displayValue" in e.detail ? this._filters.categories.push(e.detail) : Array.isArray(e.detail) && e.detail.length > 0 && (e.detail.length >= 2 && (t = [e.detail[e.detail.length - 1]]), this._filters.categories = e.detail), "searchTerm" in t && (this._filters.searchTerm = t.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(t);
-    } else
-      this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
-  }
-  _handleDeployAppTabSelected(e) {
-    e.detail === "all-solutions" && this.sortTypeChanged.emit(this.sortType);
+    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);
+      } else
+        this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
   }
 }
-h("solutions-all-shell", C);
+c("solutions-all-shell", S);
 export {
-  C as SolutionsAllShell
+  S as SolutionsAllShell
 };

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

@@ -6,7 +6,4 @@ import "@esri/calcite-components/components/calcite-shell-panel";
 import "../solutions-filter-panel/index.js";
 import "../solutions-all-panel/index.js";
 import "@esri/calcite-components/components/calcite-chip";
-import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-dropdown-group";
-import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";

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

@@ -6,7 +6,4 @@ import "@esri/calcite-components/components/calcite-shell-panel";
 import "../solutions-filter-panel/index.js";
 import "../solutions-all-panel/index.js";
 import "@esri/calcite-components/components/calcite-chip";
-import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-dropdown-group";
-import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";

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

@@ -4,7 +4,7 @@ import { u as r } from "../../chunks/useT9n.js";
 import { LitElement as a, nothing as e } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251010 */
+v1.1.0-next.20251015 */
 const l = s`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-articles/customElement.js

@@ -7,7 +7,7 @@ import { request as p } from "@esri/solution-common";
 import { u as g } 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.0-next.20251010 */
+v1.1.0-next.20251015 */
 const u = l`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { u as l } from "../../chunks/useT9n.js";
 import { LitElement as n, createEvent as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251010 */
+v1.1.0-next.20251015 */
 const o = i`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,7 +1,7 @@
 import { c as _ } from "../../chunks/runtime.js";
-import { css as g, html as d } from "lit";
+import { css as y, html as d } from "lit";
 import { u as m } from "../../chunks/useT9n.js";
-import { LitElement as y, createEvent as u, safeClassMap as p } from "@arcgis/lumina";
+import { LitElement as g, createEvent as u, safeClassMap as p } from "@arcgis/lumina";
 import { createRef as a, ref as l } from "lit-html/directives/ref.js";
 import { C as f } from "../../chunks/CardsFetcher.js";
 import { q as T, r as S } from "../../chunks/interfaces.js";
@@ -10,11 +10,11 @@ import { a as v, i as C, l as x, u as I } from "../../chunks/deployAppContexts.j
 import { A as w } from "../../chunks/Auth.js";
 import { _ as A } from "../../chunks/appConfig.js";
 import { UserSession as L } from "@esri/solution-common";
-import { f as k, a as $ } from "../../chunks/cardsHelpers.js";
+import { f as $, a as k } from "../../chunks/cardsHelpers.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.0-next.20251010 */
-const O = g`/** @license
+v1.1.0-next.20251015 */
+const O = y`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,8 +28,8 @@ const O = g`/** @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)}.back-color-override-details{background-color:var(--calcite-color-foreground-1)}calcite-tabs{background-color:var(--calcite-color-foreground-1)}.display-none{display:none}.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 P extends y {
+ */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none}.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 P extends g {
   constructor() {
     super(), this.locale = "", this.orgUrl = "", this.portalUrl = "", this.primarySolutionsGroupId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this._isLoaded = !1, this.isMobile = !1, this._translations = m({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${T} OR ${S}`, this._allCards = [], this._allShell = a(), this._allTab = a(), this._allTabTitle = a(), this._articlesTab = a(), this._articlesTabTitle = a(), this._authContextProvider = n({ context: v }), this.authentication = void 0, this._categories = [], this._delay = !1, this._detailsShell = a(), this._detailsTab = a(), this._detailsTabTitle = a(), this._getSuggested = !1, this._isMobileContextProvider = n({ context: C }), this._localDebugContextProvider = n({ context: x }), this._mySolutionsShell = a(), this._mySolutionsTab = a(), this._mySolutionsTabTitle = a(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = n({ context: I }), this.deployAppTabSelected = u(), this.detailsCardSelected = u(), this.tokenRefreshed = u(), this.listenOn(window, "solutionsAllLoaded", this._solutionsAllLoaded), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
@@ -39,9 +39,9 @@ class P extends y {
   static {
     this.styles = O;
   }
-  selectTab(e, t) {
-    const s = this._getDefaultSearchOptions(t);
-    switch (console.log(s), e.tabType) {
+  selectTab(t, e) {
+    const s = this._getDefaultSearchOptions(e);
+    switch (console.log(s), t.tabType) {
       case "all-solutions":
         this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, s && this._allShell.value?.searchSolutions(s);
         break;
@@ -50,8 +50,8 @@ class P extends y {
         break;
       case "details":
         if (this._allCards) {
-          let i = k(this._allCards, e.tabTitleOrId);
-          i = i || $(this._allCards, e.tabTitleOrId), i ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(i)) : (this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, this._setActiveTab("all-solutions"));
+          let i = $(this._allCards, t.tabTitleOrId);
+          i = i || k(this._allCards, t.tabTitleOrId), i ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(i)) : (this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, this._setActiveTab("all-solutions"));
         }
         break;
       case "my-deployments":
@@ -62,11 +62,11 @@ class P extends y {
   }
   async connectedCallback() {
     super.connectedCallback();
-    const e = new L({
+    const t = new L({
       username: "",
       password: ""
     });
-    this._userSessionContextProvider.setValue(e), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
+    this._userSessionContextProvider.setValue(t), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
   }
   async load() {
     this.useLocalAppConfig ? (this.appConfig = A, this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this.orgUrl = this.appConfig.orgUrl, this.locale = this.appConfig.locale, this.portalUrl = this.appConfig.portalURL, this._localDebugContextProvider.setValue(!0)) : (this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this._localDebugContextProvider.setValue(!1)), this._cardsFetcher = new f(this.locale, this.orgUrl, this.portalUrl), this.authentication || (this.appConfig.authentication ? this.authentication = this.appConfig.authentication : (this.authentication = new w(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.initialize(), this.authentication.IsSignedIn || this.authentication.signIn())), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), this._setRefreshInterval(), await this._getSolutions();
@@ -75,24 +75,24 @@ class P extends y {
     this._handleTabs();
   }
   render() {
-    const e = this._isLoaded ? "display-none" : "", t = this._isLoaded ? "" : "display-none";
-    return d`<calcite-loader class=${p(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${p(t)} scale=l><calcite-tab-nav class="shell-container" slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("all-solutions")} ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? d`<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("my-deployments")} ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("articles")} ${l(this._articlesTabTitle)}>${this._translations.solutionArticles}</calcite-tab-title><calcite-tab-title class="display-none" @calciteTabsActivate=${() => this._setActiveTab("details")} ${l(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${l(this._allTab)}><solutions-all-shell .appConfig=${this.appConfig} class="shell-container height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? d`<calcite-tab class="back-color-override" ${l(this._mySolutionsTab)}><solutions-deployed-shell .appConfig=${this.appConfig} class="shell-container height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${l(this._articlesTab)}><solutions-articles-shell class="shell-container height-100"></solutions-articles-shell></calcite-tab><calcite-tab class="back-color-override-details" ${l(this._detailsTab)}><solution-details-panel class="shell-container height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab></calcite-tabs>`;
+    const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
+    return d`<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" slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("all-solutions")} ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? d`<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("my-deployments")} ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("articles")} ${l(this._articlesTabTitle)}>${this._translations.solutionArticles}</calcite-tab-title><calcite-tab-title class="display-none" @calciteTabsActivate=${() => this._setActiveTab("details")} ${l(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${l(this._allTab)}><solutions-searchsort-toolbar .isMobile=${this.isMobile} scope=solutions></solutions-searchsort-toolbar><solutions-all-shell .appConfig=${this.appConfig} class="shell-container height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? d`<calcite-tab class="back-color-override" ${l(this._mySolutionsTab)}><solutions-searchsort-toolbar default-sort-type=created .isMobile=${this.isMobile} scope=deployments></solutions-searchsort-toolbar><solutions-deployed-shell .appConfig=${this.appConfig} class="shell-container height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${l(this._articlesTab)}><solutions-articles-shell class="shell-container height-100"></solutions-articles-shell></calcite-tab><calcite-tab class="back-color-override" ${l(this._detailsTab)}><solution-details-panel class="shell-container height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab></calcite-tabs>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
   }
-  _mediaQueryChange(e) {
-    this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
+  _mediaQueryChange(t) {
+    this.isMobile = t.matches, this._isMobileContextProvider.setValue(this.isMobile);
   }
   _handleTabs() {
-    document.body.addEventListener("keydown", function(e) {
-      e.key == "Tab" || e.key == "Shift " || e.key == "Enter" ? document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "var(--calcite-color-brand)") : document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "transparent");
+    document.body.addEventListener("keydown", function(t) {
+      t.key == "Tab" || t.key == "Shift " || t.key == "Enter" ? document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "var(--calcite-color-brand)") : document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "transparent");
     }), document.body.addEventListener("click", function() {
       document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "transparent");
     });
   }
-  _setActiveTab(e) {
-    this.deployAppTabSelected.emit(e);
+  _setActiveTab(t) {
+    this.deployAppTabSelected.emit(t);
   }
   _solutionsAllLoaded() {
     this._isLoaded = !0;
@@ -104,7 +104,7 @@ class P extends y {
     this._mySolutionsTabTitle.value.selected = !0, this._mySolutionsTab.value.selected = !0;
   }
   async _getSolutions() {
-    const e = await this._cardsFetcher?.requestAvailableSolutionCards(
+    const t = await this._cardsFetcher?.requestAvailableSolutionCards(
       {
         q: this._agoTerms,
         filter: "type:Solution",
@@ -124,19 +124,19 @@ class P extends y {
         num: 1e3
       }
     );
-    return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards), this._allCards;
+    return this._allCards.length === 0 && t?.cards && (this._allCards = t?.cards), this._allCards;
   }
   _blurTabs() {
     this._allTabTitle.value?.blur(), this._articlesTabTitle.value?.blur(), this._detailsTabTitle.value?.blur(), this._mySolutionsTabTitle.value?.blur();
   }
   _setRefreshInterval() {
-    const e = this._userSessionContextProvider?.value, t = this._authContextProvider?.value;
-    if (e && e.tokenDuration && t?.IsSignedIn) {
-      const s = e.tokenDuration * 0.9;
+    const t = this._userSessionContextProvider?.value, e = this._authContextProvider?.value;
+    if (t && t.tokenDuration && e?.IsSignedIn) {
+      const s = t.tokenDuration * 0.9;
       setInterval(
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         async () => {
-          const i = await t?.refreshSession();
+          const i = await e?.refreshSession();
           if (i) {
             this._userSessionContextProvider.setValue(i);
             const r = i?.token ?? "";
@@ -147,17 +147,17 @@ class P extends y {
       );
     }
   }
-  _getDefaultSearchOptions(e) {
-    let t;
-    if (e) {
-      const s = e.domain, i = e.industry, r = e.offerType, c = e.searchTerm, b = "";
-      let o = e.sortField;
-      const h = e.owner;
-      t = s || i ? {
+  _getDefaultSearchOptions(t) {
+    let e;
+    if (t) {
+      const s = t.domain, i = t.industry, r = t.offerType, c = t.searchTerm, b = "";
+      let o = t.sortField;
+      const h = t.owner;
+      e = s || i ? {
         type: s ? "domain" : i ? "industry" : ""
-      } : void 0, s && (t = t ? { ...t, domain: s } : { domain: s }), i && (t = t ? { ...t, industry: i } : { industry: i }), c && (t = t ? { ...t, searchTerm: c } : { searchTerm: c }), t && (t = { ...t, displayValue: b }), o && (t = t ? { ...t, sortType: o } : { sortType: o }), r && (o = r.toLowerCase(), t = t ? { ...t, sortType: o } : { sortType: o }), h && (t = t ? { ...t, owner: h } : { owner: h });
+      } : void 0, s && (e = e ? { ...e, domain: s } : { domain: s }), i && (e = e ? { ...e, industry: i } : { industry: i }), c && (e = e ? { ...e, searchTerm: c } : { searchTerm: c }), e && (e = { ...e, displayValue: b }), o && (e = e ? { ...e, sortType: o } : { sortType: o }), r && (o = r.toLowerCase(), e = e ? { ...e, sortType: o } : { sortType: o }), h && (e = e ? { ...e, owner: h } : { owner: h });
     }
-    return t;
+    return e;
   }
 }
 _("solutions-deploy-app", P);

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

@@ -3,6 +3,7 @@ import "@esri/calcite-components/components/calcite-tabs";
 import "@esri/calcite-components/components/calcite-tab-nav";
 import "@esri/calcite-components/components/calcite-tab-title";
 import "@esri/calcite-components/components/calcite-tab";
+import "../solutions-searchsort-toolbar/index.js";
 import "../solutions-all-shell/index.js";
 import "../solutions-deployed-shell/index.js";
 import "../solutions-articles-shell/index.js";

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

@@ -3,6 +3,7 @@ import "@esri/calcite-components/components/calcite-tabs";
 import "@esri/calcite-components/components/calcite-tab-nav";
 import "@esri/calcite-components/components/calcite-tab-title";
 import "@esri/calcite-components/components/calcite-tab";
+import "../solutions-searchsort-toolbar/index.js";
 import "../solutions-all-shell/index.js";
 import "../solutions-deployed-shell/index.js";
 import "../solutions-articles-shell/index.js";