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

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

@@ -2,6 +2,7 @@
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { UserSession } from '@esri/solution-common';
 import { IFilterOption, SortType } from '../../utils/interfaces';
+import { PropertyValues } from 'lit';
 
 export declare class SolutionsAllShell extends LitElement {
     /**
@@ -13,9 +14,11 @@ export declare class SolutionsAllShell extends LitElement {
     /**
      * The current sort type applied to the displayed cards
      *
-     * @default "relevance"
+     * @default 'numviews'
      */
     sortType: SortType;
     /** Emitted on demand when a filter chip is closed */
     readonly filterRemoved: TargetedEvent<this, string>;
+    /** Emitted on demand when the auth token is updated */
+    readonly tokenRefreshed: TargetedEvent<this, string>;
 }

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

@@ -1,14 +1,15 @@
-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";
+import { c as h } from "../../chunks/runtime.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { LitElement as u, useContextProvider as l, createEvent as a, nothing as r, safeStyleMap as o } from "@arcgis/lumina";
+import { css as f } from "@lit/reactive-element/css-tag.js";
+import { a as b, i as g, u as m } from "../../chunks/deployAppContexts.js";
+import { UserSession as y } from "@esri/solution-common";
+import { html as i } from "lit";
+import { createRef as _, ref as v } from "lit/directives/ref.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.20250515 */
-const u = d`/** @license
+v1.0.0-next.20250521.1 */
+const w = f`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,33 +23,73 @@ const u = d`/** @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.
- */.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 {
+ */.display-flex{display:flex}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-3);--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}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.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)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}`, n = "https://www.arcgis.com", S = "966b251241bb4e3bb9ee3f2b92921aa5", x = "1d3a7ed66deb47269beea05ff9afd4c1";
+class C extends u {
   constructor() {
-    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();
+    super(), this.solutionsCount = 0, this.sortType = "numviews", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = p({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = _(), this._authContextProvider = l({ context: b }), this._isMobileContextProvider = l({ context: g }), this._userSessionContextProvider = l({ context: m }), this.filterRemoved = a(), this.tokenRefreshed = a(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
-    this.properties = { solutionsCount: 9, sortType: 1, filters: 16, _translations: 16 };
+    this.properties = { solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = u;
+    this.styles = w;
+  }
+  willUpdate(e) {
+    e.has("isMobile") && (this.filterOpen = !this.isMobile);
   }
   connectedCallback() {
     super.connectedCallback();
-    const e = new h({
+    const e = new y({
       username: "",
       password: ""
     });
-    this._userSessionContextProvider.setValue(e);
+    this._userSessionContextProvider.setValue(e), this._setRefreshInterval(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
+  }
+  _mediaQueryChange(e) {
+    this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
   }
   render() {
-    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>`;
+    const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
+    return i`<calcite-shell>${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab" icon-start=${e ?? r} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="header-override background-override"><div class=${`display-flex align-items-center ${t}`} 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>${this.isMobile && this.filterOpen && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
+  }
+  _getFilterPanel() {
+    const e = this.filterOpen ? { display: "block" } : "";
+    return this.isMobile ? i`<calcite-panel class="filter background-override" id=solutions-all-shell-panel-start style=${o(e)}><solutions-filter-panel @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-panel>` : i`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${o(e)} position=start><solutions-filter-panel is-all-solutions @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-shell-panel>`;
+  }
+  _getSolutionsAllPanel() {
+    const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
+    return i`<solutions-all-panel .agoSolutionsGroupId=${S} .enterpriseSolutionsGroupId=${x} .locale=${"en"} .orgUrl=${n} @cardsFetched=${this._updateSolutionCount} .portalUrl=${n} .sortType=${this.sortType} style=${o(e)} ${v(this._allSolutionsPanelRef)}></solutions-all-panel>`;
   }
   _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;
+    return this.filters.length > 0 ? this.filters.map((e) => i`<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>`;
+    const e = [{
+      displayValue: this._translations.sortByRelevance,
+      sortType: "relevance"
+    }, {
+      displayValue: this._translations.sortByTitle,
+      sortType: "title"
+    }, {
+      displayValue: this._translations.sortByMostPopular,
+      sortType: "numviews"
+    }, {
+      displayValue: this._translations.sortByNew,
+      sortType: "new"
+    }, {
+      displayValue: this._translations.sortByUpdated,
+      sortType: "updated"
+    }, {
+      displayValue: this._translations.sortBySuggestedForYou,
+      sortType: "suggested"
+    }];
+    return i`<calcite-dropdown width=m><calcite-button appearance=outline-fill class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile ? "" : this._getString(this.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType ?? r}>${e.map((t) => this._getDropdownItem(t.displayValue, t.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
+  }
+  _getDropdownItem(e, t) {
+    return this.sortType !== t ? i`<calcite-dropdown-item @click=${() => this._sortChanged(t)}>${e}</calcite-dropdown-item>` : i`<calcite-dropdown-item @click=${() => this._sortChanged(t)} selected>${e}</calcite-dropdown-item>`;
   }
   _getString(e) {
     let t = "";
@@ -56,7 +97,7 @@ class b extends a {
       case "new":
         t = this._translations.sortByNew;
         break;
-      case "popularity":
+      case "numviews":
         t = this._translations.sortByMostPopular;
         break;
       case "relevance":
@@ -78,13 +119,39 @@ class b extends a {
     this.solutionsCount = e.detail;
   }
   _sortChanged(e) {
-    this.sortType = e;
+    this.sortType = e, this._allSolutionsPanelRef.value?.searchSolutions({
+      sortType: e
+    });
   }
   _chipClosed(e) {
-    this.filters = this.filters.filter((t) => t.displayValue !== e), this.filterRemoved.emit(e);
+    this.filters = this.filters.filter((t) => t.displayValue !== e), this._allSolutionsPanelRef.value?.searchSolutions(), this.filterRemoved.emit(e);
+  }
+  _toggleFilter() {
+    this.filterOpen = !this.filterOpen;
+  }
+  _filterApplied(e) {
+    e.detail ? ("displayValue" in e.detail && (this.filters = [e.detail]), this._allSolutionsPanelRef.value?.searchSolutions(e.detail)) : (this.filters = [], this._allSolutionsPanelRef.value?.searchSolutions());
+  }
+  _setRefreshInterval() {
+    const e = this._userSessionContextProvider.value, t = this._authContextProvider.value;
+    if (e && t) {
+      const c = (e.tokenExpires?.getTime() - Date.now()) * 0.9;
+      setInterval(
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        async () => {
+          const s = await t?.refreshSession();
+          if (s) {
+            this._userSessionContextProvider.setValue(s);
+            const d = s?.token ?? "";
+            this.tokenRefreshed.emit(d);
+          }
+        },
+        c
+      );
+    }
   }
 }
-o("solutions-all-shell", b);
+h("solutions-all-shell", C);
 export {
-  b as SolutionsAllShell
+  C as SolutionsAllShell
 };

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

@@ -1,11 +1,12 @@
 import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-shell-panel";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "../solutions-filter-panel/index.js";
 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,11 +1,12 @@
 import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-shell-panel";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "../solutions-filter-panel/index.js";
 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-article-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as n } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.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.20250515 */
+v1.0.0-next.20250521.1 */
 const r = o`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-articles/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.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.20250515 */
+v1.0.0-next.20250521.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.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.20250515 */
+v1.0.0-next.20250521.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.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.20250515 */
+v1.0.0-next.20250521.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as i, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.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.20250515 */
+v1.0.0-next.20250521.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,5 +1,50 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { IFilterOption, ISearchOption } from '../../utils/interfaces';
 
+interface FilterSettings {
+    industry: {
+        group: string;
+        subgroup: string;
+    };
+    isOwnerMySolutions: boolean;
+    searchTerm: string;
+}
 export declare class SolutionsFilterPanel extends LitElement {
+    /**
+     * Determines if the AI assistant button should be shown.
+     *
+     * @default false
+     */
+    isAIsettingEnabled: boolean;
+    /**
+     * Determines if the Owner section should be shown.
+     *
+     * @default false
+     */
+    isAllSolutions: boolean;
+    /**
+     * Changes the filter to show only solutions that the user owns or the solutions within the organization.
+     * This function is only available when the application is in the My Solutions view.
+     */
+    changeOwnerFilter(isMySolutions: boolean): void;
+    /**
+     * Sets the filter on the specific industry or domain that the user chooses in the list.
+     *
+     * @param group The industry.
+     * @param subgroup The domain with the industry.
+     * @param displayValue The user friendly value that will be displayed.
+     */
+    changeIndustryFilter(group: string, subgroup: string, displayValue: string): void;
+    /**
+     * Filters the solutions by a text search phrase.
+     *
+     * @param searchTerm the string lookup solutions by.
+     */
+    changeSearchFilter(searchTerm: string): void;
+    /** Clears all the filters include search, industry and owner. */
+    clearFilters(): void;
+    /** The event that gets emitted after any filter option has changed. */
+    readonly applyFilter: TargetedEvent<this, IFilterOption | ISearchOption | null>;
 }
+export {};

package/dist/components/solutions-filter-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 i } from "../../chunks/useT9n.js";
-import { LitElement as s, noShadowRoot as n } from "@arcgis/lumina";
-import { css as o } from "@lit/reactive-element/css-tag.js";
+import { c as d } from "../../chunks/runtime.js";
+import { html as l } from "lit-html";
+import { repeat as u } from "lit-html/directives/repeat.js";
+import { keyed as o } from "lit-html/directives/keyed.js";
+import { u as S } from "../../chunks/useT9n.js";
+import { LitElement as m, createEvent as g, noShadowRoot as p } from "@arcgis/lumina";
+import { css as E } from "@lit/reactive-element/css-tag.js";
+import { h as F } from "../../chunks/interfaces.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.20250515 */
-const r = o`@layer{/** @license
+v1.0.0-next.20250521.1 */
+const y = E`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +23,171 @@ 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 s {
+ */.width-full{width:100%}}`;
+/**
+ * @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.
+ */
+const _ = {
+  PUBLICSAFETY: ["EMERGENCYMANAGEMENT", "FIRESERVICE", "LAWENFORCEMENT"],
+  STATEANDLOCALGOVERNMENT: [
+    "AGRICULTURE",
+    "AIRPORT",
+    "ASSESSMENTANDTAXATION",
+    "ELECTIONS",
+    "EMERGENCYMANAGEMENT",
+    "FIRESERVICE",
+    "FISHANDWILDLIFE",
+    "HEALTHANDHUMANSERVICES",
+    "LAWENFORCEMENT",
+    "NATURALRESOURCES",
+    "PARKS",
+    "PLANNINGANDDEVELOPMENT",
+    "PUBLICWORKS",
+    "TRANSPORTATION"
+  ],
+  UTILITIES: ["DISTRICTENERGY", "ELECTRIC", "GAS", "SEWER", "STORMWATER", "WATER"]
+}, O = Object.keys(F).reduce(
+  (c, t) => {
+    const s = t;
+    return c[s] = _[s] ?? [], c;
+  },
+  {}
+);
+class A extends m {
   constructor() {
-    super(...arguments), this._translations = i({ name: "solutions-filter-panel", blocking: !0 });
+    super(), this.isAIsettingEnabled = !1, this.isAllSolutions = !1, this._activeFilterSettings = {
+      industry: {
+        group: "",
+        subgroup: ""
+      },
+      isOwnerMySolutions: !0,
+      searchTerm: ""
+    }, this._translations = S({ name: "solutions-filter-panel", blocking: !0 }), this.applyFilter = g(), this._handleFilterRemoved = (t) => {
+      console.log("Caught globally bubbled event", t);
+    }, this.listenOn(window, "filterRemoved", this._handleFilterRemoved);
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { isAIsettingEnabled: 5, isAllSolutions: 5, _activeFilterSettings: 16, _translations: 16 };
   }
   static {
-    this.styles = r;
+    this.styles = y;
   }
   static {
-    this.shadowRootOptions = n;
+    this.shadowRootOptions = p;
+  }
+  changeOwnerFilter(t) {
+    if (this._activeFilterSettings.isOwnerMySolutions !== t) {
+      this._activeFilterSettings = {
+        ...this._activeFilterSettings,
+        isOwnerMySolutions: t
+      };
+      const s = {
+        displayValue: this._activeFilterSettings.isOwnerMySolutions ? this._translations.mySolutions : this._translations.myOrgSolutions,
+        type: "owner",
+        value: this._activeFilterSettings.isOwnerMySolutions ? "OWNER" : "ORGANIZATION"
+      };
+      this.applyFilter.emit(s);
+    }
+  }
+  changeIndustryFilter(t, s, i) {
+    const n = {
+      displayValue: i,
+      type: s !== "" ? "domain" : "industry",
+      value: s !== "" ? s : t,
+      industry: t,
+      domain: s
+    };
+    if (t === "") {
+      const e = {
+        group: "",
+        subgroup: ""
+      };
+      this._activeFilterSettings = {
+        ...this._activeFilterSettings,
+        industry: e
+      };
+    } else if (this._activeFilterSettings.industry.group !== t) {
+      const e = {
+        group: t,
+        subgroup: ""
+      };
+      this._activeFilterSettings = {
+        ...this._activeFilterSettings,
+        industry: e
+      };
+    }
+    if (s !== "" && this._activeFilterSettings.industry.subgroup !== s) {
+      const e = {
+        group: this._activeFilterSettings.industry.group,
+        subgroup: s
+      };
+      this._activeFilterSettings = {
+        ...this._activeFilterSettings,
+        industry: e
+      };
+    }
+    this.applyFilter.emit(n);
+  }
+  changeSearchFilter(t) {
+    this._activeFilterSettings = {
+      ...this._activeFilterSettings,
+      searchTerm: t
+    }, (t.length >= 3 || t === "") && this.applyFilter.emit({ searchTerm: t });
+  }
+  clearFilters() {
+    this.changeIndustryFilter("", "", ""), this.changeSearchFilter(""), this.changeOwnerFilter(!0), this.applyFilter.emit(null);
   }
   render() {
-    return t`<div></div>`;
+    return l`<calcite-panel description .heading=${this._translations.findSolutions}><calcite-action icon=reset @click=${() => {
+      this.clearFilters();
+    }} slot=header-actions-end .text=${this._translations.clear} text-enabled></calcite-action><calcite-input-text class="width-full" clearable icon=search @calciteInputTextInput=${(t) => {
+      this.changeSearchFilter(t.target.value);
+    }} .placeholder=${this._translations.search.solutions} slot=content-top .value=${this._activeFilterSettings.searchTerm}></calcite-input-text><calcite-block-group label>${!this.isAllSolutions && this.renderOwnerBlock() || ""}${this.renderIndustryBlock()}</calcite-block-group>${this.isAIsettingEnabled && l`<calcite-button icon-start=speech-bubbles label="Solutions Assistant" round scale=l slot=footer-start></calcite-button>` || ""}</calcite-panel>`;
+  }
+  renderOwnerBlock() {
+    return l`<calcite-block collapsible description expanded .heading=${this._translations.owner}><calcite-tree selection-mode=single>${this._activeFilterSettings.isOwnerMySolutions ? l`<calcite-tree-item .label=${this._translations.mySolutions} @click=${() => {
+      this.changeOwnerFilter(!0);
+    }} selected>${this._translations.mySolutions}</calcite-tree-item>` : l`<calcite-tree-item .label=${this._translations.mySolutions} @click=${() => {
+      this.changeOwnerFilter(!0);
+    }}>${this._translations.mySolutions}</calcite-tree-item>`}${this._activeFilterSettings.isOwnerMySolutions ? l`<calcite-tree-item .label=${this._translations.myOrgSolutions} @click=${() => {
+      this.changeOwnerFilter(!1);
+    }}>${this._translations.myOrgSolutions}</calcite-tree-item>` : l`<calcite-tree-item .label=${this._translations.myOrgSolutions} @click=${() => {
+      this.changeOwnerFilter(!1);
+    }} selected>${this._translations.myOrgSolutions}</calcite-tree-item>`}</calcite-tree></calcite-block>`;
+  }
+  renderIndustryBlock() {
+    const t = (i, n) => u(n, (e) => e, (e) => {
+      const r = Object.keys(this._translations.industriesDomain).find((h) => h.toUpperCase() === e.toUpperCase()), a = r && r in this._translations.industriesDomain ? this._translations.industriesDomain[r] : e;
+      return e === this._activeFilterSettings.industry.subgroup && o(e, l`<calcite-tree-item .label=${a} @click=${() => {
+        this.changeIndustryFilter(i, e, a);
+      }} selected>${a}</calcite-tree-item>`), l`<calcite-tree-item .label=${a} @click=${() => {
+        this.changeIndustryFilter(i, e, a);
+      }}>${a}</calcite-tree-item>`;
+    }), s = Object.entries(O).map(([i, n]) => {
+      const e = Object.keys(this._translations.industries).find((a) => a.toUpperCase() === i.toUpperCase()), r = e && e in this._translations.industries ? this._translations.industries[e] : i;
+      return i === this._activeFilterSettings.industry.group ? o(i, l`<calcite-tree-item .expanded=${i === this._activeFilterSettings.industry.group && n.length > 0} .label=${r} @click=${() => {
+        this.changeIndustryFilter(i, "", r);
+      }} selected>${r}${n.length > 0 && l`<calcite-tree slot=children>${t(i, n)}</calcite-tree>` || ""}</calcite-tree-item>`) : o(i, l`<calcite-tree-item .expanded=${i === this._activeFilterSettings.industry.group && n.length > 0} .label=${r} @click=${() => {
+        this.changeIndustryFilter(i, "", r);
+      }}>${r}${n.length > 0 && l`<calcite-tree slot=children>${t(i, n)}</calcite-tree>` || ""}</calcite-tree-item>`);
+    });
+    return l`<calcite-block collapsible description expanded .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-tree selection-mode=single>${s}</calcite-tree></calcite-block>`;
   }
 }
-e("solutions-filter-panel", a);
+d("solutions-filter-panel", A);
 export {
-  a as SolutionsFilterPanel
+  A as SolutionsFilterPanel
 };

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

@@ -1 +1,9 @@
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-block-group";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-tree";
+import "@esri/calcite-components/components/calcite-tree-item";
 export * from "./customElement.js";

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

@@ -1 +1,9 @@
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-block-group";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-tree";
+import "@esri/calcite-components/components/calcite-tree-item";
 export * from "./customElement.js";

package/dist/components/solutions-filter-panel/utils/constants.d.ts

@@ -0,0 +1,2 @@
+import { EDomain, EIndustry } from '../../../utils/interfaces';
+export declare const industryMatrix: Record<keyof typeof EIndustry, (keyof typeof EDomain)[]>;

package/dist/components/spatial-ref/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as E, createEvent as o, noShadowRoot as b, safeClassMap as y
 import { css as f } from "@lit/reactive-element/css-tag.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.20250515 */
+v1.0.0-next.20250521.1 */
 /**
  * @license
  * Copyright 2025 Esri

package/dist/components/store-manager/customElement.js

@@ -4,7 +4,7 @@ import { g as o, a as n } from "../../chunks/templates.js";
 import { LitElement as i, createEvent as l, noShadowRoot as u } from "@arcgis/lumina";
 /*! 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.20250515 */
+v1.0.0-next.20250521.1 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();