@esri/solutions-components 5.1.0-next.166 → 5.1.0-next.168

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

@@ -2,14 +2,14 @@
 import { c as f } from "../../chunks/runtime.js";
 import { repeat as v } from "lit/directives/repeat.js";
 import { u as T } from "../../chunks/useT9n.js";
-import { LitElement as w, createEvent as d, safeClassMap as b, nothing as C } from "@arcgis/lumina";
+import { LitElement as w, createEvent as d, safeClassMap as _, nothing as C } from "@arcgis/lumina";
 import { css as S, html as c } from "lit";
-import { T as m } from "../../chunks/solutions-deploy-app-nav.js";
+import { T as y } from "../../chunks/solutions-deploy-app-nav.js";
 import { a as D, T as h, y as A, B as x, e as I } from "../../chunks/interfaces.js";
 import { createRef as o, ref as a } from "lit-html/directives/ref.js";
-import { C as y } from "../../chunks/CardsFetcher.js";
+import { C as g } from "../../chunks/CardsFetcher.js";
 import { g as O } from "../../chunks/cardFetchingUtils.js";
-import { useContextProvider as _ } from "@arcgis/lumina/context";
+import { useContextProvider as m } from "@arcgis/lumina/context";
 import { c as F, b as $, i as L } from "../../chunks/deployAppContexts.js";
 import { t as M } from "../../chunks/solution-builder-assistant.js";
 import { h as k, a as E } from "../../chunks/cardsHelpers.js";
