@esri/solutions-components 1.1.0-next.20250903 → 1.1.0-next.20250908

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

@@ -1,7 +1,7 @@
 import { c as u } from "../../chunks/runtime.js";
-import { css as g, html as a, svg as m } from "lit";
-import { u as _ } from "../../chunks/useT9n.js";
-import { LitElement as p, createEvent as n } from "@arcgis/lumina";
+import { css as g, html as a, svg as _ } from "lit";
+import { u as p } from "../../chunks/useT9n.js";
+import { LitElement as m, createEvent as n } from "@arcgis/lumina";
 import { useContextConsumer as c } from "@arcgis/lumina/context";
 import { t as d, u as S, r as f, s as y, B as C } from "../../chunks/interfaces.js";
 import { C as h } from "../../chunks/CardsFetcher.js";
@@ -9,7 +9,7 @@ import { g as w } from "../../chunks/cardFetchingUtils.js";
 import { a as v, u as x } 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.20250903 */
+v1.1.0-next.20250908 */
 const T = g`/** @license
  * Copyright 2025 Esri
  *
@@ -25,12 +25,12 @@ const T = g`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem 1rem}.solutions-briefcase{margin:auto;padding-top:2rem}.text-center{text-align:center}.leader-1{margin-top:1.5rem}.trailer-1{margin-bottom:1.5rem}.warning-text{max-width:35em;margin-left:auto;margin-right:auto}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}`;
-class A extends p {
+class A extends m {
   constructor() {
-    super(...arguments), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "numviews", this.cards = [], this._translations = _({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${d} OR ${S}`, this._allCards = [], this._authContextConsumer = c({
+    super(...arguments), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "relevance", this.cards = [], this._translations = p({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${d} OR ${S}`, this._allCards = [], this._authContextConsumer = c({
       context: v,
       subscribe: !0
-    }), this._baseAgoTerms = d, this._categories = [], this._delay = !1, this._getSuggested = !1, this._sortField = "numviews", this._sortOrder = "desc", this._userSessionContextConsumer = c({
+    }), this._baseAgoTerms = d, this._categories = [], this._delay = !1, this._getSuggested = !1, this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextConsumer = c({
       context: x,
       subscribe: !0
     }), this.cardsFetched = n(), this.allCardsFetched = n();
@@ -90,14 +90,14 @@ class A extends p {
     }
   }
   _getSolutionsBriefcase() {
-    return a`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${m`<path d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" fill=#ccc /><path d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" fill=#ccc />`}</svg></div>`;
+    return a`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${_`<path d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" fill=#ccc /><path d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" fill=#ccc />`}</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 === "numviews") && (t === "title" && (this._sortOrder = "asc"), this._sortField = t), this.sortType = t;
+    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), this.sortType = t;
   }
   _filterCards(e) {
     this._categories = [], e.forEach((t) => {

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

@@ -15,7 +15,7 @@ export declare class SolutionsAllShell extends LitElement {
     /**
      * The current sort type applied to the displayed cards
      *
-     * @default 'numviews'
+     * @default 'relevance'
      */
     sortType: SortType;
     /** Emitted on demand when a filter chip is closed */

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

@@ -1,15 +1,15 @@
 import { c as r } from "../../chunks/runtime.js";
 import { repeat as n } from "lit/directives/repeat.js";
 import { u as c } from "../../chunks/useT9n.js";
-import { LitElement as d, createEvent as o, safeStyleMap as l, nothing as p } from "@arcgis/lumina";
-import { useContextConsumer as h } from "@arcgis/lumina/context";
-import { css as u, html as i } from "lit";
-import { i as f } from "../../chunks/deployAppContexts.js";
-import { createRef as g, ref as b } from "lit/directives/ref.js";
+import { LitElement as d, createEvent as o, safeStyleMap as l, safeClassMap as p, nothing as h } from "@arcgis/lumina";
+import { useContextConsumer as u } from "@arcgis/lumina/context";
+import { css as f, html as i } from "lit";
+import { i as g } from "../../chunks/deployAppContexts.js";
+import { createRef as b, ref as y } 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.20250903 */
-const y = u`/** @license
+v1.1.0-next.20250908 */
+const m = f`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,10 +24,10 @@ const y = u`/** @license
  * 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);--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}@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 m extends d {
+class _ extends d {
   constructor() {
-    super(), this.solutionsCount = 0, this.sortType = "numviews", this.filterOpen = !0, this._filters = [], this.isMobile = !1, this._translations = c({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = g(), this._isMobileContextConsumer = h({
-      context: f,
+    super(), this.solutionsCount = 0, this.sortType = "relevance", this.filterOpen = !0, this._filters = [], this.isMobile = !1, this._translations = c({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = b(), this._isMobileContextConsumer = u({
+      context: g,
       subscribe: !0,
       callback: (e) => this.isMobile = e
     }), this.filterRemoved = o(), this.solutionsAllLoaded = o();
@@ -36,7 +36,7 @@ class m extends d {
     this.properties = { appConfig: 1, solutionsCount: 9, sortType: 1, filterOpen: 16, _filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = y;
+    this.styles = m;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -49,15 +49,15 @@ class m extends d {
   }
   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} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-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.filterOpen && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
+    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} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-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></calcite-shell>`;
   }
   _getFilterPanel() {
     const e = this.filterOpen ? { display: "flex" } : "";
-    return this.isMobile ? i`<calcite-panel class="filter background-override" id=solutions-all-shell-panel-start style=${l(e)}><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied}></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=${l(e)}><calcite-panel><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
+    return this.isMobile ? i`<calcite-panel class=${p(this.filterOpen ? "background-override" : "filter background-override")} id=solutions-all-shell-panel-start style=${l(e)}><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied}></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=${l(e)}><calcite-panel><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied}></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=${l(e)} ${b(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    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=${l(e)} ${y(this._allSolutionsPanelRef)}></solutions-all-panel>`;
   }
   _renderChips() {
     const e = this._filters.filter((t) => t.type === "industry" || t.type === "domain");
@@ -70,9 +70,6 @@ class m extends d {
     }, {
       displayValue: this._translations.sortByTitle,
       sortType: "title"
-    }, {
-      displayValue: this._translations.sortByMostPopular,
-      sortType: "numviews"
     }, {
       displayValue: this._translations.sortByNew,
       sortType: "new"
@@ -83,7 +80,7 @@ class m extends d {
       displayValue: this._translations.sortBySuggestedForYou,
       sortType: "suggested"
     }];
-    return 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 ?? p}>${e.map((t) => this._getDropdownItem(t.displayValue, t.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
+    return 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 ?? h}>${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>`;
@@ -94,9 +91,6 @@ class m extends d {
       case "new":
         t = this._translations.sortByNew;
         break;
-      case "numviews":
-        t = this._translations.sortByMostPopular;
-        break;
       case "relevance":
         t = this._translations.sortByRelevance;
         break;
@@ -140,7 +134,7 @@ class m extends d {
       this._filters = [], this._allSolutionsPanelRef.value?.searchSolutions();
   }
 }
-r("solutions-all-shell", m);
+r("solutions-all-shell", _);
 export {
-  m as SolutionsAllShell
+  _ as SolutionsAllShell
 };

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.20250903 */
+v1.1.0-next.20250908 */
 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.20250903 */
+v1.1.0-next.20250908 */
 const u = l`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { u as s } from "../../chunks/useT9n.js";
 import { LitElement as l } 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.20250903 */
+v1.1.0-next.20250908 */
 const n = i`/** @license
  * Copyright 2025 Esri
  *

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

@@ -32,7 +32,7 @@ export declare class SolutionsDeployApp extends LitElement {
     /**
      * Define how the cards will be sorted
      *
-     * @default 'numviews'
+     * @default 'relevance'
      */
     sortType: SortType;
     /**

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

@@ -1,19 +1,20 @@
-import { c as d } from "../../chunks/runtime.js";
+import { c as h } from "../../chunks/runtime.js";
 import { css as u, html as r } from "lit";
 import { u as p } from "../../chunks/useT9n.js";
-import { LitElement as b, createEvent as n, safeClassMap as h } from "@arcgis/lumina";
+import { LitElement as b, createEvent as n, safeClassMap as c } from "@arcgis/lumina";
 import { createRef as i, ref as s } from "lit-html/directives/ref.js";
 import { C as _ } from "../../chunks/CardsFetcher.js";
 import { t as g, u as m } from "../../chunks/interfaces.js";
-import { useContextProvider as c } from "@arcgis/lumina/context";
-import { a as T, i as y, u as f } from "../../chunks/deployAppContexts.js";
+import { useContextProvider as o } from "@arcgis/lumina/context";
+import { a as y, i as T, l as f, u as C } from "../../chunks/deployAppContexts.js";
 import { A as S } from "../../chunks/Auth.js";
-import { _ as C } from "../../chunks/appConfig.js";
-import { UserSession as v } from "@esri/solution-common";
+import { _ as v } from "../../chunks/appConfig.js";
+import { UserSession as x } from "@esri/solution-common";
+import { f as w } 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.20250903 */
-const w = u`/** @license
+v1.1.0-next.20250908 */
+const L = u`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,16 +28,16 @@ const w = u`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none}.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 L extends b {
+ */.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)}.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 A extends b {
   constructor() {
-    super(), this.locale = "", this.orgUrl = "", this.portalUrl = "", this.primarySolutionsGroupId = "", this.sortType = "numviews", this.useLocalAppConfig = !1, this._isLoaded = !1, this.isMobile = !1, this._translations = p({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${g} OR ${m}`, this._allCards = [], this._allTab = i(), this._allTabTitle = i(), this._articlesTab = i(), this._articlesTabTitle = i(), this._authContextProvider = c({ context: T }), this.authentication = void 0, this._categories = [], this._delay = !1, this._detailsTab = i(), this._detailsTabTitle = i(), this._getSuggested = !1, this._isMobileContextProvider = c({ context: y }), this._mySolutionsTab = i(), this._mySolutionsTabTitle = i(), this._sortField = "numviews", this._sortOrder = "desc", this._userSessionContextProvider = c({ context: f }), this.deployAppTabSelected = n(), this.detailsCardSelected = n(), this.tokenRefreshed = n(), this.listenOn(window, "solutionsAllLoaded", this._solutionsAllLoaded), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super(), this.locale = "", this.orgUrl = "", this.portalUrl = "", this.primarySolutionsGroupId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this._isLoaded = !1, this.isMobile = !1, this._translations = p({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${g} OR ${m}`, this._allCards = [], this._allTab = i(), this._allTabTitle = i(), this._articlesTab = i(), this._articlesTabTitle = i(), this._authContextProvider = o({ context: y }), this.authentication = void 0, this._categories = [], this._delay = !1, this._detailsTab = i(), this._detailsTabTitle = i(), this._getSuggested = !1, this._isMobileContextProvider = o({ context: T }), this._localDebugContextProvider = o({ context: f }), this._mySolutionsTab = i(), this._mySolutionsTabTitle = i(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = o({ context: C }), this.deployAppTabSelected = n(), this.detailsCardSelected = n(), this.tokenRefreshed = n(), this.listenOn(window, "solutionsAllLoaded", this._solutionsAllLoaded), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
     this.properties = { appConfig: 1, locale: 1, orgUrl: 1, portalUrl: 1, primarySolutionsGroupId: 1, sortType: 1, useLocalAppConfig: 5, _isLoaded: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = w;
+    this.styles = L;
   }
   selectTab(e) {
     switch (this._blurTabs(), e.tabType) {
@@ -48,7 +49,7 @@ class L extends b {
         break;
       case "details":
         if (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this._allCards) {
-          const t = this._findSolutionByUrlTitle(this._allCards, e.tabTitle);
+          const t = w(this._allCards, e.tabTitle);
           this.detailsCardSelected.emit(t);
         }
         break;
@@ -60,21 +61,21 @@ class L extends b {
   }
   async connectedCallback() {
     super.connectedCallback();
-    const e = new v({
+    const e = new x({
       username: "",
       password: ""
     });
     this._userSessionContextProvider.setValue(e), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
   }
   async load() {
-    this.useLocalAppConfig ? (this.appConfig = C, this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this.orgUrl = this.appConfig.orgUrl, this.locale = this.appConfig.locale, this.portalUrl = this.appConfig.portalURL) : this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this._cardsFetcher = new _(this.locale, this.orgUrl, this.portalUrl), this.authentication || (this.appConfig.authentication ? this.authentication = this.appConfig.authentication : (this.authentication = new S(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), await this._getSolutions();
+    this.useLocalAppConfig ? (this.appConfig = v, 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 _(this.locale, this.orgUrl, this.portalUrl), this.authentication || (this.appConfig.authentication ? this.authentication = this.appConfig.authentication : (this.authentication = new S(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), await this._getSolutions();
   }
   loaded() {
     this._handleTabs();
   }
   render() {
     const e = this._isLoaded ? "display-none" : "", t = this._isLoaded ? "" : "display-none";
-    return r`<calcite-loader class=${h(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${h(t)} scale=l><calcite-tab-nav class="shell-container" slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("all-solutions")} ${s(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? r`<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("my-solutions")} ${s(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title class="display-none" @calciteTabsActivate=${() => this._setActiveTab("details")} ${s(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${s(this._allTab)}><solutions-all-shell .appConfig=${this.appConfig} class="shell-container height-100"></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? r`<calcite-tab class="back-color-override" ${s(this._mySolutionsTab)}><solutions-deployed-shell .appConfig=${this.appConfig} class="shell-container height-100"></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${s(this._detailsTab)}><solution-details-panel class="shell-container height-100"></solution-details-panel></calcite-tab></calcite-tabs>`;
+    return r`<calcite-loader class=${c(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${c(t)} scale=l><calcite-tab-nav class="shell-container" slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("all-solutions")} ${s(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? r`<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("my-solutions")} ${s(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title class="display-none" @calciteTabsActivate=${() => this._setActiveTab("details")} ${s(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${s(this._allTab)}><solutions-all-shell .appConfig=${this.appConfig} class="shell-container height-100"></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? r`<calcite-tab class="back-color-override" ${s(this._mySolutionsTab)}><solutions-deployed-shell .appConfig=${this.appConfig} class="shell-container height-100"></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override-details" ${s(this._detailsTab)}><solution-details-panel class="shell-container height-100"></solution-details-panel></calcite-tab></calcite-tabs>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
@@ -121,20 +122,14 @@ class L extends b {
       {
         num: 1e3
       }
-    ), t = "/Categories/New Release", o = e?.cards.length ? e.cards : [];
-    return this.sortType === "new" && o.sort((a, l) => a.categories.includes(t) && !l.categories.includes(t) ? -1 : !a.categories.includes(t) && l.categories.includes(t) ? 1 : a.categories.includes(t) && l.categories.includes(t) ? a.categories.length - l.categories.length : 0), this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards), this._allCards;
-  }
-  _findSolutionByUrlTitle(e, t) {
-    return e.find((o) => this._convertTitleToUrlForm(o.title) === t);
-  }
-  _convertTitleToUrlForm(e) {
-    return e.toLowerCase().replace(/\s+/g, "-");
+    ), t = "/Categories/New Release", d = e?.cards.length ? e.cards : [];
+    return this.sortType === "new" && d.sort((a, l) => a.categories.includes(t) && !l.categories.includes(t) ? -1 : !a.categories.includes(t) && l.categories.includes(t) ? 1 : a.categories.includes(t) && l.categories.includes(t) ? a.categories.length - l.categories.length : 0), this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards), this._allCards;
   }
   _blurTabs() {
     this._allTabTitle.value?.blur(), this._articlesTabTitle.value?.blur(), this._detailsTabTitle.value?.blur(), this._mySolutionsTabTitle.value?.blur();
   }
 }
-d("solutions-deploy-app", L);
+h("solutions-deploy-app", A);
 export {
-  L as SolutionsDeployApp
+  A as SolutionsDeployApp
 };

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

@@ -7,7 +7,7 @@ interface FilterSettings {
     isOwnerMySolutions: boolean;
     searchTerm: string;
 }
-export declare class SolutionsFilterPanel extends LitElement {
+export declare class SolutionsDeployedFilterPanel extends LitElement {
     /**
      * Determines if the AI assistant button should be shown.
      *
@@ -20,6 +20,12 @@ export declare class SolutionsFilterPanel extends LitElement {
      * @default false
      */
     isAllSolutions: boolean;
+    /**
+     * Detemines if the layout should be mobile view. False means it is desktop view.
+     *
+     * @default false
+     */
+    isMobile: boolean;
     /**
      * Flag to store if logged in user is an admin to this ArcGIS Enterprise.
      *

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

@@ -1,12 +1,12 @@
-import { c as r } from "../../chunks/runtime.js";
+import { c as n } from "../../chunks/runtime.js";
 import { css as o, html as s } from "lit";
-import { u as l } from "../../chunks/useT9n.js";
-import { LitElement as a, createEvent as c, nothing as d } from "@arcgis/lumina";
+import { u as r } from "../../chunks/useT9n.js";
+import { LitElement as a, createEvent as c, safeClassMap as d, nothing as h } from "@arcgis/lumina";
 import { E as i } from "../../chunks/interfaces.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.20250903 */
-const h = o`/** @license
+v1.1.0-next.20250908 */
+const u = o`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,14 +20,14 @@ const h = o`/** @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.
- */.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-end:1rem}.width-full{width:100%}.filter-layout{display:flex;flex-direction:row;flex:1}.top-bottom-end-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-end:1rem}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.border-color{--calcite-block-border-color: #00000000}`;
-class u extends a {
+ */.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-end:1rem}.width-full{width:100%}.filter-layout-flex-row{display:flex;flex-direction:row;flex:1}.filter-layout-flex-column{display:flex;flex-direction:column;flex:1}.top-bottom-end-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-end:1rem}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.border-color{--calcite-block-border-color: #00000000}`;
+class p extends a {
   constructor() {
-    super(), this.isAIsettingEnabled = !1, this.isAllSolutions = !1, this.isOrgAdmin = !1, this._activeFilterSettings = {
+    super(), this.isAIsettingEnabled = !1, this.isAllSolutions = !1, this.isMobile = !1, this.isOrgAdmin = !1, this._activeFilterSettings = {
       categories: [],
       isOwnerMySolutions: !0,
       searchTerm: ""
-    }, this._translations = l({ name: "solutions-deployed-filter-panel", blocking: !0 }), this.applyFilter = c(), this._handleFilterRemoved = (t) => {
+    }, this._translations = r({ name: "solutions-deployed-filter-panel", blocking: !0 }), this.applyFilter = c(), this._handleFilterRemoved = (t) => {
       const e = t.detail;
       Array.isArray(e) ? this._activeFilterSettings = {
         ...this._activeFilterSettings,
@@ -38,22 +38,22 @@ class u extends a {
     }, this.listenOn(window, "filterRemoved", this._handleFilterRemoved), this.listenOn(window, "deployProgressEnd", this._resetToMySolutions);
   }
   static {
-    this.properties = { isAIsettingEnabled: 5, isAllSolutions: 5, isOrgAdmin: 5, _activeFilterSettings: 16, _translations: 16 };
+    this.properties = { isAIsettingEnabled: 5, isAllSolutions: 5, isMobile: 5, isOrgAdmin: 5, _activeFilterSettings: 16, _translations: 16 };
   }
   static {
-    this.styles = h;
+    this.styles = u;
   }
   changeOwnerFilter(t, e) {
     this.isAllSolutions = !t, this._activeFilterSettings = {
       ...this._activeFilterSettings,
       isOwnerMySolutions: t
     };
-    const n = {
+    const l = {
       displayValue: this._activeFilterSettings.isOwnerMySolutions ? this._translations.mySolutions : this._translations.myOrgSolutions,
       type: "owner",
       value: this._activeFilterSettings.isOwnerMySolutions ? i.OWNER : i.ORGANIZATION
     };
-    e && this.applyFilter.emit(n);
+    e && this.applyFilter.emit(l);
   }
   changeSearchFilter(t, e) {
     this._activeFilterSettings = {
@@ -67,19 +67,19 @@ class u extends a {
     }, 500);
   }
   render() {
-    return s`<div class="filter-layout">${this.isOrgAdmin && this.renderOwnerBlock() || ""}<calcite-input-text class="width-full top-bottom-end-padding" clearable icon=search @calciteInputTextInput=${(t) => {
+    return s`<div class=${d(this.isMobile ? "filter-layout-flex-column" : "filter-layout-flex-row")}>${this.isOrgAdmin && this.renderOwnerBlock() || ""}<calcite-input-text class="width-full top-bottom-end-padding" clearable icon=search @calciteInputTextInput=${(t) => {
       this.changeSearchFilter(t.target.value, !0);
     }} .placeholder=${this._translations.search.solutions} slot=content-top .value=${this._activeFilterSettings.searchTerm}></calcite-input-text></div>`;
   }
   renderOwnerBlock() {
-    return s`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=outline-fill class="header-button-padding" .iconStart=${this.isAllSolutions ? "organization" : "user"} kind=neutral slot=trigger>${this.isAllSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.owner ?? d}><calcite-dropdown-item icon-start=user @click=${() => {
+    return s`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=outline-fill class="header-button-padding" .iconStart=${this.isAllSolutions ? "organization" : "user"} kind=neutral slot=trigger>${this.isAllSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.owner ?? h}><calcite-dropdown-item icon-start=user @click=${() => {
       this.changeOwnerFilter(!0, !0);
     }} .selected=${!this.isAllSolutions}>${this._translations.mySolutions}</calcite-dropdown-item><calcite-dropdown-item icon-start=organization @click=${() => {
       this.changeOwnerFilter(!1, !0);
     }} .selected=${this.isAllSolutions}>${this._translations.myOrgSolutions}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
   }
 }
-r("solutions-deployed-filter-panel", u);
+n("solutions-deployed-filter-panel", p);
 export {
-  u as SolutionsFilterPanel
+  p as SolutionsDeployedFilterPanel
 };

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

@@ -11,7 +11,7 @@ import { g as S } from "../../chunks/cardFetchingUtils.js";
 import { g as v } from "../../chunks/privilegeUtils.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.20250903 */
+v1.1.0-next.20250908 */
 const x = c`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,15 +1,15 @@
 import { c as r } from "../../chunks/runtime.js";
 import { u as n } from "../../chunks/useT9n.js";
-import { LitElement as a, createEvent as o, safeStyleMap as l, nothing as c } from "@arcgis/lumina";
+import { LitElement as a, createEvent as o, safeClassMap as c, safeStyleMap as l, nothing as d } from "@arcgis/lumina";
 import { useContextConsumer as s } from "@arcgis/lumina/context";
-import { css as d, html as i } from "lit";
-import { a as p, i as h } from "../../chunks/deployAppContexts.js";
-import { createRef as u, ref as f } from "lit/directives/ref.js";
+import { css as p, html as i } from "lit";
+import { a as h, i as u } from "../../chunks/deployAppContexts.js";
+import { createRef as f, ref as b } from "lit/directives/ref.js";
 import { g } from "../../chunks/privilegeUtils.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.20250903 */
-const b = d`/** @license
+v1.1.0-next.20250908 */
+const m = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,23 +23,23 @@ const b = d`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */calcite-shell-panel{z-index:1}.display-flex{display:flex}.flex-1{flex:1}.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);--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-2{z-index:2}@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 m extends a {
+ */calcite-shell-panel{z-index:1}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.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);--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-2{z-index:2}@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 y extends a {
   constructor() {
     super(...arguments), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = n({ name: "solutions-deployed-shell", blocking: !0 }), this._authContextConsumer = s({
-      context: p,
+      context: h,
       subscribe: !0
     }), this._isMobileContextConsumer = s({
-      context: h,
+      context: u,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this._isOrgAdmin = !1, this._solutionsDeployedPanelRef = u(), this.filterRemoved = o(), this.tokenRefreshed = o();
+    }), this._isOrgAdmin = !1, this._solutionsDeployedPanelRef = f(), this.filterRemoved = o(), this.tokenRefreshed = o();
   }
   static {
     this.properties = { appConfig: 1, solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = b;
+    this.styles = m;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -49,15 +49,15 @@ class m extends a {
   }
   render() {
     const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
-    return i`<calcite-shell class="position-relative"><calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-override background-override z-index-1"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override flex-1" layout=inline>${this.isMobile ? "" : this._getFilterPanel()}${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label></div><div slot=header-actions-end>${this._renderDropdown()}</div>${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
+    return i`<calcite-shell class="position-relative"><calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-override background-override z-index-1"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override flex-grow" layout=inline>${this.isMobile ? "" : this._getFilterPanel()}</calcite-label><calcite-label class="label-override flex-shrink-0" layout=inline>${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label></div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
   }
   _getFilterPanel() {
     const e = this.filterOpen ? { display: "flex" } : "";
-    return this.isMobile ? i`<calcite-panel class="filter background-override" id=solutions-all-shell-panel-start style=${l(e)}><solutions-deployed-filter-panel class="height-100 flex-1" .isOrgAdmin=${this._isOrgAdmin} @applyFilter=${this._filterApplied}></solutions-deployed-filter-panel></calcite-panel>` : i`<solutions-deployed-filter-panel class="height-100 flex-1" .isOrgAdmin=${this._isOrgAdmin} @applyFilter=${this._filterApplied}></solutions-deployed-filter-panel>`;
+    return i`<calcite-panel class=${c(this.filterOpen ? "background-override" : "filter background-override")} id=solutions-all-shell-panel-start style=${l(e)}><solutions-deployed-filter-panel class="height-100 flex-1" .isMobile=${this.isMobile} .isOrgAdmin=${this._isOrgAdmin} @applyFilter=${this._filterApplied}></solutions-deployed-filter-panel></calcite-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<solutions-deployed-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @deployedCardsFetched=${this._updateSolutionCount} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${l(e)} ${f(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
+    return i`<solutions-deployed-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @deployedCardsFetched=${this._updateSolutionCount} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${l(e)} ${b(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
   }
   _renderDropdown() {
     const e = [{
@@ -70,7 +70,7 @@ class m extends a {
       displayValue: this._translations.sortByDateDeployed,
       sortType: "created"
     }];
-    return 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 ?? c}>${e.map((t) => this._getDropdownItem(t.displayValue, t.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
+    return 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 ?? d}>${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>`;
@@ -105,7 +105,7 @@ class m extends a {
     e.detail ? ("displayValue" in e.detail && "type" in e.detail && e.detail.type === "industry" && (this.filters = this.filters.filter((t) => t.type !== "industry"), this.filters.push(e.detail)), this._solutionsDeployedPanelRef.value?.searchSolutions(e.detail)) : (this.filters = [], this._solutionsDeployedPanelRef.value?.searchSolutions());
   }
 }
-r("solutions-deployed-shell", m);
+r("solutions-deployed-shell", y);
 export {
-  m as SolutionsDeployedShell
+  y as SolutionsDeployedShell
 };

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

@@ -6,7 +6,7 @@ import { LitElement as A, createEvent as b } from "@arcgis/lumina";
 import { s as E } from "../../chunks/interfaces.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.20250903 */
+v1.1.0-next.20250908 */
 const y = I`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/spatial-ref/customElement.js

@@ -5,7 +5,7 @@ import { css as E, html as t, nothing as i } from "lit";
 import { LitElement as o, createEvent as b, noShadowRoot as f, safeClassMap as y } 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.20250903 */
+v1.1.0-next.20250908 */
 /**
  * @license
  * Copyright 2025 Esri

package/dist/components/store-manager/customElement.js

@@ -4,7 +4,7 @@ import { g as o, a as n } from "../../chunks/templates.js";
 import { LitElement as i, createEvent as l, noShadowRoot as u } 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.20250903 */
+v1.1.0-next.20250908 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();