@esri/solutions-components 1.2.0-next.25 → 1.2.0-next.27

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.25 */
+v1.2.0-next.27 */
 const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { g as z } 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.25 */
+v1.2.0-next.27 */
 const $ = E`/** @license
  * Copyright 2025 Esri
  *
@@ -23,7 +23,7 @@ const $ = E`/** @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.
- */#filter-bar{background-color:#f4f4f4;position:absolute;top:16px;right:220px;z-index:100}#filteredViewButtonDiv{padding:16px 16px 4px}#graph-navigation-bar{background-color:#f4f4f4;position:absolute;top:16px;right:16px;z-index:100}#graph-navigation-controls{position:absolute;top:0;right:0}.z-index-1{z-index:1}`;
+ */#filter-bar{background-color:#f4f4f4;position:absolute;top:16px;right:220px;z-index:100}#filteredViewButtonDiv{padding:16px 16px 4px}#graph-navigation-bar{background-color:#f4f4f4;position:absolute;top:16px;right:16px;z-index:100}#graph-navigation-controls{position:absolute;top:0;right:0}.z-index-1{z-index:1}#diagram-panel{--calcite-panel-space: 0px}#diagram-shell-panel{--calcite-color-background: var(--calcite-color-foreground-1);padding:16px}`;
 /** @license
  *
  * Copyright 2018 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.25 */
+v1.2.0-next.27 */
 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.25 */
+v1.2.0-next.27 */
 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.25 */
+v1.2.0-next.27 */
 const c = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ 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.25 */
+v1.2.0-next.27 */
 const n = s`/** @license
  * Copyright 2025 Esri
  *

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.25 */
+v1.2.0-next.27 */
 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.25 */
+v1.2.0-next.27 */
 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.25 */
+v1.2.0-next.27 */
 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.25 */
+v1.2.0-next.27 */
 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.25 */
+v1.2.0-next.27 */
 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.25 */
+v1.2.0-next.27 */
 const h = n`/** @license
  * Copyright 2025 Esri
  *

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

@@ -10,7 +10,7 @@ import { g as I } from "../../chunks/cardFetchingUtils.js";
 import { a as A, c as L, u as b } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.25 */
