@esri/solutions-components 1.1.1 → 1.1.3

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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
+v1.1.3 */
+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 console.warn("TODO change viewArticle to viewResource after strings open"), 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.viewArticle}</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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 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, SortType } from '../../utils/interfaces';
 
 export declare class SolutionsAllPanel extends LitElement {
     /**
@@ -27,5 +27,5 @@ 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>;
 }

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

@@ -10,7 +10,7 @@ import { g as I } from "../../chunks/cardFetchingUtils.js";
 import { a as E, c as b, u as D } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 const F = y`/** @license
  * Copyright 2025 Esri
  *
@@ -58,7 +58,10 @@ class V extends C {
     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));
   }
   render() {
     return d`<calcite-panel><calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group></calcite-panel>`;

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,15 +1,15 @@
-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 { c as n } from "../../chunks/runtime.js";
+import { repeat as c } from "lit/directives/repeat.js";
+import { u as d } from "../../chunks/useT9n.js";
+import { LitElement as h, createEvent as u, 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 { 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.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 const v = b`/** @license
  * Copyright 2025 Esri
  *
@@ -25,16 +25,16 @@ const v = b`/** @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-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 {
+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({
+    }, this.isMobile = !1, this._translations = d({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = o(), this._solutionsFilterPanelRef = o(), this._isMobileContextConsumer = g({
       context: m,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this.filterRemoved = o(), this.solutionsAllLoaded = o(), this.listenOn(window, "searchChanged", (e) => {
+    }), this.filterRemoved = u(), this.listenOn(window, "searchChanged", (e) => {
       e.detail && e.detail.scope === "all-solutions" && this._filterApplied(e.detail.option);
     });
   }
@@ -57,9 +57,6 @@ class x extends u {
   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>`;
@@ -80,7 +77,7 @@ class x extends u {
     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;
+    return e.length > 0 ? c(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;
   }
   _updateSolutionCount(e) {
     this.solutionsCount = e.detail;
@@ -108,7 +105,7 @@ class x extends u {
         this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
   }
 }
-c("solutions-all-shell", x);
+n("solutions-all-shell", x);
 export {
   x as SolutionsAllShell
 };

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

@@ -21,7 +21,7 @@ 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 */

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

@@ -1,17 +1,17 @@
 import { c as b } from "../../chunks/runtime.js";
 import { css as T, html as h } from "lit";
-import { u as m } from "../../chunks/useT9n.js";
-import { LitElement as y, createEvent as u, safeClassMap as p } from "@arcgis/lumina";
-import { createRef as i, ref as s } from "lit-html/directives/ref.js";
+import { u as y } from "../../chunks/useT9n.js";
+import { LitElement as m, createEvent as u, safeClassMap as p } from "@arcgis/lumina";
+import { createRef as s, ref as i } from "lit-html/directives/ref.js";
 import { C as g } from "../../chunks/CardsFetcher.js";
-import { q as S, r as v } from "../../chunks/interfaces.js";
-import { useContextProvider as n } from "@arcgis/lumina/context";
-import { a as f, c as C, i as x, u as A } from "../../chunks/deployAppContexts.js";
-import { f as w, a as L } from "../../chunks/cardsHelpers.js";
+import { q as v, r as S } from "../../chunks/interfaces.js";
+import { useContextProvider as r } from "@arcgis/lumina/context";
+import { a as f, c as C, i as w, u as x } from "../../chunks/deployAppContexts.js";
+import { f as A, a as L } from "../../chunks/cardsHelpers.js";
 import { _ as $ } from "../../chunks/appConfig.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.1 */
+v1.1.3 */
 const k = T`/** @license
  * Copyright 2025 Esri
  *
@@ -27,11 +27,11 @@ const k = T`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none!important}.shell-container{width:1440px;display:block;max-width:96vw;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-color-focus: transparent;height:100%}`;
-class I extends y {
+class I extends m {
   constructor() {
-    super(), this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._translations = m({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${S} OR ${v}`, this._allCards = [], this._allShell = i(), this._allTab = i(), this._allTabTitle = i(), this._articlesTab = i(), this._articlesTabTitle = i(), this._authContextProvider = n({ context: f }), this._categories = [], this._configContextProvider = n({ context: C }), this._delay = !1, this._deployAppNav = i(), this._detailsShell = i(), this._detailsTab = i(), this._detailsTabTitle = i(), this._getSuggested = !1, this._isMobileContextProvider = n({ context: x }), this._mySolutionsShell = i(), this._mySolutionsTab = i(), this._mySolutionsTabTitle = i(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = n({
-      context: A
-    }), this.deployAppTabSelected = u(), this.detailsCardSelected = u(), this.listenOn(window, "solutionsAllLoaded", this._solutionsAllLoaded), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super(), this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._translations = y({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${v} OR ${S}`, this._allCards = [], this._allShell = s(), this._allTab = s(), this._allTabTitle = s(), this._resourcesTab = s(), this._resourcesTabTitle = s(), this._authContextProvider = r({ context: f }), this._categories = [], this._configContextProvider = r({ context: C }), this._delay = !1, this._deployAppNav = s(), this._detailsShell = s(), this._detailsTab = s(), this._detailsTabTitle = s(), this._getSuggested = !1, this._isMobileContextProvider = r({ context: w }), this._mySolutionsShell = s(), this._mySolutionsTab = s(), this._mySolutionsTabTitle = s(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = r({
+      context: x
+    }), this.deployAppTabSelected = u(), this.detailsCardSelected = u(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
     this.properties = { appConfig: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _translations: 16 };
@@ -39,26 +39,30 @@ class I extends y {
   static {
     this.styles = k;
   }
-  selectTab(t, e) {
-    const l = this._getDefaultSearchOptions(e);
-    switch (t.tabType) {
-      case "all-solutions":
-        this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, l && this._allShell.value?.searchSolutions(l);
-        break;
-      case "articles":
-        this._articlesTab.value.selected = !0, this._articlesTabTitle.value.selected = !0;
-        break;
-      case "details":
-        if (this._allCards) {
-          let a = w(this._allCards, t.tabTitleOrId);
-          a = a || L(this._allCards, t.tabTitleOrId), a ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(a)) : (this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, this._setActiveTab(new CustomEvent("all-solutions")));
-        }
-        break;
-      case "my-deployments":
-        this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, l && this._mySolutionsShell.value?.searchSolutions(l);
-        break;
-    }
-    this._blurTabs();
+  async selectTab(t, e) {
+    if (this._isLoaded) {
+      console.log("selectTab");
+      const l = this._getDefaultSearchOptions(e);
+      switch (t.tabType) {
+        case "all-solutions":
+          this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, l && await this._allShell.value?.searchSolutions(l);
+          break;
+        case "resources":
+          this._resourcesTab.value.selected = !0, this._resourcesTabTitle.value.selected = !0;
+          break;
+        case "details":
+          if (this._allCards) {
+            let a = A(this._allCards, t.tabTitleOrId);
+            a = a || L(this._allCards, t.tabTitleOrId), a ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(a)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
+          }
+          break;
+        case "my-deployments":
+          this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, l && await this._mySolutionsShell.value?.searchSolutions(l);
+          break;
+      }
+      this._setActiveTab(new CustomEvent("setActiveTab", { detail: t.tabType })), this._blurTabs();
+    } else
+      this._initTab = t, this._initFilters = e;
   }
   async connectedCallback() {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
@@ -67,15 +71,16 @@ class I extends y {
     this.useLocalAppConfig && (this.appConfig = $);
   }
   render() {
+    console.warn("TODO change solutionArticles to solutionResources when strings open");
     const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} @authInit=${this._handleAuthInit} @navTabSelected=${this._setActiveTab} slot=header .useLocalAppConfig=${this.useLocalAppConfig} ${s(this._deployAppNav)}></solutions-deploy-app-nav><solutions-searchsort-toolbar .isMobile=${this.isMobile} slot=header></solutions-searchsort-toolbar><calcite-loader class=${p(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${p(e)} scale=l><calcite-tab-nav class="shell-container display-none" slot=title-group><calcite-tab-title ${s(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? h`<calcite-tab-title ${s(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title ${s(this._articlesTabTitle)}>${this._translations.solutionArticles}</calcite-tab-title><calcite-tab-title class="display-none" ${s(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${s(this._allTab)}><solutions-all-shell class="shell-container height-100" ${s(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? h`<calcite-tab class="back-color-override" ${s(this._mySolutionsTab)}><solutions-deployed-shell class="shell-container height-100" ${s(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${s(this._articlesTab)}><solutions-articles-shell class="shell-container height-100"></solutions-articles-shell></calcite-tab><calcite-tab class="back-color-override" ${s(this._detailsTab)}><solution-details-panel class="shell-container height-100" ${s(this._detailsShell)}></solution-details-panel></calcite-tab></calcite-tabs></calcite-shell>`;
+    return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} @authInit=${this._handleAuthInit} @navTabSelected=${this._setActiveTab} slot=header .useLocalAppConfig=${this.useLocalAppConfig} ${i(this._deployAppNav)}></solutions-deploy-app-nav><solutions-searchsort-toolbar .isMobile=${this.isMobile} slot=header></solutions-searchsort-toolbar><calcite-loader class=${p(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${p(e)} scale=l><calcite-tab-nav class="shell-container display-none" slot=title-group><calcite-tab-title ${i(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? h`<calcite-tab-title ${i(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title ${i(this._resourcesTabTitle)}>${this._translations.solutionArticles}</calcite-tab-title><calcite-tab-title class="display-none" ${i(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${i(this._allTab)}><solutions-all-shell class="shell-container height-100" ${i(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? h`<calcite-tab class="back-color-override" ${i(this._mySolutionsTab)}><solutions-deployed-shell class="shell-container height-100" ${i(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${i(this._resourcesTab)}><solutions-resources-shell class="shell-container height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${i(this._detailsTab)}><solution-details-panel class="shell-container height-100" ${i(this._detailsShell)}></solution-details-panel></calcite-tab></calcite-tabs></calcite-shell>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
   }
   async _handleAuthInit(t) {
     const e = t.detail;
-    e.userSession && this._userSessionContextProvider.setValue(e.userSession), e.authentication && (this.authentication = e.authentication, this._authContextProvider.setValue(this.authentication)), this._configContextProvider.setValue(e), this._cardsFetcher = new g(e.locale, e.orgUrl, e.portalUrl), await this._getSolutions(e.primarySolutionsGroupId);
+    e.userSession && this._userSessionContextProvider.setValue(e.userSession), e.authentication && (this.authentication = e.authentication, this._authContextProvider.setValue(this.authentication)), this._configContextProvider.setValue(e), this._cardsFetcher = new g(e.locale, e.orgUrl, e.portalUrl), await this._getSolutions(e.primarySolutionsGroupId), this._isLoaded = !0, this._initTab && (this.selectTab(this._initTab, this._initFilters), this._initTab = void 0, this._initFilters = void 0);
   }
   _mediaQueryChange(t) {
     this.isMobile = t.matches, this._isMobileContextProvider.setValue(this.isMobile);
@@ -89,17 +94,14 @@ class I extends y {
       case "my-deployments":
         this._mySolutionsTabTitle.value?.click();
         break;
-      case "articles":
-        this._articlesTabTitle.value?.click();
+      case "resources":
+        this._resourcesTabTitle.value?.click();
         break;
       case "details":
         this._detailsTabTitle.value?.click();
         break;
     }
-    this.deployAppTabSelected.emit(e);
-  }
-  _solutionsAllLoaded() {
-    this._isLoaded = !0;
+    this._deployAppNav.value.activateMenuItem(e), this.deployAppTabSelected.emit(e);
   }
   _detailsCardSelected() {
     this._detailsTabTitle.value.selected = !0, this._detailsTab.value.selected = !0, this._deployAppNav.value.clearMenuItems();
@@ -131,17 +133,17 @@ class I extends y {
     return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards), this._allCards;
   }
   _blurTabs() {
-    this._allTabTitle.value?.blur(), this._articlesTabTitle.value?.blur(), this._detailsTabTitle.value?.blur(), this._mySolutionsTabTitle.value?.blur();
+    this._allTabTitle.value?.blur(), this._resourcesTabTitle.value?.blur(), this._detailsTabTitle.value?.blur(), this._mySolutionsTabTitle.value?.blur();
   }
   _getDefaultSearchOptions(t) {
     let e;
     if (t) {
-      const l = t.domain, a = t.industry, d = t.offerType, r = t.searchTerm, _ = "";
+      const l = t.domain, a = t.industry, d = t.offerType, n = t.searchTerm, _ = "";
       let o = t.sortField;
       const c = t.owner;
       e = l || a ? {
         type: l ? "domain" : a ? "industry" : ""
-      } : void 0, l && (e = e ? { ...e, domain: l } : { domain: l }), a && (e = e ? { ...e, industry: a } : { industry: a }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: _ }), o && (e = e ? { ...e, sortType: o } : { sortType: o }), d && (o = d.toLowerCase(), e = e ? { ...e, sortType: o } : { sortType: o }), c && (e = e ? { ...e, owner: c } : { owner: c });
+      } : void 0, l && (e = e ? { ...e, domain: l } : { domain: l }), a && (e = e ? { ...e, industry: a } : { industry: a }), n && (e = e ? { ...e, searchTerm: n } : { searchTerm: n }), e && (e = { ...e, displayValue: _ }), o && (e = e ? { ...e, sortType: o } : { sortType: o }), d && (o = d.toLowerCase(), e = e ? { ...e, sortType: o } : { sortType: o }), c && (e = e ? { ...e, owner: c } : { owner: c });
     }
     return e;
   }

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

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

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

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

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

@@ -15,6 +15,8 @@ export declare class SolutionsDeployAppNav extends LitElement {
     useLocalAppConfig: boolean;
     /** Use to clear the active state from all nav menu items */
     clearMenuItems(): void;
+    /** Use to set the active state for all nav menu items */
+    activateMenuItem(tab: DeployAppTab): void;
     /** Emitted on demand when the auth is initialized */
     readonly authInit: TargetedEvent<this, IAppConfig>;
     /** Tab selected event */