@esri/solutions-components 5.1.0-next.64 → 5.1.0-next.66

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

@@ -1,32 +1,33 @@
 /* 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 { 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 { c as m } from "../../chunks/runtime.js";
+import { css as f, html as h } from "lit";
+import { repeat as v } from "lit/directives/repeat.js";
+import { u as C } from "../../chunks/useT9n.js";
+import { LitElement as S, createEvent as d, safeClassMap as _ } from "@arcgis/lumina";
+import { T as p } from "../../chunks/solutions-deploy-app-nav.js";
+import { a as w, F as D, B as F, e as I, T as c } 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 { C as y, g as x } 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 O, i as A } 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 $ } 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 {
+class L extends S {
   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._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = C({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${w}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = T({ context: O }), 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: A }), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new p(), 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._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   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, _activeTab: 16, _showDeployedCardFetchFailed: 16, _globalAlerts: 16, _translations: 16 };
   }
   static {
     this.styles = M;
@@ -59,8 +60,8 @@ 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 s = k(this._allCards, t.tabTitleOrId);
+            s = s || E(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);
           }
           break;
         case "deployments":
@@ -112,13 +113,13 @@ class L extends C {
     });
   }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = A);
+    this.useLocalAppConfig && (this.appConfig = $);
   }
   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) => {
+    return h`<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() && h`<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>`;
+    })}></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 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>`;
   }
   loaded() {
     this._setScrollbarGutters();
@@ -126,9 +127,12 @@ class L extends C {
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange), this._tabpanelObserver?.disconnect();
   }
+  _renderGlobalAlerts() {
+    return v(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)));
+    e.telemetrySession || (e.telemetrySession = p.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);
@@ -224,6 +228,13 @@ class L extends C {
     const { card: e, cardRef: i } = t.detail;
     this.deployedCardSelected.emit({ card: e, cardRef: i });
   }
+  _handleShowGlobalAlert(t) {
+    const e = t.detail, i = e.id || `alert-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    this._globalAlerts = [...this._globalAlerts, { ...e, id: i }];
+  }
+  _removeGlobalAlert(t) {
+    this._globalAlerts = this._globalAlerts.filter((e) => e.id !== t);
+  }
   async _initializeTelemetry() {
     const t = this._configContextProvider.value;
     if (!this.authentication || !t)
@@ -255,9 +266,9 @@ class L extends C {
     const e = this._configContextProvider.value.authentication, i = this._configContextProvider.value.userSession;
     if (e && i && e.IsSignedIn) {
       this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
-      const s = w(e);
+      const s = D(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 x(e, i, this._cardsFetcher, this._cardFetcherDeployed, F, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "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;
@@ -274,12 +285,12 @@ 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 = "";
+      const i = t.domain, s = t.industry === "AEC" ? I.AEC : t.industry, a = t.offerType, r = t.searchTerm, g = "";
       let n = t.sortField;
-      const h = t.owner, u = t.filter;
+      const b = 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 });
+      } : 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: g }), n && (e = e ? { ...e, sortType: n } : { sortType: n }), a && (n = a.toLowerCase(), e = e ? { ...e, sortType: n } : { sortType: n }), b && (e = e ? { ...e, owner: b } : { owner: b }), u && (e = e ? { ...e, filter: u } : { filter: u });
     }
     return e;
   }
@@ -303,7 +314,7 @@ class L extends C {
     }
   }
 }
-g("solutions-deploy-app", L);
+m("solutions-deploy-app", L);
 export {
   L as SolutionsDeployApp
 };

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

@@ -11,4 +11,5 @@ 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 "@esri/calcite-components/components/calcite-alert";
 export * from "./customElement.js";

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 r, 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)}@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 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 ? 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-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>`;
   }
   _initCardsFetchers() {
     if (this._configContextConsumer.value) {
@@ -165,12 +174,12 @@ class E extends w {
   async _refreshAfterDeploy(e) {
     if (e) {
       this._newId = e;
-      const t = 10, i = 500;
+      const t = 10, s = 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));
+        a < 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 a = 0; a < i; a++) {
         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";

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

@@ -1,35 +1,41 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c } from "../../chunks/runtime.js";
 import { u as d } from "../../chunks/useT9n.js";
-import { LitElement as h, createEvent as l, safeStyleMap as p } from "@arcgis/lumina";
-import { useContextConsumer as o } from "@arcgis/lumina/context";
+import { LitElement as p, createEvent as o, safeStyleMap as h } from "@arcgis/lumina";
+import { useContextConsumer as l } from "@arcgis/lumina/context";
 import { css as u, html as i, svg as g } from "lit";
 import { c as f, i as b } from "../../chunks/deployAppContexts.js";
 import { createRef as s, ref as r } from "lit/directives/ref.js";
-import { J as v } from "../../chunks/helpers.js";
-const m = u`calcite-shell-panel{z-index:var(--calcite-z-index-1)}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.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)}.text-center{text-align:center}.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: var(--calcite-spacing-none);--calcite-panel-header-background-color: var(--calcite-color-surface-3)}.panel-override{--calcite-panel-background-color: var(--calcite-color-surface-3);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none);font-weight:var(--calcite-font-weight-medium)}.header-content-wrapper{padding-inline-start:var(--calcite-spacing-xxs)}.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}.justify-content-start{justify-content:start}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-2{z-index:2}.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)}.position-relative{position:relative}.height-100{height:100%}.height-50{height:50px}.sign-in-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.sign-in-icon{transform:translate(-20px)}.height-150{height:150px}.width-150{width:150px}.padding-top-8{padding-top:8px}`;
-class x extends h {
+import { H as m, K as v } from "../../chunks/helpers.js";
+const x = u`calcite-shell-panel{z-index:var(--calcite-z-index-1)}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.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)}.text-center{text-align:center}.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: var(--calcite-spacing-none);--calcite-panel-header-background-color: var(--calcite-color-surface-3)}.panel-override{--calcite-panel-background-color: var(--calcite-color-surface-3);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none);font-weight:var(--calcite-font-weight-medium)}.header-content-wrapper{padding-inline-start:var(--calcite-spacing-xxs)}.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}.justify-content-start{justify-content:start}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-2{z-index:2}.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)}.position-relative{position:relative}.height-100{height:100%}.height-50{height:50px}.sign-in-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.sign-in-icon{transform:translate(-20px)}.height-150{height:150px}.width-150{width:150px}.padding-top-8{padding-top:8px}`;
+class _ extends p {
   constructor() {
-    super(), this.solutionsCount = 0, this.filterOpen = !0, this.isMobile = !1, this._showAlertFailed = !1, this._translations = d({ name: "solutions-deployed-shell", blocking: !0 }), this._configContextConsumer = o({
+    super(), this.solutionsCount = 0, this.filterOpen = !0, this.isMobile = !1, this._translations = d({ name: "solutions-deployed-shell", blocking: !0 }), this._configContextConsumer = l({
       context: f,
       subscribe: !0
-    }), this._deployedCardFetchFailedMessage = "", this._deployedCardFetchFailedTitle = "", this._isMobileContextConsumer = o({
+    }), this._isMobileContextConsumer = l({
       context: b,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this._solutionsDeployedPanelRef = s(), this._mainPanelRef = s(), this._panelFixed = !1, this.filterRemoved = l(), this.tokenRefreshed = l(), this._handleSignIn = () => {
+    }), this._solutionsDeployedPanelRef = s(), this._mainPanelRef = s(), this._panelFixed = !1, this.filterRemoved = o(), this.tokenRefreshed = o(), this._handleSignIn = () => {
       const e = window.location.pathname.endsWith("deployments") ? "" : "deployments";
       this._configContextConsumer.value?.authentication?.signIn(e);
     }, this.listenOn(window, "deployedCardFetchFailed", (e) => {
       const t = e.detail;
-      this._deployedCardFetchFailedTitle = t.title, this._deployedCardFetchFailedMessage = t.message, this._showAlertFailed = !0;
+      m({
+        kind: "danger",
+        icon: "exclamation-mark-triangle",
+        title: t.title,
+        message: t.message,
+        autoClose: !1
+      });
     });
   }
   static {
-    this.properties = { solutionsCount: 9, filterOpen: 16, isMobile: 16, _showAlertFailed: 16, _translations: 16 };
+    this.properties = { solutionsCount: 9, filterOpen: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = m;
+    this.styles = x;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -60,10 +66,10 @@ class x extends h {
     if (this._panelObserver)
       return;
     this._panelObserver = new MutationObserver((t) => {
-      t.forEach((a) => {
-        if (a.type === "attributes" && a.attributeName === "tabindex") {
-          const n = a.target;
-          n.classList.contains("content-wrapper") && n.tabIndex === 0 && (n.tabIndex = -1);
+      t.forEach((n) => {
+        if (n.type === "attributes" && n.attributeName === "tabindex") {
+          const a = n.target;
+          a.classList.contains("content-wrapper") && a.tabIndex === 0 && (a.tabIndex = -1);
         }
       });
     });
@@ -87,9 +93,7 @@ class x extends h {
   }
   _getSolutionsDeployedPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<div><solutions-deployed-panel @deployedCardsFetched=${this._updateSolutionCount} style=${p(e)} ${r(this._solutionsDeployedPanelRef)}></solutions-deployed-panel><calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._deployedCardFetchFailedTitle} @calciteAlertClose=${() => {
-      this._showAlertFailed = !1;
-    }} .open=${this._showAlertFailed}><div slot=title>${this._deployedCardFetchFailedTitle}</div><div slot=message>${this._deployedCardFetchFailedMessage}</div></calcite-alert></div>`;
+    return i`<div><solutions-deployed-panel @deployedCardsFetched=${this._updateSolutionCount} style=${h(e)} ${r(this._solutionsDeployedPanelRef)}></solutions-deployed-panel></div>`;
   }
   _updateSolutionCount(e) {
     this.solutionsCount = e.detail;
@@ -98,7 +102,7 @@ class x extends h {
     return i`<div class="sign-in-icon"><svg viewBox="0 0 64 64" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${g`<path d="M56.9 4.1V60h-.8V4.9H23.3l25.6 7.47v39.26l-28.8 8.4V35h.8v23.97l27.2-7.94V12.97L20.9 5.03V30h-.8V4.1h36.8zM30.735 41.7l.565.566 9.766-9.766-9.766-9.766-.565.567 8.799 8.799H5v.8h34.534l-8.8 8.8z" fill=var(--calcite-color-text-3) />`}</svg></div>`;
   }
 }
-c("solutions-deployed-shell", x);
+c("solutions-deployed-shell", _);
 export {
-  x as SolutionsDeployedShell
+  _ as SolutionsDeployedShell
 };

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

@@ -3,5 +3,4 @@ import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-button";
 import "../solutions-deployed-panel/index.js";
-import "@esri/calcite-components/components/calcite-alert";
 export * from "./customElement.js";

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

@@ -6,7 +6,7 @@ import { u as y } from "../../chunks/useT9n.js";
 import { LitElement as N, createEvent as p, safeClassMap as S } from "@arcgis/lumina";
 import { c as A, i as I } from "../../chunks/deployAppContexts.js";
 import { useContextConsumer as _ } from "@arcgis/lumina/context";
-import { e as F, d as C, T as O, J as E } from "../../chunks/helpers.js";
+import { e as F, d as C, T as O, K as E } from "../../chunks/helpers.js";
 const T = f`.width-full{width:100%}calcite-panel{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-panel-footer-space: var(--calcite-spacing-sm)}.border-color{--calcite-block-border-color: transparent}calcite-block{margin:0;--calcite-block-content-space: 0}.tree-padding{padding:0 .2rem}.display-none{display:none}`, R = {
   PUBLICSAFETY: ["EMERGENCYMANAGEMENT", "FIRESERVICE", "LAWENFORCEMENT"],
   STATEANDLOCALGOVERNMENT: [

package/dist/components/solutions-searchsort-toolbar/customElement.js

@@ -5,7 +5,7 @@ import { u as g } from "../../chunks/useT9n.js";
 import { LitElement as S, createEvent as a, nothing as c } from "@arcgis/lumina";
 import { useContextConsumer as h } from "@arcgis/lumina/context";
 import { c as m, i as y } from "../../chunks/deployAppContexts.js";
-import { c as d, J as l } from "../../chunks/helpers.js";
+import { c as d, K as l } from "../../chunks/helpers.js";
 const f = u`.toolbar-sizing{display:flex;align-items:center;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box;height:65px}.flex-row{display:flex;flex-direction:row}.flex-grow-1{flex-grow:1}calcite-input-text{--calcite-color-focus: transparent;--calcite-input-text-border-color: transparent;--calcite-color-border-input: transparent;--calcite-color-brand: transparent;display:grid;block-size:65px;box-sizing:border-box;border-bottom:2px solid transparent}@media(prefers-color-scheme:dark){calcite-input-text:focus{border-bottom:2px solid #009AF2}}@media(prefers-color-scheme:light){calcite-input-text:focus{border-bottom:2px solid #007AC2}}.padding-end-1-2{padding-inline-end:.5rem}`;
 class _ extends S {
   constructor() {