@esri/solutions-components 1.0.6 → 1.1.0-next.20250731

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

@@ -1,16 +1,16 @@
-import { c as d } from "../../chunks/runtime.js";
-import { u as p } from "../../chunks/useT9n.js";
-import { LitElement as h, useContextProvider as l, createEvent as r, nothing as n, safeStyleMap as o } from "@arcgis/lumina";
-import { css as u } from "@lit/reactive-element/css-tag.js";
+import { c } from "../../chunks/runtime.js";
+import { u as d } from "../../chunks/useT9n.js";
+import { LitElement as p, createEvent as l, safeStyleMap as o, nothing as h } from "@arcgis/lumina";
+import { useContextProvider as a } from "@arcgis/lumina/context";
+import { css as u, html as i } from "lit";
 import { a as f, i as b, u as g } from "../../chunks/deployAppContexts.js";
 import { UserSession as m } from "@esri/solution-common";
-import { a as y, p as a, l as c, b as _, c as v } from "../../chunks/appConfig.js";
-import { html as i } from "lit";
+import { a as y, p as r, l as n, b as _, c as v } from "../../chunks/appConfig.js";
 import { createRef as w, ref as S } from "lit/directives/ref.js";
 import { A as C } from "../../chunks/Auth.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.6 */
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
 const x = u`/** @license
  * Copyright 2025 Esri
  *
@@ -26,9 +26,9 @@ const x = 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-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 $ extends h {
+class $ extends p {
   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 = w(), this._authContextProvider = l({ context: f }), this._isMobileContextProvider = l({ context: b }), this._userSessionContextProvider = l({ context: g }), this.filterRemoved = r(), this.tokenRefreshed = r(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super(), this.solutionsCount = 0, this.sortType = "numviews", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = d({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = w(), this._authContextProvider = a({ context: f }), this._isMobileContextProvider = a({ context: b }), this._userSessionContextProvider = a({ context: g }), this.filterRemoved = l(), this.solutionsAllLoaded = l(), this.tokenRefreshed = l(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
     this.properties = { solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
@@ -48,23 +48,26 @@ class $ extends h {
     this._userSessionContextProvider.setValue(e), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
   }
   async load() {
-    const e = new C(y, a, c);
+    const e = new C(y, r, n);
     await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession);
   }
+  loaded() {
+    this.solutionsAllLoaded.emit();
+  }
   render() {
     const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
-    return i`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab" icon-start=${e ?? n} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override 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} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override 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 is-all-solutions @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-shell-panel>`;
+    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 position=start slot=panel-start style=${o(e)}><solutions-filter-panel is-all-solutions @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-shell-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<solutions-all-panel .agoSolutionsGroupId=${_} .enterpriseSolutionsGroupId=${v} .locale=${c} .orgUrl=${a} @cardsFetched=${this._updateSolutionCount} .portalUrl=${a} .sortType=${this.sortType} style=${o(e)} ${S(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    return i`<solutions-all-panel .agoSolutionsGroupId=${_} .enterpriseSolutionsGroupId=${v} .locale=${n} .orgUrl=${r} @cardsFetched=${this._updateSolutionCount} .portalUrl=${r} .sortType=${this.sortType} style=${o(e)} ${S(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;
@@ -89,7 +92,7 @@ class $ extends h {
       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 ?? n}>${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>`;
@@ -140,7 +143,7 @@ class $ extends h {
     this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
   }
 }
-d("solutions-all-shell", $);
+c("solutions-all-shell", $);
 export {
   $ as SolutionsAllShell
 };

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

@@ -1,5 +1,17 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionsArticlePanel extends LitElement {
+    /**
+     * The href for the page that will be displayed
+     *
+     * @default ''
+     */
+    href: string;
+    /**
+     * The heading of the blog or article
+     *
+     * @default ''
+     */
+    heading: string;
 }

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

@@ -1,12 +1,11 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as i } from "../../chunks/useT9n.js";
-import { LitElement as s, noShadowRoot as n } from "@arcgis/lumina";
-import { css as o } from "@lit/reactive-element/css-tag.js";
+import { c as i } from "../../chunks/runtime.js";
+import { css as s, html as n } from "lit";
+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.0/esri/copyright.txt for details.
-v1.0.6 */
-const r = o`@layer{/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const l = s`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +19,25 @@ const r = o`@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 s {
+ */.height-full{height:100%}`;
+class c extends a {
   constructor() {
-    super(...arguments), this._translations = i({ name: "solutions-article-panel", blocking: !0 });
+    super(), this.href = "", this.heading = "", this._translations = r({ name: "solutions-article-panel", blocking: !0 }), this.listenOn(window, "articleCardSelected", this._cardSelected);
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { href: 1, heading: 1, _translations: 16 };
   }
   static {
-    this.styles = r;
-  }
-  static {
-    this.shadowRootOptions = n;
+    this.styles = l;
   }
   render() {
-    return t`<calcite-panel></calcite-panel>`;
+    return n`<calcite-panel><iframe class="height-full" src=${this.href ?? e} title=${this.heading ?? e}></iframe></calcite-panel>`;
+  }
+  _cardSelected(t) {
+    this.href = t.detail;
   }
 }
