@esri/solutions-components 5.1.0-next.95 → 5.1.0-next.96

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

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as p } from "../../chunks/runtime.js";
-import { css as m, html as r } from "lit";
-import { u } from "../../chunks/useT9n.js";
-import { LitElement as f, createEvent as g, nothing as n, safeClassMap as y } from "@arcgis/lumina";
-import { useContextConsumer as v } from "@arcgis/lumina/context";
+import { c as h } from "../../chunks/runtime.js";
+import { css as p, html as o } from "lit";
+import { u as m } from "../../chunks/useT9n.js";
+import { LitElement as u, createEvent as f, nothing as r, safeClassMap as g } from "@arcgis/lumina";
+import { useContextConsumer as y } from "@arcgis/lumina/context";
 import { c as b } from "../../chunks/deployAppContexts.js";
-import { T as x } from "../../chunks/interfaces.js";
-import { c as $ } from "../../chunks/cardsHelpers.js";
-import { h as C } from "../../chunks/helpers.js";
+import { T as v } from "../../chunks/interfaces.js";
+import { c as x } from "../../chunks/cardsHelpers.js";
+import { s as $, h as C } from "../../chunks/helpers.js";
 import * as _ from "@esri/solution-common";
-const S = m`calcite-card{height:100%;padding-bottom:2px;border:2px solid transparent;transition:border-color .1s ease;box-sizing:border-box}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{border-color:var(--calcite-color-brand);cursor:pointer}.chip-status{--calcite-chip-icon-color: var(--calcite-color-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:1.2rem}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}a{text-decoration:none;color:inherit;outline:0;padding:0;margin:0;display:inherit;height:100%}`;
-class w extends f {
+const S = p`calcite-card{height:100%;padding-bottom:2px;border:2px solid transparent;transition:border-color .1s ease;box-sizing:border-box}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{border-color:var(--calcite-color-brand);cursor:pointer}.chip-status{--calcite-chip-icon-color: var(--calcite-color-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:1.2rem}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}a{text-decoration:none;color:inherit;outline:0;padding:0;margin:0;display:inherit;height:100%}`;
+class w extends u {
   constructor() {
-    super(...arguments), this.referrerSolutionId = "", this.referrerSolutionTitle = "", this.referrerSolutionVersion = "", this.source = "all-solutions", this._deployedTooltipContent = "", this._translations = u({ name: "solution-details-card", blocking: !0 }), this._configContextConsumer = v({
+    super(...arguments), this.referrerSolutionId = "", this.referrerSolutionTitle = "", this.referrerSolutionVersion = "", this.source = "all-solutions", this._deployedTooltipContent = "", this._translations = m({ name: "solution-details-card", blocking: !0 }), this._configContextConsumer = y({
       context: b,
       subscribe: !0
-    }), this.detailsCardSelected = g();
+    }), this.detailsCardSelected = f();
   }
   static {
     this.properties = { card: 0, referrerSolutionId: 1, referrerSolutionTitle: 1, referrerSolutionVersion: 1, source: 1, _deployedTooltipContent: 16, _translations: 16 };
@@ -27,8 +27,8 @@ class w extends f {
     return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    const e = $(this.card.title);
-    return r`<a href=${e ?? n} @click=${this._anchorClick} tabindex=-1 .title=${`${this._translations.arcgisSolutions} | ${this.card.title}`}>${this._renderCard()}</a>`;
+    const e = x(this.card.title);
+    return o`<a href=${e ?? r} @click=${this._anchorClick} tabindex=-1 .title=${`${this._translations.arcgisSolutions} | ${this.card.title}`}>${this._renderCard()}</a>`;
   }
   _anchorClick(e) {
     e.preventDefault();
@@ -44,7 +44,7 @@ class w extends f {
         this.card?.deployVersion || ""
       ];
       this._telemetry?.logEvent({
-        category: x.SOLUTION_DETAILS,
+        category: v.SOLUTION_DETAILS,
         action: "Related Solution",
         dimensions: i
       });
@@ -52,33 +52,25 @@ class w extends f {
     this.detailsCardSelected.emit(this.card);
   }
   _renderChips(e) {
-    const i = e.filter((t) => t === "deployed" || t === "deployedOlderVersion"), d = e.filter((t) => t !== "deployed" && t !== "deployedOlderVersion"), c = [];
-    return d.forEach((t) => {
-      const l = "chip-status", o = `solution-details-card-chip-${t}`, a = t === "new" ? "star" : "mega-phone", s = t === "new" ? this._translations.newSolution : this._translations.updated;
-      c.push(r`<calcite-chip class=${y(l)} .icon=${a} id=${o ?? n} .label=${s} .value=${s} scale=s></calcite-chip><calcite-tooltip .referenceElement=${o}><span>${s}</span></calcite-tooltip>`);
-    }), i.length > 0 && c.push(r`<calcite-chip class="chip-deployed" .icon=${i[0] === "deployedOlderVersion" ? "recent" : "check-circle"} id=solution-details-card-chip-deployed .label=${this._translations.deployed} .value=${this._translations.deployed} scale=s></calcite-chip><calcite-tooltip placement=bottom reference-element=solution-details-card-chip-deployed @calciteTooltipBeforeOpen=${async () => {
+    const i = e.filter((t) => t === "deployed" || t === "deployedOlderVersion"), c = e.filter((t) => t !== "deployed" && t !== "deployedOlderVersion"), s = [];
+    return c.forEach((t) => {
+      const l = "chip-status", n = `solution-details-card-chip-${t}`, d = t === "new" ? "star" : "mega-phone", a = t === "new" ? this._translations.newSolution : this._translations.updated;
+      s.push(o`<calcite-chip class=${g(l)} .icon=${d} id=${n ?? r} .label=${a} .value=${a} scale=s></calcite-chip><calcite-tooltip .referenceElement=${n}><span>${a}</span></calcite-tooltip>`);
+    }), i.length > 0 && s.push(o`<calcite-chip class="chip-deployed" .icon=${i[0] === "deployedOlderVersion" ? "recent" : "check-circle"} id=solution-details-card-chip-deployed .label=${this._translations.deployed} .value=${this._translations.deployed} scale=s></calcite-chip><calcite-tooltip placement=bottom reference-element=solution-details-card-chip-deployed @calciteTooltipBeforeOpen=${async () => {
       const t = {
         q: `${this.card?.deployCommonId} and owner:${this._configContextConsumer.value?.userSession?.username}`,
         authentication: this._configContextConsumer.value?.userSession,
         pagingParam: { start: 1, num: 100 }
       }, l = await _.searchItems(t);
-      console.log(l), this._deployedTooltipContent = r`<solutions-deployed-list .cards=${l.results.map((o) => {
-        const a = o.typeKeywords?.find((h) => h.startsWith("solutionversion-")), s = a ? a.split("-")[1] : "unknown";
-        return {
-          id: o.id,
-          title: o.title,
-          deployVersion: s,
-          created: o.created
-        };
-      })} .listTitle=${i[0] === "deployedOlderVersion" ? this._translations.deployedPreviousTitle : this._translations.deployedTitle}></solutions-deployed-list>`;
-    }}>${this._deployedTooltipContent}</calcite-tooltip>`), c;
+      this._deployedTooltipContent = o`<solutions-deployed-list .cards=${$(l.results)} has-links .listTitle=${i[0] === "deployedOlderVersion" ? this._translations.deployedPreviousTitle : this._translations.deployedTitle}></solutions-deployed-list>`;
+    }}>${this._deployedTooltipContent}</calcite-tooltip>`), s;
   }
   _renderCard() {
     const e = this.card;
-    return r`<calcite-card .label=${e.snippet} @click=${this._cardSelected} @keydown=${(i) => C(i, () => this._cardSelected())}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? n} class="thumbnail card-image" src=${e.thumbnailUrl ?? n}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chips && e.chips.length > 0 ? r`<div slot=footer-end style="display: flex; gap: 0.5rem; justify-content: flex-end;">${this._renderChips(e.chips)}</div>` : void 0}<div slot=footer-start></div></calcite-card>`;
+    return o`<calcite-card .label=${e.snippet} @click=${this._cardSelected} @keydown=${(i) => C(i, () => this._cardSelected())}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? r} class="thumbnail card-image" src=${e.thumbnailUrl ?? r}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chips && e.chips.length > 0 ? o`<div slot=footer-end style="display: flex; gap: 0.5rem; justify-content: flex-end;">${this._renderChips(e.chips)}</div>` : void 0}<div slot=footer-start></div></calcite-card>`;
   }
 }
-p("solution-details-card", w);
+h("solution-details-card", w);
 export {
   w as SolutionDetailsCard
 };

package/dist/components/solution-details-panel/customElement.js

@@ -9,7 +9,7 @@ import { css as R, html as l } from "lit";
 import { request as T, getWorkflowBaseURL as P, getWorkflowManagerAuthorized as A, sanitizeHTML as _, getItemDataAsJson as O, getItem as U, getPropWithDefault as $, getProp as f, setCreateProp as N } from "@esri/solution-common";
 import { E as m, g as x, T as g, z as F, A as H } from "../../chunks/interfaces.js";
 import { _findExistingItem as V } from "@esri/solution-deployer";
-import { l as z, m as b, n as B, h as Y } from "../../chunks/helpers.js";
+import { m as z, n as b, o as B, h as Y } from "../../chunks/helpers.js";
 import { a as M, g as G } from "../../chunks/common.js";
 import "../../chunks/solution-deploy-dialog.js";
 import "../solution-snapshot-gallery/customElement.js";

package/dist/components/solution-item-accordion/customElement.d.ts

@@ -17,12 +17,14 @@ export abstract class SolutionItemAccordion extends LitElement {
       openDetails: string;
       solutionsTemplates: string;
       usedInAnotherSolution: string;
+      itemUsedInOtherSolutions: string;
   } & T9nMeta<{
       usedInOtherSolutionsDeleteWarning: string;
       noPrivilegeToManage: string;
       openDetails: string;
       solutionsTemplates: string;
       usedInAnotherSolution: string;
+      itemUsedInOtherSolutions: string;
   }>;
   /** DependencyItem[]: List of items that have relationship dependencies outside of this solution */
   accessor itemRelationshipDependencies: DependencyItem[];

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

@@ -1,16 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as m } from "../../chunks/runtime.js";
-import { u as g } from "../../chunks/useT9n.js";
-import { css as y, html as o, nothing as f } from "lit";
-import { LitElement as _, createEvent as r, safeStyleMap as T } from "@arcgis/lumina";
-import { c as v } from "../../chunks/deployAppContexts.js";
-import { useContextConsumer as x } from "@arcgis/lumina/context";
-import * as w from "@esri/solution-common";
-const $ = y`:host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color: var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}.solution-list-item-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1)}.solution-list-item-label,.solution-list-item-description{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.solution-list-item-description{font-size:var(--calcite-font-size--2);margin-block-start:.125rem;color:var(--calcite-color-text-3)}.solution-list-item-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:1.375}.underline{text-decoration:underline}calcite-chip{--calcite-chip-icon-color: var(--calcite-color-brand)}`;
-class S extends _ {
+import { c as h } from "../../chunks/runtime.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { css as u, html as o, nothing as m } from "lit";
+import { LitElement as g, createEvent as l, safeStyleMap as y } from "@arcgis/lumina";
+import { c as f } from "../../chunks/deployAppContexts.js";
+import { useContextConsumer as _ } from "@arcgis/lumina/context";
+import * as T from "@esri/solution-common";
+import { s as x } from "../../chunks/helpers.js";
+const v = u`:host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color: var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}.solution-list-item-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1)}.solution-list-item-label,.solution-list-item-description{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.solution-list-item-description{font-size:var(--calcite-font-size--2);margin-block-start:.125rem;color:var(--calcite-color-text-3)}.solution-list-item-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:1.375}.underline{text-decoration:underline}calcite-chip{--calcite-chip-icon-color: var(--calcite-color-brand)}`;
+class w extends g {
   constructor() {
-    super(...arguments), this.itemRelationshipDependencies = [], this.linkType = "item", this.listSelectionMode = "none", this.reuseWarning = "", this.templateInfos = [], this.typeKeywords = [], this.usageContext = "content", this._canDeletePermission = !1, this._dependencyTooltipContent = "", this._sortedTemplateInfos = [], this._translations = g({ name: "solution-item-accordion", blocking: !0 }), this._configContextConsumer = x({
-      context: v,
+    super(...arguments), this.itemRelationshipDependencies = [], this.linkType = "item", this.listSelectionMode = "none", this.reuseWarning = "", this.templateInfos = [], this.typeKeywords = [], this.usageContext = "content", this._canDeletePermission = !1, this._dependencyTooltipContent = "", this._sortedTemplateInfos = [], this._translations = p({ name: "solution-item-accordion", blocking: !0 }), this._configContextConsumer = _({
+      context: f,
       subscribe: !0
     }), this._sortOrder = [
       "Hub Site Application",
@@ -45,13 +46,13 @@ class S extends _ {
       "Report Template",
       "Rule Package",
       "Group"
-    ], this.solutionItemHover = r(), this.solutionItemSelect = r(), this.solutionTypeHover = r();
+    ], this.solutionItemHover = l(), this.solutionItemSelect = l(), this.solutionTypeHover = l();
   }
   static {
     this.properties = { itemRelationshipDependencies: 0, linkType: 1, listSelectionMode: 1, reuseWarning: 1, templateInfos: 0, typeKeywords: 0, usageContext: 1, _canDeletePermission: 16, _dependencyTooltipContent: 16, _sortedTemplateInfos: 16, _translations: 16 };
   }
   static {
-    this.styles = $;
+    this.styles = v;
   }
   willUpdate(e) {
     e.has("templateInfos") && (this.hasUpdated || this.templateInfos?.length > 0) && this.templateInfosWatchHandler();
@@ -125,7 +126,7 @@ class S extends _ {
   }
   _getListItem(e) {
     const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action";
-    return o`<calcite-list-item id=${e.id ?? f} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
+    return o`<calcite-list-item id=${e.id ?? m} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
       this._deselectOthers(e.id), this.solutionItemSelect.emit({ itemId: e.id, selected: !0 }), i && !t && window.open(e.url, "_blank");
     }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this._checkUsageForWarnings(e)}${i && t ? o`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
   }
@@ -134,8 +135,8 @@ class S extends _ {
   }
   _sortTemplates() {
     return this.templateInfos.sort((e, i) => {
-      const t = this._getTypeForSort(e), s = this._getTypeForSort(i), n = this._sortOrder.indexOf(t), a = this._sortOrder.indexOf(s);
-      return n - a;
+      const t = this._getTypeForSort(e), s = this._getTypeForSort(i), n = this._sortOrder.indexOf(t), r = this._sortOrder.indexOf(s);
+      return n - r;
     });
   }
   _getTypeForSort(e) {
@@ -152,22 +153,14 @@ class S extends _ {
   }
   _getWarningChip(e, i, t, s) {
     const n = i === "info" ? "var(--calcite-color-status-info)" : "var(--calcite-color-status-danger)";
-    return o`<div slot=actions-end><calcite-chip .icon=${i === "info" ? "information" : "exclamation-mark-triangle"} .id=${t + "-warning"} kind=neutral .label=${e} scale=s style=${T({ "--calcite-chip-icon-color": n, cursor: s && s.length > 0 ? "pointer" : "default" })}>${e}</calcite-chip>${s && s.length > 0 ? o`<calcite-popover auto-close class=solution-list-item-content .label=${`${t}-warning`} placement=bottom .referenceElement=${`${t}-warning`} scale=s @calcitePopoverBeforeOpen=${async () => {
-      const p = {
-        q: s.map((l) => `id:${l.dependencyItemId}`).join(" OR "),
+    return o`<div slot=actions-end><calcite-chip .icon=${i === "info" ? "information" : "exclamation-mark-triangle"} .id=${t + "-warning"} kind=neutral .label=${e} scale=s style=${y({ "--calcite-chip-icon-color": n, cursor: s && s.length > 0 ? "pointer" : "default" })}>${e}</calcite-chip>${s && s.length > 0 ? o`<calcite-tooltip class=solution-list-item-content placement=bottom .referenceElement=${`${t}-warning`} scale=s @calciteTooltipBeforeOpen=${async () => {
+      const a = {
+        q: s.map((d) => `id:${d.dependencyItemId}`).join(" OR "),
         authentication: this._configContextConsumer.value?.userSession,
         pagingParam: { start: 1, num: 100 }
-      }, c = await w.searchItems(p);
-      console.log(c), this._dependencyTooltipContent = o`<solutions-deployed-list .cards=${c.results.map((l) => {
-        const d = l.typeKeywords?.find((u) => u.startsWith("solutionversion-")), h = d ? d.split("-")[1] : "unknown";
-        return {
-          id: l.id,
-          title: l.title,
-          deployVersion: h,
-          created: l.created
-        };
-      })}></solutions-deployed-list>`;
-    }}>${this._dependencyTooltipContent}</calcite-popover>` : null}</div>`;
+      }, c = await T.searchItems(a);
+      this._dependencyTooltipContent = o`<solutions-deployed-list .cards=${x(c.results)} .listTitle=${this._translations?.itemUsedInOtherSolutions || ""}></solutions-deployed-list>`;
+    }}>${this._dependencyTooltipContent}</calcite-tooltip>` : null}</div>`;
   }
   _checkUsageForWarnings(e) {
     const i = this._configContextConsumer.value?.userSession?.username ?? null, t = this.itemRelationshipDependencies.filter((n) => n.controlItemId === e.id), s = t.length > 0;
@@ -197,7 +190,7 @@ class S extends _ {
     return "";
   }
 }
-m("solution-item-accordion", S);
+h("solution-item-accordion", w);
 export {
-  S as SolutionItemAccordion
+  w as SolutionItemAccordion
 };

package/dist/components/solution-item-accordion/index.js

@@ -7,5 +7,4 @@ import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-tooltip";
 import "@esri/calcite-components/components/calcite-chip";
 import "../solutions-deployed-list/index.js";
-import "@esri/calcite-components/components/calcite-popover";
 export * from "./customElement.js";

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

@@ -35,6 +35,8 @@ export abstract class SolutionsAllPanel extends LitElement {
    * @default 'relevance'
    */
   accessor sortType: SortType;
+  /** Returns displayed solution ids in the same order cards are currently rendered. */
+  getDisplayedSolutionIds(): string[];
   /**
    * Search solutions based on key criteria
    *

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

@@ -1,35 +1,35 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as m } from "../../chunks/runtime.js";
-import { css as f, html as d, svg as y } from "lit";
-import { u as C } from "../../chunks/useT9n.js";
-import { LitElement as S, createEvent as c } from "@arcgis/lumina";
-import { useContextConsumer as v } from "@arcgis/lumina/context";
-import { a as u, T as _, B as w, d as x, e as T } from "../../chunks/interfaces.js";
-import { C as g, g as E } from "../../chunks/cardFetchingUtils.js";
-import { b } from "../../chunks/cardsHelpers.js";
-import { c as A } from "../../chunks/deployAppContexts.js";
-import { e as D, h as I } from "../../chunks/helpers.js";
-const L = 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-md) var(--calcite-spacing-md)}solution-details-card{width:calc(25% - .6rem)}@container (max-width: 1234px){solution-details-card{width:calc(33.333% - .6rem)}}@container (max-width: 1010px){solution-details-card{width:calc(50% - .6rem)}}@container (max-width: 800px){.card-group{padding-left:0;padding-right:0}solution-details-card{width:calc(33.33% - .6rem)}}@container (max-width: 680px){solution-details-card{width:calc(50% - .6rem)}}@container (max-width: 440px){solution-details-card{width:calc(100% - .75rem)}}.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)}.margin-top-half{margin-top:.5rem}.margin-top-1{margin-top:1rem}.no-solutions-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}`, p = 5;
-class F extends S {
+import { c as f } from "../../chunks/runtime.js";
+import { css as y, html as d, svg as C } from "lit";
+import { u as S } from "../../chunks/useT9n.js";
+import { LitElement as v, createEvent as h } from "@arcgis/lumina";
+import { useContextConsumer as w } from "@arcgis/lumina/context";
+import { a as _, T as g, B as T, d as x, e as E } from "../../chunks/interfaces.js";
+import { C as p, g as I } from "../../chunks/cardFetchingUtils.js";
+import { b as A } from "../../chunks/cardsHelpers.js";
+import { c as b } from "../../chunks/deployAppContexts.js";
+import { f as D, h as L } from "../../chunks/helpers.js";
+const F = y`calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-surface-3)}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-md) var(--calcite-spacing-md)}solution-details-card{width:calc(25% - .6rem)}@container (max-width: 1234px){solution-details-card{width:calc(33.333% - .6rem)}}@container (max-width: 1010px){solution-details-card{width:calc(50% - .6rem)}}@container (max-width: 800px){.card-group{padding-left:0;padding-right:0}solution-details-card{width:calc(33.33% - .6rem)}}@container (max-width: 680px){solution-details-card{width:calc(50% - .6rem)}}@container (max-width: 440px){solution-details-card{width:calc(100% - .75rem)}}.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)}.margin-top-half{margin-top:.5rem}.margin-top-1{margin-top:1rem}.no-solutions-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}`, m = 5;
+class $ extends v {
   constructor() {
-    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = C({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${u}`, this._allCards = [], this._baseAgoTerms = u, this._categories = [], this._configContextConsumer = v({
-      context: A,
+    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = S({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${_}`, this._allCards = [], this._baseAgoTerms = _, this._categories = [], this._configContextConsumer = w({
+      context: b,
       subscribe: !0,
       callback: async (e) => {
         e && (this._isDisconnectedEnvironment ? this._isLoading = !1 : await this._loadUpdateProcedures());
       }
-    }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.sortTypeSet = c(), this.detailsCardSelected = c(), this._handleOpenAssistant = () => {
+    }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this._assistantSolutionIds = /* @__PURE__ */ new Set(), this.cardsFetched = h(), this.allCardsFetched = h(), this.searchTermSet = h(), this.sortTypeSet = h(), this.detailsCardSelected = h(), this._handleOpenAssistant = () => {
       this._telemetry?.logEvent({
-        category: _.ASSISTANT,
+        category: g.ASSISTANT,
         action: "Open"
       }), window.dispatchEvent(new CustomEvent("openAssistant"));
     }, this.listenOn(window, "deployProgressEnd", () => {
-      this._modifiedCheckTry = p, this._loadUpdateProcedures();
+      this._modifiedCheckTry = m, this._loadUpdateProcedures();
     }), this.listenOn(window, "solutionDeleted", () => {
-      this._modifiedCheckTry = p, this._loadUpdateProcedures();
+      this._modifiedCheckTry = m, this._loadUpdateProcedures();
     }), this.listenOn(window, "sortTypeChanged", (e) => {
       e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, this._telemetry?.logEvent({
-        category: _.ALL_SOLUTIONS,
+        category: g.ALL_SOLUTIONS,
         action: "Sort",
         dimensions: [D(e.detail.sortType)]
       }), this.sortType === "suggested" && this._deployedSolutions?.cards.length === 0 ? this._getDeployedSolutions().then(() => {
@@ -37,13 +37,15 @@ class F extends S {
       }) : this.searchSolutions(e.detail));
     }), this.listenOn(window, "solutionIDFromAssistant", (e) => {
       this._lookupSolutionById(e.detail);
+    }), this.listenOn(window, "solutionMatchesFromAssistant", (e) => {
+      this._applyAssistantSolutionMatches(e.detail);
     });
   }
   static {
     this.properties = { sortType: 1, _cards: 16, _isLoading: 16, _modifiedCheckTry: 16, _translations: 16 };
   }
   static {
-    this.styles = L;
+    this.styles = F;
   }
   get _isEnterprise() {
     return this._configContextConsumer.value?.isEnterprise;
@@ -66,9 +68,12 @@ class F extends S {
       scope: "all-solutions"
     })));
   }
+  getDisplayedSolutionIds() {
+    return this._cards.map((e) => e.deployCommonId);
+  }
   render() {
     const e = this._configContextConsumer.value?.authentication?.IsSignedIn && this._configContextConsumer.value?.authentication?.CanUseAI;
-    return this._isDisconnectedEnvironment ? d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.disconnectedEnvironment}</div></div></div></div>` : this._isLoading || this._cards.length ? d`<calcite-panel>${this._isLoading ? d`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : d`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.noSolutionsFound}</div><div class="margin-top-half">${!this._isEnterprise && e ? this._translations.assistantHelp : this._translations.changeSearchTerm}</div></div>${!this._isEnterprise && e && d`<calcite-button appearance=outline icon-start=speech-bubbles @click=${this._handleOpenAssistant} @keydown=${(t) => I(t, () => this._handleOpenAssistant())} scale=l>${this._translations.askAssistant}</calcite-button>` || ""}</div></div>`;
+    return this._isDisconnectedEnvironment ? d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.disconnectedEnvironment}</div></div></div></div>` : this._isLoading || this._cards.length ? d`<calcite-panel>${this._isLoading ? d`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : d`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : d`<div class="no-solutions">${this._getMeridianSearch()}<div class="no-solutions-prompt"><div class="text-center leader-1 warning-text trailer-1"><div>${this._translations.noSolutionsFound}</div><div class="margin-top-half">${!this._isEnterprise && e ? this._translations.assistantHelp : this._translations.changeSearchTerm}</div></div>${!this._isEnterprise && e && d`<calcite-button appearance=outline icon-start=speech-bubbles @click=${this._handleOpenAssistant} @keydown=${(t) => L(t, () => this._handleOpenAssistant())} scale=l>${this._translations.askAssistant}</calcite-button>` || ""}</div></div>`;
   }
   _renderCards() {
     return this._cards.map((e) => d`<solution-details-card .card=${e}></solution-details-card>`);
@@ -108,8 +113,8 @@ class F extends S {
           return n !== void 0 && Number(o.deployVersion) >= n;
         }), l = new Set(a.map((o) => o.deployCommonId));
         this._relatedSolutions = new Set([...this._relatedSolutions].filter((o) => !l.has(o))), t.sort((o, n) => {
-          const r = this._relatedSolutions.has(o.deployCommonId), h = this._relatedSolutions.has(n.deployCommonId);
-          return r && !h ? -1 : !r && h ? 1 : 0;
+          const r = this._relatedSolutions.has(o.deployCommonId), u = this._relatedSolutions.has(n.deployCommonId);
+          return r && !u ? -1 : !r && u ? 1 : 0;
         });
       }
       const i = t.map((s) => {
@@ -119,7 +124,9 @@ class F extends S {
         const r = [];
         return a ? r.push("new") : l && r.push("updated"), o && (n ? r.push("deployed") : r.push("deployedOlderVersion")), s.chips = r.length > 0 ? r : void 0, s.supportReuse = o ? !!(o && !n) : !0, s;
       });
-      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = b(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(i.length), this._isLoading = !1, i;
+      this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = A(this._deployedSolutions.cards, this._allCards)));
+      const c = this._assistantSolutionIds.size > 0 ? i.filter((s) => this._assistantSolutionIds.has(s.deployCommonId)) : i;
+      return this.cardsFetched.emit(c.length), this._isLoading = !1, c;
     } else
       return this._isLoading = !1, [];
   }
@@ -130,13 +137,13 @@ class F extends S {
     }
     this._isLoading = !0;
     const e = this._configContextConsumer.value;
-    this._cardsFetcher = new g(e.locale, e.orgUrl, e.portalURL), this._cardsFetcherDeployed = new g(e.locale, e.orgUrl, e.portalURL), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards), this._isLoading = !1;
+    this._cardsFetcher = new p(e.locale, e.orgUrl, e.portalURL), this._cardsFetcherDeployed = new p(e.locale, e.orgUrl, e.portalURL), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards), this._isLoading = !1;
   }
   async _getDeployedSolutions() {
     const e = this._configContextConsumer.value.authentication, t = this._configContextConsumer.value.userSession;
     if (e && t && e.IsSignedIn) {
       this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
-      const i = await E(e, t, this._cardsFetcher, this._cardsFetcherDeployed, w, "created", this._sortOrder, void 0, this._categories, void 0, this._abortControllerDeployed.signal);
+      const i = await I(e, t, this._cardsFetcher, this._cardsFetcherDeployed, T, "created", this._sortOrder, void 0, this._categories, void 0, this._abortControllerDeployed.signal);
       if (this._abortControllerDeployed = void 0, i) {
         if (this._modifiedCheckTry > 0) {
           if (this._deployedSolutions?.cards.length === i?.cards.length)
@@ -148,7 +155,7 @@ class F extends S {
     }
   }
   _getMeridianSearch() {
-    return d`<div><svg viewBox="0 0 64 64" width=140 height=140 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${y`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
+    return d`<div><svg viewBox="0 0 64 64" width=140 height=140 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${C`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
   }
   _textSearch(e) {
     this._agoTerms = this._baseAgoTerms + ` ${e}`;
@@ -162,8 +169,8 @@ class F extends S {
       if (t.industry) {
         const i = this._getIndustryValue(t.industry);
         if (t.domain) {
-          const s = this._getDomainValue(t.domain);
-          this._categories.push(`/Categories/${i}/${s}`);
+          const c = this._getDomainValue(t.domain);
+          this._categories.push(`/Categories/${i}/${c}`);
         } else
           this._categories.push(`/Categories/${i}`);
       }
@@ -173,7 +180,7 @@ class F extends S {
     return x[e];
   }
   _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : T[e];
+    return e === "AEC" ? "AEC" : E[e];
   }
   _clearFilterCategories() {
     this._categories = [];
@@ -182,15 +189,23 @@ class F extends S {
     return !!this._deployedSolutions?.cards?.some((t) => t?.typeKeywords?.some((i) => i.includes("solutionid") && i.includes(e)));
   }
   _isLatestVersion(e) {
-    const t = this._deployedSolutions?.cards?.filter((i) => i?.typeKeywords?.some((s) => s.includes("solutionid") && s.includes(e.deployCommonId)));
+    const t = this._deployedSolutions?.cards?.filter((i) => i?.typeKeywords?.some((c) => c.includes("solutionid") && c.includes(e.deployCommonId)));
     return !(t && t.length > 0 && t[0].deployVersion !== e.deployVersion);
   }
   _lookupSolutionById(e) {
     const t = this._allCards.filter((i) => i.deployCommonId === e);
     t.length > 0 && this.detailsCardSelected.emit(t[0]);
   }
+  async _applyAssistantSolutionMatches(e) {
+    const t = Array.isArray(e?.solutionIds) ? e.solutionIds.filter(Boolean) : [];
+    if (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories(), this._getSuggested = !1, this._assistantSolutionIds = new Set(t), this._allCards.length === 0) {
+      await this._loadUpdateProcedures();
+      return;
+    }
+    this._cards = await this._getSolutions();
+  }
 }
-m("solutions-all-panel", F);
+f("solutions-all-panel", $);
 export {
-  F as SolutionsAllPanel
+  $ as SolutionsAllPanel
 };