+v1.2.0-next.27 */
 const D = y`/** @license
  * Copyright 2025 Esri
  *

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

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

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

@@ -1,7 +1,7 @@
 import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-shell-panel";
 import "../solutions-filter-panel/index.js";
 import "../solutions-all-panel/index.js";

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

@@ -1,7 +1,7 @@
 import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-shell-panel";
 import "../solutions-filter-panel/index.js";
 import "../solutions-all-panel/index.js";

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

@@ -11,7 +11,7 @@ import { f as x, a as k } from "../../chunks/cardsHelpers.js";
 import { _ as A } from "../../chunks/appConfig.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.25 */
+v1.2.0-next.27 */
 const $ = T`/** @license
  * Copyright 2025 Esri
  *
@@ -26,7 +26,7 @@ const $ = T`/** @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!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-color-focus: transparent;height:100%}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-resources-shell,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-3);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}`;
+ */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-color-focus: transparent;height:100%}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-resources-shell,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-3);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}`;
 class L extends v {
   constructor() {
     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 = `${g}`, this._allCards = [], this._allShell = i(), this._allTab = i(), this._allTabTitle = i(), this._resourcesTab = i(), this._resourcesTabTitle = i(), this._authContextProvider = r({ context: C }), this._categories = [], this._configContextProvider = r({ context: S }), this._delay = !1, this._deployAppNav = i(), this._deployedCardPanel = i(), this._deployedCardTab = i(), this._deployedCardTabTitle = i(), this._detailsShell = i(), this._detailsTab = i(), this._detailsTabTitle = i(), this._getSuggested = !1, this._isMobileContextProvider = r({ context: f }), this._mySolutionsShell = i(), this._mySolutionsTab = i(), this._mySolutionsTabTitle = i(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = r({
@@ -74,7 +74,7 @@ class L extends v {
   }
   render() {
     const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return d`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} @authInit=${this._handleAuthInit} slot=header .useLocalAppConfig=${this.useLocalAppConfig} ${a(this._deployAppNav)}></solutions-deploy-app-nav><div class="border" slot=header></div><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="display-none" slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? d`<calcite-tab-title ${a(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title ${a(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${a(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${a(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${a(this._allTab)}><solutions-all-shell class="height-100" ${a(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? d`<calcite-tab class="back-color-override tab-space-0" ${a(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${a(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override tab-space-0" ${a(this._resourcesTab)}><solutions-resources-shell class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" ${a(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></calcite-shell>`;
+    return d`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} @authInit=${this._handleAuthInit} slot=header .useLocalAppConfig=${this.useLocalAppConfig} ${a(this._deployAppNav)}></solutions-deploy-app-nav><div class="border" slot=header></div><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="display-none" slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? d`<calcite-tab-title ${a(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title ${a(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${a(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${a(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${a(this._allTab)}><solutions-all-shell class="height-100" ${a(this._allShell)}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? d`<calcite-tab class="back-color-override tab-space-0" ${a(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${a(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override tab-space-0" ${a(this._resourcesTab)}><solutions-resources-shell class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" ${a(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100 overflow-auto" ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></calcite-shell>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);

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

@@ -1,6 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { DeployAppTab, IAppConfig, INavTab } from '../../utils/interfaces';
+import { PropertyValues } from 'lit';
 
 export declare class SolutionsDeployAppNav extends LitElement {
     /** App config to use when useLocalAppConfig is false */
@@ -16,7 +17,7 @@ export declare class SolutionsDeployAppNav extends LitElement {
     /** 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;
+    activateMenuItem(tab: DeployAppTab, emit?: boolean): void;
     /** Emitted on demand when the auth is initialized */
     readonly authInit: TargetedEvent<this, IAppConfig>;
     /** Tab selected event */

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

@@ -1,14 +1,16 @@
-import { c as u } from "../../chunks/runtime.js";
-import { css as m, html as n, svg as g } from "lit";
-import { u as p } from "../../chunks/useT9n.js";
-import { LitElement as d, createEvent as r, nothing as a } from "@arcgis/lumina";
+import { c as d } from "../../chunks/runtime.js";
+import { u } from "../../chunks/useT9n.js";
+import { LitElement as m, createEvent as r, nothing as o } from "@arcgis/lumina";
+import { css as p, html as n, svg as g } from "lit";
 import { A as _ } from "../../chunks/Auth.js";
-import { createRef as l, ref as o } from "lit-html/directives/ref.js";
+import { createRef as a, ref as l } from "lit-html/directives/ref.js";
 import { UserSession as f } from "@esri/solution-common";
+import { i as v } from "../../chunks/deployAppContexts.js";
+import { useContextConsumer as I } from "@arcgis/lumina/context";
 /*! 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.25 */
-const v = m`/** @license
+v1.2.0-next.27 */
+const b = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,33 +25,55 @@ const v = m`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.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:var(--calcite-spacing-xxl);align-self:center}.esri-global-nav__logo-link{color:var(--calcite-color-text-1);text-decoration:unset;margin-block-start:0px;position:relative;margin-bottom:0;align-self:center}.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-top-1{padding-top:var(--calcite-spacing-lg)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.padding-bottom-1{padding-bottom:var(--calcite-spacing-lg)}.margin-start-end-1{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-start-end-1-5{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}calcite-menu{--calcite-color-focus: transparent}calcite-button{--calcite-color-focus: transparent}.sign-in{display:flex;vertical-align:middle;align-items:center;height:100%}.height-full{height:100%}.user-label{--calcite-label-margin-bottom: 0px}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-normal{font-weight:var(--calcite-font-weight-normal)}.logo-padding{padding-inline-start:var(--calcite-spacing-none)}@media(max-width:800px){.logo-padding{padding-inline-start:var(--calcite-spacing-lg)}}.signin-padding{padding-inline-end:var(--calcite-spacing-none)}@media(max-width:800px){.signin-padding{padding-inline-end:var(--calcite-spacing-lg)}}calcite-action{--calcite-font-size-0: var(--calcite-font-size--1);--calcite-internal-action-padding-inline: var(--calcite-spacing-lg)}calcite-navigation{--calcite-color-border-3: transparent}`;
-class b extends d {
+class w extends m {
   constructor() {
-    super(...arguments), this.useLocalAppConfig = !1, this._logoFill = "", this._translations = p({ name: "solutions-deploy-app-nav", blocking: !0 }), this._authentication = void 0, this._menuRef = l(), this._menuItemAll = l(), this._menuItemMy = l(), this._menuItemResources = l(), this.authInit = r(), this.navTabSelected = r(), this.tokenRefreshed = r();
+    super(...arguments), this.useLocalAppConfig = !1, this._isMobile = !1, this._logoFill = "", this._translations = u({ name: "solutions-deploy-app-nav", blocking: !0 }), this._activeTab = "all-solutions", this._authentication = void 0, this._dropdownRef = a(), this._dropdownItemAll = a(), this._dropdownItemMy = a(), this._dropdownItemResources = a(), this._isMobileContextConsumer = I({
+      context: v,
+      subscribe: !0,
+      callback: (e) => this._isMobile = e
+    }), this._menuRef = a(), this._menuItemAll = a(), this._menuItemMy = a(), this._menuItemResources = a(), this.authInit = r(), this.navTabSelected = r(), this.tokenRefreshed = r();
   }
   static {
-    this.properties = { appConfig: 1, useLocalAppConfig: 5, _logoFill: 16, _translations: 16 };
+    this.properties = { appConfig: 1, useLocalAppConfig: 5, _isMobile: 16, _logoFill: 16, _translations: 16 };
   }
   static {
-    this.styles = v;
+    this.styles = b;
   }
   clearMenuItems() {
-    this._menuItemAll.value.active = !1, this._authentication?.IsSignedIn && (this._menuItemMy.value.active = !1), this._menuItemResources.value.active = !1;
+    this._isMobile ? (this._dropdownItemAll.value.selected = !1, this._authentication?.IsSignedIn && (this._dropdownItemMy.value.selected = !1), this._dropdownItemResources.value.selected = !1) : (this._menuItemAll.value.active = !1, this._authentication?.IsSignedIn && (this._menuItemMy.value.active = !1), this._menuItemResources.value.active = !1);
   }
-  activateMenuItem(e) {
-    let t, i;
+  activateMenuItem(e, t = !1) {
+    let i, s;
     switch (e) {
       case "all-solutions":
-        t = this._menuItemAll, i = [this._menuItemMy, this._menuItemResources];
+        i = this._isMobile ? this._dropdownItemAll : this._menuItemAll, s = this._isMobile ? [
+          this._dropdownItemMy,
+          this._dropdownItemResources
+        ] : [
+          this._menuItemMy,
+          this._menuItemResources
+        ];
         break;
       case "deployments":
-        t = this._menuItemMy, i = [this._menuItemAll, this._menuItemResources];
+        i = this._isMobile ? this._dropdownItemMy : this._menuItemMy, s = this._isMobile ? [
+          this._dropdownItemAll,
+          this._dropdownItemResources
+        ] : [
+          this._menuItemAll,
+          this._menuItemResources
+        ];
         break;
       case "resources":
-        t = this._menuItemResources, i = [this._menuItemAll, this._menuItemMy];
+        i = this._isMobile ? this._dropdownItemResources : this._menuItemResources, s = this._isMobile ? [
+          this._dropdownItemAll,
+          this._dropdownItemMy
+        ] : [
+          this._menuItemAll,
+          this._menuItemMy
+        ];
         break;
     }
-    t && i && this._handleMenuClick(e, t, i, !1);
+    i && s && this._handleMenuClick(e, i, s, t);
   }
   async connectedCallback() {
     super.connectedCallback();
@@ -61,10 +85,10 @@ class b extends d {
   }
   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);
+    e.addEventListener("change", (h) => this._logoFill = this._getLogoFill(h.matches)), this._logoFill = this._getLogoFill(e.matches), this._isMobileContextConsumer.value && (this._isMobile = this._isMobileContextConsumer.value);
     let t = "en";
     this.useLocalAppConfig && (t = this.appConfig.locale);
-    const i = this.appConfig.authentication?.PortalSubset?.orgUrl || this.appConfig.orgURL || this.appConfig.portalURL, c = this.appConfig.authentication?.PortalUrl || this.appConfig.portalURL, s = this.appConfig.primarySolutionsGroupId;
+    const i = this.appConfig.authentication?.PortalSubset?.orgUrl || this.appConfig.orgURL || this.appConfig.portalURL, s = this.appConfig.authentication?.PortalUrl || this.appConfig.portalURL, c = this.appConfig.primarySolutionsGroupId;
     this._authentication || (this.appConfig.authentication ? this._authentication = this.appConfig.authentication : (this._authentication = new _(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({
       allCards: [],
       authentication: this._authentication,
@@ -72,31 +96,46 @@ class b extends d {
       diagramKey: this.appConfig.diagramKey,
       locale: t || "en",
       orgUrl: i,
-      portalUrl: c,
-      primarySolutionsGroupId: s,
+      portalUrl: s,
+      primarySolutionsGroupId: c,
       solutionsUrlMarker: this.appConfig.solutionsUrlMarker,
       userSession: this._userSession
     }), this._portal = await this._userSession?.getPortal();
   }
   render() {
-    return n`<calcite-navigation>${this._getHeading()}<calcite-menu label slot=content-start ${o(this._menuRef)}><calcite-menu-item label @click=${() => this._handleMenuClick("all-solutions", this._menuItemAll, [this._menuItemMy, this._menuItemResources], !0)} .text=${this._translations.allSolutions} ${o(this._menuItemAll)}></calcite-menu-item>${this._authentication?.IsSignedIn ? n`<calcite-menu-item label @click=${() => this._handleMenuClick("deployments", this._menuItemMy, [this._menuItemAll, this._menuItemResources], !0)} .text=${this._translations.myDeployments} ${o(this._menuItemMy)}></calcite-menu-item>` : ""}<calcite-menu-item label @click=${() => this._handleMenuClick("resources", this._menuItemResources, [this._menuItemAll, this._menuItemMy], !0)} .text=${this._translations.solutionResources} ${o(this._menuItemResources)}></calcite-menu-item></calcite-menu><div slot=user>${this._authentication?.IsSignedIn ? this._getUserAvatar() : n`<calcite-button appearance=transparent class="sign-in" kind=neutral scale=l @click=${this._handleSignIn}>\r\n                  Sign in</calcite-button>`}</div></calcite-navigation>`;
+    return n`<calcite-navigation>${this._getHeading()}${this._isMobile ? this._getDropdown() : this._getMenu()}${this._isMobile ? "" : this._getSignInOut()}</calcite-navigation>`;
+  }
+  updated(e) {
+    e.has("_isMobile") && this.activateMenuItem(this._activeTab, !0);
+  }
+  _getSignInOut() {
+    return n`<div slot=user>${this._authentication?.IsSignedIn ? this._getUserAvatar() : n`<calcite-button appearance=transparent class="sign-in" kind=neutral scale=l @click=${this._handleSignIn}>${this._translations.signIn}</calcite-button>`}</div>`;
+  }
+  _getDropdown() {
+    const e = this._authentication?.IsSignedIn ? this._translations.signOut : this._translations.signIn;
+    return n`<calcite-dropdown overlay-positioning=fixed slot=content-end width=m ${l(this._dropdownRef)}><calcite-button appearance=transparent icon-start=hamburger kind=neutral slot=trigger scale=l></calcite-button><calcite-dropdown-group><calcite-dropdown-item @click=${(t) => {
+      this._authentication?.IsSignedIn ? this._signOut() : this._handleSignIn(t);
+    }}>${e}</calcite-dropdown-item><calcite-dropdown-item @click=${() => this._handleMenuClick("all-solutions", this._dropdownItemAll, [this._dropdownItemMy, this._dropdownItemResources], !0)} ${l(this._dropdownItemAll)}>${this._translations.allSolutions}</calcite-dropdown-item>${this._authentication?.IsSignedIn ? n`<calcite-dropdown-item @click=${() => this._handleMenuClick("deployments", this._dropdownItemMy, [this._dropdownItemAll, this._dropdownItemResources], !0)} ${l(this._dropdownItemMy)}>${this._translations.myDeployments}</calcite-dropdown-item>` : ""}<calcite-dropdown-item @click=${() => this._handleMenuClick("resources", this._dropdownItemResources, [this._dropdownItemAll, this._dropdownItemMy], !0)} ${l(this._dropdownItemResources)}>${this._translations.solutionResources}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
+  }
+  _getMenu() {
+    return n`<calcite-menu label slot=content-start ${l(this._menuRef)}><calcite-menu-item label @click=${() => this._handleMenuClick("all-solutions", this._menuItemAll, [this._menuItemMy, this._menuItemResources], !0)} .text=${this._translations.allSolutions} ${l(this._menuItemAll)}></calcite-menu-item>${this._authentication?.IsSignedIn ? n`<calcite-menu-item label @click=${() => this._handleMenuClick("deployments", this._menuItemMy, [this._menuItemAll, this._menuItemResources], !0)} .text=${this._translations.myDeployments} ${l(this._menuItemMy)}></calcite-menu-item>` : ""}<calcite-menu-item label @click=${() => this._handleMenuClick("resources", this._menuItemResources, [this._menuItemAll, this._menuItemMy], !0)} .text=${this._translations.solutionResources} ${l(this._menuItemResources)}></calcite-menu-item></calcite-menu>`;
   }
   _setRefreshInterval() {
   }
   _getHeading() {
-    return n`<div class="align-self-center display-flex cursor-pointer logo-padding" slot=logo><a aria-label=${this._translations.linkToEsriHomePage ?? a} class="esri-global-nav__logo-link" href=https://www.esri.com rel=noopener target=_blank title=${this._translations.linkToEsriHomePage ?? a}><svg height=30 viewBox="0 0 84 30" width=84 xmlns=http://www.w3.org/2000/svg>${g`<path fill=${this._logoFill ?? a} 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-5" slot=logo></div><div class="esri-global-nav__title"><a aria-label=${this._translations.linkToArcGISSolutionsHomePage ?? a} 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 ?? a}>${this._translations.arcgisSolutions}</a></div></div>`;
+    return n`<div class="align-self-center display-flex cursor-pointer logo-padding" slot=logo><a aria-label=${this._translations.linkToEsriHomePage ?? o} class="esri-global-nav__logo-link" href=https://www.esri.com rel=noopener target=_blank title=${this._translations.linkToEsriHomePage ?? o}><svg height=30 viewBox="0 0 84 30" width=84 xmlns=http://www.w3.org/2000/svg>${g`<path fill=${this._logoFill ?? o} 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-5" slot=logo></div><div class="esri-global-nav__title"><a aria-label=${this._translations.linkToArcGISSolutionsHomePage ?? o} 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 ?? o}>${this._translations.arcgisSolutions}</a></div></div>`;
   }
   _getLogoFill(e) {
     return e ? "#FFFFFF" : "#141414";
   }
-  _handleMenuClick(e, t, i, c) {
-    i.forEach((s) => {
-      s.value && (s.value.active = !1);
-    }), t.value.active = !0, c && this.navTabSelected.emit({ tabType: e });
+  _handleMenuClick(e, t, i, s) {
+    i.forEach((c) => {
+      c.value && (this._isMobile ? c.value.selected = !1 : c.value.active = !1);
+    }), t.value && (this._isMobile ? t.value.selected = !0 : t.value.active = !0), this._activeTab = e, s && this.navTabSelected.emit({ tabType: e });
   }
   _getUserAvatar() {
     const e = this._portal.user, t = this._authentication?.PortalUserSubset, i = e?.id ?? e?.sourceJSON?.id;
-    return n`<div class="height-full display-flex cursor-pointer signin-padding"><calcite-avatar class="align-self-center" id=instant-apps-sign-in-user-button scale=l .thumbnail=${e?.thumbnailUrl ?? t?.thumbnailUrl ?? ""} full-name=${e?.fullName ?? a} .username=${e?.username} user-id=${i ?? a}></calcite-avatar></div><calcite-popover placement=bottom-end scale=s reference-element=instant-apps-sign-in-user-button offset-distance=0 pointer-disabled focus-trap-disabled auto-close .label=${this._translations.userSettings}><div class="margin-start-end-1 padding-top-1"><calcite-label class="user-label font-bold padding-bottom-1" scale=l>${e.fullName ?? t?.fullName}<calcite-label class="user-label font-normal" scale=m>${e.username ?? t?.username}</calcite-label></calcite-label></div><calcite-action scale=l @click=${this._signOut} .text=${this._translations.signOut} text-enabled></calcite-action></calcite-popover>`;
+    return n`<div class="height-full display-flex cursor-pointer signin-padding"><calcite-avatar class="align-self-center" id=instant-apps-sign-in-user-button scale=l .thumbnail=${e?.thumbnailUrl ?? t?.thumbnailUrl ?? ""} full-name=${e?.fullName ?? o} .username=${e?.username} user-id=${i ?? o}></calcite-avatar></div><calcite-popover placement=bottom-end scale=s reference-element=instant-apps-sign-in-user-button offset-distance=0 pointer-disabled focus-trap-disabled auto-close .label=${this._translations.userSettings}><div class="margin-start-end-1 padding-top-1"><calcite-label class="user-label font-bold padding-bottom-1" scale=l>${e.fullName ?? t?.fullName}<calcite-label class="user-label font-normal" scale=m>${e.username ?? t?.username}</calcite-label></calcite-label></div><calcite-action scale=l @click=${this._signOut} .text=${this._translations.signOut} text-enabled></calcite-action></calcite-popover>`;
   }
   _signOut() {
     this._portal.credential?.destroy(), this._portal.authMode = "anonymous", this._portal.credential = null, this._authentication?.signOut();
@@ -108,7 +147,7 @@ class b extends d {
     });
   }
 }
-u("solutions-deploy-app-nav", b);
+d("solutions-deploy-app-nav", w);
 export {
-  b as SolutionsDeployAppNav
+  w as SolutionsDeployAppNav
 };

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

@@ -1,7 +1,10 @@
 import "@esri/calcite-components/components/calcite-navigation";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
 import "@esri/calcite-components/components/calcite-menu";
 import "@esri/calcite-components/components/calcite-menu-item";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-avatar";
 import "@esri/calcite-components/components/calcite-popover";
 import "@esri/calcite-components/components/calcite-label";

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

@@ -1,7 +1,10 @@
 import "@esri/calcite-components/components/calcite-navigation";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
 import "@esri/calcite-components/components/calcite-menu";
 import "@esri/calcite-components/components/calcite-menu-item";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-avatar";
 import "@esri/calcite-components/components/calcite-popover";
 import "@esri/calcite-components/components/calcite-label";