@esri/solutions-components 1.0.0-next.20250513.1 → 1.0.0-next.20250515

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

@@ -1,12 +1,15 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as s } from "../../chunks/useT9n.js";
-import { LitElement as i, noShadowRoot as n } from "@arcgis/lumina";
-import { css as o } from "@lit/reactive-element/css-tag.js";
+import { c as E } from "../../chunks/runtime.js";
+import { html as b } from "lit-html";
+import { u as R } from "../../chunks/useT9n.js";
+import { LitElement as D, useContextConsumer as M, createEvent as N, nothing as B } from "@arcgis/lumina";
+import { css as V } from "@lit/reactive-element/css-tag.js";
+import * as l from "@esri/solution-common";
+import "@arcgis/core/intl";
+import { u as _ } from "../../chunks/userSessionContext.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
-const r = o`@layer{/** @license
+v1.0.0-next.20250515 */
+const K = V`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +23,438 @@ const r = o`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */}`;
-class a extends i {
+ */calcite-panel{width:100%;height:100%}.card-group{overflow:hidden;padding:.5rem}`;
+/**
+ * @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+function v(i, e) {
+  const s = [];
+  return i.forEach((r) => {
+    e.has(r.id) && s.push(r);
+  }), s;
+}
+function d(i, e, s) {
+  if (e < 1 || i.length < e)
+    return {
+      cards: [],
+      paging: {
+        start: e,
+        num: 0,
+        nextStart: -1,
+        total: i.length
+      }
+    };
+  const r = Math.min(e + s, i.length + 1), t = r < i.length ? r : -1;
+  return {
+    cards: i.slice(e - 1, r - 1),
+    paging: {
+      start: e,
+      num: r - e,
+      nextStart: t,
+      total: i.length
+    }
+  };
+}
+function f(i, e, s) {
+  let r;
+  const t = s === "asc" ? 1 : -1;
+  switch (e) {
+    case "created":
+      r = (a, o) => t * (a.createdMs < o.createdMs ? -1 : a.createdMs > o.createdMs ? 1 : 0);
+      break;
+    case "numviews":
+      r = (a, o) => t * (a.numViews < o.numViews ? -1 : a.numViews > o.numViews ? 1 : 0);
+      break;
+    case "title":
+      r = (a, o) => t * (a.title.toLowerCase() < o.title.toLowerCase() ? -1 : a.title.toLowerCase() > o.title.toLowerCase() ? 1 : 0);
+      break;
+    default:
+      r = () => 0;
+      break;
+  }
+  return i.sort(r), i;
+}
+/**
+ * @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+function $(i) {
+  if (i) {
+    const e = i.trim();
+    return e ? "<div>" + e + "</div>" : "";
+  } else
+    return "";
+}
+function I(i) {
+  let e = "", s = "?";
+  return i.forEach((r) => {
+    r.k && r.v && (e += s + r.k + "=" + r.v, s = "&");
+  }), e;
+}
+function J(i, e, s, r) {
+  let t = "";
+  return e ? t = r + "/sharing/rest/content/items/" + i + "/info/" + e + I([{ k: "w", v: "400" }]) : t = s, t;
+}
+function A(i, e = "en") {
+  return new Intl.DateTimeFormat(e, {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }).format(i);
+}
+function y(i, e) {
+  let s = "";
+  return i.some((r) => r.startsWith(e) ? (s = r.substring(e.length), !0) : !1), s;
+}
+/**
+ * @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class G {
+  /**
+   * Constructor
+   *
+   * @param orgUrl URL of organization, e.g., "http://myOrg.maps.arcgis.com"
+   * @param portalUrl URL of portal, e.g., "https://www.arcgis.com"
+   * @param userSession Authentication
+   */
+  constructor(e, s, r) {
+    this.cMissingImageDataURI = "https://static.arcgis.com/images/solution.png", this.cardCache = [], this.cardCacheParams = {
+      q: "",
+      categoriesAsStr: "[]",
+      sortField: "title",
+      sortOrder: "asc"
+    }, this.locale = e, this.orgUrl = s, this.portalUrl = r, this.anonAgolSession = new l.UserSession({}), this.agolPortalUrl = "https://www.arcgis.com";
+  }
+  /**
+   * Adds a card to the cache to keep cache fresh between full refreshes.
+   *
+   * @param card Card to add
+   */
+  addToCache(e) {
+    this.cardCache.push(e);
+  }
+  /**
+   * Returns the current cache.
+   *
+   * @returns Cards in the cache
+   */
+  getCache() {
+    return this.cardCache;
+  }
+  /**
+   * Removes a card to the cache to keep cache fresh between full refreshes.
+   *
+   * @param id Id of card to remove
+   */
+  removeFromCache(e) {
+    this.cardCache = this.cardCache.filter((s) => s.id !== e);
+  }
+  /**
+   * Fetches cards for availale Solutions from the server.
+   *
+   * @param query AGO query terms and options
+   * @param primarySolutionsGroupId Id of a group that's the primary source of Solutions for AGO or Enterprise
+   * @param agoBasedEnterpriseSolutionsGroupId Id of an AGO-based set of Enterprise Solutions
+   * @param userSession Authentication for thumbnailUrl
+   * @param pagingParams Parameters for how the request is to be batched
+   * @param acceptableIds A set of item ids that the results must be a part of; if not defined, then there's no restriction
+   * @returns A promise resolving to a collection of available Solutions as cards as well as paging information about
+   * where those cards came from in the fetcher cache; in case of failure, the promise resolves to an error message
+   */
+  requestAvailableSolutionCards(e, s, r, t, a, o) {
+    const m = a?.start ? a.start : 1, u = a?.num ? a.num : 24, T = this.portalUrl + "/sharing/rest", L = this.agolPortalUrl + "/sharing/rest", k = this.anonAgolSession, S = JSON.stringify(e.categories);
+    if (this.cardCacheParams.q !== e.q || this.cardCacheParams.categoriesAsStr !== S || e.sortField === "relevance" ? (this.cardCache = [], this.cardCacheParams = {
+      q: e.q,
+      categoriesAsStr: S,
+      sortField: e.sortField,
+      sortOrder: e.sortOrder
+    }) : (this.cardCacheParams.sortField !== e.sortField || this.cardCacheParams.sortOrder !== e.sortOrder) && (this.cardCacheParams.sortField = e.sortField, this.cardCacheParams.sortOrder = e.sortOrder, this.cardCache = f(
+      this.cardCache,
+      this.cardCacheParams.sortField,
+      this.cardCacheParams.sortOrder
+    )), this.cardCache.length > 0) {
+      let n;
+      if (o && o.size > 0) {
+        const c = v(this.cardCache, o);
+        n = d(c, m, u);
+      } else
+        n = d(this.cardCache, m, u);
+      return Promise.resolve(n);
+    }
+    const w = {
+      filter: e.filter,
+      sortField: e.sortField,
+      sortOrder: e.sortOrder,
+      categories: e?.categories ? this.convertSearchCategories(e.categories) : ""
+    }, p = [];
+    if (s) {
+      const n = t || new l.UserSession({});
+      p.push(
+        l.searchGroupAllContents(
+          s,
+          e.q,
+          n,
+          w,
+          T
+        )
+      );
+    }
+    return r && p.push(
+      l.searchGroupAllContents(
+        r,
+        e.q,
+        k,
+        w,
+        L
+      )
+    ), Promise.allSettled(p).then((n) => {
+      const c = [];
+      n.forEach((h, x) => {
+        const U = !!s && x === 0;
+        if (h.status === "fulfilled") {
+          const P = h.value;
+          let C = "", F = !1;
+          U ? C = this.portalUrl : (C = this.agolPortalUrl, F = !0), P.results.forEach((O) => {
+            O.sourcePortalUrl = C, O.knownToBePublicSource = F;
+          }), c.push(P);
+        } else if (h.status === "rejected")
+          throw new Error(
+            U ? h.reason.message : "enterpriseCannotAccessAGO"
+          );
+      }), c.length === 0 ? this.cardCache = [] : c.length === 1 ? this.cardCache = this.getCardsFromResponse(c[0]) : this.cardCache = f(
+        this.getCardsFromResponse(this.mergeResponses(c)),
+        this.cardCacheParams.sortField,
+        this.cardCacheParams.sortOrder
+      );
+      let g;
+      if (o && o.size > 0) {
+        const h = v(this.cardCache, o);
+        g = d(h, m, u);
+      } else
+        g = d(this.cardCache, m, u);
+      return Promise.resolve(g);
+    }).catch((n) => Promise.reject(new Error(n.message)));
+  }
+  /**
+   * Fetches cards for deployed Solutions from the server.
+   *
+   * @param query AGO query terms and options
+   * @param userSession Authentication for thumbnailUrl
+   * @returns A collection of deployed Solutions as cards; the paging information shows that all of the cards
+   * are returned
+   */
+  requestDeployedSolutionCards(e, s) {
+    const r = this.portalUrl + "/sharing/rest";
+    if (this.cardCacheParams.q !== e.q || e.sortField === "relevance" ? (this.cardCache = [], this.cardCacheParams = {
+      q: e.q,
+      categoriesAsStr: "[]",
+      sortField: e.sortField,
+      sortOrder: e.sortOrder
+    }) : (this.cardCacheParams.sortField !== e.sortField || this.cardCacheParams.sortOrder !== e.sortOrder) && (this.cardCacheParams.sortField = e.sortField, this.cardCacheParams.sortOrder = e.sortOrder, this.cardCache = f(
+      this.cardCache,
+      this.cardCacheParams.sortField,
+      this.cardCacheParams.sortOrder
+    )), this.cardCache.length > 0) {
+      const a = d(this.cardCache, 1, this.cardCache.length);
+      return Promise.resolve(a);
+    }
+    const t = {
+      q: e.q,
+      filter: e.filter,
+      sortField: e.sortField,
+      sortOrder: e.sortOrder,
+      authentication: s,
+      portal: r,
+      categories: e?.categories ? JSON.stringify(e.categories) : ""
+    };
+    return l.searchAllItems(t).then((a) => {
+      this.cardCache = this.getCardsFromResponse(a);
+      const o = d(this.cardCache, 1, this.cardCache.length);
+      return Promise.resolve(o);
+    }).catch((a) => Promise.reject(new Error(a)));
+  }
+  // ---------------------------------------------------------------------------------------------------------------- //
+  /**
+   * Stringifies categories for search.
+   *
+   * @param categories AGO item categories, e.g., "/Categories/Conservation"
+   * or ["/Categories/Conservation", "/Categories/Pipeline"]
+   * @returns Categories where each element is a stringified array of categories
+   */
+  convertSearchCategories(e) {
+    return e && (Array.isArray(e) ? e = e.map(
+      (s) => JSON.stringify(Array.isArray(s) ? s : [s])
+      // force to an array to allow categories with commas
+    ) : e = JSON.stringify([e])), e;
+  }
+  /**
+   * Constructs Solution cards from a Solution-query response.
+   *
+   * @param response Response from a query
+   * @returns Solution information as cards
+   */
+  getCardsFromResponse(e) {
+    return e.results.length > 0 ? l.sanitizeJSON(e.results).map(
+      (t) => {
+        const a = {
+          id: t.id,
+          title: t.title,
+          snippet: t.snippet || "",
+          description: t.description || "",
+          url: t.url || "",
+          itemUrl: this.orgUrl + "/home/item.html" + I([{ k: "id", v: t.id }]) || "",
+          thumbnailFilename: t.thumbnail,
+          thumbnailUrl: J(
+            t.id,
+            t.thumbnail,
+            this.cMissingImageDataURI,
+            t.sourcePortalUrl ? t.sourcePortalUrl : this.portalUrl
+          ),
+          tryitUrl: t.url || "",
+          typeKeywords: t.typeKeywords,
+          learnMoreUrl: t.properties?.learnMoreUrl || "",
+          createdMs: t.created,
+          created: A(t.created, this.locale),
+          modified: A(t.modified, this.locale),
+          numViews: t.numViews,
+          tags: t.tags,
+          categories: t.groupCategories && t.groupCategories.length > 0 ? t.groupCategories : t.categories || [],
+          licenseInfo: $(t.licenseInfo),
+          deployCommonId: y(t.typeKeywords || [], "solutionid-"),
+          deployVersion: y(t.typeKeywords || [], "solutionversion-"),
+          canDelete: t.created > 16183314e5,
+          // Only solutions deployed after April 13, 2021 at 9:30PM can be deleted (9.1 release)
+          canDeploy: (t.typeKeywords || []).indexOf("Display Only") < 0,
+          preview: this.preparePreviewImageUrls(
+            t.id,
+            t.properties?.preview,
+            t.sourcePortalUrl ? t.sourcePortalUrl : this.portalUrl
+          ),
+          sourcePortalUrl: t.sourcePortalUrl || "",
+          knownToBePublicSource: t.knownToBePublicSource || !1,
+          waitId: "",
+          relatedSolutions: l.getProp(t, "properties.relatedSolutions") || []
+        };
+        return a.deployCommonId !== "" && a.deployVersion !== "" ? a : null;
+      }
+    ).filter((t) => t != null) : [];
+  }
+  /**
+   * Merge a set of search responses into a single response item.
+   *
+   * @param responseSet Array of search results
+   * @returns A response item that takes its query from the first item in the set and sets the other properties
+   * as if all of the responses are the result of one, large query that's independent of AGO's 100-item limit.
+   */
+  mergeResponses(e) {
+    let s = 0;
+    e.forEach((t) => s += t.total);
+    let r = [];
+    return e.forEach((t) => r = r.concat(t.results)), {
+      query: e[0].query,
+      start: 1,
+      num: s,
+      nextStart: -1,
+      total: s,
+      results: r
+    };
+  }
+  /**
+   * Converts image preview information into a URL pointing to that image; returns non-image previews unchanged.
+   *
+   * @param id Item id to insert into URL
+   * @param preview List of previews to modify
+   * @returns Copy of previews with iamge previews modified
+   */
+  preparePreviewImageUrls(e, s, r) {
+    return s ? s.map(
+      (t) => (t.format === "image" && (t.name = r + "/sharing/rest/content/items/" + e + "/resources/" + t.name), t)
+    ) : [];
+  }
+}
+class j extends D {
   constructor() {
-    super(...arguments), this._translations = s({ name: "solutions-all-panel", blocking: !0 });
+    super(...arguments), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "relevance", this.userSessionContextConsumer = M({
+      context: _,
+      subscribe: !0
+    }), this.cards = [], this._translations = R({ name: "solutions-all-panel", blocking: !0 }), this.cardsFetched = N();
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { agoSolutionsGroupId: 1, enterpriseSolutionsGroupId: 1, locale: 1, orgUrl: 1, portalUrl: 1, sortType: 1, userSessionContextConsumer: 32, cards: 16, _translations: 16 };
   }
   static {
-    this.styles = r;
+    this.styles = K;
   }
-  static {
-    this.shadowRootOptions = n;
+  async load() {
+    this._cardsFetcher = new G(this.locale, this.orgUrl, this.portalUrl), this.cards = await this._getSolutions();
   }
   render() {
-    return t`<calcite-panel></calcite-panel>`;
+    return b`<calcite-panel><calcite-card-group class="card-group" label>${this._renderCards()}</calcite-card-group></calcite-panel>`;
+  }
+  _renderCards() {
+    return this.cards.map((e) => b`<solution-details-card .chip=${e.chip} .description=${e.description} .heading=${e.heading} itemId=${e.itemId ?? B} .thumbnail=${e.thumbnail}></solution-details-card>`);
+  }
+  async _getSolutions() {
+    const e = await this._cardsFetcher?.requestAvailableSolutionCards({
+      q: "(typekeywords:Solution,Template) OR (typekeywords:Solution,Display Only)",
+      filter: "type:Solution",
+      sortField: "title",
+      sortOrder: "asc",
+      nextStart: -1,
+      categories: [],
+      delay: !1,
+      getSuggested: !1
+    }, this.agoSolutionsGroupId, this.enterpriseSolutionsGroupId, this.userSessionContextConsumer.value, {
+      num: 1e3
+    }), s = e?.cards.length ? e.cards.filter((r) => r.knownToBePublicSource).map((r) => ({
+      chip: "none",
+      description: r.snippet,
+      heading: r.title,
+      itemId: r.id,
+      thumbnail: r.thumbnailUrl
+    })) : [];
+    return this.cardsFetched.emit(s.length), s;
   }
 }
-e("solutions-all-panel", a);
+E("solutions-all-panel", j);
 export {
-  a as SolutionsAllPanel
+  j as SolutionsAllPanel
 };

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

@@ -1,2 +1,4 @@
 import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-card-group";
+import "../solution-details-card/index.js";
 export * from "./customElement.js";

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

@@ -1,2 +1,4 @@
 import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-card-group";
+import "../solution-details-card/index.js";
 export * from "./customElement.js";

package/dist/components/solutions-all-shell/assets/appConfig.json.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+  "appId": "ABCDEFGHIJKLMNOP",
+  "portalURL": "https://www.arcgis.com",
+  "primarySolutionsGroupId": "966b251241bb4e3bb9ee3f2b92921aa5",
+  "agoBasedEnterpriseSolutionsGroupId": "1d3a7ed66deb47269beea05ff9afd4c1",
+  "consoleMessageLevel": 1,
+  "cookiesFirstUseVar": "solutions-deployment-first-use",
+  "isRTL": false,
+  "locale": "",
+  "forceTrackingEnv": "dev",
+  "trackingEnabled": true,
+  "telemetry": {
+    "name": "solution-deployment-app",
+    "version": "1.0",
+    "dev": {
+      "amazon": {
+        "userPoolID": "us-east-1:7345bcf2-bffa-4849-a379-a83178f63eef",
+        "app": {
+          "id": "7e2fd97553644e5f99b1129fbcee3c2e"
+        }
+      }
+    },
+    "qa": {
+      "amazon": {
+        "userPoolID": "us-east-1:7345bcf2-bffa-4849-a379-a83178f63eef",
+        "app": {
+          "id": "a3beba911bd14847ada5c9ffed2a2111"
+        }
+      }
+    },
+    "prod": {
+      "amazon": {
+        "userPoolID": "us-east-1:8c41b2dc-7563-403d-ba64-673b103debce",
+        "app": {
+          "id": "35a920e0e7f84680be076e57dd5cb728"
+        }
+      }
+    }
+  }
+};
+
+export default _default;

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

@@ -1,5 +1,21 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { UserSession } from '@esri/solution-common';
+import { IFilterOption, SortType } from '../../utils/interfaces';
 
 export declare class SolutionsAllShell extends LitElement {
+    /**
+     * The number of solution cards currently displayed
+     *
+     * @default 0
+     */
+    solutionsCount: number;
+    /**
+     * The current sort type applied to the displayed cards
+     *
+     * @default "relevance"
+     */
+    sortType: SortType;
+    /** Emitted on demand when a filter chip is closed */
+    readonly filterRemoved: TargetedEvent<this, string>;
 }

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

@@ -1,12 +1,14 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as s } from "../../chunks/useT9n.js";
-import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { c as o } from "../../chunks/runtime.js";
+import { html as s } from "lit-html";
+import { u as r } from "../../chunks/useT9n.js";
+import { LitElement as a, useContextProvider as n, createEvent as l, nothing as c } from "@arcgis/lumina";
+import { css as d } from "@lit/reactive-element/css-tag.js";
+import { u as p } from "../../chunks/userSessionContext.js";
+import { UserSession as h } from "@esri/solution-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250513.1 */
-const r = n`@layer{/** @license
+v1.0.0-next.20250515 */
+const u = d`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +22,69 @@ const r = n`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */}`;
-class l extends i {
+ */.display-flex{display:flex}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-background);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:.5rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}`, i = "https://www.arcgis.com", g = "966b251241bb4e3bb9ee3f2b92921aa5", m = "1d3a7ed66deb47269beea05ff9afd4c1";
+class b extends a {
   constructor() {
-    super(...arguments), this._translations = s({ name: "solutions-all-shell", blocking: !0 });
+    super(...arguments), this.solutionsCount = 0, this.sortType = "relevance", this.filters = [], this._translations = r({ name: "solutions-all-shell", blocking: !0 }), this._userSessionContextProvider = n({ context: p }), this.filterRemoved = l();
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { solutionsCount: 9, sortType: 1, filters: 16, _translations: 16 };
   }
   static {
-    this.styles = r;
+    this.styles = u;
   }
-  static {
-    this.shadowRootOptions = o;
+  connectedCallback() {
+    super.connectedCallback();
+    const e = new h({
+      username: "",
+      password: ""
+    });
+    this._userSessionContextProvider.setValue(e);
   }
   render() {
-    return t`<calcite-shell></calcite-shell>`;
+    return s`<calcite-shell><calcite-shell-panel id=solutions-all-shell-panel-start slot=panel-start position=start>\r\n          Filter panel goes here</calcite-shell-panel><calcite-panel class="header-override"><div class="display-flex align-items-center" slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div><div slot=header-actions-end>${this._renderDropdown()}</div><solutions-all-panel .agoSolutionsGroupId=${g} .enterpriseSolutionsGroupId=${m} .locale=${"en"} .orgUrl=${i} @cardsFetched=${this._updateSolutionCount} .portalUrl=${i} .sortType=${this.sortType}></solutions-all-panel></calcite-panel></calcite-shell>`;
+  }
+  _renderChips() {
+    return this.filters.length > 0 ? this.filters.map((e) => s`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${e.displayValue} @calciteChipClose=${() => this._chipClosed(e.displayValue)} .value=${e.displayValue}>${e.displayValue}</calcite-chip>`) : void 0;
+  }
+  _renderDropdown() {
+    return s`<calcite-dropdown width=m><calcite-button appearance=outline-fill class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this._getString(this.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType ?? c}><calcite-dropdown-item @click=${() => this._sortChanged("relevance")}>${this._translations.sortByRelevance}</calcite-dropdown-item><calcite-dropdown-item @click=${() => this._sortChanged("title")}>${this._translations.sortByTitle}</calcite-dropdown-item><calcite-dropdown-item @click=${() => this._sortChanged("popularity")}>${this._translations.sortByMostPopular}</calcite-dropdown-item><calcite-dropdown-item @click=${() => this._sortChanged("new")}>${this._translations.sortByNew}</calcite-dropdown-item><calcite-dropdown-item @click=${() => this._sortChanged("updated")}>${this._translations.sortByUpdated}</calcite-dropdown-item><calcite-dropdown-item @click=${() => this._sortChanged("suggested")}>${this._translations.sortBySuggestedForYou}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
+  }
+  _getString(e) {
+    let t = "";
+    switch (e) {
+      case "new":
+        t = this._translations.sortByNew;
+        break;
+      case "popularity":
+        t = this._translations.sortByMostPopular;
+        break;
+      case "relevance":
+        t = this._translations.sortByRelevance;
+        break;
+      case "suggested":
+        t = this._translations.sortBySuggestedForYou;
+        break;
+      case "title":
+        t = this._translations.sortByTitle;
+        break;
+      case "updated":
+        t = this._translations.sortByUpdated;
+        break;
+    }
+    return t;
+  }
+  _updateSolutionCount(e) {
+    this.solutionsCount = e.detail;
+  }
+  _sortChanged(e) {
+    this.sortType = e;
+  }
+  _chipClosed(e) {
+    this.filters = this.filters.filter((t) => t.displayValue !== e), this.filterRemoved.emit(e);
   }
 }
-e("solutions-all-shell", l);
+o("solutions-all-shell", b);
 export {
-  l as SolutionsAllShell
+  b as SolutionsAllShell
 };

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

@@ -1,2 +1,11 @@
 import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-label";
+import "../solutions-all-panel/index.js";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";

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

@@ -1,2 +1,11 @@
 import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-label";
+import "../solutions-all-panel/index.js";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";