@@ -677,10 +677,10 @@ const R = S`.back-color-override{background-color:var(--calcite-color-surface-3)
 };
 class V extends w {
   constructor() {
-    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.loadExampleBuilderData = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isViewportMobile = window.innerWidth <= 800, this._isAssistantOpen = !1, this._builderVisible = !1, this._hasActiveBuilderDesign = !1, this._showFabTooltip = !0, this._fabTooltipDismissed = !1, this._activeTab = "all-solutions", this._activeResourcesMenuItem = "getStarted", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = T({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${D}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = _({ context: F }), this._delay = !1, this._deployAppNav = o(), this._deployedCardPanel = o(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = o(), this._deployedCardTabTitle = o(), this._detailsShell = o(), this._detailsTab = o(), this._detailsTabTitle = o(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._solutionBuilderPanel = o(), this._builderDesignContextProvider = _({ context: $ }), this._isMobileContextProvider = _({ context: L }), this._handleWindowResize = () => {
+    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.loadExampleBuilderData = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isViewportMobile = window.innerWidth <= 800, this._isAssistantOpen = !1, this._builderVisible = !1, this._hasActiveBuilderDesign = !1, this._showFabTooltip = !0, this._fabTooltipDismissed = !1, this._activeTab = "all-solutions", this._activeResourcesMenuItem = "getStarted", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = T({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${D}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = m({ context: F }), this._delay = !1, this._deployAppNav = o(), this._deployedCardPanel = o(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = o(), this._deployedCardTabTitle = o(), this._detailsShell = o(), this._detailsTab = o(), this._detailsTabTitle = o(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._solutionBuilderPanel = o(), this._builderDesignContextProvider = m({ context: $ }), this._isMobileContextProvider = m({ context: L }), this._handleWindowResize = () => {
       const e = window.innerWidth <= 800;
       this._isViewportMobile !== e && (this._isViewportMobile = e, e && (this._isAssistantOpen = !1, this._builderVisible = !1));
-    }, this._mainContentRef = o(), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._resourcesShell = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new m(), this.deployAppTabSelected = d(), this.deployedCardFetchFailed = d(), this.detailsCardSelected = d(), this.deployedCardSelected = d(), this.metaTagStringsReady = d(), this.sessionRefreshed = d(), this.tabChanged = d(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (e) => this.selectTab(e.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
+    }, this._mainContentRef = o(), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._resourcesShell = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new y(), this.deployAppTabSelected = d(), this.deployedCardFetchFailed = d(), this.detailsCardSelected = d(), this.deployedCardSelected = d(), this.metaTagStringsReady = d(), this.sessionRefreshed = d(), this.tabChanged = d(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (e) => this.selectTab(e.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
       this._openAssistant();
     }), this.listenOn(window, "closeAssistant", () => {
       this._isAssistantOpen = !1, this._builderVisible = !1;
@@ -809,9 +809,9 @@ class V extends w {
   }
   render() {
     const e = this._isLoaded ? "display-none" : "", t = this._isLoaded ? "" : "display-none";
-    return c`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${a(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${a(this._mainContentRef)}>${this._isSearchToolbarShowing() && c`<div class="border"></div>` || ""}<solutions-searchsort-toolbar class=${b(this._activeTab === "resources" ? "display-none" : "")} ${a(async (i) => {
+    return c`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${a(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${a(this._mainContentRef)}>${this._isSearchToolbarShowing() && c`<div class="border"></div>` || ""}<solutions-searchsort-toolbar class=${_(this._activeTab === "resources" ? "display-none" : "")} ${a(async (i) => {
       i && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = i, i.scope = this._activeTab);
-    })}></solutions-searchsort-toolbar>${this._activeTab === "resources" && c`<div class="border"></div><div class="resources-menu-container"><calcite-menu .label=${this._translations.resourcesNavigationMenuLabel} class="resources-menu-toolbar"><calcite-menu-item .active=${this._activeResourcesMenuItem === "getStarted" || void 0} .label=${this._translations.resourcesGetStarted} .text=${this._translations.resourcesGetStarted} @click=${() => this._handleResourcesMenuClick("getStarted")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "documentation" || void 0} .label=${this._translations.resourcesDocumentation} .text=${this._translations.resourcesDocumentation} @click=${() => this._handleResourcesMenuClick("documentation")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "support" || void 0} .label=${this._translations.resourcesSupport} .text=${this._translations.resourcesSupport} @click=${() => this._handleResourcesMenuClick("support")}></calcite-menu-item></calcite-menu></div>` || ""}<calcite-loader class=${b(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${b(t)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><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><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" ${a(this._resourcesShell)}></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${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" .readOnlyNotice=${this._readOnlyNotice} ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && c`<div class=${`builder-panel${this._builderVisible && !this._isViewportMobile ? "" : " display-none"}`}><solution-builder-assistant class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._solutionBuilderPanel)}></solution-builder-assistant></div><div class=${`assistant-panel${this._isAssistantOpen && !this._isViewportMobile ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100" .builderVisible=${this._builderVisible} .hasActiveBuilderDesign=${this._hasActiveBuilderDesign}></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? C} class=${`assistant-fab${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
+    })}></solutions-searchsort-toolbar>${this._activeTab === "resources" && c`<div class="border"></div><div class="resources-menu-container"><calcite-menu .label=${this._translations.resourcesNavigationMenuLabel} class="resources-menu-toolbar"><calcite-menu-item .active=${this._activeResourcesMenuItem === "getStarted" || void 0} .label=${this._translations.resourcesGetStarted} .text=${this._translations.resourcesGetStarted} @click=${() => this._handleResourcesMenuClick("getStarted")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "documentation" || void 0} .label=${this._translations.resourcesDocumentation} .text=${this._translations.resourcesDocumentation} @click=${() => this._handleResourcesMenuClick("documentation")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "support" || void 0} .label=${this._translations.resourcesSupport} .text=${this._translations.resourcesSupport} @click=${() => this._handleResourcesMenuClick("support")}></calcite-menu-item></calcite-menu></div>` || ""}<calcite-loader class=${_(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${_(t)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><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><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" ${a(this._resourcesShell)}></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${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" .readOnlyNotice=${this._readOnlyNotice} ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && c`<div class=${`builder-panel${this._builderVisible && !this._isViewportMobile ? "" : " display-none"}`}><solution-builder-assistant class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._solutionBuilderPanel)}></solution-builder-assistant></div><div class=${`assistant-panel${this._isAssistantOpen && !this._isViewportMobile ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100" .builderVisible=${this._builderVisible} .hasActiveBuilderDesign=${this._hasActiveBuilderDesign}></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? C} class=${`assistant-fab${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
       this._openAssistant(), this._fabTooltipDismissed = !0, this._showFabTooltip = !1;
     }} scale=l></calcite-fab>${!this._fabTooltipDismissed && c`<calcite-popover closable class=${`assistant-fab-popover${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} .label=${this._translations.assistantFabTooltip} overlay-positioning=fixed @calcitePopoverClose=${() => {
       this._fabTooltipDismissed = !0, this._showFabTooltip = !1;
@@ -831,7 +831,7 @@ class V extends w {
   }
   async _handleAuthInit(e) {
     const t = e.detail;
-    t.telemetrySession || (t.telemetrySession = m.getDisabledSession()), this._configContextProvider.setValue(t), t.authentication && (this.authentication = t.authentication), this._cardFetcherDeployed = new y(t.locale, t.orgUrl, t.portalURL), this._cardsFetcher = new y(t.locale, t.orgUrl, t.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(t.primarySolutionsGroupId, t.agoBasedEnterpriseSolutionsGroupId), this._configContextProvider.value.allCards = this._allCards, this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession, this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl, await this._initializeTelemetry(), this._isLoaded = !0, this._setRefreshInterval(), this._initTab ? (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0) : this.authentication?.IsSignedIn && (this.initTab === "details" || this.initTab === "deployed-card" || (this._logTabViewTelemetry(this._activeTab), this._emitMetaTagStrings(this._activeTab)));
+    t.telemetrySession || (t.telemetrySession = y.getDisabledSession()), this._configContextProvider.setValue(t), t.authentication && (this.authentication = t.authentication), this._cardFetcherDeployed = new g(t.locale, t.orgUrl, t.portalURL), this._cardsFetcher = new g(t.locale, t.orgUrl, t.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(t.primarySolutionsGroupId, t.agoBasedEnterpriseSolutionsGroupId), this._configContextProvider.value.allCards = this._allCards, this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession, this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl, await this._initializeTelemetry(), this._isLoaded = !0, this._setRefreshInterval(), this._initTab ? (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0) : this.authentication?.IsSignedIn && (this.initTab === "details" || this.initTab === "deployed-card" || (this._logTabViewTelemetry(this._activeTab), this._emitMetaTagStrings(this._activeTab)));
   }
   _setActiveTab(e) {
     const i = e.detail.tabType, s = this._activeTab !== i;
@@ -876,8 +876,8 @@ class V extends w {
     if (!((e === "details" || e === "deployed-card") && !t) && i) {
       const s = [];
       if ((e === "details" || e === "deployed-card") && t) {
-        const l = t;
-        s.push(l.title || ""), s.push(l.deployCommonId || ""), s.push(l.deployVersion || ""), s.push(""), s.push(P(l.typeKeywords));
+        const l = t, p = e === "deployed-card" ? "" : l.title || "";
+        s.push(p), s.push(l.deployCommonId || ""), s.push(l.deployVersion || ""), s.push(""), s.push(P(l.typeKeywords));
       }
       const n = e === "deployed-card" ? "Open" : "View";
       this._telemetry?.logEvent({
@@ -999,12 +999,12 @@ class V extends w {
   _getDefaultSearchOptions(e) {
     let t;
     if (e) {
-      const i = e.domain, s = e.industry === "AEC" ? I.AEC : e.industry, n = e.offerType, l = e.searchTerm, g = "";
+      const i = e.domain, s = e.industry === "AEC" ? I.AEC : e.industry, n = e.offerType, l = e.searchTerm, p = "";
       let r = e.sortField;
-      const p = e.owner, u = e.filter;
+      const u = e.owner, b = e.filter;
       r === "suggested" && !this.authentication?.IsSignedIn && (r = this.sortType), t = i || s ? {
         type: i ? "domain" : s ? "industry" : ""
-      } : void 0, i && (t = t ? { ...t, domain: i } : { domain: i }), s && (t = t ? { ...t, industry: s } : { industry: s }), l && (t = t ? { ...t, searchTerm: l } : { searchTerm: l }), t && (t = { ...t, displayValue: g }), r && (t = t ? { ...t, sortType: r } : { sortType: r }), n && (r = n.toLowerCase(), t = t ? { ...t, sortType: r } : { sortType: r }), p && (t = t ? { ...t, owner: p } : { owner: p }), u && (t = t ? { ...t, filter: u } : { filter: u });
+      } : void 0, i && (t = t ? { ...t, domain: i } : { domain: i }), s && (t = t ? { ...t, industry: s } : { industry: s }), l && (t = t ? { ...t, searchTerm: l } : { searchTerm: l }), t && (t = { ...t, displayValue: p }), r && (t = t ? { ...t, sortType: r } : { sortType: r }), n && (r = n.toLowerCase(), t = t ? { ...t, sortType: r } : { sortType: r }), u && (t = t ? { ...t, owner: u } : { owner: u }), b && (t = t ? { ...t, filter: b } : { filter: b });
     }
     return t;
   }