-e("solutions-article-panel", a);
+i("solutions-article-panel", c);
 export {
-  a as SolutionsArticlePanel
+  c as SolutionsArticlePanel
 };

package/dist/components/solutions-articles/customElement.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionsArticles extends LitElement {
+    /** @default false */
+    showAssistant: boolean;
 }

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

@@ -1,12 +1,14 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as i } from "../../chunks/useT9n.js";
-import { LitElement as s } from "@arcgis/lumina";
-import { css as r } from "@lit/reactive-element/css-tag.js";
+import { c as n } from "../../chunks/runtime.js";
+import { css as l, html as s } from "lit";
+import { u as o } from "../../chunks/useT9n.js";
+import { LitElement as h } from "@arcgis/lumina";
+import { useContextConsumer as d } from "@arcgis/lumina/context";
+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.0/esri/copyright.txt for details.
-v1.0.6 */
-const n = r`/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const u = l`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,22 +22,58 @@ const n = r`/** @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 o extends s {
+ */.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1{padding-bottom:1rem}.height-full{height:100%}.padding-start-2px{padding-inline-start:2px}`;
+class m extends h {
   constructor() {
-    super(...arguments), this._translations = i({ name: "solutions-articles", blocking: !0 });
+    super(...arguments), this.showAssistant = !1, this._isSearching = !1, this._searchType = "articles", this._translations = o({ name: "solutions-articles", blocking: !0 }), this._searchTerm = "", this._userSessionContextConsumer = d({
+      context: g,
+      subscribe: !0
+    });
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { showAssistant: 5, _articlesResponse: 16, _blogsResponse: 16, _isSearching: 16, _searchType: 16, _translations: 16 };
   }
   static {
-    this.styles = n;
+    this.styles = u;
+  }
+  async load() {
+    await this._search();
   }
   render() {
-    return t`<div></div>`;
+    const e = this._userSessionContextConsumer?.value?.token;
+    return s`<div class="height-full"><calcite-tabs class="height-full"><calcite-tab-nav slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._searchType = "articles"} selected>${this._translations.featuredArticles}</calcite-tab-title><calcite-tab-title @calciteTabsActivate=${() => this._searchType = "blogs"}>${this._translations.solutionBlogs}</calcite-tab-title></calcite-tab-nav><calcite-tab selected><calcite-panel>${this._getSearch()}<div class="padding-end-1-2">${this._getFeaturedArticles()}</div></calcite-panel></calcite-tab><calcite-tab><calcite-panel>${this._getSearch()}<div class="padding-end-1-2">${this._getBlogs()}</div></calcite-panel></calcite-tab></calcite-tabs>${this.showAssistant && e && s`<arcgis-solutions-assistant .token=${e}></arcgis-solutions-assistant>` || ""}</div>`;
+  }
+  _getBlogs() {
+    const e = this._isSearching ? "display-none" : "";
+    return s`<calcite-card-group label>${this._isSearching ? s`<calcite-loader label></calcite-loader>` : this._blogsResponse?.map((t) => s`<solution-article-card class=${`padding-start-2px ${e}`} .date=${t.date} .heading=${t.heading} .href=${t.href} .src=${t.src} type=blog></solution-article-card>`)}</calcite-card-group>`;
+  }
+  _getFeaturedArticles() {
+    const e = this._isSearching ? "display-none" : "";
+    return s`<calcite-card-group label>${this._isSearching && s`<calcite-loader label></calcite-loader>` || ""}${this._blogsResponse?.map((t) => s`<solution-article-card class=${`padding-start-2px ${e}`} .heading=${t.heading} .href=${t.href} .src=${t.src} type=article></solution-article-card>`)}</calcite-card-group>`;
+  }
+  _getSearch() {
+    return s`<calcite-input-text class="padding-top-1-2 padding-end-1-2 padding-bottom-1" clearable icon=search @calciteInputTextInput=${(e) => {
+      this._searchTerm = e.target?.value || "", (this._searchTerm.length >= 3 || this._searchTerm === "") && this._search();
+    }} .placeholder=${this._translations.search}></calcite-input-text>`;
+  }
+  async _search() {
+    const e = `https://www.esri.com/arcgis-blog/wp-json/esri/api/blog?search=${this._searchTerm}&per_page=12&offset=0&status=publish`, t = `https://www.esri.com/arcgis-blog/wp-json/esri/api/blog?search=${this._searchTerm}&per_page=12&offset=0&status=publish`, r = this._searchType === "articles" ? e : t, c = {
+      authentication: this._userSessionContextConsumer.value,
+      httpMethod: "GET"
+    };
+    this._searchTimeout && clearTimeout(this._searchTimeout), this._searchTimeout = setTimeout(async () => {
+      this._isSearching = !0;
+      const a = await p(r, c);
+      Array.isArray(a) && (console.log(a), this._blogsResponse = a.map((i) => ({
+        date: i.text_date,
+        src: i.image,
+        href: i.link,
+        heading: i.title
+      }))), this._isSearching = !1;
+    }, 500);
   }
 }
