@esri/solutions-components 5.1.0-next.65 → 5.1.0-next.67

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

@@ -1,35 +1,40 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as g } from "../../chunks/runtime.js";
-import { css as f, html as b } from "lit";
+import { repeat as m } from "lit/directives/repeat.js";
 import { u as v } from "../../chunks/useT9n.js";
-import { LitElement as C, createEvent as d, safeClassMap as p } from "@arcgis/lumina";
-import { T as _ } from "../../chunks/solutions-deploy-app-nav.js";
-import { a as S, F as w, B as F, e as D, T as c } from "../../chunks/helpers.js";
+import { LitElement as C, createEvent as d, safeClassMap as _, nothing as S } from "@arcgis/lumina";
+import { css as w, html as h } from "lit";
+import { T as u } from "../../chunks/solutions-deploy-app-nav.js";
+import { a as x, T as c, F as O, B as A, e as F } from "../../chunks/helpers.js";
 import { createRef as o, ref as l } from "lit-html/directives/ref.js";
-import { C as y, g as I } from "../../chunks/cardFetchingUtils.js";
-import { useContextProvider as T } from "@arcgis/lumina/context";
-import { c as x, i as O } from "../../chunks/deployAppContexts.js";
-import { h as E, f as k } from "../../chunks/cardsHelpers.js";
+import { C as T, g as D } from "../../chunks/cardFetchingUtils.js";
+import { useContextProvider as y } from "@arcgis/lumina/context";
+import { c as I, i as $ } from "../../chunks/deployAppContexts.js";
+import { h as k, f as E } from "../../chunks/cardsHelpers.js";
 import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
 import "@arcgis/core/intl.js";
-import { _ as A } from "../../chunks/solution-deploy-dialog.js";
+import { _ as M } from "../../chunks/solution-deploy-dialog.js";
 import "../solutions-all-shell/customElement.js";
 import "../solutions-deployed-shell/customElement.js";
 import "../solution-details-panel/customElement.js";
 import "../solution-deployed-card-panel/customElement.js";
