@esri/solutions-components 1.1.0-next.20251008.1 → 1.1.0-next.20251009.1

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

@@ -1,11 +1,11 @@
-import { c as e } from "../../chunks/runtime.js";
-import { css as i, html as t } from "lit";
-import { u as s } from "../../chunks/useT9n.js";
-import { LitElement as l } from "@arcgis/lumina";
+import { c as t } from "../../chunks/runtime.js";
+import { css as i, html as s } from "lit";
+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.20251008.1 */
-const n = i`/** @license
+v1.1.0-next.20251009.1 */
+const o = i`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,22 +19,25 @@ const n = i`/** @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.
- */.position-relative{position:relative}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.width-350{--calcite-shell-panel-width: 350px}.height-full{height:100%}.padding-end-1-2{padding-inline-end:.5rem}`;
-class o extends l {
+ */.position-relative{position:relative}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-background-color: var(--calcite-color-foreground-2)}.width-350{--calcite-shell-panel-width: 350px}.height-full{height:100%}.padding-end-1-2{padding-inline-end:.5rem}`;
+class r extends n {
   constructor() {
-    super(...arguments), this._translations = s({ name: "solutions-articles-shell", blocking: !0 });
+    super(), this._translations = l({ name: "solutions-articles-shell", blocking: !0 }), this.sortTypeChanged = a(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
   static {
     this.properties = { _translations: 16 };
   }
   static {
-    this.styles = n;
+    this.styles = o;
   }
   render() {
-    return t`<calcite-shell class="position-relative"><calcite-shell-panel class="background-override width-350" position=start slot=panel-start><solutions-articles class="height-full padding-end-1-2"></solutions-articles></calcite-shell-panel><solutions-article-panel class="height-full"></solutions-article-panel></calcite-shell>`;
+    return s`<calcite-shell class="position-relative"><calcite-shell-panel class="background-override width-350" position=start slot=panel-start><solutions-articles class="height-full padding-end-1-2"></solutions-articles></calcite-shell-panel><solutions-article-panel class="height-full"></solutions-article-panel></calcite-shell>`;
+  }
+  _handleDeployAppTabSelected(e) {
+    e.detail === "articles" && this.sortTypeChanged.emit("");
   }
 }
-e("solutions-articles-shell", o);
+t("solutions-articles-shell", r);
 export {
-  o as SolutionsArticlesShell
+  r as SolutionsArticlesShell
 };

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

@@ -4,16 +4,16 @@ import { u as m } from "../../chunks/useT9n.js";
 import { LitElement as y, 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 S, r as T } from "../../chunks/interfaces.js";
+import { q as T, r as S } from "../../chunks/interfaces.js";
 import { useContextProvider as n } from "@arcgis/lumina/context";
 import { a as v, i as C, l as x, u as I } from "../../chunks/deployAppContexts.js";
 import { A as w } from "../../chunks/Auth.js";
-import { _ as L } from "../../chunks/appConfig.js";
-import { UserSession as A } from "@esri/solution-common";
+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";
 /*! 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.20251008.1 */
+v1.1.0-next.20251009.1 */
 const O = g`/** @license
  * Copyright 2025 Esri
  *
@@ -31,7 +31,7 @@ const O = g`/** @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 {
   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 = `${S} OR ${T}`, 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);
+    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);
   }
   static {
     this.properties = { appConfig: 1, locale: 1, orgUrl: 1, portalUrl: 1, primarySolutionsGroupId: 1, sortType: 1, useLocalAppConfig: 5, _isLoaded: 16, isMobile: 16, _translations: 16 };
@@ -62,21 +62,21 @@ class P extends y {
   }
   async connectedCallback() {
     super.connectedCallback();
-    const e = new A({
+    const e = 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);
   }
   async load() {
-    this.useLocalAppConfig ? (this.appConfig = L, 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();
+    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();
   }
   loaded() {
     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 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-details" ${l(this._detailsTab)}><solution-details-panel class="shell-container height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab></calcite-tabs>`;
+    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>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);

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

@@ -5,5 +5,6 @@ import "@esri/calcite-components/components/calcite-tab-title";
 import "@esri/calcite-components/components/calcite-tab";
 import "../solutions-all-shell/index.js";
 import "../solutions-deployed-shell/index.js";
+import "../solutions-articles-shell/index.js";
 import "../solution-details-panel/index.js";
 export * from "./customElement.js";

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

@@ -5,5 +5,6 @@ import "@esri/calcite-components/components/calcite-tab-title";
 import "@esri/calcite-components/components/calcite-tab";
 import "../solutions-all-shell/index.js";
 import "../solutions-deployed-shell/index.js";
+import "../solutions-articles-shell/index.js";
 import "../solution-details-panel/index.js";
 export * from "./customElement.js";

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

@@ -6,7 +6,7 @@ import { css as g, svg as s, html as t } from "lit";
 import { a as b } 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.20251008.1 */
