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

package/dist/components/solution-details-panel/index.js

@@ -18,7 +18,7 @@ import "@esri/calcite-components/components/calcite-table";
 import "@esri/calcite-components/components/calcite-table-row";
 import "@esri/calcite-components/components/calcite-table-header";
 import "@esri/calcite-components/components/calcite-table-cell";
-import "../solution-article-card/index.js";
+import "../solution-resource-card/index.js";
 import "../solution-details-card/index.js";
 import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -5,7 +5,7 @@ import { css as l, html as i } from "lit";
 import { LitElement as n, noShadowRoot as c, safeStyleMap as a } 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.20 */
 const r = l`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-accordion/customElement.d.ts

@@ -42,6 +42,8 @@ export declare class SolutionItemAccordion extends LitElement {
      * @param id the id of the item to select
      */
     selectItem(id: string): Promise<void>;
+    /** Selects the first item in the accordion and expands the accordion item containing it. */
+    selectFirstItem(): Promise<void>;
     /**
      * Selects items in the accordion and expands the accordion item containing it.
      * Only applies when selectionMode is 'multiple'.

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

@@ -1,10 +1,10 @@
 import { c } from "../../chunks/runtime.js";
 import { u as a } from "../../chunks/useT9n.js";
-import { css as d, html as n, nothing as p } from "lit";
-import { LitElement as h, createEvent as l } from "@arcgis/lumina";
+import { css as d, html as l, nothing as p } from "lit";
+import { LitElement as h, createEvent as n } 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.20 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *
@@ -55,7 +55,7 @@ class u extends h {
       "Report Template",
       "Rule Package",
       "Group"
-    ], this.solutionItemHover = l(), this.solutionItemSelect = l(), this.solutionTypeHover = l();
+    ], this.solutionItemHover = n(), this.solutionItemSelect = n(), this.solutionTypeHover = n();
   }
   static {
     this.properties = { itemRelationshipDependencies: 0, linkType: 1, listSelectionMode: 1, templateInfos: 0, typeKeywords: 0, _sortedTemplateInfos: 16, _translations: 16 };
@@ -84,6 +84,10 @@ class u extends h {
       t.id === e && (t.selected = !0, (t.parentElement?.parentElement).expanded = !0);
     });
   }
+  async selectFirstItem() {
+    const e = this.el?.shadowRoot?.querySelectorAll("calcite-list-item");
+    e?.length && (e[0].selected = !0, (e[0].parentElement?.parentElement).expanded = !0);
+  }
   async selectItems(e) {
     this.listSelectionMode === "multiple" && this.el?.shadowRoot?.querySelectorAll("calcite-list-item")?.forEach((t) => {
       e.indexOf(t.id) > -1 && (t.selected = !0, (t.parentElement?.parentElement).expanded = !0);
@@ -105,21 +109,21 @@ class u extends h {
       const o = this._getTypeForDisplay(s.type, s.typeKeywords);
       return e.indexOf(o) < 0 && (e.push(o), t.push(this._getAccordionItem(s))), t;
     }, []);
-    return n`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
+    return l`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
   }
   _getAccordionItem(e) {
     const i = this._getTypeForDisplay(e.type, e.typeKeywords), t = this._sortedTemplateInfos.filter((s) => this._getTypeForDisplay(s.type, s.typeKeywords) === i);
-    return n`<calcite-accordion-item .description=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
+    return l`<calcite-accordion-item .description=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
   }
   _getList(e) {
     const i = this._sortTemplatesByTitle(e);
-    return n`<calcite-list .label=${this._translations.solutionsTemplates} selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
+    return l`<calcite-list .label=${this._translations.solutionsTemplates} selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
   }
   _getListItem(e) {
     const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action";
-    return n`<calcite-list-item id=${e.id ?? p} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
+    return l`<calcite-list-item id=${e.id ?? p} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
       this._deselectOthers(e.id), this.solutionItemSelect.emit({ itemId: e.id, selected: !0 }), i && !t && window.open(e.url, "_blank");
-    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && n`<calcite-chip slot=actions-end icon=information scale=s .label=${this._translations?.itemDependency}>${this._translations?.itemDependency}</calcite-chip>` || ""}${i && t ? n`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
+    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && l`<calcite-chip slot=actions-end icon=information scale=s .label=${this._translations?.itemDependency}>${this._translations?.itemDependency}</calcite-chip>` || ""}${i && t ? l`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
   }
   _sortTemplatesByTitle(e) {
     return e.sort((i, t) => i.title < t.title ? -1 : i.title > t.title ? 1 : 0);

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

@@ -6,7 +6,7 @@ import { createRef as a, ref as s } from "lit-html/directives/ref.js";
 import { LitElement as c, noShadowRoot as h } 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.20 */
 const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { g as D } from "../../chunks/getItemIcon.js";
 import { injectGlobal as A } from "@emotion/css";
 /*! 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.20 */
 const P = b`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { LitElement as n, nothing as e } from "@arcgis/lumina";
 import { g as o } from "../../chunks/getItemIcon.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.20 */
 const r = i`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { css as h, html as a, nothing as o } from "lit";
 import { LitElement as p } 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.20 */
 const d = h`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as n, html as a } from "lit";
 import { LitElement as o, createEvent as l } 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.20 */
 const c = n`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-resource-card/customElement.d.ts

@@ -0,0 +1,37 @@
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+
+export declare class SolutionResourceCard extends LitElement {
+    /**
+     * The date the resource or blog was published
+     *
+     * @default ''
+     */
+    date: string;
+    /**
+     * The heading of the resource or blog
+     *
+     * @default ''
+     */
+    heading: string;
+    /**
+     * The href for the resource or blog content
+     *
+     * @default ''
+     */
+    href: string;
+    /**
+     * The image url for the resource or blog
+     *
+     * @default ''
+     */
+    src: string;
+    /**
+     * The type...resource or blog
+     *
+     * @default 'resource'
+     */
+    type: 'resource' | 'blog';
+    /** Emitted on demand when the card is selected. */
+    readonly resourceCardSelected: TargetedEvent<this, string>;
+}

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.20 */
+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.20 */
 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.20 */
 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.20 */
 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.20 */
 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.20 */
 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.20 */
 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 { C as _ } from "../../chunks/CardsFetcher.js";
-import { g as A } 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 { g as I } from "../../chunks/cardsHelpers.js";
+import { g as A } from "../../chunks/cardFetchingUtils.js";
+import { a as L, c as E, 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.20 */
+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 F 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} OR ${w}`, this._allCards = [], this._authContextConsumer = h({
+      context: L,
       subscribe: !0
     }), this._baseAgoTerms = g, this._categories = [], this._configContextConsumer = h({
-      context: b,
+      context: E,
       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 = I(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 A(e, t, this._cardsFetcher, this._cardsFetcherDeployed, v, "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,12 +158,12 @@ 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}`);
       }
     });
   }
@@ -165,14 +177,18 @@ class V extends C {
     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", F);
 export {
-  V as SolutionsAllPanel
+  F 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>;
 }