-e("solutions-articles", o);
+n("solutions-articles", m);
 export {
-  o as SolutionsArticles
+  m as SolutionsArticles
 };

package/dist/components/solutions-articles/index.d.ts

@@ -1 +1,11 @@
+import "@esri/calcite-components/components/calcite-tabs";
+import "@esri/calcite-components/components/calcite-tab-nav";
+import "@esri/calcite-components/components/calcite-tab-title";
+import "@esri/calcite-components/components/calcite-tab";
+import "@esri/calcite-components/components/calcite-panel";
+import "../arcgis-solutions-assistant/index.js";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-loader";
+import "../solution-article-card/index.js";
+import "@esri/calcite-components/components/calcite-input-text";
 export * from "./customElement.js";

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

@@ -1 +1,11 @@
+import "@esri/calcite-components/components/calcite-tabs";
+import "@esri/calcite-components/components/calcite-tab-nav";
+import "@esri/calcite-components/components/calcite-tab-title";
+import "@esri/calcite-components/components/calcite-tab";
+import "@esri/calcite-components/components/calcite-panel";
+import "../arcgis-solutions-assistant/index.js";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-loader";
+import "../solution-article-card/index.js";
+import "@esri/calcite-components/components/calcite-input-text";
 export * from "./customElement.js";

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionsArticlesShell extends LitElement {

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

@@ -1,12 +1,11 @@
 import { c as e } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
-import { u as t } from "../../chunks/useT9n.js";
-import { LitElement as i } from "@arcgis/lumina";
-import { css as r } from "@lit/reactive-element/css-tag.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";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.6 */
-const n = r`/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const n = i`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,10 +19,10 @@ const n = r`/** @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 o extends i {
+ */.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 {
   constructor() {
-    super(...arguments), this._translations = t({ name: "solutions-articles-shell", blocking: !0 });
+    super(...arguments), this._translations = s({ name: "solutions-articles-shell", blocking: !0 });
   }
   static {
     this.properties = { _translations: 16 };
@@ -32,7 +31,7 @@ class o extends i {
     this.styles = n;
   }
   render() {
-    return s`<calcite-shell></calcite-shell>`;
+    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>`;
   }
 }
 e("solutions-articles-shell", o);

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