+v1.1.0-next.20251009.1 */
 const v = g`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as a, createEvent as c, safeClassMap as h, nothing as d } fr
 import { m 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.20251008.1 */
+v1.1.0-next.20251009.1 */
 const u = o`/** @license
  * Copyright 2025 Esri
  *

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

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

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

@@ -1,15 +1,15 @@
-import { c } from "../../chunks/runtime.js";
-import { u as d } from "../../chunks/useT9n.js";
+import { c as d } from "../../chunks/runtime.js";
+import { u as c } from "../../chunks/useT9n.js";
 import { LitElement as p, createEvent as l, nothing as o, safeClassMap as h, safeStyleMap as s } from "@arcgis/lumina";
-import { useContextConsumer as r } from "@arcgis/lumina/context";
+import { useContextConsumer as n } from "@arcgis/lumina/context";
 import { css as u, html as i } from "lit";
-import { a as f, i as g } from "../../chunks/deployAppContexts.js";
-import { createRef as n, ref as a } from "lit/directives/ref.js";
+import { a as f, i as y } from "../../chunks/deployAppContexts.js";
+import { createRef as a, ref as r } from "lit/directives/ref.js";
 import { g as b } 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.20251008.1 */
-const y = u`/** @license
+v1.1.0-next.20251009.1 */
+const g = u`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,23 +23,23 @@ const y = 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.
- */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%}`;
+ */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)}.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-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)}.position-relative{position:relative}.height-100{height:100%}`;
 class m extends p {
   constructor() {
-    super(...arguments), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = d({ name: "solutions-deployed-shell", blocking: !0 }), this._authContextConsumer = r({
+    super(), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = c({ name: "solutions-deployed-shell", blocking: !0 }), this._authContextConsumer = n({
       context: f,
       subscribe: !0
-    }), this._isMobileContextConsumer = r({
-      context: g,
+    }), this._isMobileContextConsumer = n({
+      context: y,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this._isOrgAdmin = !1, this._solutionsDeployedFilterPanel = n(), this._solutionsDeployedPanelRef = n(), this.filterRemoved = l(), this.sortTypeChanged = l(), this.tokenRefreshed = l();
+    }), this._isOrgAdmin = !1, this._solutionsDeployedFilterPanel = a(), this._solutionsDeployedPanelRef = a(), this.filterRemoved = l(), this.sortTypeChanged = l(), this.tokenRefreshed = l(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
   static {
     this.properties = { appConfig: 1, solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = y;
+    this.styles = g;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -55,15 +55,15 @@ class m extends p {
   }
   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 ?? o} 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>`;
+    return i`<calcite-shell class="position-relative"><calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e ?? o} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><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 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 i`<calcite-panel class=${h(this.filterOpen ? "background-override" : "filter background-override")} id=solutions-all-shell-panel-start style=${s(e)}><solutions-deployed-filter-panel class="height-100 flex-1" .isMobile=${this.isMobile} .isOrgAdmin=${this._isOrgAdmin} @applyFilter=${this._filterApplied} ${a(this._solutionsDeployedFilterPanel)}></solutions-deployed-filter-panel></calcite-panel>`;
+    return i`<calcite-panel class=${h(this.filterOpen ? "" : "filter")} id=solutions-all-shell-panel-start style=${s(e)}><solutions-deployed-filter-panel class="height-100 flex-1" .isMobile=${this.isMobile} .isOrgAdmin=${this._isOrgAdmin} @applyFilter=${this._filterApplied} ${r(this._solutionsDeployedFilterPanel)}></solutions-deployed-filter-panel></calcite-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<solutions-deployed-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .diagramKey=${this.appConfig.diagramKey ?? ""} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @deployedCardsFetched=${this._updateSolutionCount} @deployedSearchTermSet=${(t) => this._solutionsDeployedFilterPanel.value.changeSearchFilter(t.detail, !1)} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${s(e)} ${a(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
+    return i`<solutions-deployed-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .diagramKey=${this.appConfig.diagramKey ?? ""} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @deployedCardsFetched=${this._updateSolutionCount} @deployedSearchTermSet=${(t) => this._solutionsDeployedFilterPanel.value.changeSearchFilter(t.detail, !1)} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${s(e)} ${r(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
   }
   _renderDropdown() {
     const e = [{
@@ -110,8 +110,11 @@ class m extends p {
   _filterApplied(e) {
     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());
   }
+  _handleDeployAppTabSelected(e) {
+    e.detail === "my-deployments" && this.sortTypeChanged.emit(this.sortType);
+  }
 }
-c("solutions-deployed-shell", m);
+d("solutions-deployed-shell", m);
 export {
   m 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 { j 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.20251008.1 */
+v1.1.0-next.20251009.1 */
 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.20251008.1 */
+v1.1.0-next.20251009.1 */
 /**
  * @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.20251008.1 */
+v1.1.0-next.20251009.1 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-10-08T20:04:19",
+  "timestamp": "2025-10-09T23:13:47",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.158",
+    "version": "4.34.0-next.159",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -18159,6 +18159,18 @@
                 ]
               }
             },
+            {
+              "name": "sortTypeChanged",
+              "description": "Emitted on demand when the sort type changes",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              }
+            },
             {
               "name": "templatesFetched",
               "description": "Emitted on demand when the templates have been fetched from the solution",
@@ -22222,6 +22234,20 @@
                 }
               ]
             }
+          ],
+          "events": [
+            {
+              "name": "sortTypeChanged",
+              "description": "Emitted on demand when the sort type changes",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              }
+            }
           ]
         }
       ],

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-10-08T20:04:19",
+  "timestamp": "2025-10-09T23:13:47",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.158",
+    "version": "4.34.0-next.159",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -16447,6 +16447,20 @@
           "docs": "Emitted on demand when the item properties have been fetched",
           "docsTags": []
         },
