@esri/solutions-components 1.0.0-next.20250521.1 → 1.0.0-next.20250527.1

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

@@ -3,6 +3,7 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 import { UserSession } from '@esri/solution-common';
 import { IFilterOption, SortType } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
+import { Auth } from '../../utils/Auth';
 
 export declare class SolutionsAllShell extends LitElement {
     /**

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

@@ -1,15 +1,16 @@
 import { c as h } from "../../chunks/runtime.js";
-import { u as p } from "../../chunks/useT9n.js";
-import { LitElement as u, useContextProvider as l, createEvent as a, nothing as r, safeStyleMap as o } from "@arcgis/lumina";
-import { css as f } from "@lit/reactive-element/css-tag.js";
-import { a as b, i as g, u as m } from "../../chunks/deployAppContexts.js";
-import { UserSession as y } from "@esri/solution-common";
+import { u } from "../../chunks/useT9n.js";
+import { LitElement as f, useContextProvider as l, createEvent as n, nothing as r, safeStyleMap as o } from "@arcgis/lumina";
+import { css as g } from "@lit/reactive-element/css-tag.js";
+import { a as b, i as m, u as y } from "../../chunks/deployAppContexts.js";
+import { UserSession as _ } from "@esri/solution-common";
+import { A as v, a as S, p as a, l as c, b as w, c as x } from "../../chunks/Auth.js";
 import { html as i } from "lit";
-import { createRef as _, ref as v } from "lit/directives/ref.js";
+import { createRef as C, ref as k } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
-const w = f`/** @license
+v1.0.0-next.20250527.1 */
+const $ = g`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,34 +24,35 @@ const w = f`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.display-flex{display:flex}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-3);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:.5rem}.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}@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)}`, n = "https://www.arcgis.com", S = "966b251241bb4e3bb9ee3f2b92921aa5", x = "1d3a7ed66deb47269beea05ff9afd4c1";
-class C extends u {
+ */.display-flex{display:flex}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-3);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:.5rem}.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}@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}`;
+class P extends f {
   constructor() {
-    super(), this.solutionsCount = 0, this.sortType = "numviews", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = p({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = _(), this._authContextProvider = l({ context: b }), this._isMobileContextProvider = l({ context: g }), this._userSessionContextProvider = l({ context: m }), this.filterRemoved = a(), this.tokenRefreshed = a(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super(), this.solutionsCount = 0, this.sortType = "numviews", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = u({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = C(), this._authContextProvider = l({ context: b }), this._isMobileContextProvider = l({ context: m }), this._userSessionContextProvider = l({ context: y }), this.filterRemoved = n(), this.tokenRefreshed = n(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
     this.properties = { solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = w;
+    this.styles = $;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
   }
   connectedCallback() {
     super.connectedCallback();
-    const e = new y({
+    const e = new _({
       username: "",
       password: ""
     });
-    this._userSessionContextProvider.setValue(e), this._setRefreshInterval(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
+    this._userSessionContextProvider.setValue(e), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
   }
-  _mediaQueryChange(e) {
-    this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
+  async load() {
+    const e = new v(S, a, c);
+    await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession);
   }
   render() {
     const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
-    return i`<calcite-shell>${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab" icon-start=${e ?? r} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="header-override background-override"><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" icon-start=${e ?? r} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="header-override background-override"><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>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
@@ -61,7 +63,7 @@ class C extends u {
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<solutions-all-panel .agoSolutionsGroupId=${S} .enterpriseSolutionsGroupId=${x} .locale=${"en"} .orgUrl=${n} @cardsFetched=${this._updateSolutionCount} .portalUrl=${n} .sortType=${this.sortType} style=${o(e)} ${v(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    return i`<solutions-all-panel .agoSolutionsGroupId=${w} .enterpriseSolutionsGroupId=${x} .locale=${c} .orgUrl=${a} @cardsFetched=${this._updateSolutionCount} .portalUrl=${a} .sortType=${this.sortType} style=${o(e)} ${k(this._allSolutionsPanelRef)}></solutions-all-panel>`;
   }
   _renderChips() {
     return this.filters.length > 0 ? this.filters.map((e) => i`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${e.displayValue} @calciteChipClose=${() => this._chipClosed(e.displayValue)} .value=${e.displayValue}>${e.displayValue}</calcite-chip>`) : void 0;
@@ -132,26 +134,29 @@ class C extends u {
   _filterApplied(e) {
     e.detail ? ("displayValue" in e.detail && (this.filters = [e.detail]), this._allSolutionsPanelRef.value?.searchSolutions(e.detail)) : (this.filters = [], this._allSolutionsPanelRef.value?.searchSolutions());
   }
+  _mediaQueryChange(e) {
+    this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
+  }
   _setRefreshInterval() {
     const e = this._userSessionContextProvider.value, t = this._authContextProvider.value;
     if (e && t) {
-      const c = (e.tokenExpires?.getTime() - Date.now()) * 0.9;
+      const d = (e.tokenExpires?.getTime() - Date.now()) * 0.9;
       setInterval(
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         async () => {
           const s = await t?.refreshSession();
           if (s) {
             this._userSessionContextProvider.setValue(s);
-            const d = s?.token ?? "";
-            this.tokenRefreshed.emit(d);
+            const p = s?.token ?? "";
+            this.tokenRefreshed.emit(p);
           }
         },
-        c
+        d
       );
     }
   }
 }
-h("solutions-all-shell", C);
+h("solutions-all-shell", P);
 export {
-  C as SolutionsAllShell
+  P as SolutionsAllShell
 };

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

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as n } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
+v1.0.0-next.20250527.1 */
 const r = o`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
+v1.0.0-next.20250527.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
+v1.0.0-next.20250527.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,5 +1,59 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { IFilterOption, ISearchOption, ISolutionInfoCard, ISortOption, SortType } from '../../utils/interfaces';
 
 export declare class SolutionsDeployedPanel extends LitElement {
+    /** The authentication from global nav */
+    readonly authContextConsumer: import('@lit/context').ContextConsumer<{
+        __context__: import('../../utils/Auth').Auth;
+    }, HTMLElement & import('lit').ReactiveControllerHost>;
+    /**
+     * The group id that contains agol solutions.
+     *
+     * @default ""
+     */
+    agoSolutionsGroupId: string;
+    /**
+     * The group id that contains enterprise solutions.
+     *
+     * @default ""
+     */
+    enterpriseSolutionsGroupId: string;
+    /**
+     * The current locale.
+     *
+     * @default ""
+     */
+    locale: string;
+    /**
+     * URL of organization, e.g., "http://myOrg.maps.arcgis.com"
+     *
+     * @default ""
+     */
+    orgUrl: string;
+    /**
+     * URL of portal, e.g., "https://www.arcgis.com"
+     *
+     * @default ""
+     */
+    portalUrl: string;
+    /**
+     * Define how the cards will be sorted
+     * valid options for deplyed cards are: created (ie date deployed), relevance, title
+     *
+     * @default 'created'
+     */
+    sortType: SortType;
+    /** The user session to use for fetching solutions */
+    readonly userSessionContextConsumer: import('@lit/context').ContextConsumer<{
+        __context__: import('@esri/arcgis-rest-request').ArcGISIdentityManager;
+    }, HTMLElement & import('lit').ReactiveControllerHost>;
+    /**
+     * Search solutions based on key criteria
+     *
+     * @param searchOptions the key criteria to search with
+     */
+    searchSolutions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>;
+    /** Emitted on demand when cards are fetched */
+    readonly deployedCardsFetched: TargetedEvent<this, number>;
 }

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

@@ -1,12 +1,15 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as s } from "../../chunks/useT9n.js";
-import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { c as n } from "../../chunks/runtime.js";
+import { html as s, svg as l } from "lit-html";
+import { u as d } from "../../chunks/useT9n.js";
+import { LitElement as h, useContextConsumer as i, createEvent as c, nothing as u } from "@arcgis/lumina";
+import { css as p } from "@lit/reactive-element/css-tag.js";
+import { C as r, g } from "../../chunks/cardFetchingUtils.js";
+import { a as m, u as _ } from "../../chunks/deployAppContexts.js";
+import { B as o, b as y, c as f } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
-const r = n`@layer{/** @license
+v1.0.0-next.20250527.1 */
+const C = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +23,71 @@ const r = n`@layer{/** @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.
- */}`;
-class a extends i {
+ */calcite-panel{width:100%;height:100%}.card-group{overflow:hidden;padding:.5rem}.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%}.display-flex{display:flex}.flex-direction-column{flex-direction:column}`;
+class S extends h {
   constructor() {
-    super(...arguments), this._translations = s({ name: "solutions-deployed-panel", blocking: !0 });
+    super(...arguments), this.authContextConsumer = i({
+      context: m,
+      subscribe: !0
+    }), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "created", this.userSessionContextConsumer = i({
+      context: _,
+      subscribe: !0
+    }), this.cards = [], this._translations = d({ name: "solutions-deployed-panel", blocking: !0 }), this._allCards = [], this._agoTerms = o, this._baseAgoTerms = o, this._categories = [], this._delay = !1, this._sortField = "created", this._sortOrder = "desc", this.deployedCardsFetched = c();
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { authContextConsumer: 32, agoSolutionsGroupId: 1, enterpriseSolutionsGroupId: 1, locale: 1, orgUrl: 1, portalUrl: 1, sortType: 1, userSessionContextConsumer: 32, cards: 16, _translations: 16 };
   }
   static {
-    this.styles = r;
+    this.styles = C;
   }
-  static {
-    this.shadowRootOptions = o;
+  async searchSolutions(e) {
+    e ? "searchTerm" in e ? this._textSearch(e.searchTerm) : "sortType" in e ? this._sortCards(e) : this._filterCards(e) : (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories()), await this._getDeployedSolutions();
+  }
+  async load() {
+    this._cardsFetcher = new r(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new r(this.locale, this.orgUrl, this.portalUrl), await this._getDeployedSolutions();
   }
   render() {
-    return t`<calcite-panel></calcite-panel>`;
+    return s`<calcite-panel><calcite-card-group class="card-group" label>${this._renderCards()}</calcite-card-group></calcite-panel>`;
+  }
+  _renderCards() {
+    return this.cards.length ? this.cards.map((e) => s`<solution-deployed-card .deployedDate=${e.created} .description=${e.snippet} .heading=${e.title} itemId=${e.id ?? u} .owner=${e.owner} .thumbnail=${e.thumbnailUrl}></solution-deployed-card>`) : s`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1 display-flex flex-direction-column"><span>${this._translations.noSolutionsYet}</span><span>${this._translations.noSolutionsInstruction}</span></div></div>`;
+  }
+  async _getDeployedSolutions() {
+    const e = await g(this.authContextConsumer.value, this.userSessionContextConsumer.value, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards);
+    this.cards = e?.cards ?? [], e?.relatedSolutions && (this._relatedSolutions = e?.relatedSolutions, console.log(this._relatedSolutions)), this.deployedCardsFetched.emit(this.cards.length);
+  }
+  _getSolutionsBriefcase() {
+    return s`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${l`<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;
+    (t === "relevance" || t === "title") && (t === "title" && (this._sortOrder = "asc"), this._sortField = t), this.sortType = t;
+  }
+  _filterCards(e) {
+    if (e.industry) {
+      const t = this._getIndustryValue(e.industry);
+      if (e.domain) {
+        const a = this._getDomainValue(e.domain);
+        this._categories = [`/Categories/${t}/${a}`];
+      } else
+        this._categories = [`/Categories/${t}`];
+      this._getDeployedSolutions();
+    }
+  }
+  _getDomainValue(e) {
+    return y[e];
+  }
+  _getIndustryValue(e) {
+    return e === "AEC" ? "AEC" : f[e];
+  }
+  _clearFilterCategories() {
+    this._categories = [];
   }
 }
-e("solutions-deployed-panel", a);
+n("solutions-deployed-panel", S);
 export {
-  a as SolutionsDeployedPanel
+  S as SolutionsDeployedPanel
 };

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

@@ -1,2 +1,4 @@
 import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-card-group";
+import "../solution-deployed-card/index.js";
 export * from "./customElement.js";

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

@@ -1,2 +1,4 @@
 import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-card-group";
+import "../solution-deployed-card/index.js";
 export * from "./customElement.js";

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

@@ -1,5 +1,24 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { IFilterOption, SortType } from '../../utils/interfaces';
+import { PropertyValues } from 'lit';
+import { Auth } from '../../utils/Auth';
 
 export declare class SolutionsDeployedShell extends LitElement {
+    /**
+     * The number of solution cards currently displayed
+     *
+     * @default 0
+     */
+    solutionsCount: number;
+    /**
+     * The current sort type applied to the displayed cards
+     *
+     * @default 'created'
+     */
+    sortType: SortType;
+    /** Emitted on demand when a filter chip is closed */
+    readonly filterRemoved: TargetedEvent<this, string>;
+    /** Emitted on demand when the auth token is updated */
+    readonly tokenRefreshed: TargetedEvent<this, string>;
 }

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

@@ -1,12 +1,15 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as s } from "../../chunks/useT9n.js";
-import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { c as h } from "../../chunks/runtime.js";
+import { u } from "../../chunks/useT9n.js";
+import { LitElement as f, useContextProvider as l, createEvent as n, nothing as r, safeStyleMap as o } from "@arcgis/lumina";
+import { css as b } from "@lit/reactive-element/css-tag.js";
+import { a as g, i as m, u as y } from "../../chunks/deployAppContexts.js";
+import { A as _, a as v, p as a, l as c, b as x, c as C } from "../../chunks/Auth.js";
+import { html as i } from "lit";
+import { createRef as S, ref as w } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
-const r = n`@layer{/** @license
+v1.0.0-next.20250527.1 */
+const $ = b`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +23,116 @@ const r = n`@layer{/** @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.
- */}`;
-class l extends i {
+ */.display-flex{display:flex}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-3);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:.5rem}.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}@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}`;
+class k extends f {
   constructor() {
-    super(...arguments), this._translations = s({ name: "solutions-deployed-shell", blocking: !0 });
+    super(), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = u({ name: "solutions-deployed-shell", blocking: !0 }), this._solutionsDeployedPanelRef = S(), this._authContextProvider = l({ context: g }), this._isMobileContextProvider = l({ context: m }), this._userSessionContextProvider = l({ context: y }), this.filterRemoved = n(), this.tokenRefreshed = n(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = r;
+    this.styles = $;
   }
-  static {
-    this.shadowRootOptions = o;
+  willUpdate(e) {
+    e.has("isMobile") && (this.filterOpen = !this.isMobile);
+  }
+  async connectedCallback() {
+    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
+  }
+  async load() {
+    const e = new _(v, a, c);
+    await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession);
+  }
+  _mediaQueryChange(e) {
+    this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
   }
   render() {
-    return t`<calcite-shell></calcite-shell>`;
+    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" icon-start=${e ?? r} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="header-override background-override"><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>`;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
+  }
+  _getFilterPanel() {
+    const e = this.filterOpen ? { display: "block" } : "";
+    return this.isMobile ? i`<calcite-panel class="filter background-override" id=solutions-all-shell-panel-start style=${o(e)}><solutions-filter-panel @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 slot=panel-start style=${o(e)} position=start><solutions-filter-panel @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-shell-panel>`;
+  }
+  _getSolutionsAllPanel() {
+    const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
+    return i`<solutions-deployed-panel .agoSolutionsGroupId=${x} .enterpriseSolutionsGroupId=${C} .locale=${c} .orgUrl=${a} @deployedCardsFetched=${this._updateSolutionCount} .portalUrl=${a} .sortType=${this.sortType} style=${o(e)} ${w(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
+  }
+  _renderChips() {
+    return this.filters.length > 0 ? this.filters.map((e) => i`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${e.displayValue} @calciteChipClose=${() => this._chipClosed(e.displayValue)} .value=${e.displayValue}>${e.displayValue}</calcite-chip>`) : void 0;
+  }
+  _renderDropdown() {
+    const e = [{
+      displayValue: this._translations.sortByRelevance,
+      sortType: "relevance"
+    }, {
+      displayValue: this._translations.sortByTitle,
+      sortType: "title"
+    }, {
+      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 ?? r}>${e.map((t) => this._getDropdownItem(t.displayValue, t.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
+  }
+  _getDropdownItem(e, t) {
+    return this.sortType !== t ? i`<calcite-dropdown-item @click=${() => this._sortChanged(t)}>${e}</calcite-dropdown-item>` : i`<calcite-dropdown-item @click=${() => this._sortChanged(t)} selected>${e}</calcite-dropdown-item>`;
+  }
+  _getString(e) {
+    let t = "";
+    switch (e) {
+      case "created":
+        t = this._translations.sortByDateDeployed;
+        break;
+      case "relevance":
+        t = this._translations.sortByRelevance;
+        break;
+      case "title":
+        t = this._translations.sortByTitle;
+        break;
+    }
+    return t;
+  }
+  _updateSolutionCount(e) {
+    this.solutionsCount = e.detail;
+  }
+  _sortChanged(e) {
+    this.sortType = e, this._solutionsDeployedPanelRef.value?.searchSolutions({
+      sortType: e
+    });
+  }
+  _chipClosed(e) {
+    this.filters = this.filters.filter((t) => t.displayValue !== e), this._solutionsDeployedPanelRef.value?.searchSolutions(), this.filterRemoved.emit(e);
+  }
+  _toggleFilter() {
+    this.filterOpen = !this.filterOpen;
+  }
+  _filterApplied(e) {
+    e.detail ? ("displayValue" in e.detail && (this.filters = [e.detail]), this._solutionsDeployedPanelRef.value?.searchSolutions(e.detail)) : (this.filters = [], this._solutionsDeployedPanelRef.value?.searchSolutions());
+  }
+  _setRefreshInterval() {
+    const e = this._userSessionContextProvider.value, t = this._authContextProvider.value;
+    if (e && t) {
+      const d = (e.tokenExpires?.getTime() - Date.now()) * 0.9;
+      setInterval(
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        async () => {
+          const s = await t?.refreshSession();
+          if (s) {
+            this._userSessionContextProvider.setValue(s);
+            const p = s?.token ?? "";
+            this.tokenRefreshed.emit(p);
+          }
+        },
+        d
+      );
+    }
   }
 }
-e("solutions-deployed-shell", l);
+h("solutions-deployed-shell", k);
 export {
-  l as SolutionsDeployedShell
+  k as SolutionsDeployedShell
 };

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

@@ -1,2 +1,12 @@
 import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "../solutions-filter-panel/index.js";
+import "../solutions-deployed-panel/index.js";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";

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

@@ -1,2 +1,12 @@
 import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "../solutions-filter-panel/index.js";
+import "../solutions-deployed-panel/index.js";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";

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

@@ -5,10 +5,10 @@ import { keyed as o } from "lit-html/directives/keyed.js";
 import { u as S } from "../../chunks/useT9n.js";
 import { LitElement as m, createEvent as g, noShadowRoot as p } from "@arcgis/lumina";
 import { css as E } from "@lit/reactive-element/css-tag.js";
-import { h as F } from "../../chunks/interfaces.js";
+import { c as F } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
+v1.0.0-next.20250527.1 */
 const y = E`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { LitElement as E, createEvent as o, noShadowRoot as b, safeClassMap as y
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
+v1.0.0-next.20250527.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.0/esri/copyright.txt for details.
-v1.0.0-next.20250521.1 */
+v1.0.0-next.20250527.1 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();