@esri/solutions-components 1.2.0-next.2 → 1.2.0-next.21

package/dist/components/solution-resource-card/customElement.js

@@ -0,0 +1,49 @@
+import { c as i } from "../../chunks/runtime.js";
+import { css as s, html as t } from "lit";
+import { u as a } from "../../chunks/useT9n.js";
+import { LitElement as r, createEvent as o, nothing as e } from "@arcgis/lumina";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.21 */
+const n = s`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */.padding-1-2{padding:.5rem}.padding-bottom-1{padding-bottom:1rem}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer}.hover-text{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}`;
+class c extends r {
+  constructor() {
+    super(...arguments), this._translations = a({ name: "solution-resource-card", blocking: !0 }), this.date = "", this.heading = "", this.href = "", this.src = "", this.type = "resource", this.resourceCardSelected = o();
+  }
+  static {
+    this.properties = { _translations: 16, date: 1, heading: 1, href: 1, src: 1, type: 1 };
+  }
+  static {
+    this.styles = n;
+  }
+  render() {
+    return this.type === "resource" ? this._getArcticleCard() : this._getBlogCard();
+  }
+  _getArcticleCard() {
+    return t`<calcite-card @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewResource}</div></div><span class="padding-1-2" slot=heading>${this.heading}</span></calcite-card>`;
+  }
+  _getBlogCard() {
+    return t`<calcite-card><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewBlog}</div></div><span class="padding-bottom-1" slot=heading>${this.heading}</span><span slot=description>${this.date}</span><div slot=footer-start><calcite-link .href=${this.href} icon-end=launch-2>${this._translations.readThisBlog}</calcite-link></div></calcite-card>`;
+  }
+  _cardSelected() {
+    this.resourceCardSelected.emit(this.href);
+  }
+}
+i("solution-resource-card", c);
+export {
+  c as SolutionResourceCard
+};

package/dist/components/solution-resource-item/customElement.js

@@ -7,7 +7,7 @@ import { css as u, html as a, nothing as n } from "lit";
 import { LitElement as p, safeStyleMap as m, safeClassMap as f } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.2 */
+v1.2.0-next.21 */
 const _ = u`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-snapshot-gallery/customElement.js

@@ -8,7 +8,7 @@ import { css as h, html as s } from "lit";
 import { createRef as p, ref as g } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.2 */
+v1.2.0-next.21 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-social-share/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as y, nothing as p, safeStyleMap as a, safeClassMap as x } f
 import { createRef as r, ref as c } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.2 */
+v1.2.0-next.21 */
 const k = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { css as u, html as n } from "lit";
 import { LitElement as m, createEvent as c, noShadowRoot as b } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.2 */
+v1.2.0-next.21 */
 const S = u`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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

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

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

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { IFilterOption, ISearchOption, ISolutionInfoCard, ISortOption, SortType } from '../../utils/interfaces';
+import { IFilterOption, ISearchOption, ISearchTerm, ISolutionInfoCard, ISortOption, ISortType, SortType } from '../../utils/interfaces';
 
 export declare class SolutionsAllPanel extends LitElement {
     /**
@@ -27,5 +27,9 @@ export declare class SolutionsAllPanel extends LitElement {
     /** Emitted on demand when all of the cards are first fetched */
     readonly allCardsFetched: TargetedEvent<this, ISolutionInfoCard[]>;
     /** Emitted on demand when the serachTerm is set from url param */
-    readonly searchTermSet: TargetedEvent<this, string>;
+    readonly searchTermSet: TargetedEvent<this, ISearchTerm>;
+    /** Emitted on demand when the sortType is set from url param */
+    readonly sortTypeSet: TargetedEvent<this, ISortType>;
+    /** Emitted on demand when the details card is selected. */
+    readonly detailsCardSelected: TargetedEvent<this, ISolutionInfoCard>;
 }

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

@@ -1,17 +1,17 @@
-import { c as p } from "../../chunks/runtime.js";
-import { css as y, html as d, svg as f } from "lit";
+import { c as m } from "../../chunks/runtime.js";
+import { css as y, html as l, svg as f } from "lit";
 import { u as S } from "../../chunks/useT9n.js";
 import { LitElement as C, createEvent as c } from "@arcgis/lumina";
 import { useContextConsumer as h } from "@arcgis/lumina/context";
