@esri/solutions-components 1.1.0-next.20251015.1 → 1.1.1

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

@@ -1,20 +1,18 @@
-import { c as _ } from "../../chunks/runtime.js";
-import { css as y, html as d } from "lit";
+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 g, createEvent as u, safeClassMap as p } from "@arcgis/lumina";
-import { createRef as a, ref as l } from "lit-html/directives/ref.js";
-import { C as f } from "../../chunks/CardsFetcher.js";
-import { q as T, r as S } from "../../chunks/interfaces.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 { 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 v, i as C, l as x, u as I } from "../../chunks/deployAppContexts.js";
-import { A as w } from "../../chunks/Auth.js";
-import { _ as A } from "../../chunks/appConfig.js";
-import { UserSession as L } from "@esri/solution-common";
-import { f as $, a as k } from "../../chunks/cardsHelpers.js";
+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 { _ 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.0-next.20251015.1 */
-const O = y`/** @license
+v1.1.1 */
+const k = T`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,83 +26,89 @@ const O = 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.
- */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none}.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 P extends g {
+ */.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 {
   constructor() {
-    super(), this.locale = "", this.orgUrl = "", this.portalUrl = "", this.primarySolutionsGroupId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this._isLoaded = !1, this.isMobile = !1, this._translations = m({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${T} OR ${S}`, this._allCards = [], this._allShell = a(), this._allTab = a(), this._allTabTitle = a(), this._articlesTab = a(), this._articlesTabTitle = a(), this._authContextProvider = n({ context: v }), this.authentication = void 0, this._categories = [], this._delay = !1, this._detailsShell = a(), this._detailsTab = a(), this._detailsTabTitle = a(), this._getSuggested = !1, this._isMobileContextProvider = n({ context: C }), this._localDebugContextProvider = n({ context: x }), this._mySolutionsShell = a(), this._mySolutionsTab = a(), this._mySolutionsTabTitle = a(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = n({ context: I }), this.deployAppTabSelected = u(), this.detailsCardSelected = u(), this.tokenRefreshed = 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 = 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);
   }
   static {
-    this.properties = { appConfig: 1, locale: 1, orgUrl: 1, portalUrl: 1, primarySolutionsGroupId: 1, sortType: 1, useLocalAppConfig: 5, _isLoaded: 16, isMobile: 16, _translations: 16 };
+    this.properties = { appConfig: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = O;
+    this.styles = k;
   }
   selectTab(t, e) {
-    const s = this._getDefaultSearchOptions(e);
-    switch (console.log(s), t.tabType) {
+    const l = this._getDefaultSearchOptions(e);
+    switch (t.tabType) {
       case "all-solutions":
-        this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, s && this._allShell.value?.searchSolutions(s);
+        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 i = $(this._allCards, t.tabTitleOrId);
-          i = i || k(this._allCards, t.tabTitleOrId), i ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(i)) : (this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, this._setActiveTab("all-solutions"));
+          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, s && this._mySolutionsShell.value?.searchSolutions(s);
+        this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, l && this._mySolutionsShell.value?.searchSolutions(l);
         break;
     }
     this._blurTabs();
   }
   async connectedCallback() {
-    super.connectedCallback();
-    const t = new L({
-      username: "",
-      password: ""
-    });
-    this._userSessionContextProvider.setValue(t), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
+    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
   }
   async load() {
-    this.useLocalAppConfig ? (this.appConfig = A, this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this.orgUrl = this.appConfig.orgUrl, this.locale = this.appConfig.locale, this.portalUrl = this.appConfig.portalURL, this._localDebugContextProvider.setValue(!0)) : (this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this._localDebugContextProvider.setValue(!1)), this._cardsFetcher = new f(this.locale, this.orgUrl, this.portalUrl), this.authentication || (this.appConfig.authentication ? this.authentication = this.appConfig.authentication : (this.authentication = new w(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.initialize(), this.authentication.IsSignedIn || this.authentication.signIn())), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), this._setRefreshInterval(), await this._getSolutions();
-  }
-  loaded() {
-    this._handleTabs();
+    this.useLocalAppConfig && (this.appConfig = $);
   }
   render() {
     const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return d`<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" slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("all-solutions")} ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? d`<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("my-deployments")} ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("articles")} ${l(this._articlesTabTitle)}>${this._translations.solutionArticles}</calcite-tab-title><calcite-tab-title class="display-none" @calciteTabsActivate=${() => this._setActiveTab("details")} ${l(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${l(this._allTab)}><solutions-searchsort-toolbar .isMobile=${this.isMobile} scope=solutions></solutions-searchsort-toolbar><solutions-all-shell .appConfig=${this.appConfig} class="shell-container height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? d`<calcite-tab class="back-color-override" ${l(this._mySolutionsTab)}><solutions-searchsort-toolbar default-sort-type=created .isMobile=${this.isMobile} scope=deployments></solutions-searchsort-toolbar><solutions-deployed-shell .appConfig=${this.appConfig} class="shell-container height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${l(this._articlesTab)}><solutions-articles-shell class="shell-container height-100"></solutions-articles-shell></calcite-tab><calcite-tab class="back-color-override" ${l(this._detailsTab)}><solution-details-panel class="shell-container height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab></calcite-tabs>`;
+    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>`;
   }
   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);
+  }
   _mediaQueryChange(t) {
     this.isMobile = t.matches, this._isMobileContextProvider.setValue(this.isMobile);
   }
-  _handleTabs() {
-    document.body.addEventListener("keydown", function(t) {
-      t.key == "Tab" || t.key == "Shift " || t.key == "Enter" ? document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "var(--calcite-color-brand)") : document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "transparent");
-    }), document.body.addEventListener("click", function() {
-      document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "transparent");
-    });
-  }
   _setActiveTab(t) {
-    this.deployAppTabSelected.emit(t);
+    const e = t.detail;
+    switch (e) {
+      case "all-solutions":
+        this._allTabTitle.value?.click();
+        break;
+      case "my-deployments":
+        this._mySolutionsTabTitle.value?.click();
+        break;
+      case "articles":
+        this._articlesTabTitle.value?.click();
+        break;
+      case "details":
+        this._detailsTabTitle.value?.click();
+        break;
+    }
+    this.deployAppTabSelected.emit(e);
   }
   _solutionsAllLoaded() {
     this._isLoaded = !0;
   }
   _detailsCardSelected() {
-    this._detailsTabTitle.value.selected = !0, this._detailsTab.value.selected = !0;
+    this._detailsTabTitle.value.selected = !0, this._detailsTab.value.selected = !0, this._deployAppNav.value.clearMenuItems();
   }
   _deployProgressEnd() {
     this._mySolutionsTabTitle.value.selected = !0, this._mySolutionsTab.value.selected = !0;
   }
-  async _getSolutions() {
-    const t = await this._cardsFetcher?.requestAvailableSolutionCards(
+  async _getSolutions(t) {
+    const e = await this._cardsFetcher?.requestAvailableSolutionCards(
       {
         q: this._agoTerms,
         filter: "type:Solution",
@@ -116,7 +120,7 @@ class P extends g {
         delay: this._delay,
         getSuggested: this._getSuggested
       },
-      this.primarySolutionsGroupId,
+      t,
       "",
       //this.enterpriseSolutionsGroupId, TODO both are passed by default in the old app...don't follow why
       this._userSessionContextProvider.value,
@@ -124,43 +128,25 @@ class P extends g {
         num: 1e3
       }
     );
-    return this._allCards.length === 0 && t?.cards && (this._allCards = t?.cards), this._allCards;
+    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();
   }
-  _setRefreshInterval() {
-    const t = this._userSessionContextProvider?.value, e = this._authContextProvider?.value;
-    if (t && t.tokenDuration && e?.IsSignedIn) {
-      const s = t.tokenDuration * 0.9;
-      setInterval(
-        // eslint-disable-next-line @typescript-eslint/no-misused-promises
-        async () => {
-          const i = await e?.refreshSession();
-          if (i) {
-            this._userSessionContextProvider.setValue(i);
-            const r = i?.token ?? "";
-            this.tokenRefreshed.emit(r);
-          }
-        },
-        s
-      );
-    }
-  }
   _getDefaultSearchOptions(t) {
     let e;
     if (t) {
-      const s = t.domain, i = t.industry, r = t.offerType, c = t.searchTerm, b = "";
+      const l = t.domain, a = t.industry, d = t.offerType, r = t.searchTerm, _ = "";
       let o = t.sortField;
-      const h = t.owner;
-      e = s || i ? {
-        type: s ? "domain" : i ? "industry" : ""
-      } : void 0, s && (e = e ? { ...e, domain: s } : { domain: s }), i && (e = e ? { ...e, industry: i } : { industry: i }), c && (e = e ? { ...e, searchTerm: c } : { searchTerm: c }), e && (e = { ...e, displayValue: b }), o && (e = e ? { ...e, sortType: o } : { sortType: o }), r && (o = r.toLowerCase(), e = e ? { ...e, sortType: o } : { sortType: o }), h && (e = e ? { ...e, owner: h } : { owner: h });
+      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 });
     }
     return e;
   }
 }
-_("solutions-deploy-app", P);
+b("solutions-deploy-app", I);
 export {
-  P as SolutionsDeployApp
+  I as SolutionsDeployApp
 };

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

@@ -1,9 +1,11 @@
+import "@esri/calcite-components/components/calcite-shell";
+import "../solutions-deploy-app-nav/index.js";
+import "../solutions-searchsort-toolbar/index.js";
 import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-tabs";
 import "@esri/calcite-components/components/calcite-tab-nav";
 import "@esri/calcite-components/components/calcite-tab-title";
 import "@esri/calcite-components/components/calcite-tab";
-import "../solutions-searchsort-toolbar/index.js";
 import "../solutions-all-shell/index.js";
 import "../solutions-deployed-shell/index.js";
 import "../solutions-articles-shell/index.js";

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

@@ -1,9 +1,11 @@
+import "@esri/calcite-components/components/calcite-shell";
+import "../solutions-deploy-app-nav/index.js";
+import "../solutions-searchsort-toolbar/index.js";
 import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-tabs";
 import "@esri/calcite-components/components/calcite-tab-nav";
 import "@esri/calcite-components/components/calcite-tab-title";
 import "@esri/calcite-components/components/calcite-tab";
-import "../solutions-searchsort-toolbar/index.js";
 import "../solutions-all-shell/index.js";
 import "../solutions-deployed-shell/index.js";
 import "../solutions-articles-shell/index.js";

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

@@ -1,16 +1,24 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { DeployAppTab } from '../../utils/interfaces';
-import { Auth } from '../../utils/Auth';
-import { PropertyValues } from 'lit';
+import { DeployAppTab, IAppConfig } from '../../utils/interfaces';
 
 export declare class SolutionsDeployAppNav extends LitElement {
     /** App config to use when useLocalAppConfig is false */
-    authentication: Auth | null;
+    appConfig: any;
     /**
-     * The active tab
+     * When true the local appConfig will be used over anything that was passed in.
+     * This is used for local debugging.
+     * When this is false authentication, locale, orgUrl, and portalUrl MUST be defined.
      *
-     * @default 'all-solutions'
+     * @default false
      */
-    activeTab: DeployAppTab;
+    useLocalAppConfig: boolean;
+    /** Use to clear the active state from all nav menu items */
+    clearMenuItems(): void;
+    /** Emitted on demand when the auth is initialized */
+    readonly authInit: TargetedEvent<this, IAppConfig>;
+    /** Tab selected event */
+    readonly navTabSelected: TargetedEvent<this, DeployAppTab>;
+    /** Emitted on demand when the auth token is updated */
+    readonly tokenRefreshed: TargetedEvent<this, string>;
 }

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

@@ -1,13 +1,15 @@
-import { c as h } from "../../chunks/runtime.js";
-import { u as c } from "../../chunks/useT9n.js";
-import { LitElement as m, noShadowRoot as u, nothing as i } from "@arcgis/lumina";
-import { useContextProvider as p } from "@arcgis/lumina/context";
-import { css as g, svg as s, html as t } from "lit";
-import { a as b } from "../../chunks/deployAppContexts.js";
+import { c as m } from "../../chunks/runtime.js";
+import { css as u, html as i, svg as p } from "lit";
+import { keyed as g } from "lit/directives/keyed.js";
+import { u as d } from "../../chunks/useT9n.js";
+import { LitElement as _, createEvent as r, nothing as s } from "@arcgis/lumina";
+import { A as f } from "../../chunks/Auth.js";
+import { createRef as a, ref as o } from "lit-html/directives/ref.js";
+import { UserSession as v } from "@esri/solution-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251015.1 */
-const v = g`@layer{/** @license
+v1.1.1 */
+const I = u`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,71 +23,69 @@ const v = g`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.esri-header-wrap{background:#fff;box-shadow:0 1px #e0e0e0;position:relative;z-index:101;max-width:var(--esri-vw);overflow-x:clip}.esri-header{align-items:center;color:#595959;background-color:#fff;cursor:default;display:flex;justify-content:space-between;height:56px}.esri-header,.esri-header *{box-sizing:border-box}.esri-header-brand,.esri-header-brand:hover{text-decoration:none}.esri-header-brand{align-items:center;display:flex;flex:1 1 auto;height:100%;color:#595959}@media(min-width:1024px){.esri-header-brand{flex:0 0 auto}}@media(min-width:1024px){[dir=ltr] .esri-header-brand{padding-left:5px;padding-right:12px}[dir=rtl] .esri-header-brand{padding-left:12px;padding-right:8px}}@media(max-width:1023px){[dir=ltr] .esri-header-brand{padding-right:12px;margin-right:auto}[dir=rtl] .esri-header-brand{padding-left:12px;margin-left:auto}}.esri-header-brand-text{font-size:18px;font-weight:400;color:#323232;position:relative}@media(min-width:1024px){.esri-header-brand-text{font-size:16px}}.esri-header-brand-text,.esri-global-nav__title-node-container{display:flex;align-items:center}.esri-global-nav__logo-link{margin-top:3px;color:unset;text-decoration:unset}.esri-global-nav__title{margin-block-start:0;position:relative;margin-inline:7px 0;font-size:22px;font-weight:400;margin:0 16px;padding:0 16px}@media(min-width:1px){[dir=ltr] .esri-global-nav__title{border-left:solid black 1px}[dir=rtl] .esri-global-nav__title{border-right:solid black 1px}}.esri-header-menus.-mobile .esri-header-menus-menu{display:none;margin-bottom:auto}@media(max-width:1023px){.esri-header-menus.-mobile .esri-header-menus-menu{display:block}}@media(min-width:1024px){.esri-header-menus{flex-grow:1}.esri-header-menus.-mobile{display:none}.esri-header-menus.-desktop{display:block}}.esri-header-menus-toggle{appearance:button;-webkit-appearance:button;margin:0;overflow:visible;text-transform:none}.esri-header-menus-toggle{background-color:transparent;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;padding:0;display:block;cursor:pointer}.esri-header-menus-image{display:block;fill:currentColor;margin:15px 16px;width:24px;height:24px}@media(min-width:1024px){.esri-header-menus-content{display:flex;justify-content:space-between}}.esri-header-menus-list{list-style-type:none;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0}@media(min-width:1024px){.esri-header-menus-list{display:flex}}.esri-header-menus.-mobile .esri-header-menus-list{display:block}.esri-header-menus-link{color:inherit;text-decoration:none}.esri-header-menus-link{background:transparent;border:0;color:#595959;cursor:pointer;display:block;font-size:16px;line-height:20px;font-family:inherit;margin:18px 24px}.esri-header-menus-link{white-space:nowrap}@media(min-width:1024px){.esri-header-menus-link{display:block;cursor:pointer}.highlight-tab{border-bottom:solid 2px var(--calcite-color-brand);margin:18px 24px 15px}}@media(min-width:1px){[dir=ltr] .esri-header-menus-link{text-align:left}[dir=rtl] .esri-header-menus-link{text-align:right}}.esri-header-menus.-mobile .esri-header-menus-link{background-image:linear-gradient(90deg,transparent 24px,#e9e9e9 0);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;outline:0;padding:28px 60px 28px 24px;position:relative}@media(min-width:1024px){.esri-header-menus-item{flex-grow:1;position:relative}}@media(max-width:1023px){.esri-header-menus-content{background-color:#f8f8f8;box-shadow:inset 0 1px #e0e0e0,1px 0 #e0e0e0;display:flex;flex-direction:column;top:100%}.esri-header-menus-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto;position:absolute;height:calc(100vh - 56px);width:320px;height:calc(var(--esri-vh) - 56px);transform:translate(0);transition:transform .4s ease-in-out;z-index:1}}.-app .esri-header-menus-content{justify-content:flex-start}@media(max-width:1023px){.-app .esri-header-menus-content{transform:translate3D(320px,0,0);justify-content:flex-start}}.esri-header label,.esri-header li{margin:0}.esri-header-menus.-mobile .esri-header-menus-content{background-color:#f8f8f8;box-shadow:inset 0 1px #e0e0e0,1px 0 #e0e0e0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto;position:absolute;transform:translate(0);transition:transform .4s ease-in-out;z-index:1;top:100%;width:320px;height:calc(var(--esri-vh) - 56px)}@media(max-width:1023px){.esri-header-menus{order:1;position:relative}.esri-header-menus.-mobile{display:flex;flex-grow:0;flex-shrink:0}.esri-header-menus.-desktop{display:none}[dir=ltr]{.esri-header-menus-content{right:0}.esri-global-nav__title-node-container{padding-top:1px;padding-left:14px}}[dir=rtl]{.esri-header-menus-content{left:0}.esri-global-nav__title-node-container{padding-right:14px}}}@media(min-width:1024px){[dir=ltr]{.esri-global-nav__title-node-container{padding-left:5px}}[dir=rtl]{.esri-global-nav__title-node-container{padding-right:5px}}}@media(min-width:1px){[dir=ltr] .esri-header-menus.-mobile .esri-header-menus-content[aria-hidden=true]{transition:transform .4s ease-in-out,visibility 0s .4s;transform:translate(320px);visibility:hidden}[dir=rtl] .esri-header-menus.-mobile .esri-header-menus-content[aria-hidden=true]{transition:transform .4s ease-in-out,visibility 0s .4s;transform:translate(-320px);visibility:hidden}}.esri-header-client,.esri-header-account{width:56px;height:56px}.esri-header-account-control--signin{background-color:transparent;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;display:block;cursor:pointer;font-size:16px;line-height:20px;width:56px;height:56px;padding:0;position:relative;appearance:button;-webkit-appearance:button;margin:0;overflow:visible;text-transform:none}.esri-header-account-image-avatar{border-radius:50%;width:32px;height:32px}.disabled-icon{color:#c7c7c7;cursor:unset}}`;
-class x extends m {
+ */.esri-global-nav__title{margin-block-start:0;position:relative;margin-bottom:0;font-size:var(--calcite-font-size-xl);font-weight:var(--calcite-font-weight-medium);padding-inline-end:1rem}.esri-global-nav__logo-link{margin-top:3px;color:var(--calcite-color-text-1);text-decoration:unset}.cursor-pointer{cursor:pointer}.side{border-right:solid 1px;color:var(--calcite-color-text-1)}.display-flex{display:flex}.align-self-center{align-self:center}.padding-start-1{padding-inline-start:1rem}.margin-start-end-1{margin-inline-start:1rem;margin-inline-end:1rem}calcite-menu{--calcite-color-focus: transparent}.sign-in{display:flex;vertical-align:middle;align-items:center;height:100%;padding-inline-end:1rem}`;
+class S extends _ {
   constructor() {
-    super(...arguments), this.authentication = null, this.activeTab = "all-solutions", this._signInOutText = "", this._authContextProvider = p({ context: b }), this._translations = c({ name: "solutions-deploy-app-nav", blocking: !0 }), this._userAvatarUrl = "";
+    super(...arguments), this.useLocalAppConfig = !1, this._logoFill = "", this._translations = d({ name: "solutions-deploy-app-nav", blocking: !0 }), this._authentication = void 0, this._menuRef = a(), this._menuItemAll = a(), this._menuItemMy = a(), this._menuItemResources = a(), this.authInit = r(), this.navTabSelected = r(), this.tokenRefreshed = r();
   }
   static {
-    this.properties = { authentication: 0, activeTab: 3, _signInOutText: 16, _translations: 16, _userAvatarUrl: 16 };
+    this.properties = { appConfig: 1, useLocalAppConfig: 5, _logoFill: 16, _translations: 16 };
   }
   static {
-    this.styles = v;
+    this.styles = I;
   }
-  static {
-    this.shadowRootOptions = u;
+  clearMenuItems() {
+    this._menuItemAll.value.active = !1, this._menuItemMy.value.active = !1, this._menuItemResources.value.active = !1;
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    const e = new v({
+      username: "",
+      password: ""
+    });
+    this._userSession = e;
   }
-  load() {
-    this._signInOutText = this._translations.signIn;
+  async load() {
+    const e = window.matchMedia("(prefers-color-scheme: dark)");
+    e.addEventListener("change", (h) => this._logoFill = this._getLogoFill(h.matches)), this._logoFill = this._getLogoFill(e.matches);
+    let t = "en";
+    this.useLocalAppConfig && (t = this.appConfig.locale);
+    const l = this.appConfig.authentication?.PortalSubset?.orgUrl || this.appConfig.orgURL || this.appConfig.portalURL, n = this.appConfig.authentication?.PortalUrl || this.appConfig.portalURL, c = this.appConfig.primarySolutionsGroupId;
+    this._authentication || (this.appConfig.authentication ? this._authentication = this.appConfig.authentication : (this._authentication = new f(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this._authentication.initialize())), this._authentication.RestUserSession && (this._userSession = this._authentication.RestUserSession), this._setRefreshInterval(), this.authInit.emit({
+      authentication: this._authentication,
+      agoBasedEnterpriseSolutionsGroupId: this.appConfig.agoBasedEnterpriseSolutionsGroupId,
+      diagramKey: this.appConfig.diagramKey,
+      locale: t || "en",
+      orgUrl: l,
+      portalUrl: n,
+      primarySolutionsGroupId: c,
+      userSession: this._userSession
+    }), this._portal = await this._userSession?.getPortal();
   }
   render() {
-    return t`<nav role=navigation><div><div class="esri-header-wrap"><div class="esri-header -app"><div class="esri-header-brand"><span class="esri-header-brand" id=esri-header-brand><span class="esri-header-brand-text"><header class="esri-global-nav__title-node-container"><a aria-label=${this._translations.linkToEsriHomePage ?? i} class="esri-global-nav__logo-link" href=https://www.esri.com rel=noopener target=_blank title=${this._translations.linkToEsriHomePage ?? i}><svg height=30 viewBox="0 0 84 30" width=84 xmlns=http://www.w3.org/2000/svg>${s`<path d="M77.277.5c-1.48 0-2.554 1.175-2.554 2.488 0 1.314 1.074 2.49 2.554 2.49 1.48 0 2.622-1.071 2.622-2.49C79.899 1.572 78.756.5 77.277.5zm-1.913 23.426h3.891V8.353h-3.891v15.573zM40.515 7.965c-4.702 0-8.465 3.275-8.465 8.174 0 4.898 3.763 8.177 8.465 8.177 2.146 0 4.165-.667 5.852-2.31l-2.457-2.457c-.916.964-2.093 1.651-3.78 1.651-2.175 0-3.927-1.397-4.188-3.698h11.875v-1.07c0-5.42-2.95-8.467-7.302-8.467zm-4.573 6.617c.293-2.24 1.721-3.7 4.023-3.7 2.434 0 3.926 1.43 3.96 3.7h-7.983zm17.305-1.849c0-1.169 1.233-1.655 2.273-1.655 1.32 0 2.292.547 3.037 1.577l2.476-2.474c-1.282-1.6-3.407-2.216-5.418-2.216-3.147 0-6.262 1.555-6.262 5.028 0 5.938 8.403 3.406 8.403 6.617 0 1.233-1.46 1.784-2.595 1.784-1.65 0-2.687-.806-3.69-1.905l-2.515 2.514c1.58 1.711 3.62 2.313 5.978 2.313 3.179 0 6.717-1.299 6.717-4.998 0-6.067-8.404-3.795-8.404-6.585zm14.15-1.916h-.062V8.353h-3.892v15.573h3.892v-8.34c0-.842.518-3.925 4.185-3.925.564 0 1.127.112 1.718.253l.152-3.726c-.45-.127-.901-.223-1.382-.223-2.046 0-3.766 1.07-4.61 2.852zM14.683 2.766c-1.217-.037-1.932.12-2.651.26-.216-.056-.62.003-.643.472 0 .252.08.447.24.562.159.114 1.493 1.1 2.473 2.142-.47.052-.98.138-1.504.246-.585-1.264-2.465-.114-3.714-.064-.146.006-.286.025-.431.035-.137-1.056-.235-2.15-.21-2.92 1.618-.917 4.748-1.593 6.874-1.626l.373-.01c.312-.003.337-.251.043-.291-2.641-.361-4.929.173-7.279 1.145C5.808 3.748 2.696 6.12.8 10.596c-.444 1.247-2.219 7.195.935 12.3 2.56 4.142 5.855 6.113 9.887 6.676 4.024.561 6.207.075 8.752-1.055 5.951-2.642 10.496-12.559 5.95-19.747-1.794-3.319-6.495-6.229-11.641-6.004zm-2.259 4.647a17.754 17.754 0 0 1 2.362-.368 15.741 15.741 0 0 1 1.748 2.54c-.805.39-1.878.688-2.315 1.312-.181.26-.226.613-.232.995a23.59 23.59 0 0 0-3.877 1.286c-.453-1.332-.85-2.66-1.124-3.842 1.296-1.237 2.813-1.438 3.438-1.923zm6.61 15.88c-.354.038-.706.083-1.016.13-.77.121-1.762.379-2.685.723-.53-.843-1.95-2.891-2.667-4.437 1.442-.709 3.457-1.303 5.775-1.444.19.33.4.66.69.956.757.774-.44 1.883-.096 4.072zm-8.603-9.14c1.12-.53 2.3-.968 3.56-1.286-.008.333-.045.649-.182.903-.196.366-.106 1.428.134 1.775.755 1.099 2.008.488 2.951.883.433.181.721.482.964.84-1.974.124-3.91.584-5.706 1.41-.923-1.96-1.72-4.524-1.72-4.524zm.832 4.938c-.07.033-.145.074-.217.11a40.803 40.803 0 0 0-3.256-.78c-.995-.204-1.031-.15-2.151.175-.16.046-.313.088-.462.133a36.17 36.17 0 0 1-.445-1.202c1.436-1.106 2.884-2.034 4.821-2.985.5 1.491 1.215 3.483 1.71 4.549zm.768 4.528c.293-.765.521-1.331.605-1.89.569.958 1.248 2 1.774 2.815-.819.397-1.772 1.01-2.672 1.685.062-1.037.083-2.064.293-2.61zm5.334-14.636c-.01.014-.028.026-.04.04a23.057 23.057 0 0 0-1.376-2.111c1.007-.061 2.246-.008 3.374.108-1.014.363-1.461 1.254-1.958 1.963zm-9.028 1.094c.019-.026.039-.047.057-.072.234 1.182.513 2.16.886 3.518-1.402.618-3.881 2.148-4.976 2.972-.198-.502-.404-1.214-.589-1.946.249-.737.758-1.254 1.476-1.325 1.228-.123 2.28-1.95 3.146-3.147zm-5.41-1.784C4.24 6.455 6.023 4.666 7.65 3.773c-.016.4.086 1.567.218 2.693-.57.057-1.134.128-1.692.211a12.084 12.084 0 0 0-3.115 4.088c-.117-1.054-.178-1.933-.133-2.472zM2.07 9.731s.062 1.06.113 1.833c0 0-.781.886-1.18 1.59.159-1.443.498-2.187 1.067-3.423zm7.664 18.356C5.688 26.82 2.69 23.41 1.62 19.834a17.475 17.475 0 0 1-.651-6.473c.056.01.186.072.38.017.135-.093.616-.43.957-.728l.018.131c-.23.87-.371 1.775-.4 2.71.37.39.804 1.038 1.286 1.707-.31.23-.905.641-1.045.741-.41.292-.406.753-.114 1.015.161.144.492.084.613-.01.358-.285.656-.513 1.066-.77.15.393.292.748.43 1.086-.175.188-.3.436-.342.798-.135 1.172.979 2.092 1.918 2.36.035.01.06.014.094.023.05.076.095.147.148.224-.487.378-.82.765-1.049 1.063-.132.172-.28.43-.16.481.123.05.535 0 .719-.034.466-.09.826-.606 1.148-.796.387.534 1.017 1.22 1.672 1.88.029.12.055.246.088.351.125.403.293.804.495 1.196.471.22.962.402 1.464.561a8.344 8.344 0 0 0-.622.72zm.989.313c.155-.203.312-.454.505-.626.468.31.969.665 1.368.894-.615-.07-1.337-.085-1.873-.268zm3.113.31s-1.604-1.062-2.009-1.471c.803-.667 2.102-1.459 3.128-1.889.402.63 1.727 2.507 2.258 3.112-.963.168-2.31.294-3.377.248zM20.54 27.2c-.286.189-1.664.814-2.204.988a23.43 23.43 0 0 1-2.44-3.202c.844-.354 2.143-.67 3.346-.82.109.342.25.704.444 1.094.19.382.411.662.649.853.085-.053.164-.115.248-.17-.006.42-.018.846-.043 1.257zm-.33-21.477c-.27-.172-.607-.108-.467.193.053.117.259.314.427.512-.986-.272-3.608-.479-4.856-.364-.815-.916-1.744-2.028-2.861-2.765 4.999-.311 9.49 1.756 11.473 4.186-.661-.344-2.087-.834-2.667-.963-.313-.319-.708-.58-1.05-.8zm1.094 21.065c.023-.407.04-.922.053-1.396.487-.378.946-.79 1.37-1.238.547.063 1.094.156 1.427.24-.74.936-1.762 1.716-2.85 2.394zm3.825-3.724c-.12.253-.428.688-.633.894-.312-.126-.781-.258-1.272-.375.078-.094.163-.182.24-.279.268-1.796-.338-2.37.42-4.014l.172-.371c.418.118.812.247 1.153.386.043.616.04 2.728-.08 3.759zm-.708-4.917c.196-.407.412-.84.645-1.27.061.547.105 1.08.131 1.563a9.256 9.256 0 0 0-.776-.293zm2.218 1.126l-.194.756c-.137.515-.593 1.732-.832 2.223.091-.663.171-2.384.148-2.73.16.049.502-.147.559-.341.057-.195-.564-.495-.564-.495a20.742 20.742 0 0 0-.172-2.7c.142-.23.286-.452.434-.655a12.082 12.082 0 0 0-.186-1.575c.125.041.24.074.323.075.283.004.282-.19.192-.298-.058-.07-.328-.238-.643-.42a12.02 12.02 0 0 0-2.78-5.32c.533.202 1.214.48 1.754.774.41.516 1.585 1.675 2.212 4.92.564 2.922-.06 5.143-.251 5.786zM80.886 8.597v-.24h1.218v.24h-.468v1.191h-.283V8.597h-.467zm1.87-.24l.365 1.025.368-1.024h.406v1.43h-.262V8.634l-.396 1.154h-.229l-.4-1.154v1.154h-.261v-1.43h.409z" />`}</svg></a><div class="esri-global-nav__title"><a aria-label=${this._translations.linkToArcGISSolutionsHomePage ?? i} class="esri-global-nav__logo-link" href=https://www.esri.com/en-us/arcgis/products/arcgis-solutions/overview rel=noopener target=_blank title=${this._translations.linkToArcGISSolutionsHomePage ?? i}>\r\n                          ArcGIS Solutions</a></div></header></span></span></div><div class="esri-header-menus -desktop" id=esri-header-menus-desktop><div class="esri-header-menus-content" id=esri-header-menus-content-desktop><div class="esri-header-menus-menu"><ul aria-labelledby=esri-header-brand class="esri-header-menus-list"><li class="esri-header-menus-item"><span class=${`esri-header-menus-link ${this.activeTab === "all-solutions" ? " highlight-tab" : ""}`} @click=${() => {
-      this.activeTab = "all-solutions";
-      const e = new CustomEvent("nav-bar-tab-change", { detail: { tab: this.activeTab } });
-      window.dispatchEvent(e);
-    }} role=button>${this._translations.allSolutions}</span></li>${this.authentication?.IsSignedIn ? t`<li class="esri-header-menus-item"><span class=${`esri-header-menus-link ${this.activeTab === "my-deployments" ? " highlight-tab" : ""}`} @click=${() => {
-      this.activeTab = "my-deployments";
-      const e = new CustomEvent("nav-bar-tab-change", { detail: { tab: this.activeTab } });
-      window.dispatchEvent(e);
-    }} role=button>${this._translations.myDeployments}</span></li>` : null}</ul></div></div></div><div class="esri-header-client"><div class="esri-header-account"><button aria-label=${this._signInOutText ?? i} class=${`esri-header-account-control esri-header-account-control--signin ${this.authentication ? "" : " disabled-icon"}`} .disabled=${!this.authentication} @click=${() => {
-      this.authentication && (this.authentication.IsSignedIn ? this.authentication.signOut() : this.authentication.signIn());
-    }} title=${this._signInOutText ?? i}>${this.authentication?.IsSignedIn ? this._userAvatarUrl ? t`<img aria-label=${this._signInOutText ?? i} class="esri-header-account-image-avatar" src=${this._userAvatarUrl ?? i}>` : this._signInOutText : t`<svg class="calcite-icon" fill=currentColor height=24 viewBox="0 0 24 24" width=24>${s`<path d="M12 1.2A4.8 4.8 0 1 0 16.8 6 4.805 4.805 0 0 0 12 1.2zm0 8.6A3.8 3.8 0 1 1 15.8 6 3.804 3.804 0 0 1 12 9.8zM20 22H4v-4.5A5.506 5.506 0 0 1 9.5 12h5a5.506 5.506 0 0 1 5.5 5.5zM5 21h14v-3.5a4.505 4.505 0 0 0-4.5-4.5h-5A4.505 4.505 0 0 0 5 17.5z" />`}</svg>`}</button></div></div><div class="esri-header-menus -mobile" id=esri-header-menus-mobile><button aria-controls=esri-header-menus-content-mobile aria-expanded=false aria-labelledby=esri-header-brand class="esri-header-menus-toggle -visible" id=esri-header-menus-mobile-toggle @click=${() => this._handleMenuVisibilityClick()}><span class=""><svg class="esri-header-menus-image" id=esri-header-menus-image style="transform: rotate(360deg)">${s`<path d="M21 6H3V5h18zm0 6H3v1h18zm0 7H3v1h18z" />`}</svg></span></button><div aria-expanded=false aria-hidden=true class="esri-header-menus-content" id=esri-header-menus-content-mobile><div class="esri-header-menus-menu"><ul aria-labelledby=esri-header-brand class="esri-header-menus-list"><li class="esri-header-menus-item"><span class="esri-header-menus-link" @click=${() => {
-      this.activeTab = "all-solutions";
-      const e = new CustomEvent("nav-bar-tab-change", { detail: { tab: this.activeTab } });
-      window.dispatchEvent(e), this._handleMenuVisibilityClick();
-    }} role=button>${this._translations.allSolutions}</span></li>${this.authentication?.IsSignedIn ? t`<li class="esri-header-menus-item"><span class=${`esri-header-menus-link ${this.activeTab === "my-deployments" ? " highlight-tab" : ""}`} @click=${() => {
-      this.activeTab = "my-deployments";
-      const e = new CustomEvent("nav-bar-tab-change", { detail: { tab: this.activeTab } });
-      window.dispatchEvent(e), this._handleMenuVisibilityClick();
-    }} role=button>${this._translations.myDeployments}</span></li>` : null}</ul></div></div></div></div></div></div></nav>`;
+    return console.warn("TODO string update after r3"), i`<calcite-navigation>${this._getHeading()}<calcite-menu id=abc123 label slot=content-start ${o(this._menuRef)}><calcite-menu-item label @click=${() => this._handleMenuClick("all-solutions", this._menuItemAll, [this._menuItemMy, this._menuItemResources])} text="All Solutions" ${o(this._menuItemAll)}></calcite-menu-item>${this._authentication?.IsSignedIn ? i`<calcite-menu-item label @click=${() => this._handleMenuClick("my-deployments", this._menuItemMy, [this._menuItemAll, this._menuItemResources])} text=Deployments ${o(this._menuItemMy)}></calcite-menu-item>` : ""}<calcite-menu-item label @click=${() => this._handleMenuClick("articles", this._menuItemResources, [this._menuItemAll, this._menuItemMy])} text=Resources ${o(this._menuItemResources)}></calcite-menu-item></calcite-menu><div slot=user>${this._authentication?.IsSignedIn ? g(this._userSession?.username, i`<arcgis-user-avatar class="sign-in" .username=${this._userSession?.username} .portal=${this._portal} scale=l show-name .description=${this._userSession?.username}></arcgis-user-avatar>`) : i`<calcite-link class="sign-in" @click=${this._handleSignIn}>\r\n                Sign in</calcite-link>`}</div></calcite-navigation>`;
   }
-  updated(e) {
-    super.updated(e), e.forEach((a, l) => {
-      if (l === "authentication" && this.authentication && (this._authContextProvider.setValue(this.authentication), this.authentication.IsSignedIn)) {
-        this._signInOutText = this._translations.signOut;
-        const d = this.authentication.Portal.user?.id, r = this.authentication.Portal.user?.thumbnailUrl;
-        d && r && (async () => {
-          try {
-            const n = await fetch(r);
-            if (n.ok) {
-              const o = await n.blob();
-              o.size > 0 && (this._userAvatarUrl = URL.createObjectURL(o));
-            }
-          } catch {
-          }
-        })();
-      }
-    });
+  _setRefreshInterval() {
   }
-  _handleMenuVisibilityClick() {
-    const e = document.getElementById("esri-header-menus-content-mobile");
-    if (e) {
-      const a = e.getAttribute("aria-expanded") === "true";
-      e.setAttribute("aria-expanded", String(!a)), e.setAttribute("aria-hidden", String(a));
-    }
+  _getHeading() {
+    return console.warn("TODO string update after r3"), i`<div class="align-self-center display-flex padding-start-1 cursor-pointer" slot=logo><a aria-label=${this._translations.linkToEsriHomePage ?? s} class="esri-global-nav__logo-link" href=https://www.esri.com rel=noopener target=_blank title=${this._translations.linkToEsriHomePage ?? s}><svg height=30 viewBox="0 0 84 30" width=84 xmlns=http://www.w3.org/2000/svg>${p`<path fill=${this._logoFill ?? s} d="M77.277.5c-1.48 0-2.554 1.175-2.554 2.488 0 1.314 1.074 2.49 2.554 2.49 1.48 0 2.622-1.071 2.622-2.49C79.899 1.572 78.756.5 77.277.5zm-1.913 23.426h3.891V8.353h-3.891v15.573zM40.515 7.965c-4.702 0-8.465 3.275-8.465 8.174 0 4.898 3.763 8.177 8.465 8.177 2.146 0 4.165-.667 5.852-2.31l-2.457-2.457c-.916.964-2.093 1.651-3.78 1.651-2.175 0-3.927-1.397-4.188-3.698h11.875v-1.07c0-5.42-2.95-8.467-7.302-8.467zm-4.573 6.617c.293-2.24 1.721-3.7 4.023-3.7 2.434 0 3.926 1.43 3.96 3.7h-7.983zm17.305-1.849c0-1.169 1.233-1.655 2.273-1.655 1.32 0 2.292.547 3.037 1.577l2.476-2.474c-1.282-1.6-3.407-2.216-5.418-2.216-3.147 0-6.262 1.555-6.262 5.028 0 5.938 8.403 3.406 8.403 6.617 0 1.233-1.46 1.784-2.595 1.784-1.65 0-2.687-.806-3.69-1.905l-2.515 2.514c1.58 1.711 3.62 2.313 5.978 2.313 3.179 0 6.717-1.299 6.717-4.998 0-6.067-8.404-3.795-8.404-6.585zm14.15-1.916h-.062V8.353h-3.892v15.573h3.892v-8.34c0-.842.518-3.925 4.185-3.925.564 0 1.127.112 1.718.253l.152-3.726c-.45-.127-.901-.223-1.382-.223-2.046 0-3.766 1.07-4.61 2.852zM14.683 2.766c-1.217-.037-1.932.12-2.651.26-.216-.056-.62.003-.643.472 0 .252.08.447.24.562.159.114 1.493 1.1 2.473 2.142-.47.052-.98.138-1.504.246-.585-1.264-2.465-.114-3.714-.064-.146.006-.286.025-.431.035-.137-1.056-.235-2.15-.21-2.92 1.618-.917 4.748-1.593 6.874-1.626l.373-.01c.312-.003.337-.251.043-.291-2.641-.361-4.929.173-7.279 1.145C5.808 3.748 2.696 6.12.8 10.596c-.444 1.247-2.219 7.195.935 12.3 2.56 4.142 5.855 6.113 9.887 6.676 4.024.561 6.207.075 8.752-1.055 5.951-2.642 10.496-12.559 5.95-19.747-1.794-3.319-6.495-6.229-11.641-6.004zm-2.259 4.647a17.754 17.754 0 0 1 2.362-.368 15.741 15.741 0 0 1 1.748 2.54c-.805.39-1.878.688-2.315 1.312-.181.26-.226.613-.232.995a23.59 23.59 0 0 0-3.877 1.286c-.453-1.332-.85-2.66-1.124-3.842 1.296-1.237 2.813-1.438 3.438-1.923zm6.61 15.88c-.354.038-.706.083-1.016.13-.77.121-1.762.379-2.685.723-.53-.843-1.95-2.891-2.667-4.437 1.442-.709 3.457-1.303 5.775-1.444.19.33.4.66.69.956.757.774-.44 1.883-.096 4.072zm-8.603-9.14c1.12-.53 2.3-.968 3.56-1.286-.008.333-.045.649-.182.903-.196.366-.106 1.428.134 1.775.755 1.099 2.008.488 2.951.883.433.181.721.482.964.84-1.974.124-3.91.584-5.706 1.41-.923-1.96-1.72-4.524-1.72-4.524zm.832 4.938c-.07.033-.145.074-.217.11a40.803 40.803 0 0 0-3.256-.78c-.995-.204-1.031-.15-2.151.175-.16.046-.313.088-.462.133a36.17 36.17 0 0 1-.445-1.202c1.436-1.106 2.884-2.034 4.821-2.985.5 1.491 1.215 3.483 1.71 4.549zm.768 4.528c.293-.765.521-1.331.605-1.89.569.958 1.248 2 1.774 2.815-.819.397-1.772 1.01-2.672 1.685.062-1.037.083-2.064.293-2.61zm5.334-14.636c-.01.014-.028.026-.04.04a23.057 23.057 0 0 0-1.376-2.111c1.007-.061 2.246-.008 3.374.108-1.014.363-1.461 1.254-1.958 1.963zm-9.028 1.094c.019-.026.039-.047.057-.072.234 1.182.513 2.16.886 3.518-1.402.618-3.881 2.148-4.976 2.972-.198-.502-.404-1.214-.589-1.946.249-.737.758-1.254 1.476-1.325 1.228-.123 2.28-1.95 3.146-3.147zm-5.41-1.784C4.24 6.455 6.023 4.666 7.65 3.773c-.016.4.086 1.567.218 2.693-.57.057-1.134.128-1.692.211a12.084 12.084 0 0 0-3.115 4.088c-.117-1.054-.178-1.933-.133-2.472zM2.07 9.731s.062 1.06.113 1.833c0 0-.781.886-1.18 1.59.159-1.443.498-2.187 1.067-3.423zm7.664 18.356C5.688 26.82 2.69 23.41 1.62 19.834a17.475 17.475 0 0 1-.651-6.473c.056.01.186.072.38.017.135-.093.616-.43.957-.728l.018.131c-.23.87-.371 1.775-.4 2.71.37.39.804 1.038 1.286 1.707-.31.23-.905.641-1.045.741-.41.292-.406.753-.114 1.015.161.144.492.084.613-.01.358-.285.656-.513 1.066-.77.15.393.292.748.43 1.086-.175.188-.3.436-.342.798-.135 1.172.979 2.092 1.918 2.36.035.01.06.014.094.023.05.076.095.147.148.224-.487.378-.82.765-1.049 1.063-.132.172-.28.43-.16.481.123.05.535 0 .719-.034.466-.09.826-.606 1.148-.796.387.534 1.017 1.22 1.672 1.88.029.12.055.246.088.351.125.403.293.804.495 1.196.471.22.962.402 1.464.561a8.344 8.344 0 0 0-.622.72zm.989.313c.155-.203.312-.454.505-.626.468.31.969.665 1.368.894-.615-.07-1.337-.085-1.873-.268zm3.113.31s-1.604-1.062-2.009-1.471c.803-.667 2.102-1.459 3.128-1.889.402.63 1.727 2.507 2.258 3.112-.963.168-2.31.294-3.377.248zM20.54 27.2c-.286.189-1.664.814-2.204.988a23.43 23.43 0 0 1-2.44-3.202c.844-.354 2.143-.67 3.346-.82.109.342.25.704.444 1.094.19.382.411.662.649.853.085-.053.164-.115.248-.17-.006.42-.018.846-.043 1.257zm-.33-21.477c-.27-.172-.607-.108-.467.193.053.117.259.314.427.512-.986-.272-3.608-.479-4.856-.364-.815-.916-1.744-2.028-2.861-2.765 4.999-.311 9.49 1.756 11.473 4.186-.661-.344-2.087-.834-2.667-.963-.313-.319-.708-.58-1.05-.8zm1.094 21.065c.023-.407.04-.922.053-1.396.487-.378.946-.79 1.37-1.238.547.063 1.094.156 1.427.24-.74.936-1.762 1.716-2.85 2.394zm3.825-3.724c-.12.253-.428.688-.633.894-.312-.126-.781-.258-1.272-.375.078-.094.163-.182.24-.279.268-1.796-.338-2.37.42-4.014l.172-.371c.418.118.812.247 1.153.386.043.616.04 2.728-.08 3.759zm-.708-4.917c.196-.407.412-.84.645-1.27.061.547.105 1.08.131 1.563a9.256 9.256 0 0 0-.776-.293zm2.218 1.126l-.194.756c-.137.515-.593 1.732-.832 2.223.091-.663.171-2.384.148-2.73.16.049.502-.147.559-.341.057-.195-.564-.495-.564-.495a20.742 20.742 0 0 0-.172-2.7c.142-.23.286-.452.434-.655a12.082 12.082 0 0 0-.186-1.575c.125.041.24.074.323.075.283.004.282-.19.192-.298-.058-.07-.328-.238-.643-.42a12.02 12.02 0 0 0-2.78-5.32c.533.202 1.214.48 1.754.774.41.516 1.585 1.675 2.212 4.92.564 2.922-.06 5.143-.251 5.786zM80.886 8.597v-.24h1.218v.24h-.468v1.191h-.283V8.597h-.467zm1.87-.24l.365 1.025.368-1.024h.406v1.43h-.262V8.634l-.396 1.154h-.229l-.4-1.154v1.154h-.261v-1.43h.409z" />`}</svg></a><div class="side margin-start-end-1 " slot=logo></div><div class="esri-global-nav__title"><a aria-label=${this._translations.linkToArcGISSolutionsHomePage ?? s} class="esri-global-nav__logo-link" href=https://www.esri.com/en-us/arcgis/products/arcgis-solutions/overview rel=noopener target=_blank title=${this._translations.linkToArcGISSolutionsHomePage ?? s}>\r\n            ArcGIS Solutions</a></div></div>`;
+  }
+  _getLogoFill(e) {
+    return e ? "#FFFFFF" : "#141414";
+  }
+  _handleMenuClick(e, t, l) {
+    l.forEach((n) => {
+      n.value && (n.value.active = !1);
+    }), t.value.active = !0, this.navTabSelected.emit(e);
+  }
+  _handleSignIn(e) {
+    e.preventDefault(), this._authentication?.signIn().then(() => {
+    }).catch((t) => {
+      console.error("Error creating global nav header:", t);
+    });
   }
 }
-h("solutions-deploy-app-nav", x);
+m("solutions-deploy-app-nav", S);
 export {
-  x as SolutionsDeployAppNav
+  S as SolutionsDeployAppNav
 };

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

@@ -1 +1,6 @@
+import "@esri/calcite-components/components/calcite-navigation";
+import "@esri/calcite-components/components/calcite-menu";
+import "@esri/calcite-components/components/calcite-menu-item";
+import "@arcgis/app-components/dist/components/arcgis-user-avatar.js";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -1 +1,6 @@
+import "@esri/calcite-components/components/calcite-navigation";
+import "@esri/calcite-components/components/calcite-menu";
+import "@esri/calcite-components/components/calcite-menu-item";
+import "@arcgis/app-components/dist/components/arcgis-user-avatar.js";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -50,6 +50,6 @@ export declare class SolutionsDeployedFilterPanel extends LitElement {
     /** Clears all the filters include search, industry and owner. */
     clearFilters(): void;
     /** The event that gets emitted after any filter option has changed. */
-    readonly applyFilter: TargetedEvent<this, IFilterOption | IFilterOption[] | ISearchOption | null>;
+    readonly applyFilter: TargetedEvent<this, ISearchOption | IFilterOption | IFilterOption[] | null>;
 }
 export {};

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

@@ -5,7 +5,7 @@ import { LitElement as a, createEvent as c, safeClassMap as h, nothing as d } fr
 import { m as i } from "../../chunks/interfaces.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.0-next.20251015.1 */
+v1.1.1 */
 const u = o`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,42 +4,6 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 import { IDeployedSolutionCardRefs, IFilterOption, ISearchOption, ISolutionInfoCard, ISortOption, SortType } from '../../utils/interfaces';
 
 export declare class SolutionsDeployedPanel extends LitElement {
-    /**
-     * The group id that contains agol solutions.
-     *
-     * @default ''
-     */
-    agoSolutionsGroupId: string;
-    /**
-     * Digram license key to use view the diagram
-     *
-     * @default ''
-     */
-    diagramKey: string;
-    /**
-     * The group id that contains enterprise solutions.
-     *
-     * @default ''
-     */
-    enterpriseSolutionsGroupId: string;
-    /**
-     * The current locale.
-     *
-     * @default ''
-     */
-    locale: string;
-    /**
-     * URL of organization, e.g., 'http://myOrg.maps.arcgis.com'
-     *
-     * @default ''
-     */
-    orgUrl: string;
-    /**
-     * URL of portal, e.g., 'https://www.arcgis.com'
-     *
-     * @default ''
-     */
-    portalUrl: string;
     /**
      * Define how the cards will be sorted
      * valid options for deplyed cards are: created (ie date deployed), relevance, title