+        {
+          "event": "sortTypeChanged",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted on demand when the sort type changes",
+          "docsTags": []
+        },
         {
           "event": "templatesFetched",
           "detail": "Array<IItemTemplate>",
@@ -19890,7 +19904,22 @@
           ]
         }
       ],
-      "events": [],
+      "events": [
+        {
+          "event": "sortTypeChanged",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted on demand when the sort type changes",
+          "docsTags": []
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],

package/dist/docs/vscode.html-custom-data.json

@@ -2242,7 +2242,7 @@
     },
     {
       "name": "solution-details-panel",
-      "description": "### Events\n- **itemPropertiesFetched** - Emitted on demand when the item properties have been fetched\n- **templatesFetched** - Emitted on demand when the templates have been fetched from the solution\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "description": "### Events\n- **itemPropertiesFetched** - Emitted on demand when the item properties have been fetched\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n- **templatesFetched** - Emitted on demand when the templates have been fetched from the solution\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
       "attributes": [],
       "references": []
     },
@@ -2835,7 +2835,7 @@
     },
     {
       "name": "solutions-articles-shell",
-      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "description": "### Events\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
       "attributes": [],
       "references": []
     },

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/solutions-components",
-  "version": "1.1.0-next.20251008.1",
+  "version": "1.1.0-next.20251009.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -6414,7 +6414,7 @@
         },
         {
           "name": "solution-details-panel",
-          "description": "### Events\n- **itemPropertiesFetched** - Emitted on demand when the item properties have been fetched\n- **templatesFetched** - Emitted on demand when the templates have been fetched from the solution\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **itemPropertiesFetched** - Emitted on demand when the item properties have been fetched\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n- **templatesFetched** - Emitted on demand when the templates have been fetched from the solution\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [],
           "events": [
             {
@@ -6422,6 +6422,11 @@
               "type": "IItemProperties",
               "description": "Emitted on demand when the item properties have been fetched"
             },
+            {
+              "name": "sortTypeChanged",
+              "type": "string",
+              "description": "Emitted on demand when the sort type changes"
+            },
             {
               "name": "templatesFetched",
               "type": "Array<IItemTemplate>",
@@ -6447,6 +6452,11 @@
                 "type": "IItemProperties",
                 "description": "Emitted on demand when the item properties have been fetched"
               },
+              {
+                "name": "sortTypeChanged",
+                "type": "string",
+                "description": "Emitted on demand when the sort type changes"
+              },
               {
                 "name": "templatesFetched",
                 "type": "Array<IItemTemplate>",
@@ -7622,12 +7632,24 @@
         },
         {
           "name": "solutions-articles-shell",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [],
-          "events": [],
+          "events": [
+            {
+              "name": "sortTypeChanged",
+              "type": "string",
+              "description": "Emitted on demand when the sort type changes"
+            }
+          ],
           "js": {
             "properties": [],
-            "events": []
+            "events": [
+              {
+                "name": "sortTypeChanged",
+                "type": "string",
+                "description": "Emitted on demand when the sort type changes"
+              }
+            ]
           }
         },
         {

package/dist/index.d.ts

@@ -297,6 +297,11 @@ export interface SolutionsAllShellCustomEvent<T> extends CustomEvent<T> {
   target: HTMLSolutionsAllShellElement;
   currentTarget: HTMLSolutionsAllShellElement;
 }
+export interface SolutionsArticlesShellCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLSolutionsArticlesShellElement;
+  currentTarget: HTMLSolutionsArticlesShellElement;
+}
 export interface SolutionsDeployAppCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: HTMLSolutionsDeployAppElement;
@@ -908,6 +913,7 @@ declare global {
   }
   interface HTMLSolutionDetailsPanelElementEventMap {
     "itemPropertiesFetched": SolutionDetailsPanel["itemPropertiesFetched"]["detail"];
+    "sortTypeChanged": SolutionDetailsPanel["sortTypeChanged"]["detail"];
     "templatesFetched": SolutionDetailsPanel["templatesFetched"]["detail"];
     "tokenRefreshed": SolutionDetailsPanel["tokenRefreshed"]["detail"];
   }
@@ -1034,8 +1040,17 @@ declare global {
   interface HTMLSolutionsArticlesElement extends SolutionsArticles {
 
   }
-  interface HTMLSolutionsArticlesShellElement extends SolutionsArticlesShell {
+  interface HTMLSolutionsArticlesShellElementEventMap {
+    "sortTypeChanged": SolutionsArticlesShell["sortTypeChanged"]["detail"];
+  }
 
+  interface HTMLSolutionsArticlesShellElement extends SolutionsArticlesShell {
+    addEventListener<K extends keyof HTMLSolutionsArticlesShellElementEventMap>(type: K, listener: (this: HTMLSolutionsArticlesShellElement, ev: SolutionsArticlesShellCustomEvent<HTMLSolutionsArticlesShellElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLSolutionsArticlesShellElementEventMap>(type: K, listener: (this: HTMLSolutionsArticlesShellElement, ev: SolutionsArticlesShellCustomEvent<HTMLSolutionsArticlesShellElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
   interface HTMLSolutionsDeployAppElementEventMap {
     "deployAppTabSelected": SolutionsDeployApp["deployAppTabSelected"]["detail"];

package/dist/index.js

@@ -3,7 +3,7 @@ import { A as O } from "./chunks/Auth.js";
 import { p as A, r as e, q as I, B as L, C as R, i as P, n as t, k as o, h as N, g as U, E as i, j as p, a as C, m as M, c as r, o as B, d as D, e as y, l as G, b as f, f as H, J as g, P as l, t as m, s as n, u, v as x, w as d, x as K, y as Y, z as h, S as w, A as F, F as c, G as v, D as z, H as W, I as k } 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.20251008.1 */
+v1.1.0-next.20251009.1 */
 export {
   O as Auth,
   A as BASE_DEPLOYED_TERMS,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements 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.20251008.1 */
+v1.1.0-next.20251009.1 */
 const l = o(e, {
   "arcgis-solutions-assistant": [() => import("./components/arcgis-solutions-assistant/customElement.js"), "AIServerUrl,token"],
   "basemap-gallery": [() => import("./components/basemap-gallery/customElement.js"), "basemapConfig:,basemapWidget:,mapView:"],

package/dist/types/lumina.d.ts

@@ -298,6 +298,7 @@ interface LuminaSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'c
 
 interface LuminaSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, h.JSX.HTMLAttributes<HTMLSolutionDetailsPanelElement> {
   onitemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onsortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   ontemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   ontokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -369,6 +370,7 @@ interface LuminaSolutionsArticles extends Partial<Pick<SolutionsArticles, 'showA
 }
 
 interface LuminaSolutionsArticlesShell extends h.JSX.HTMLAttributes<HTMLSolutionsArticlesShellElement> {
+  onsortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 interface LuminaSolutionsDeployApp extends Partial<Pick<SolutionsDeployApp, 'appConfig' | 'locale' | 'orgUrl' | 'portalUrl' | 'primarySolutionsGroupId' | 'sortType' | 'useLocalAppConfig'>>, h.JSX.HTMLAttributes<HTMLSolutionsDeployAppElement> {

package/dist/types/preact.d.ts

@@ -299,6 +299,7 @@ interface PreactSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'c
 
 interface PreactSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, HTMLAttributes<HTMLSolutionDetailsPanelElement> {
   onitemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onsortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   ontemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   ontokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -370,6 +371,7 @@ interface PreactSolutionsArticles extends Partial<Pick<SolutionsArticles, 'showA
 }
 
 interface PreactSolutionsArticlesShell extends HTMLAttributes<HTMLSolutionsArticlesShellElement> {
+  onsortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 interface PreactSolutionsDeployApp extends Partial<Pick<SolutionsDeployApp, 'appConfig' | 'locale' | 'orgUrl' | 'portalUrl' | 'primarySolutionsGroupId' | 'sortType' | 'useLocalAppConfig'>>, HTMLAttributes<HTMLSolutionsDeployAppElement> {

package/dist/types/preact10.d.ts

@@ -345,6 +345,7 @@ interface PreactSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'c
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
 interface PreactSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, PreactJsx.HTMLAttributes<HTMLSolutionDetailsPanelElement> {
   onitemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onsortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   ontemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   ontokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -434,6 +435,7 @@ interface PreactSolutionsArticles extends Partial<Pick<SolutionsArticles, 'showA
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
 interface PreactSolutionsArticlesShell extends PreactJsx.HTMLAttributes<HTMLSolutionsArticlesShellElement> {
+  onsortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */

package/dist/types/react.d.ts

@@ -299,6 +299,7 @@ interface ReactSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'ca
 
 interface ReactSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, HTMLProps<HTMLSolutionDetailsPanelElement> {
   onitemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onsortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   ontemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   ontokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -370,6 +371,7 @@ interface ReactSolutionsArticles extends Partial<Pick<SolutionsArticles, 'showAs
 }
 
 interface ReactSolutionsArticlesShell extends HTMLProps<HTMLSolutionsArticlesShellElement> {
+  onsortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 interface ReactSolutionsDeployApp extends Partial<Pick<SolutionsDeployApp, 'appConfig' | 'locale' | 'orgUrl' | 'portalUrl' | 'primarySolutionsGroupId' | 'sortType' | 'useLocalAppConfig'>>, HTMLProps<HTMLSolutionsDeployAppElement> {