-import { q as g, r as w, k as T, j as x, p as v } from "../../chunks/interfaces.js";
+import { q as g, k as w, j as T, p as x } from "../../chunks/interfaces.js";
 import { C as _ } from "../../chunks/CardsFetcher.js";
-import { g as A } from "../../chunks/cardsHelpers.js";
+import { g as v } from "../../chunks/cardsHelpers.js";
 import { g as I } from "../../chunks/cardFetchingUtils.js";
-import { a as E, c as b, u as D } from "../../chunks/deployAppContexts.js";
+import { a as A, c as L, u as b } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.2 */
-const F = y`/** @license
+v1.2.0-next.21 */
+const D = y`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,49 +25,60 @@ const F = y`/** @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%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem 1rem}.solutions-briefcase{margin:auto;padding-top:2rem}.text-center{text-align:center}.leader-1{margin-top:1.5rem}.trailer-1{margin-bottom:1.5rem}.warning-text{max-width:35em;margin-left:auto;margin-right:auto}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}`, m = 5;
-class V extends C {
+ */calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem var(--calcite-spacing-md) var(--calcite-spacing-md)}.solutions-briefcase{margin:auto;padding-top:var(--calcite-spacing-xxxl)}.text-center{text-align:center}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.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%;transform:translateY(50%)}`, p = 5;
+class E extends C {
   constructor() {
-    super(), this.sortType = "relevance", this._cards = [], this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${g} OR ${w}`, this._allCards = [], this._authContextConsumer = h({
-      context: E,
+    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${g}`, this._allCards = [], this._authContextConsumer = h({
+      context: A,
       subscribe: !0
     }), this._baseAgoTerms = g, this._categories = [], this._configContextConsumer = h({
-      context: b,
+      context: L,
       subscribe: !0,
       callback: async (e) => {
         e && await this._loadUpdateProcedures();
       }
     }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextConsumer = h({
-      context: D,
+      context: b,
       subscribe: !0
-    }), this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.listenOn(window, "deployProgressEnd", () => {
-      this._modifiedCheckTry = m, this._loadUpdateProcedures();
+    }), this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.sortTypeSet = c(), this.detailsCardSelected = c(), this.listenOn(window, "deployProgressEnd", () => {
+      this._modifiedCheckTry = p, this._loadUpdateProcedures();
     }), this.listenOn(window, "solutionDeleted", () => {
-      this._modifiedCheckTry = m, this._loadUpdateProcedures();
+      this._modifiedCheckTry = p, this._loadUpdateProcedures();
     }), this.listenOn(window, "sortTypeChanged", (e) => {
-      e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, this.searchSolutions(e.detail));
+      e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, this.sortType === "suggested" && this._deployedSolutions?.cards.length === 0 ? this._getDeployedSolutions().then(() => {
+        this.searchSolutions(e.detail);
+      }) : this.searchSolutions(e.detail));
+    }), this.listenOn(window, "solutionIDFromAssistant", (e) => {
+      this._lookupSolutionById(e.detail);
     });
   }
   static {
-    this.properties = { sortType: 1, _cards: 16, _modifiedCheckTry: 16, _translations: 16 };
+    this.properties = { sortType: 1, _cards: 16, _isLoading: 16, _modifiedCheckTry: 16, _translations: 16 };
   }
   static {
-    this.styles = F;
+    this.styles = D;
   }
   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()), this._cards = await this._getSolutions();
   }
   async setSearchOptions(e) {
-    e && ("searchTerm" in e && (this._textSearch(e.searchTerm), this.searchTermSet.emit(e.searchTerm)), "sortType" in e && this._sortCards(e));
+    e && ("searchTerm" in e && (this._textSearch(e.searchTerm), this.searchTermSet.emit({
+      searchTerm: e.searchTerm,
+      scope: "all-solutions"
+    })), "sortType" in e && (this._sortCards(e), this.sortTypeSet.emit({
+      sortType: e.sortType,
+      scope: "all-solutions"
+    })));
   }
   render() {
-    return d`<calcite-panel><calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group></calcite-panel>`;
+    return this._isLoading || this._cards.length ? l`<calcite-panel>${this._isLoading ? l`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : l`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : l`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1">${this._translations.noSolutionsFound}</div></div>`;
   }
   _renderCards() {
-    return this._cards.length ? this._cards.map((e) => d`<solution-details-card .card=${e}></solution-details-card>`) : d`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1">${this._translations.noSolutionsFound}</div></div>`;
+    return this._cards.map((e) => l`<solution-details-card .card=${e}></solution-details-card>`);
   }
   async _getSolutions() {
     if (this._configContextConsumer.value) {
+      this._isLoading = !0;
       const e = await this._cardsFetcher?.requestAvailableSolutionCards(
         {
           q: this._agoTerms,
@@ -93,48 +104,49 @@ class V extends C {
         this.sortType === "updated" && (s = "/Categories/Updated"), t.sort((a, n) => a.categories.includes(s) && !n.categories.includes(s) ? -1 : !a.categories.includes(s) && n.categories.includes(s) ? 1 : a.categories.includes(s) && n.categories.includes(s) ? a.categories.length - n.categories.length : 0);
       } else if (this.sortType === "suggested" && this._relatedSolutions.size > 0 && this._deployedSolutions?.cards?.length) {
         const s = /* @__PURE__ */ new Map();
-        for (const i of t) {
-          const r = s.get(i.deployCommonId), l = Number(i.deployVersion);
-          (!r || l > r) && s.set(i.deployCommonId, l);
+        for (const o of t) {
+          const r = s.get(o.deployCommonId), d = Number(o.deployVersion);
+          (!r || d > r) && s.set(o.deployCommonId, d);
         }
-        const a = this._deployedSolutions.cards.filter((i) => {
-          const r = s.get(i.deployCommonId);
-          return r !== void 0 && Number(i.deployVersion) >= r;
-        }), n = new Set(a.map((i) => i.deployCommonId));
-        this._relatedSolutions = new Set([...this._relatedSolutions].filter((i) => !n.has(i))), t.sort((i, r) => {
-          const l = this._relatedSolutions.has(i.deployCommonId), u = this._relatedSolutions.has(r.deployCommonId);
-          return l && !u ? -1 : !l && u ? 1 : 0;
+        const a = this._deployedSolutions.cards.filter((o) => {
+          const r = s.get(o.deployCommonId);
+          return r !== void 0 && Number(o.deployVersion) >= r;
+        }), n = new Set(a.map((o) => o.deployCommonId));
+        this._relatedSolutions = new Set([...this._relatedSolutions].filter((o) => !n.has(o))), t.sort((o, r) => {
+          const d = this._relatedSolutions.has(o.deployCommonId), u = this._relatedSolutions.has(r.deployCommonId);
+          return d && !u ? -1 : !d && u ? 1 : 0;
         });
       }
-      const o = t.map((s) => {
+      const i = t.map((s) => {
         const a = s.categories.indexOf("/Categories/New Release") > -1, n = s.categories.indexOf("/Categories/Updated") > -1;
-        let i = !1, r = !0;
-        return this._deployedSolutions && (i = this._isSolutionDeployed(s.deployCommonId), r = this._isLatestVersion(s)), s.chip = a ? "new" : n ? "updated" : i && r ? "deployed" : "none", s.supportReuse = i ? !!(i && !r) : !0, s;
+        let o = !1, r = !0;
+        return this._deployedSolutions && (o = this._isSolutionDeployed(s.deployCommonId), r = this._isLatestVersion(s)), s.chip = a ? "new" : n ? "updated" : o && r ? "deployed" : "none", s.supportReuse = o ? !!(o && !r) : !0, s;
       });
-      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = A(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(o.length), o;
+      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = v(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(i.length), this._isLoading = !1, i;
     } else
-      return [];
+      return this._isLoading = !1, [];
   }
   async _loadUpdateProcedures() {
+    this._isLoading = !0;
     const e = this._configContextConsumer.value;
-    this._cardsFetcher = new _(e.locale, e.orgUrl, e.portalUrl), this._cardsFetcherDeployed = new _(e.locale, e.orgUrl, e.portalUrl), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards);
+    this._cardsFetcher = new _(e.locale, e.orgUrl, e.portalUrl), this._cardsFetcherDeployed = new _(e.locale, e.orgUrl, e.portalUrl), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards), this._isLoading = !1;
   }
   async _getDeployedSolutions() {
     const e = this._authContextConsumer.value, t = this._userSessionContextConsumer.value;
     if (e && t && e.IsSignedIn) {
-      const o = await I(e, t, this._cardsFetcher, this._cardsFetcherDeployed, v, "created");
-      if (o) {
+      const i = await I(e, t, this._cardsFetcher, this._cardsFetcherDeployed, x, "created");
+      if (i) {
         if (this._modifiedCheckTry > 0) {
-          if (this._deployedSolutions?.cards.length === o?.cards.length)
+          if (this._deployedSolutions?.cards.length === i?.cards.length)
             return this._modifiedCheckTry--, await this._getDeployedSolutions();
           this._modifiedCheckTry = 0;
         }
-        this._deployedSolutions = o;
+        this._deployedSolutions = i;
       }
     }
   }
   _getSolutionsBriefcase() {
-    return d`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${f`<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 l`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${f`<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}`;
@@ -146,33 +158,37 @@ class V extends C {
   _filterCards(e) {
     this._categories = [], e.forEach((t) => {
       if (t.industry) {
-        const o = this._getIndustryValue(t.industry);
+        const i = this._getIndustryValue(t.industry);
         if (t.domain) {
           const s = this._getDomainValue(t.domain);
-          this._categories.push(`/Categories/${o}/${s}`);
+          this._categories.push(`/Categories/${i}/${s}`);
         } else
-          this._categories.push(`/Categories/${o}`);
+          this._categories.push(`/Categories/${i}`);
       }
     });
   }
   _getDomainValue(e) {
-    return T[e];
+    return w[e];
   }
   _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : x[e];
+    return e === "AEC" ? "AEC" : T[e];
   }
   _clearFilterCategories() {
     this._categories = [];
   }
   _isSolutionDeployed(e) {
-    return !!this._deployedSolutions?.cards?.some((t) => t?.typeKeywords?.some((o) => o.includes("solutionid") && o.includes(e)));
+    return !!this._deployedSolutions?.cards?.some((t) => t?.typeKeywords?.some((i) => i.includes("solutionid") && i.includes(e)));
   }
   _isLatestVersion(e) {
-    const t = this._deployedSolutions?.cards?.filter((o) => o?.typeKeywords?.some((s) => s.includes("solutionid") && s.includes(e.deployCommonId)));
+    const t = this._deployedSolutions?.cards?.filter((i) => i?.typeKeywords?.some((s) => s.includes("solutionid") && s.includes(e.deployCommonId)));
     return !(t && t.length > 0 && t[0].deployVersion !== e.deployVersion);
   }
+  _lookupSolutionById(e) {
+    const t = this._cards.filter((i) => i.typeKeywords.includes(e));
+    t.length > 0 && this.detailsCardSelected.emit(t[0]);
+  }
 }
-p("solutions-all-panel", V);
+m("solutions-all-panel", E);
 export {
-  V as SolutionsAllPanel
+  E as SolutionsAllPanel
 };

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

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

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

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

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

@@ -18,6 +18,4 @@ export declare class SolutionsAllShell extends LitElement {
     searchSolutions(searchOptions: IFilterOption | ISearchOption | ISortOption): Promise<void>;
     /** Emitted on demand when a filter chip is closed */
     readonly filterRemoved: TargetedEvent<this, IFilterOption[]>;
-    /** Emitted on demand this component has loaded */
-    readonly solutionsAllLoaded: TargetedEvent<this, void>;
 }

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

@@ -1,16 +1,16 @@
 import { c } from "../../chunks/runtime.js";
 import { repeat as d } from "lit/directives/repeat.js";
-import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as u, createEvent as o, nothing as f, safeStyleMap as a, safeClassMap as p } from "@arcgis/lumina";
-import { useContextConsumer as g } from "@arcgis/lumina/context";
-import { css as b, html as l } from "lit";
-import { i as m } from "../../chunks/deployAppContexts.js";
-import { j as y, k as _ } from "../../chunks/interfaces.js";
-import { createRef as n, ref as r } from "lit/directives/ref.js";
+import { u } from "../../chunks/useT9n.js";
+import { LitElement as h, createEvent as f, nothing as p, safeStyleMap as a } from "@arcgis/lumina";
+import { i as g, u as b } from "../../chunks/deployAppContexts.js";
+import { useContextConsumer as n } from "@arcgis/lumina/context";
+import { css as m, html as l } from "lit";
+import { j as _, k as v } from "../../chunks/interfaces.js";
+import { createRef as o, ref as r } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.2 */
-const v = b`/** @license
+v1.2.0-next.21 */
+const y = m`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,17 +24,20 @@ const v = b`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.display-flex{display:flex}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-1{z-index:1}.z-index-2{z-index:2}h1{font-weight:unset;margin:0;padding:0}@media(max-width:800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media(min-width:800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.position-relative{position:relative}.height-100{height:100%}.height-32{height:32px}`;
-class x extends u {
+ */.display-flex{display:flex}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:var(--calcite-spacing-md);font-weight:var(--calcite-font-weight-medium)}.header-button-padding{padding-top:var(--calcite-spacing-sm);padding-bottom:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start{padding-inline-start:var(--calcite-spacing-lg)}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-1{z-index:1}.z-index-2{z-index:2}h1{font-weight:unset;margin:0;padding:0}@media(max-width:800px){.filter{display:none}.filter-button{display:block;position:absolute;top:var(--calcite-spacing-sm);left:var(--calcite-spacing-sm);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%}.border-none{border:none}.height-50{height:50px}`;
+class x extends h {
   constructor() {
     super(), this.solutionsCount = 0, this.filterOpen = !0, this._filters = {
       categories: [],
       searchTerm: ""
-    }, this.isMobile = !1, this._translations = h({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = n(), this._solutionsFilterPanelRef = n(), this._isMobileContextConsumer = g({
-      context: m,
+    }, this.isMobile = !1, this._translations = u({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = o(), this._solutionsFilterPanelRef = o(), this._isMobileContextConsumer = n({
+      context: g,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this.filterRemoved = o(), this.solutionsAllLoaded = o(), this.listenOn(window, "searchChanged", (e) => {
+    }), this._userSessionContextConsumer = n({
+      context: b,
+      subscribe: !0
+    }), this.filterRemoved = f(), this.listenOn(window, "searchChanged", (e) => {
       e.detail && e.detail.scope === "all-solutions" && this._filterApplied(e.detail.option);
     });
   }
@@ -42,7 +45,7 @@ class x extends u {
     this.properties = { solutionsCount: 9, filterOpen: 16, _filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = v;
+    this.styles = y;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -50,26 +53,28 @@ class x extends u {
   async searchSolutions(e) {
     if (this._allSolutionsPanelRef.value.setSearchOptions(e), "industry" in e || "domain" in e) {
       e.displayValue = e.domain || e.industry;
-      const i = e.industry ? Object.entries(y).find(([, t]) => t === e.industry)?.[0] : void 0, s = e.domain ? Object.entries(_).find(([, t]) => t === e.domain)?.[0] : void 0;
-      e.industry = i || "", e.domain = s || "", e.value = s || i, this._solutionsFilterPanelRef.value.changeIndustryFilter(e.industry, e.domain, e.displayValue, !0);
+      const t = e.industry ? Object.entries(_).find(([, i]) => i === e.industry)?.[0] : void 0, s = e.domain ? Object.entries(v).find(([, i]) => i === e.domain)?.[0] : void 0;
+      e.industry = t || "", e.domain = s || "", e.value = s || t, this._solutionsFilterPanelRef.value.changeIndustryFilter(e.industry, e.domain, e.displayValue, !0);
     } else ("searchTerm" in e || "sortType" in e) && ("searchTerm" in e && (this._filters.searchTerm = e.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(e));
   }
   async load() {
     this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value);
   }
-  loaded() {
-    this.solutionsAllLoaded.emit();
-  }
   render() {
-    const e = this.filterOpen ? "chevron-left" : "chevron-right", i = this.isMobile ? "justify-content-end" : "";
-    return l`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e ?? f} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center height-32 ${i}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div>${this.isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`;
+    const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
+    return l`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e ?? p} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center height-50 ${t}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}${this._filters.categories && this._filters.categories?.length > 0 && l`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
+      this._filters = {
+        ...this._filters,
+        categories: []
+      }, this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories), this.filterRemoved.emit([]);
+    }} .label=${this._translations.clearIndustryFilter}>${this._translations.clearIndustryFilter}</calcite-button>` || ""}</div>${this.isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`;
   }
   _getFilterPanel() {
     const e = this.filterOpen ? { display: "flex" } : "";
-    return this.isMobile ? l`<calcite-panel class=${p(this.filterOpen ? "background-override" : "filter background-override")} id=solutions-all-shell-panel-start style=${a(e)}><solutions-filter-panel class="height-100" @applyFilter=${(i) => {
-      this._filterApplied(i.detail);
-    }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : l`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start position=start slot=panel-start style=${a(e)}><calcite-panel><solutions-filter-panel class="height-100" @applyFilter=${(i) => {
-      this._filterApplied(i.detail);
+    return this.isMobile ? l`<calcite-panel class=${`border-none ${this.filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${a(e)}><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
+      this._filterApplied(t.detail);
+    }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : l`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start position=start slot=panel-start style=${a(e)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" .isAIsettingEnabled=${!!this._userSessionContextConsumer.value?.token} @applyFilter=${(t) => {
+      this._filterApplied(t.detail);
     }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
   }
   _getSolutionsAllPanel() {
@@ -79,18 +84,18 @@ class x extends u {
   _renderChips() {
     if (!this._filters.categories)
       return;
-    const e = this._filters.categories.filter((i) => i.type === "industry" || i.type === "domain");
-    return e.length > 0 ? d(e, (i) => `${i.type}:${i.value}`, (i) => l`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${i.displayValue} @calciteChipClose=${() => this._chipClosed(i.displayValue, i.type)} .value=${i.displayValue}>${i.displayValue}</calcite-chip>`) : void 0;
+    const e = this._filters.categories.filter((t) => t.type === "industry" || t.type === "domain");
+    return e.length > 0 ? d(e, (t) => `${t.type}:${t.value}`, (t) => l`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${t.displayValue} @calciteChipClose=${() => this._chipClosed(t.displayValue, t.type)} .value=${t.displayValue}>${t.displayValue}</calcite-chip>`) : void 0;
   }
   _updateSolutionCount(e) {
     this.solutionsCount = e.detail;
   }
-  _chipClosed(e, i) {
+  _chipClosed(e, t) {
     if (this._filters.categories) {
-      if (i === "industry")
+      if (t === "industry")
         this._filters.categories = [];
       else {
-        const s = this._filters.categories.filter((t) => t.displayValue !== e && t.type !== i);
+        const s = this._filters.categories.filter((i) => i.displayValue !== e && i.type !== t);
         this._filters.categories = s;
       }
       this._filters.categories.length > 0 ? this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories) : this._filters.searchTerm !== "" ? (this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories), this._allSolutionsPanelRef.value?.searchSolutions({ searchTerm: this._filters.searchTerm })) : this._allSolutionsPanelRef.value?.searchSolutions(), this.filterRemoved.emit(this._filters.categories);
@@ -102,8 +107,8 @@ class x extends u {
   _filterApplied(e) {
     if (this._filters.categories)
       if (e) {
-        let i = e;
-        "displayValue" in e ? this._filters.categories.push(e) : Array.isArray(e) && e.length > 0 && (e.length >= 2 && (i = [e[e.length - 1]]), this._filters.categories = e), "searchTerm" in i && (this._filters.searchTerm = i.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(i);
+        let t = e;
+        "displayValue" in e ? this._filters.categories.push(e) : Array.isArray(e) && e.length > 0 && (e.length >= 2 && (t = [e[e.length - 1]]), this._filters.categories = e), "searchTerm" in t && (this._filters.searchTerm = t.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(t);
       } else
         this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
   }

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { DeployAppTab, IActiveTab, ISolutionInfoCard, SortType } from '../../utils/interfaces';
+import { DeployAppTab, IActiveTab, IDeployCard, ISolutionInfoCard, SortType } from '../../utils/interfaces';
 import { Auth } from '../../utils/Auth';
 
 export declare class SolutionsDeployApp extends LitElement {
@@ -21,9 +21,10 @@ export declare class SolutionsDeployApp extends LitElement {
      */
     useLocalAppConfig: boolean;
     /** Closes the dialog */
-    selectTab(tab: IActiveTab, filters: any): void;
+    selectTab(tab: IActiveTab, filters: any): Promise<void>;
     /** Tab selected event */
     readonly deployAppTabSelected: TargetedEvent<this, DeployAppTab>;
     /** Details card selected event */
     readonly detailsCardSelected: TargetedEvent<this, ISolutionInfoCard>;
+    readonly deployedCardSelected: TargetedEvent<this, IDeployCard>;
 }