@@ -1,2 +1,5 @@
 import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "../solutions-articles/index.js";
+import "../solutions-article-panel/index.js";
 export * from "./customElement.js";

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

@@ -1,2 +1,5 @@
 import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "../solutions-articles/index.js";
+import "../solutions-article-panel/index.js";
 export * from "./customElement.js";

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

@@ -1,13 +1,9 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { IDeployedSolutionCardRefs, 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.
      *
@@ -45,12 +41,8 @@ export declare class SolutionsDeployedPanel extends LitElement {
      * @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>;
-    /** function to refresh the panel after a deletion */
-    reload(): void;
+    /** function to refresh the panel after a deletion or solution title/snippet change */
+    reload(showDeleteMessage?: boolean, useTimeout?: boolean): Promise<void>;
     /**
      * Search solutions based on key criteria
      *

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

@@ -1,17 +1,17 @@
-import { c as n } from "../../chunks/runtime.js";
-import { ref as h } from "lit-html/directives/ref.js";
-import { u as d } from "../../chunks/useT9n.js";
-import { html as s, nothing as r, svg as c } from "lit";
-import { LitElement as u, useContextConsumer as o, createEvent as _ } from "@arcgis/lumina";
-import { css as m } from "@lit/reactive-element/css-tag.js";
-import { C as i, g as p } from "../../chunks/cardFetchingUtils.js";
-import { a as g, u as f } from "../../chunks/deployAppContexts.js";
-import { B as a, q as y, r as w, s as C } from "../../chunks/interfaces.js";
-import { g as S } from "../../chunks/privilegeUtils.js";
+import { c as h } from "../../chunks/runtime.js";
+import { ref as d } from "lit/directives/ref.js";
+import { u as c } from "../../chunks/useT9n.js";
+import { css as u, html as s, nothing as o, svg as _ } from "lit";
+import { LitElement as p, createEvent as g, safeClassMap as a } from "@arcgis/lumina";
+import { useContextConsumer as l } from "@arcgis/lumina/context";
+import { C as i, g as m } from "../../chunks/cardFetchingUtils.js";
+import { a as f, u as y } from "../../chunks/deployAppContexts.js";
+import { B as n, q as w, r as C, s as S } from "../../chunks/interfaces.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.0/esri/copyright.txt for details.
-v1.0.6 */
-const x = m`/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const x = u`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,60 +25,64 @@ const x = m`/** @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-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 v extends u {
+ */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}.display-none{display:none}.flex-direction-column{flex-direction:column}`;
+class D extends p {
   constructor() {
-    super(), this.authContextConsumer = o({
-      context: g,
-      subscribe: !0
-    }), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "created", this.userSessionContextConsumer = o({
+    super(), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "created", this._cards = [], this._cardsFetching = !1, this._newId = "", this._refs = {}, this._showDeleteCompleteAlert = !1, this._translations = c({ name: "solutions-deployed-panel", blocking: !0 }), this._agoTerms = n, this._allCards = [], this._authContextConsumer = l({
       context: f,
       subscribe: !0
-    }), this._cards = [], this._newId = "", this._refs = {}, this._showDeleteCompleteAlert = !1, this._translations = d({ name: "solutions-deployed-panel", blocking: !0 }), this._allCards = [], this._agoTerms = a, this._baseAgoTerms = a, this._categories = [], this._delay = !1, this._isOrgAdmin = !1, this._owner = y.OWNER, this._sortField = "created", this._sortOrder = "desc", this.deployedCardsFetched = _(), this.listenOn(window, "solutionDeleted", this.reload), this.listenOn(window, "deployProgressEnd", this._refresh);
+    }), this._baseAgoTerms = n, this._categories = [], this._delay = !1, this._isOrgAdmin = !1, this._owner = w.OWNER, this._sortField = "created", this._sortOrder = "desc", this._userSessionContextConsumer = l({
+      context: y,
+      subscribe: !0
+    }), this.deployedCardsFetched = g(), this.listenOn(window, "solutionDeleted", () => this.reload(!0, !0)), this.listenOn(window, "solutionConfigureDialogClose", (e) => {
+      e.detail && this.reload(!1, !1);
+    }), this.listenOn(window, "deployProgressEnd", this._refresh);
   }
   static {
-    this.properties = { authContextConsumer: 32, agoSolutionsGroupId: 1, enterpriseSolutionsGroupId: 1, locale: 1, orgUrl: 1, portalUrl: 1, sortType: 1, userSessionContextConsumer: 32, _cards: 16, _newId: 16, _refs: 16, _showDeleteCompleteAlert: 16, _translations: 16 };
+    this.properties = { agoSolutionsGroupId: 1, enterpriseSolutionsGroupId: 1, locale: 1, orgUrl: 1, portalUrl: 1, sortType: 1, _cards: 16, _cardsFetching: 16, _newId: 16, _refs: 16, _showDeleteCompleteAlert: 16, _translations: 16 };
   }
   static {
     this.styles = x;
   }
-  reload() {
-    this._cardsFetcher = new i(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new i(this.locale, this.orgUrl, this.portalUrl), setTimeout(() => {
+  async reload(e = !0, t = !0) {
+    this._cardsFetcher = new i(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new i(this.locale, this.orgUrl, this.portalUrl), t ? setTimeout(() => {
       (async () => {
         try {
           await this._getDeployedSolutions();
-        } catch (e) {
-          console.error("Error getting deployed solutions:", e);
+        } catch (r) {
+          console.error("Error getting deployed solutions:", r);
         }
       })();
-    }, 500), this._showDeleteCompleteAlert = !0;
+    }, 500) : await this._getDeployedSolutions(), e && (this._showDeleteCompleteAlert = !0);
   }
   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 i(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new i(this.locale, this.orgUrl, this.portalUrl), this._isOrgAdmin = S(this.authContextConsumer.value), await this._getDeployedSolutions();
+    this._cardsFetcher = new i(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new i(this.locale, this.orgUrl, this.portalUrl), this._isOrgAdmin = v(this._authContextConsumer.value), await this._getDeployedSolutions();
   }
   render() {
-    return s`<calcite-panel><calcite-card-group class="card-group" label>${this._renderCards()}</calcite-card-group><calcite-alert auto-close auto-close-duration=fast icon=check-circle kind=success .label=${this._translations.deleteComplete} .open=${this._showDeleteCompleteAlert} @calciteAlertClose=${() => {
+    const e = this._cardsFetching ? "" : "display-none", t = this._cardsFetching ? "display-none" : "";
+    return s`<div><calcite-loader class=${a(e)} .label=${this._translations.fetchingDeployedSolutions}></calcite-loader><calcite-panel class=${a(t)}><calcite-card-group class="card-group" .label=${this._translations.allDeployed}>${this._renderCards()}</calcite-card-group><calcite-alert auto-close auto-close-duration=fast icon=check-circle kind=success .label=${this._translations.deleteComplete} .open=${this._showDeleteCompleteAlert} @calciteAlertClose=${() => {
       this._showDeleteCompleteAlert = !1;
-    }}><div slot=title>${this._translations.deleteComplete}</div></calcite-alert></calcite-panel>`;
+    }}><div slot=title>${this._translations.deleteComplete}</div></calcite-alert></calcite-panel></div>`;
   }
   updated(e) {
     e.has("_refs") && this._newId && Object.keys(this._refs).indexOf(this._newId) > -1 && (this._refs[this._newId].renderConfigureDialog(!0), this._newId = "");
   }
   _renderCards() {
-    return this._cards.length ? (this._refs = {}, this._cards.map((e) => s`<solution-deployed-card .allowDelete=${this._isOrgAdmin || e.owner === this.userSessionContextConsumer.value.username || this.checkDeletePermissions()} .card=${e} .deployedDate=${e.created} .description=${e.snippet} .heading=${e.title} id=${e.id ?? r} itemId=${e.id ?? r} .owner=${e.owner} .thumbnail=${e.thumbnailUrl} ${h(this._handleRefs)}></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>`;
+    return this._cards.length ? (this._refs = {}, this._cards.map((e) => s`<solution-deployed-card .allowDelete=${this._isOrgAdmin || e.owner === this._userSessionContextConsumer.value.username || this.checkDeletePermissions()} .card=${e} .deployedDate=${e.created} .description=${e.snippet} .heading=${e.title} id=${e.id ?? o} itemId=${e.id ?? o} .owner=${e.owner} .thumbnail=${e.thumbnailUrl} ${d(this._handleRefs)}></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>`;
   }
   _handleRefs(e) {
     e && (this._refs[e.id] = e);
   }
   async _getDeployedSolutions() {
-    const e = await p(this.authContextConsumer.value, this.userSessionContextConsumer.value, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards, this._owner);
-    this._cards = e?.cards ?? [], e?.relatedSolutions && (this._relatedSolutions = e.relatedSolutions, console.log(this._relatedSolutions)), this.deployedCardsFetched.emit(this._cards.length);
+    this._cardsFetching = !0;
+    const e = await m(this._authContextConsumer.value, this._userSessionContextConsumer.value, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards, this._owner);
+    this._cards = e?.cards ?? [], this.deployedCardsFetched.emit(this._cards.length), this._cardsFetching = !1;
   }
   _getSolutionsBriefcase() {
-    return s`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${c`<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 s`<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}`;
@@ -91,8 +95,8 @@ class v extends u {
     if (e.industry) {
       const t = this._getIndustryValue(e.industry);
       if (e.domain) {
-        const l = this._getDomainValue(e.domain);
-        this._categories = [`/Categories/${t}/${l}`];
+        const r = this._getDomainValue(e.domain);
+        this._categories = [`/Categories/${t}/${r}`];
       } else
         this._categories = [`/Categories/${t}`];
       e.type === "owner" && (this._owner = e.value), this._getDeployedSolutions();
@@ -100,16 +104,16 @@ class v extends u {
       e.type === "owner" && (this._owner = e.value, this._getDeployedSolutions());
   }
   _getDomainValue(e) {
-    return w[e];
+    return C[e];
   }
   _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : C[e];
+    return e === "AEC" ? "AEC" : S[e];
   }
   _clearFilterCategories() {
     this._categories = [];
   }
   checkDeletePermissions() {
-    const e = this.authContextConsumer.value;
+    const e = this._authContextConsumer.value;
     return e?.PortalUserPrivileges && e.PortalUserPrivileges.length > 0 ? e.PortalUserPrivileges.some((t) => t === "portal:admin:deleteItems") : !1;
   }
   async _refresh(e) {
@@ -119,7 +123,7 @@ class v extends u {
     }, 500);
   }
 }
-n("solutions-deployed-panel", v);
+h("solutions-deployed-panel", D);
 export {
-  v as SolutionsDeployedPanel
+  D as SolutionsDeployedPanel
 };

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

@@ -1,3 +1,4 @@
+import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-alert";

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

@@ -1,3 +1,4 @@
+import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-alert";

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { IFilterOption, SortType } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';