-const M = f`.back-color-override{background-color:var(--calcite-color-surface-3);--calcite-tab-border-color: var(--calcite-color-surface-4)}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tab{--calcite-color-focus: transparent}calcite-tab>*{--calcite-color-focus: initial}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-3);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}solution-details-panel{scroll-margin-top:3rem}`;
-class L extends C {
+const R = w`.back-color-override{background-color:var(--calcite-color-surface-3);--calcite-tab-border-color: var(--calcite-color-surface-4)}:host{--assistant-panel-width: 420px}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tab{--calcite-color-focus: transparent}calcite-tab>*{--calcite-color-focus: initial}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-2);flex:1;min-height:0}.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-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-2);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}.main-content{container-type:inline-size;display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content.assistant-open{margin-right:var(--assistant-panel-width)}.assistant-open solutions-searchsort-toolbar,.assistant-open solution-details-panel,.assistant-open solutions-deployed-shell,.assistant-open solutions-all-shell,.assistant-open calcite-tab-nav,.assistant-open solution-deployed-card-panel{margin-left:max(2vw,calc((100vw - 1440px)/2));margin-right:0;width:auto;max-width:1440px}.assistant-panel{position:fixed;top:65px;right:0;bottom:0;width:var(--assistant-panel-width);z-index:400;display:flex;flex-direction:column;box-shadow:-6px 0 8px -4px #00000026}@media(max-width:800px){.assistant-panel{width:100%;box-shadow:none}.main-content.assistant-open{margin-right:0}}.assistant-fab{position:fixed;bottom:var(--calcite-spacing-xxl);right:var(--calcite-spacing-xxl);z-index:500}calcite-tooltip{--calcite-tooltip-max-size-x: 16rem}`;
+class P extends C {
   constructor() {
-    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._translations = v({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${S}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = T({ context: x }), 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._isMobileContextProvider = T({ context: O }), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new _(), 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", (t) => this.selectTab(t.detail, {})), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isAssistantOpen = !1, this._showFabTooltip = !0, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = v({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${x}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = y({ context: I }), 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._isMobileContextProvider = y({ context: $ }), this._mainContentRef = o(), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new u(), 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", (t) => this.selectTab(t.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
+      this._openAssistant();
+    }), this.listenOn(window, "closeAssistant", () => {
+      this._isAssistantOpen = !1;
+    });
   }
   static {
-    this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _activeTab: 16, _showDeployedCardFetchFailed: 16, _translations: 16 };
+    this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _isAssistantOpen: 16, _showFabTooltip: 16, _activeTab: 16, _showDeployedCardFetchFailed: 16, _globalAlerts: 16, _translations: 16 };
   }
   static {
-    this.styles = M;
+    this.styles = R;
   }
   get _telemetry() {
     return this._configContextProvider.value?.telemetrySession;
@@ -37,12 +42,18 @@ class L extends C {
   get _isDisconnectedEnvironment() {
     return this._configContextProvider.value?.isEnterprise === !0 && this._configContextProvider.value?.authentication?.CanSearchArcGISOnline === !1;
   }
+  _openAssistant() {
+    this._telemetry?.logEvent({
+      category: c.ASSISTANT,
+      action: "Open"
+    }), this._isAssistantOpen = !0;
+  }
   async selectTab(t, e) {
     if (this._isLoaded || this._forceInit) {
-      const i = this._getDefaultSearchOptions(e);
+      const s = this._getDefaultSearchOptions(e);
       switch (this._searchSortToolbar && (this._searchSortToolbar.scope = t.tabType), t.tabType) {
         case "all-solutions":
-          this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, i && await this._allShell.value?.searchSolutions(i);
+          this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, s && await this._allShell.value?.searchSolutions(s);
           break;
         case "resources":
           this._resourcesTab.value.selected = !0, this._resourcesTabTitle.value.selected = !0;
@@ -50,8 +61,8 @@ class L extends C {
         case "deployed-card":
           if (this.authentication?.IsSignedIn) {
             if (this._forceInit = !0, this._isLoaded = !1, this._cardFetcherDeployed && await this._getDeployedSolution(t.tabTitleOrId), this._deployedSolutions?.cards?.length > 0) {
-              let s;
-              this._deployedSolutions.cards.some((a) => a.id === t.tabTitleOrId ? (s = a, this.deployedCardSelected.emit({ card: s }), !0) : !1), this._isLoaded = !0, this._forceInit = !1;
+              let i;
+              this._deployedSolutions.cards.some((a) => a.id === t.tabTitleOrId ? (i = a, this.deployedCardSelected.emit({ card: i }), !0) : !1), this._isLoaded = !0, this._forceInit = !1;
             } else
               return this._isLoaded = !0, this._forceInit = !1, this.selectTab({ tabTitleOrId: "", tabType: "deployments" }, e);
             break;
@@ -59,32 +70,34 @@ class L extends C {
             await this.authentication?.signIn();
         case "details":
           if (this._allCards) {
-            let s = E(this._allCards, t.tabTitleOrId);
-            s = s || k(this._allCards, t.tabTitleOrId), s ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(s)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
+            let i = k(this._allCards, t.tabTitleOrId);
+            i = i || E(this._allCards, t.tabTitleOrId), i ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(i)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
           }
           break;
         case "deployments":
-          this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, this._searchSortToolbar && i?.filter && this._searchSortToolbar.changeOwnerFilter(i.filter !== "Organization"), i && await this._mySolutionsShell.value?.searchSolutions(i);
+          this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, this._searchSortToolbar && s?.filter && this._searchSortToolbar.changeOwnerFilter(s.filter !== "Organization"), s && await this._mySolutionsShell.value?.searchSolutions(s);
           break;
       }
       return this._setActiveTab(new CustomEvent("setActiveTab", { detail: t })), this._blurTabs(), this._showDeployedCardFetchFailed && (this.deployedCardFetchFailed.emit({ message: this._deployCardFetchFailedMessage, title: this._translations.failedToOpen }), this._showDeployedCardFetchFailed = !1), !0;
     } else
       return this._initTab = t, this._initFilters = e, !1;
   }
-  async connectedCallback() {
-    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
-  }
-  updated() {
-    this._fixTabpanelFocus();
+  updated(t) {
+    this._fixTabpanelFocus(), t.has("_isAssistantOpen") && this._setScrollbarGutters(this._isAssistantOpen ? "stable" : "stable both-edges"), !this._resizeObserver && this._mainContentRef.value && (this._resizeObserver = new ResizeObserver((e) => {
+      for (const s of e) {
+        const a = s.contentRect.width <= 800;
+        this.isMobile !== a && (this.isMobile = a, this._isMobileContextProvider.setValue(a));
+      }
+    }), this._resizeObserver.observe(this._mainContentRef.value));
   }
   _fixTabpanelFocus() {
     if (!this._tabpanelsFixed && this._allTab.value) {
       const t = [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab];
       Promise.all(t.map(async (e) => {
-        const i = e.value;
-        if (i && (await i.componentOnReady?.(), i.shadowRoot)) {
-          const s = i.shadowRoot.querySelector('[role="tabpanel"]');
-          s && (s.tabIndex = -1);
+        const s = e.value;
+        if (s && (await s.componentOnReady?.(), s.shadowRoot)) {
+          const i = s.shadowRoot.querySelector('[role="tabpanel"]');
+          i && (i.tabIndex = -1);
         }
       })).then(() => {
         this._tabpanelsFixed = !0, this._setupTabpanelObserver();
@@ -97,45 +110,47 @@ class L extends C {
     if (this._tabpanelObserver)
       return;
     this._tabpanelObserver = new MutationObserver((e) => {
-      e.forEach((i) => {
-        if (i.type === "attributes" && i.attributeName === "tabindex") {
-          const s = i.target;
-          s.getAttribute("role") === "tabpanel" && s.tabIndex === 0 && (s.tabIndex = -1);
+      e.forEach((s) => {
+        if (s.type === "attributes" && s.attributeName === "tabindex") {
+          const i = s.target;
+          i.getAttribute("role") === "tabpanel" && i.tabIndex === 0 && (i.tabIndex = -1);
         }
       });
     }), [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((e) => {
-      const i = e.value;
-      if (i?.shadowRoot) {
-        const s = i.shadowRoot.querySelector('[role="tabpanel"]');
-        s && this._tabpanelObserver.observe(s, { attributes: !0, attributeFilter: ["tabindex"] });
+      const s = e.value;
+      if (s?.shadowRoot) {
+        const i = s.shadowRoot.querySelector('[role="tabpanel"]');
+        i && this._tabpanelObserver.observe(i, { attributes: !0, attributeFilter: ["tabindex"] });
       }
     });
   }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = A);
+    this.useLocalAppConfig && (this.appConfig = M);
   }
   render() {
     const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return b`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${l(this._deployAppNav)}></solutions-deploy-app-nav>${this._isSearchToolbarShowing() && b`<div class="border" slot=header></div>` || ""}<solutions-searchsort-toolbar slot=header ${l(async (i) => {
-      i && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = i);
-    })}></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" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${l(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${l(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${l(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${l(this._allTab)}><solutions-all-shell class="height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._resourcesTab)}><solutions-resources-shell class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${l(this._detailsTab)}><solution-details-panel class="height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${l(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></calcite-shell>`;
+    return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${l(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${l(this._mainContentRef)}>${this._isSearchToolbarShowing() && h`<div class="border"></div>` || ""}<solutions-searchsort-toolbar ${l(async (s) => {
+      s && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = s);
+    })}></solutions-searchsort-toolbar><calcite-loader class=${_(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${_(e)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${l(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${l(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${l(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${l(this._allTab)}><solutions-all-shell class="height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._resourcesTab)}><solutions-resources-shell .assistantOpen=${this._isAssistantOpen} class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${l(this._detailsTab)}><solution-details-panel class="height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${l(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && h`<div class=${`assistant-panel${this._isAssistantOpen ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100"></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? S} class=${`assistant-fab${this._isAssistantOpen ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
+      this._openAssistant(), this._showFabTooltip = !1;
+    }} scale=l></calcite-fab><calcite-tooltip class=${_(this._isAssistantOpen ? "display-none" : "")} .open=${this._showFabTooltip && !this._isAssistantOpen} placement=leading reference-element=assistant-fab-button><span>${this._translations.assistantFabTooltip}</span></calcite-tooltip>` || ""}</calcite-shell>`;
   }
   loaded() {
     this._setScrollbarGutters();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange), this._tabpanelObserver?.disconnect();
+    super.disconnectedCallback(), this._resizeObserver?.disconnect(), this._tabpanelObserver?.disconnect();
+  }
+  _renderGlobalAlerts() {
+    return m(this._globalAlerts, (t) => t.id, (t) => h`<calcite-alert .autoClose=${t.autoClose} .autoCloseDuration=${t.autoCloseDuration} .icon=${t.icon} .kind=${t.kind} .label=${t.title || ""} @calciteAlertClose=${() => this._removeGlobalAlert(t.id)} open>${t.title && h`<div slot=title>${t.title}</div>` || ""}<div slot=message>${t.message}</div></calcite-alert>`);
   }
   async _handleAuthInit(t) {
     const e = t.detail;
-    e.telemetrySession || (e.telemetrySession = _.getDisabledSession()), this._configContextProvider.setValue(e), e.authentication && (this.authentication = e.authentication), this._cardFetcherDeployed = new y(e.locale, e.orgUrl, e.portalURL), this._cardsFetcher = new y(e.locale, e.orgUrl, e.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(e.primarySolutionsGroupId, e.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)));
-  }
-  _mediaQueryChange(t) {
-    this.isMobile = t.matches, this._isMobileContextProvider.setValue(this.isMobile);
+    e.telemetrySession || (e.telemetrySession = u.getDisabledSession()), this._configContextProvider.setValue(e), e.authentication && (this.authentication = e.authentication), this._cardFetcherDeployed = new T(e.locale, e.orgUrl, e.portalURL), this._cardsFetcher = new T(e.locale, e.orgUrl, e.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(e.primarySolutionsGroupId, e.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(t) {
-    const i = t.detail.tabType, s = this._activeTab !== i;
-    switch (this._activeTab = i, s && this._logTabViewTelemetry(i), i) {
+    const s = t.detail.tabType, i = this._activeTab !== s;
+    switch (this._activeTab = s, i && this._logTabViewTelemetry(s), s) {
       case "all-solutions":
         this._allTabTitle.value?.click();
         break;
@@ -152,62 +167,62 @@ class L extends C {
         this._detailsTabTitle.value?.click();
         break;
     }
-    i !== "details" && i !== "deployed-card" && (this._deployAppNav.value.activateMenuItem(i), this.deployAppTabSelected.emit(i), this._emitMetaTagStrings(i));
+    s !== "details" && s !== "deployed-card" && (this._deployAppNav.value.activateMenuItem(s), this.deployAppTabSelected.emit(s), this._emitMetaTagStrings(s));
   }
   _logTabViewTelemetry(t, e) {
-    let i;
+    let s;
     switch (t) {
       case "all-solutions":
-        i = c.ALL_SOLUTIONS;
+        s = c.ALL_SOLUTIONS;
         break;
       case "deployments":
-        i = c.DEPLOYMENTS;
+        s = c.DEPLOYMENTS;
         break;
       case "resources":
-        i = c.RESOURCES;
+        s = c.RESOURCES;
         break;
       case "details":
-        i = c.SOLUTION_DETAILS;
+        s = c.SOLUTION_DETAILS;
         break;
       case "deployed-card":
-        i = c.DEPLOYMENTS;
+        s = c.DEPLOYMENTS;
         break;
     }
-    if (!((t === "details" || t === "deployed-card") && !e) && i) {
-      const s = [];
+    if (!((t === "details" || t === "deployed-card") && !e) && s) {
+      const i = [];
       if ((t === "details" || t === "deployed-card") && e) {
-        const r = e;
-        s.push(r.title || ""), s.push(r.deployCommonId || ""), s.push(r.deployVersion || "");
+        const n = e;
+        i.push(n.title || ""), i.push(n.deployCommonId || ""), i.push(n.deployVersion || "");
       }
       const a = t === "deployed-card" ? "Open" : "View";
       this._telemetry?.logEvent({
-        category: i,
+        category: s,
         action: a,
-        dimensions: s.length > 0 ? s : void 0
+        dimensions: i.length > 0 ? i : void 0
       });
     }
   }
   _emitMetaTagStrings(t, e) {
-    let i = "", s = "";
+    let s = "", i = "";
     switch (t) {
       case "all-solutions":
-        i = this._translations.metaAllSolutionsTitle, s = this._translations.metaAllSolutionsDescription;
+        s = this._translations.metaAllSolutionsTitle, i = this._translations.metaAllSolutionsDescription;
         break;
       case "deployments":
       case "deployed-card":
-        i = this._translations.metaDeploymentsTitle, s = this._translations.metaDeploymentsDescription;
+        s = this._translations.metaDeploymentsTitle, i = this._translations.metaDeploymentsDescription;
         break;
       case "resources":
-        i = this._translations.metaResourcesTitle, s = this._translations.metaResourcesDescription;
+        s = this._translations.metaResourcesTitle, i = this._translations.metaResourcesDescription;
         break;
       case "details":
-        e && (i = this._translations.metaDetailsTitle.replace("{title}", e.title), s = e.snippet);
+        e && (s = this._translations.metaDetailsTitle.replace("{title}", e.title), i = e.snippet);
         break;
     }
     this.metaTagStringsReady.emit({
       pageType: t,
-      title: i,
-      description: s,
+      title: s,
+      description: i,
       detailTemplate: e
     });
   }
@@ -221,8 +236,15 @@ class L extends C {
     this._activeTab = "deployed-card", this._deployedCardTabTitle.value.selected = !0, this._deployedCardTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(), t?.detail?.card && (this._selectedDeployedCard = t.detail.card), this._logTabViewTelemetry("deployed-card", this._selectedDeployedCard), this._emitMetaTagStrings("deployed-card");
   }
   _handleDeployedCardDisplay(t) {
-    const { card: e, cardRef: i } = t.detail;
-    this.deployedCardSelected.emit({ card: e, cardRef: i });
+    const { card: e, cardRef: s } = t.detail;
+    this.deployedCardSelected.emit({ card: e, cardRef: s });
+  }
+  _handleShowGlobalAlert(t) {
+    const e = t.detail, s = e.id || `alert-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    this._globalAlerts = [...this._globalAlerts, { ...e, id: s }];
+  }
+  _removeGlobalAlert(t) {
+    this._globalAlerts = this._globalAlerts.filter((e) => e.id !== t);
   }
   async _initializeTelemetry() {
     const t = this._configContextProvider.value;
@@ -235,7 +257,7 @@ class L extends C {
     if (this._isDisconnectedEnvironment)
       return [];
     this._abortController ? (this._abortController.abort(), this._abortController = new AbortController()) : this._abortController = new AbortController();
-    const i = await this._cardsFetcher?.requestAvailableSolutionCards({
+    const s = await this._cardsFetcher?.requestAvailableSolutionCards({
       q: this._agoTerms,
       filter: "type:Solution",
       sortField: this._sortField,
@@ -249,19 +271,19 @@ class L extends C {
     }, t, e, this._configContextProvider.value.userSession, this._configContextProvider.value.isEnterprise, this._abortController.signal, {
       num: 1e3
     });
-    return this._abortController = void 0, this._allCards.length === 0 && i?.cards && (this._allCards = i?.cards), this._allCards;
+    return this._abortController = void 0, this._allCards.length === 0 && s?.cards && (this._allCards = s?.cards), this._allCards;
   }
   async _getDeployedSolution(t) {
-    const e = this._configContextProvider.value.authentication, i = this._configContextProvider.value.userSession;
-    if (e && i && e.IsSignedIn) {
+    const e = this._configContextProvider.value.authentication, s = this._configContextProvider.value.userSession;
+    if (e && s && e.IsSignedIn) {
       this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
-      const s = w(e);
+      const i = O(e);
       try {
-        const a = await I(e, i, this._cardsFetcher, this._cardFetcherDeployed, F, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", t);
+        const a = await D(e, s, this._cardsFetcher, this._cardFetcherDeployed, A, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, i ? "My organization's solutions" : "My solutions", t);
         a.cards.length === 0 || a.cards[0].typeKeywords.indexOf("Deployed") < 0 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : this._deployedSolutions = a;
       } catch (a) {
-        const r = a.message;
-        r.indexOf("CONT_0001") > -1 || r.indexOf("Item does not exist or is inaccessible.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongId.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : r.indexOf("GWM_0003") > -1 || r.indexOf("You do not have permissions to access this resource or perform this operation.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongPermissions.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : (this._showDeployedCardFetchFailed = !0, this._deployCardFetchFailedMessage = ""), console.warn(a);
+        const n = a.message;
+        n.indexOf("CONT_0001") > -1 || n.indexOf("Item does not exist or is inaccessible.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongId.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : n.indexOf("GWM_0003") > -1 || n.indexOf("You do not have permissions to access this resource or perform this operation.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongPermissions.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : (this._showDeployedCardFetchFailed = !0, this._deployCardFetchFailedMessage = ""), console.warn(a);
       }
     }
   }
@@ -274,36 +296,36 @@ class L extends C {
   _getDefaultSearchOptions(t) {
     let e;
     if (t) {
-      const i = t.domain, s = t.industry === "AEC" ? D.AEC : t.industry, a = t.offerType, r = t.searchTerm, m = "";
-      let n = t.sortField;
-      const h = t.owner, u = t.filter;
-      n === "suggested" && !this.authentication?.IsSignedIn && (n = this.sortType), e = i || s ? {
-        type: i ? "domain" : s ? "industry" : ""
-      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: m }), n && (e = e ? { ...e, sortType: n } : { sortType: n }), a && (n = a.toLowerCase(), e = e ? { ...e, sortType: n } : { sortType: n }), h && (e = e ? { ...e, owner: h } : { owner: h }), u && (e = e ? { ...e, filter: u } : { filter: u });
+      const s = t.domain, i = t.industry === "AEC" ? F.AEC : t.industry, a = t.offerType, n = t.searchTerm, f = "";
+      let r = t.sortField;
+      const p = t.owner, b = t.filter;
+      r === "suggested" && !this.authentication?.IsSignedIn && (r = this.sortType), 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 }), n && (e = e ? { ...e, searchTerm: n } : { searchTerm: n }), e && (e = { ...e, displayValue: f }), r && (e = e ? { ...e, sortType: r } : { sortType: r }), a && (r = a.toLowerCase(), e = e ? { ...e, sortType: r } : { sortType: r }), p && (e = e ? { ...e, owner: p } : { owner: p }), b && (e = e ? { ...e, filter: b } : { filter: b });
     }
     return e;
   }
-  _setScrollbarGutters() {
-    const t = this._detailsTab.value?.shadowRoot?.firstElementChild;
-    t?.style && (t.style.scrollbarGutter = "stable both-edges");
-    const e = this._deployedCardTab.value?.shadowRoot?.firstElementChild;
-    e?.style && (e.style.scrollbarGutter = "stable both-edges");
+  _setScrollbarGutters(t = "stable both-edges") {
+    [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((s) => {
+      const i = s.value?.shadowRoot?.firstElementChild;
+      i?.style && (i.style.scrollbarGutter = t);
+    });
   }
   _setRefreshInterval() {
     const { userSession: t, authentication: e } = this._configContextProvider.value;
     if (t && t.tokenDuration && e?.IsSignedIn) {
-      const i = Date.now(), a = (e.Credential?.expires - i) * 0.95;
+      const s = Date.now(), a = (e.Credential?.expires - s) * 0.95;
       setInterval(async () => {
         if (e.Credential && e.Credential.expires) {
           await e.Credential?.refreshToken();
-          const r = new Date(e.Credential.expires);
-          t.updateToken(e.Credential.token, r), this.sessionRefreshed.emit(t.token);
+          const n = new Date(e.Credential.expires);
+          t.updateToken(e.Credential.token, n), this.sessionRefreshed.emit(t.token);
         }
       }, a);
     }
   }
 }
-g("solutions-deploy-app", L);
+g("solutions-deploy-app", P);
 export {
-  L as SolutionsDeployApp
+  P as SolutionsDeployApp
 };

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

@@ -11,4 +11,8 @@ import "../solutions-deployed-shell/index.js";
 import "../solutions-resources-shell/index.js";
 import "../solution-details-panel/index.js";
 import "../solution-deployed-card-panel/index.js";
+import "../arcgis-solutions-assistant/index.js";
+import "@esri/calcite-components/components/calcite-fab";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-alert";
 export * from "./customElement.js";

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

@@ -35,6 +35,12 @@ export abstract class SolutionsDeployAppNav extends LitElement {
   }>;
   /** App config */
   accessor appConfig: any;
+  /**
+   * When true the assistant panel is open and the sub-nav should be constrained
+   *
+   * @default false
+   */
+  accessor assistantOpen: boolean;
   /** When defined this is the tab that should be loaded by default */
   accessor initTab: DeployAppTab | undefined;
   /**

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

@@ -2,14 +2,12 @@
 import "../../chunks/runtime.js";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
-import { S as n } from "../../chunks/solutions-deploy-app-nav.js";
+import { S } from "../../chunks/solutions-deploy-app-nav.js";
 import "../../chunks/Auth.js";
 import "../../chunks/helpers.js";
 import "lit-html/directives/ref.js";
 import "@esri/solution-common";
-import "../../chunks/deployAppContexts.js";
-import "@arcgis/lumina/context";
 import "lit";
 export {
-  n as SolutionsDeployAppNav
+  S as SolutionsDeployAppNav
 };

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

@@ -1,15 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as u } from "../../chunks/runtime.js";
-import { css as f, html as r, svg as y } from "lit";
+import { c as f } from "../../chunks/runtime.js";
+import { css as u, html as a, svg as y } from "lit";
 import { u as g } from "../../chunks/useT9n.js";
 import { LitElement as w, createEvent as l, nothing as C } from "@arcgis/lumina";
 import { useContextConsumer as x } from "@arcgis/lumina/context";
 import { createRef as T, ref as d } from "lit/directives/ref.js";
 import { C as c, g as v } from "../../chunks/cardFetchingUtils.js";
 import { c as b } from "../../chunks/deployAppContexts.js";
-import { B as h, T as n, M as S, c as D } from "../../chunks/helpers.js";
-const F = f`calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-surface-3)}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-xxs) var(--calcite-spacing-md)}.text-center{text-align:center}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto;font-size:var(--calcite-font-size-md)}.no-solutions{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 190px)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}h1{font-weight:unset;margin:0;padding:0}solution-deployed-card{width:calc(20% - .75rem)}@media(max-width:1280px){solution-deployed-card{width:calc(25% - .75rem)}}@media(max-width:1010px){solution-deployed-card{width:calc(33.333% - .75rem)}}@media(max-width:740px){solution-deployed-card{width:calc(50% - .75rem)}}@media(max-width:440px){solution-deployed-card{width:calc(100% - .75rem)}}.margin-top-half{margin-top:.5rem}`, m = 5;
-class E extends w {
+import { B as h, T as n, N as S, H as F, c as D } from "../../chunks/helpers.js";
+const E = u`calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-surface-3)}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-xxs) var(--calcite-spacing-md)}.text-center{text-align:center}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto;font-size:var(--calcite-font-size-md)}.no-solutions{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 190px)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}h1{font-weight:unset;margin:0;padding:0}solution-deployed-card{width:calc(20% - .75rem)}@container (max-width: 1280px){solution-deployed-card{width:calc(25% - .75rem)}}@container (max-width: 1010px){solution-deployed-card{width:calc(33.333% - .75rem)}}@container (max-width: 740px){solution-deployed-card{width:calc(50% - .75rem)}}@container (max-width: 440px){solution-deployed-card{width:calc(100% - .75rem)}}.margin-top-half{margin-top:.5rem}`, m = 5;
+class R extends w {
   constructor() {
     super(), this.sortType = "created", this._cards = [], this._cardsFetching = !1, this._modifiedCheckTry = 0, this._newId = "", this._refs = {}, this._showDeleteCompleteAlert = !1, this._deletedSolutionName = "", this._translations = g({ name: "solutions-deployed-panel", blocking: !0 }), this._agoTerms = h, this._allCards = [], this._baseAgoTerms = h, this._categories = [], this._mainPanelRef = T(), this._panelFixed = !1, this._configContextConsumer = x({
       context: b,
@@ -41,18 +41,29 @@ class E extends w {
     this.properties = { sortType: 1, _cards: 16, _cardsFetching: 16, _modifiedCheckTry: 16, _newId: 16, _refs: 16, _showDeleteCompleteAlert: 16, _deletedSolutionName: 16, _translations: 16 };
   }
   static {
-    this.styles = F;
+    this.styles = E;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
-  async reload(e = !0, t = !0, i) {
-    this._initCardsFetchers(), e && (this._showDeleteCompleteAlert = !0, this._deletedSolutionName = i || this._translations.solution), t ? setTimeout(() => {
+  async reload(e = !0, t = !0, s) {
+    if (this._initCardsFetchers(), e) {
+      const i = s || this._translations.solution;
+      F({
+        kind: "success",
+        icon: "check-circle",
+        title: this._translations.deleteComplete.replace("{{solutionName}}", i),
+        message: "",
+        autoClose: !0,
+        autoCloseDuration: "fast"
+      });
+    }
+    t ? setTimeout(() => {
       (async () => {
         try {
           await this._getDeployedSolutions();
-        } catch (s) {
-          console.error("Error getting deployed solutions:", s);
+        } catch (i) {
+          console.error("Error getting deployed solutions:", i);
         }
       })();
     }, 500) : await this._getDeployedSolutions();
@@ -104,10 +115,10 @@ class E extends w {
     if (this._panelObserver)
       return;
     this._panelObserver = new MutationObserver((t) => {
-      t.forEach((i) => {
-        if (i.type === "attributes" && i.attributeName === "tabindex") {
-          const s = i.target;
-          s.classList.contains("content-wrapper") && s.tabIndex === 0 && (s.tabIndex = -1);
+      t.forEach((s) => {
+        if (s.type === "attributes" && s.attributeName === "tabindex") {
+          const i = s.target;
+          i.classList.contains("content-wrapper") && i.tabIndex === 0 && (i.tabIndex = -1);
         }
       });
     });
@@ -121,9 +132,7 @@ class E extends w {
     super.disconnectedCallback(), this._panelObserver?.disconnect();
   }
   render() {
-    return this._cardsFetching ? r`<calcite-loader .label=${this._translations.fetchingDeployedSolutions}></calcite-loader>` : this._cards.length ? r`<calcite-panel ${d(this._mainPanelRef)}><calcite-card-group class="card-group" .label=${this._translations.allDeployed}>${this._renderCards()}</calcite-card-group><calcite-alert auto-close auto-close-duration=fast icon=check-circle kind=success .label=${this._translations.deleteComplete.replace("{{solutionName}}", this._deletedSolutionName)} .open=${this._showDeleteCompleteAlert} @calciteAlertClose=${() => {
-      this._showDeleteCompleteAlert = !1;
-    }}><div slot=title>${this._translations.deleteComplete.replace("{{solutionName}}", this._deletedSolutionName)}</div></calcite-alert></calcite-panel>` : r`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1 display-flex flex-direction-column"><div>${this._translations.noSolutionsFound}</div><div class="margin-top-half">${this._translations.noSolutionsInstruction}</div></div></div>`;
+    return this._cardsFetching ? a`<calcite-loader .label=${this._translations.fetchingDeployedSolutions}></calcite-loader>` : this._cards.length ? a`<calcite-panel ${d(this._mainPanelRef)}><calcite-card-group class="card-group" .label=${this._translations.allDeployed}>${this._renderCards()}</calcite-card-group></calcite-panel>` : a`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1 display-flex flex-direction-column"><div>${this._translations.noSolutionsFound}</div><div class="margin-top-half">${this._translations.noSolutionsInstruction}</div></div></div>`;
   }
   _initCardsFetchers() {
     if (this._configContextConsumer.value) {
@@ -132,7 +141,7 @@ class E extends w {
     }
   }
   _renderCards() {
-    return this._refs = {}, this._cards.map((e) => r`<solution-deployed-card .card=${e} .deployedDate=${e.created} .description=${e.snippet} .diagramKey=${this._configContextConsumer.value?.diagramKey} .heading=${e.title} id=${e.id ?? C} .itemId=${e.id} .owner=${this._owner === "My solutions" ? "" : e.owner} .thumbnail=${e.thumbnailUrl} ${d(this._handleRefs)}></solution-deployed-card>`);
+    return this._refs = {}, this._cards.map((e) => a`<solution-deployed-card .card=${e} .deployedDate=${e.created} .description=${e.snippet} .diagramKey=${this._configContextConsumer.value?.diagramKey} .heading=${e.title} id=${e.id ?? C} .itemId=${e.id} .owner=${this._owner === "My solutions" ? "" : e.owner} .thumbnail=${e.thumbnailUrl} ${d(this._handleRefs)}></solution-deployed-card>`);
   }
   _handleRefs(e) {
     e && (this._refs[e.id] = e);
@@ -150,7 +159,7 @@ class E extends w {
     }
   }
   _getSolutionsBriefcase() {
-    return r`<div><svg viewBox="0 0 64 64" width=200 height=200 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${y`<path d="M10.723 54.9h6.409a7.896 7.896 0 0 0 13.736 0h23.896a4.137 4.137 0 0 0 4.136-4.136l-.004-32.446a3.222 3.222 0 0 0-3.217-3.219l-10.779.064V9.836A3.741 3.741 0 0 0 41.163 6.1H23.837A3.741 3.741 0 0 0 20.1 9.836l.067 5.264-10.8.004A3.275 3.275 0 0 0 6.1 18.37L6.096 26a.893.893 0 0 0 .263.636.907.907 0 0 0 .638.263l5.902-.014.013-5.985 38.781.01a.407.407 0 0 1 .407.407l.008 22.925a2.858 2.858 0 0 1-2.857 2.858H30.868a7.896 7.896 0 0 0-13.736 0H12.9v-5.2a.801.801 0 0 0-.8-.8H6.9a.801.801 0 0 0-.8.8l-.001 8.375a4.59 4.59 0 0 0 1.353 3.27 4.658 4.658 0 0 0 3.27 1.355zM6.9 41.9h5.2v6h5.51l.112-.213a7.098 7.098 0 0 1 12.556 0l.113.213h18.86a3.683 3.683 0 0 0 2.587-1.071 3.635 3.635 0 0 0 1.071-2.587L52.9 21.317a1.208 1.208 0 0 0-1.207-1.207l-38.867-.01a.714.714 0 0 0-.714.712l-.011 5.275-5.106.012.001.4-.1-.499.003-7.628a2.471 2.471 0 0 1 2.468-2.469l10.8-.003a.734.734 0 0 0 .733-.733v-5.33A2.94 2.94 0 0 1 23.837 6.9h17.326A2.94 2.94 0 0 1 44.1 9.836v5.327a.734.734 0 0 0 .733.733l10.846.003a2.421 2.421 0 0 1 2.417 2.419l.004 32.446a3.337 3.337 0 0 1-3.336 3.336H30.39l-.113.213a7.098 7.098 0 0 1-12.556 0l-.113-.213h-6.886a3.85 3.85 0 0 1-2.704-1.12 3.796 3.796 0 0 1-1.12-2.705zm17.1 13a3.9 3.9 0 1 0-3.9-3.9 3.905 3.905 0 0 0 3.9 3.9zm0-7a3.1 3.1 0 1 1-3.1 3.1 3.103 3.103 0 0 1 3.1-3.1zm10-6a7.918 7.918 0 0 0 7.349-5h4.818a.734.734 0 0 0 .733-.733v-4.334a.734.734 0 0 0-.733-.733h-4.818a7.9 7.9 0 0 0-14.698 0H5.833a.734.734 0 0 0-.733.733v4.334a.734.734 0 0 0 .733.733h20.818a7.918 7.918 0 0 0 7.349 5zm-28.167-10h21.378l.095-.266a7.1 7.1 0 0 1 13.388 0l.095.266 5.31-.066.068 4.266h-5.378l-.095.266a7.1 7.1 0 0 1-13.388 0l-.095-.266-21.31.066zM34 37.9a3.9 3.9 0 1 0-3.9-3.9 3.905 3.905 0 0 0 3.9 3.9zm0-7a3.1 3.1 0 1 1-3.1 3.1 3.103 3.103 0 0 1 3.1-3.1zm5.658-20.8H25.342a1.244 1.244 0 0 0-1.242 1.242V15.9h16.8v-4.558a1.244 1.244 0 0 0-1.242-1.242zm.442 5H24.9v-3.758a.443.443 0 0 1 .442-.442h14.316a.443.443 0 0 1 .442.442z" />`}</svg></div>`;
+    return a`<div><svg viewBox="0 0 64 64" width=200 height=200 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${y`<path d="M10.723 54.9h6.409a7.896 7.896 0 0 0 13.736 0h23.896a4.137 4.137 0 0 0 4.136-4.136l-.004-32.446a3.222 3.222 0 0 0-3.217-3.219l-10.779.064V9.836A3.741 3.741 0 0 0 41.163 6.1H23.837A3.741 3.741 0 0 0 20.1 9.836l.067 5.264-10.8.004A3.275 3.275 0 0 0 6.1 18.37L6.096 26a.893.893 0 0 0 .263.636.907.907 0 0 0 .638.263l5.902-.014.013-5.985 38.781.01a.407.407 0 0 1 .407.407l.008 22.925a2.858 2.858 0 0 1-2.857 2.858H30.868a7.896 7.896 0 0 0-13.736 0H12.9v-5.2a.801.801 0 0 0-.8-.8H6.9a.801.801 0 0 0-.8.8l-.001 8.375a4.59 4.59 0 0 0 1.353 3.27 4.658 4.658 0 0 0 3.27 1.355zM6.9 41.9h5.2v6h5.51l.112-.213a7.098 7.098 0 0 1 12.556 0l.113.213h18.86a3.683 3.683 0 0 0 2.587-1.071 3.635 3.635 0 0 0 1.071-2.587L52.9 21.317a1.208 1.208 0 0 0-1.207-1.207l-38.867-.01a.714.714 0 0 0-.714.712l-.011 5.275-5.106.012.001.4-.1-.499.003-7.628a2.471 2.471 0 0 1 2.468-2.469l10.8-.003a.734.734 0 0 0 .733-.733v-5.33A2.94 2.94 0 0 1 23.837 6.9h17.326A2.94 2.94 0 0 1 44.1 9.836v5.327a.734.734 0 0 0 .733.733l10.846.003a2.421 2.421 0 0 1 2.417 2.419l.004 32.446a3.337 3.337 0 0 1-3.336 3.336H30.39l-.113.213a7.098 7.098 0 0 1-12.556 0l-.113-.213h-6.886a3.85 3.85 0 0 1-2.704-1.12 3.796 3.796 0 0 1-1.12-2.705zm17.1 13a3.9 3.9 0 1 0-3.9-3.9 3.905 3.905 0 0 0 3.9 3.9zm0-7a3.1 3.1 0 1 1-3.1 3.1 3.103 3.103 0 0 1 3.1-3.1zm10-6a7.918 7.918 0 0 0 7.349-5h4.818a.734.734 0 0 0 .733-.733v-4.334a.734.734 0 0 0-.733-.733h-4.818a7.9 7.9 0 0 0-14.698 0H5.833a.734.734 0 0 0-.733.733v4.334a.734.734 0 0 0 .733.733h20.818a7.918 7.918 0 0 0 7.349 5zm-28.167-10h21.378l.095-.266a7.1 7.1 0 0 1 13.388 0l.095.266 5.31-.066.068 4.266h-5.378l-.095.266a7.1 7.1 0 0 1-13.388 0l-.095-.266-21.31.066zM34 37.9a3.9 3.9 0 1 0-3.9-3.9 3.905 3.905 0 0 0 3.9 3.9zm0-7a3.1 3.1 0 1 1-3.1 3.1 3.103 3.103 0 0 1 3.1-3.1zm5.658-20.8H25.342a1.244 1.244 0 0 0-1.242 1.242V15.9h16.8v-4.558a1.244 1.244 0 0 0-1.242-1.242zm.442 5H24.9v-3.758a.443.443 0 0 1 .442-.442h14.316a.443.443 0 0 1 .442.442z" />`}</svg></div>`;
   }
   _setSearchTerm(e) {
     this._agoTerms = this._baseAgoTerms + ` ${e}`;
@@ -165,12 +174,12 @@ class E extends w {
   async _refreshAfterDeploy(e) {
     if (e) {
       this._newId = e;
-      const t = 10, i = 500;
-      for (let a = 0; a < t && (await this._getDeployedSolutions(), !this._cards.some((o) => o.id === e)); a++)
-        a < t - 1 && await new Promise((o) => setTimeout(o, i));
+      const t = 10, s = 500;
+      for (let r = 0; r < t && (await this._getDeployedSolutions(), !this._cards.some((o) => o.id === e)); r++)
+        r < t - 1 && await new Promise((o) => setTimeout(o, s));
       await this.updateComplete;
-      const s = 10, p = 100;
-      for (let a = 0; a < s; a++) {
+      const i = 10, p = 100;
+      for (let r = 0; r < i; r++) {
         if (this._refs[e]) {
           const o = this._cards.find((_) => _.id === e);
           window.dispatchEvent(new CustomEvent("deployedCardReady", {
@@ -186,7 +195,7 @@ class E extends w {
     }
   }
 }
-u("solutions-deployed-panel", E);
+f("solutions-deployed-panel", R);
 export {
-  E as SolutionsDeployedPanel
+  R as SolutionsDeployedPanel
 };

package/dist/components/solutions-deployed-panel/index.js

@@ -1,6 +1,5 @@
 import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-card-group";
-import "@esri/calcite-components/components/calcite-alert";
 import "../solution-deployed-card/index.js";
 export * from "./customElement.js";