@esri/solutions-components 1.1.0-next.20251014 → 1.1.0-next.20251015

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

@@ -1,7 +1,7 @@
 import { c as d } from "../../chunks/runtime.js";
 import { ref as c } from "lit/directives/ref.js";
 import { u } from "../../chunks/useT9n.js";
-import { css as _, html as s, nothing as p, svg as m } from "lit";
+import { css as p, html as s, nothing as _, svg as m } from "lit";
 import { LitElement as g, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
 import { useContextConsumer as a } from "@arcgis/lumina/context";
 import { C as i } from "../../chunks/CardsFetcher.js";
@@ -11,8 +11,8 @@ import { g as C } from "../../chunks/cardFetchingUtils.js";
 import { g as S } from "../../chunks/privilegeUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251014 */
-const x = _`/** @license
+v1.1.0-next.20251015 */
+const T = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,7 +27,7 @@ const x = _`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem 1rem}.solutions-briefcase{margin:auto;padding-top:2rem}.text-center{text-align:center}.leader-1{margin-top:1.5rem}.trailer-1{margin-bottom:1.5rem}.warning-text{max-width:35em;margin-left:auto;margin-right:auto}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}h1{font-weight:unset;margin:0;padding:0}`, n = 5;
-class T extends g {
+class x extends g {
   constructor() {
     super(), this.agoSolutionsGroupId = "", this.diagramKey = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "created", this._cards = [], this._cardsFetching = !1, this._modifiedCheckTry = 0, this._newId = "", this._refs = {}, this._showDeleteCompleteAlert = !1, this._translations = u({ name: "solutions-deployed-panel", blocking: !0 }), this._agoTerms = l, this._allCards = [], this._authContextConsumer = a({
       context: f,
@@ -41,13 +41,17 @@ class T extends g {
       e.detail && this.reload(!1, !1);
     }), this.listenOn(window, "deployProgressEnd", (e) => {
       this._modifiedCheckTry = n, this._refresh(e);
+    }), this.listenOn(window, "sortTypeChanged", (e) => {
+      e.detail && e.detail.scope === "deployments" && (this.sortType = e.detail.sortType, this.searchSolutions(e.detail));
+    }), this.listenOn(window, "searchChanged", (e) => {
+      e.detail && e.detail.scope === "deployments" && this.searchSolutions(e.detail.option);
     });
   }
   static {
     this.properties = { agoSolutionsGroupId: 1, diagramKey: 1, enterpriseSolutionsGroupId: 1, locale: 1, orgUrl: 1, portalUrl: 1, sortType: 1, _cards: 16, _cardsFetching: 16, _modifiedCheckTry: 16, _newId: 16, _refs: 16, _showDeleteCompleteAlert: 16, _translations: 16 };
   }
   static {
-    this.styles = x;
+    this.styles = T;
   }
   async reload(e = !0, t = !0) {
     this._cardsFetcher = new i(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new i(this.locale, this.orgUrl, this.portalUrl), e && (this._showDeleteCompleteAlert = !0), t ? setTimeout(() => {
@@ -79,7 +83,7 @@ class T extends g {
     e.has("_refs") && this._newId && Object.keys(this._refs).indexOf(this._newId) > -1 && (this._refs[this._newId].renderConfigureDialog(!0), this._newId = "");
   }
   _renderCards() {
-    return this._cards.length ? (this._refs = {}, this._cards.map((e) => s`<solution-deployed-card .allowDelete=${this._isOrgAdmin || e.owner === this._userSessionContextConsumer.value.username || this.checkDeletePermissions()} .card=${e} .deployedDate=${e.created} .description=${e.snippet} .diagramKey=${this.diagramKey} .heading=${e.title} id=${e.id ?? p} .itemId=${e.id} .owner=${e.owner} .thumbnail=${e.thumbnailUrl} ${c(this._handleRefs)}></solution-deployed-card>`)) : s`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1 display-flex flex-direction-column"><span>${this._translations.noSolutionsYet}</span><span>${this._translations.noSolutionsInstruction}</span></div></div>`;
+    return this._cards.length ? (this._refs = {}, this._cards.map((e) => s`<solution-deployed-card .allowDelete=${this._isOrgAdmin || e.owner === this._userSessionContextConsumer.value.username || this.checkDeletePermissions()} .card=${e} .deployedDate=${e.created} .description=${e.snippet} .diagramKey=${this.diagramKey} .heading=${e.title} id=${e.id ?? _} .itemId=${e.id} .owner=${e.owner} .thumbnail=${e.thumbnailUrl} ${c(this._handleRefs)}></solution-deployed-card>`)) : s`<div class="no-solutions">${this._getSolutionsBriefcase()}<div class="text-center leader-1 warning-text trailer-1 display-flex flex-direction-column"><span>${this._translations.noSolutionsYet}</span><span>${this._translations.noSolutionsInstruction}</span></div></div>`;
   }
   _handleRefs(e) {
     e && (this._refs[e.id] = e);
@@ -111,7 +115,7 @@ class T extends g {
     t && (this._newId = t, await this._getDeployedSolutions());
   }
 }
-d("solutions-deployed-panel", T);
+d("solutions-deployed-panel", x);
 export {
-  T as SolutionsDeployedPanel
+  x as SolutionsDeployedPanel
 };

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { IFilterOption, ISearchOption, ISortOption, SortType } from '../../utils/interfaces';
+import { IFilterOption, ISearchOption, ISortOption } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 
 export declare class SolutionsDeployedShell extends LitElement {
@@ -12,12 +12,6 @@ export declare class SolutionsDeployedShell extends LitElement {
      * @default 0
      */
     solutionsCount: number;
-    /**
-     * The current sort type applied to the displayed cards
-     *
-     * @default 'created'
-     */
-    sortType: SortType;
     /**
      * Search solutions based on key criteria
      *
@@ -26,8 +20,6 @@ export declare class SolutionsDeployedShell extends LitElement {
     searchSolutions(searchOptions: IFilterOption | ISearchOption | ISortOption): Promise<void>;
     /** Emitted on demand when a filter chip is closed */
     readonly filterRemoved: TargetedEvent<this, IFilterOption>;
-    /** Emitted on demand when the sort type changes */
-    readonly sortTypeChanged: TargetedEvent<this, SortType>;
     /** Emitted on demand when the auth token is updated */
     readonly tokenRefreshed: TargetedEvent<this, string>;
 }

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

@@ -1,15 +1,14 @@
-import { c as d } from "../../chunks/runtime.js";
-import { u as c } from "../../chunks/useT9n.js";
-import { LitElement as p, createEvent as l, nothing as o, safeClassMap as h, safeStyleMap as s } from "@arcgis/lumina";
-import { useContextConsumer as n } from "@arcgis/lumina/context";
-import { css as u, html as i } from "lit";
-import { a as f, i as y } from "../../chunks/deployAppContexts.js";
-import { createRef as a, ref as r } from "lit/directives/ref.js";
-import { g as b } from "../../chunks/privilegeUtils.js";
+import { c as n } from "../../chunks/runtime.js";
+import { u as a } from "../../chunks/useT9n.js";
+import { LitElement as r, createEvent as i, nothing as s, safeStyleMap as c } from "@arcgis/lumina";
+import { useContextConsumer as d } from "@arcgis/lumina/context";
+import { css as p, html as o } from "lit";
+import { i as u } from "../../chunks/deployAppContexts.js";
+import { createRef as l, ref as h } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251014 */
-const g = u`/** @license
+v1.1.0-next.20251015 */
+const f = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,98 +22,49 @@ const g = u`/** @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.
- */calcite-shell-panel{z-index:1}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.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}.z-index-2{z-index:2}@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)}.position-relative{position:relative}.height-100{height:100%}`;
-class m extends p {
+ */calcite-shell-panel{z-index:1}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.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}.z-index-2{z-index:2}@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)}.position-relative{position:relative}.height-100{height:100%}`;
+class b extends r {
   constructor() {
-    super(), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = c({ name: "solutions-deployed-shell", blocking: !0 }), this._authContextConsumer = n({
-      context: f,
-      subscribe: !0
-    }), this._isMobileContextConsumer = n({
-      context: y,
+    super(), this.solutionsCount = 0, this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = a({ name: "solutions-deployed-shell", blocking: !0 }), this._isMobileContextConsumer = d({
+      context: u,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this._isOrgAdmin = !1, this._solutionsDeployedFilterPanel = a(), this._solutionsDeployedPanelRef = a(), this.filterRemoved = l(), this.sortTypeChanged = l(), this.tokenRefreshed = l(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+    }), this._solutionsDeployedFilterPanel = l(), this._solutionsDeployedPanelRef = l(), this.filterRemoved = i(), this.tokenRefreshed = i();
   }
   static {
-    this.properties = { appConfig: 1, solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
+    this.properties = { appConfig: 1, solutionsCount: 9, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = g;
+    this.styles = f;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
   }
   async searchSolutions(e) {
-    if (this.sortType = e.sortType || this.sortType, this._solutionsDeployedPanelRef.value?.setSearchOptions(e), "owner" in e) {
+    if (this._solutionsDeployedPanelRef.value?.setSearchOptions(e), "owner" in e) {
       const t = e.owner === "organization";
       this._solutionsDeployedFilterPanel.value.changeOwnerFilter(!t, !0);
     } else ("sortType" in e || "searchTerm" in e) && this._solutionsDeployedPanelRef.value?.searchSolutions(e);
   }
   async load() {
-    this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value), this._isOrgAdmin = b(this._authContextConsumer.value);
+    this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value);
   }
   render() {
     const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
-    return i`<calcite-shell class="position-relative"><calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e ?? o} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override flex-grow" layout=inline>${this.isMobile ? "" : this._getFilterPanel()}</calcite-label><calcite-label class="label-override flex-shrink-0" layout=inline>${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label></div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
-  }
-  _getFilterPanel() {
-    const e = this.filterOpen ? { display: "flex" } : "";
-    return i`<calcite-panel class=${h(this.filterOpen ? "" : "filter")} id=solutions-all-shell-panel-start style=${s(e)}><solutions-deployed-filter-panel class="height-100 flex-1" .isMobile=${this.isMobile} .isOrgAdmin=${this._isOrgAdmin} @applyFilter=${this._filterApplied} ${r(this._solutionsDeployedFilterPanel)}></solutions-deployed-filter-panel></calcite-panel>`;
+    return o`<calcite-shell class="position-relative"><calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e ?? s} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override flex-shrink-0" layout=inline>${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label></div>${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<solutions-deployed-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .diagramKey=${this.appConfig.diagramKey ?? ""} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @deployedCardsFetched=${this._updateSolutionCount} @deployedSearchTermSet=${(t) => this._solutionsDeployedFilterPanel.value.changeSearchFilter(t.detail, !1)} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${s(e)} ${r(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
-  }
-  _renderDropdown() {
-    const e = [{
-      displayValue: this._translations.sortByRelevance,
-      sortType: "relevance"
-    }, {
-      displayValue: this._translations.sortByTitle,
-      sortType: "title"
-    }, {
-      displayValue: this._translations.sortByDateDeployed,
-      sortType: "created"
-    }];
-    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 ?? o}>${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 = "";
-    switch (e) {
-      case "created":
-        t = this._translations.sortByDateDeployed;
-        break;
-      case "relevance":
-        t = this._translations.sortByRelevance;
-        break;
-      case "title":
-        t = this._translations.sortByTitle;
-        break;
-    }
-    return t;
+    return o`<solutions-deployed-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .diagramKey=${this.appConfig.diagramKey ?? ""} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @deployedCardsFetched=${this._updateSolutionCount} @deployedSearchTermSet=${(t) => this._solutionsDeployedFilterPanel.value.changeSearchFilter(t.detail, !1)} .portalUrl=${this.appConfig.portalURL} style=${c(e)} ${h(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
   }
   _updateSolutionCount(e) {
     this.solutionsCount = e.detail;
   }
-  _sortChanged(e) {
-    this.sortType = e, this.sortTypeChanged.emit(this.sortType), this._solutionsDeployedPanelRef.value?.searchSolutions({
-      sortType: e
-    });
-  }
   _toggleFilter() {
     this.filterOpen = !this.filterOpen;
   }
-  _filterApplied(e) {
-    e.detail ? ("displayValue" in e.detail && "type" in e.detail && e.detail.type === "industry" && (this.filters = this.filters.filter((t) => t.type !== "industry"), this.filters.push(e.detail)), this._solutionsDeployedPanelRef.value?.searchSolutions(e.detail)) : (this.filters = [], this._solutionsDeployedPanelRef.value?.searchSolutions());
-  }
-  _handleDeployAppTabSelected(e) {
-    e.detail === "my-deployments" && this.sortTypeChanged.emit(this.sortType);
-  }
 }
-d("solutions-deployed-shell", m);
+n("solutions-deployed-shell", b);
 export {
-  m as SolutionsDeployedShell
+  b as SolutionsDeployedShell
 };

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

@@ -2,9 +2,5 @@ import "@esri/calcite-components/components/calcite-shell";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
-import "../solutions-deployed-filter-panel/index.js";
 import "../solutions-deployed-panel/index.js";
-import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-dropdown-group";
-import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";

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

@@ -2,9 +2,5 @@ import "@esri/calcite-components/components/calcite-shell";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
-import "../solutions-deployed-filter-panel/index.js";
 import "../solutions-deployed-panel/index.js";
-import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-dropdown-group";
-import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";

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

@@ -24,13 +24,6 @@ export declare class SolutionsFilterPanel extends LitElement {
      * @param emit (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.
      */
     changeIndustryFilter(industry: string, domain: string, displayValue: string, emit?: boolean): void;
-    /**
-     * Filters the solutions by a text search phrase.
-     *
-     * @param searchTerm the string lookup solutions by.
-     * @param emit (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.
-     */
-    changeSearchFilter(searchTerm: string, emit?: boolean): void;
     /** Clears all the filters include search, industry and owner. */
     clearFilters(): void;
     /** The event that gets emitted after any filter option has changed. */

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

@@ -1,13 +1,13 @@
 import { c as S } from "../../chunks/runtime.js";
 import { css as I, html as a } from "lit";
 import { keyed as u } from "lit/directives/keyed.js";
-import { u as F } from "../../chunks/useT9n.js";
-import { LitElement as A, createEvent as b } from "@arcgis/lumina";
+import { u as A } from "../../chunks/useT9n.js";
+import { LitElement as F, createEvent as b } from "@arcgis/lumina";
 import { j as E } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251014 */
-const y = I`/** @license
+v1.1.0-next.20251015 */
+const N = I`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -38,7 +38,7 @@ const y = I`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const N = {
+const y = {
   PUBLICSAFETY: ["EMERGENCYMANAGEMENT", "FIRESERVICE", "LAWENFORCEMENT"],
   STATEANDLOCALGOVERNMENT: [
     "AGRICULTURE",
@@ -58,22 +58,21 @@ const N = {
   ],
   UTILITIES: ["DISTRICTENERGY", "ELECTRIC", "GAS", "SEWER", "STORMWATER", "WATER"]
 }, T = Object.keys(E).reduce(
-  (p, t) => {
-    const e = t;
-    return p[e] = N[e] ?? [], p;
+  (p, s) => {
+    const i = s;
+    return p[i] = y[i] ?? [], p;
   },
   {}
 );
-class R extends A {
+class f extends F {
   constructor() {
     super(), this.hideIndustryFilter = !1, this.isAIsettingEnabled = !1, this._activeFilterSettings = {
-      categories: [],
-      searchTerm: ""
-    }, this._translations = F({ name: "solutions-filter-panel", blocking: !0 }), this.applyFilter = b(), this._handleFilterRemoved = (t) => {
-      const e = t.detail;
-      Array.isArray(e) && (this._activeFilterSettings = {
+      categories: []
+    }, this._translations = A({ name: "solutions-filter-panel", blocking: !0 }), this.applyFilter = b(), this._handleFilterRemoved = (s) => {
+      const i = s.detail;
+      Array.isArray(i) && (this._activeFilterSettings = {
         ...this._activeFilterSettings,
-        categories: [...e]
+        categories: [...i]
       });
     }, this.listenOn(window, "filterRemoved", this._handleFilterRemoved);
   }
@@ -81,79 +80,67 @@ class R extends A {
     this.properties = { hideIndustryFilter: 5, isAIsettingEnabled: 5, _activeFilterSettings: 16, _translations: 16 };
   }
   static {
-    this.styles = y;
+    this.styles = N;
   }
-  changeIndustryFilter(t, e, o, h) {
-    if (t !== "" || e !== "") {
+  changeIndustryFilter(s, i, o, d) {
+    if (s !== "" || i !== "") {
       let c = [];
-      e !== "" ? c = [{
-        displayValue: E[t],
+      i !== "" ? c = [{
+        displayValue: E[s],
         type: "industry",
-        value: t,
-        industry: t,
+        value: s,
+        industry: s,
         domain: ""
       }, {
         displayValue: o,
         type: "domain",
-        value: e,
-        industry: t,
-        domain: e
+        value: i,
+        industry: s,
+        domain: i
       }] : c = [{
         displayValue: o,
-        type: e !== "" ? "domain" : "industry",
-        value: e !== "" ? e : t,
-        industry: t,
-        domain: e
+        type: i !== "" ? "domain" : "industry",
+        value: i !== "" ? i : s,
+        industry: s,
+        domain: i
       }], this._activeFilterSettings = {
         ...this._activeFilterSettings,
         categories: [...c]
-      }, h && this.applyFilter.emit(c);
+      }, d && this.applyFilter.emit(c);
     } else {
       const c = {
         displayValue: o,
         type: "industry",
-        value: t,
-        industry: t,
-        domain: e
+        value: s,
+        industry: s,
+        domain: i
       };
       this._activeFilterSettings = {
         ...this._activeFilterSettings,
         categories: [c]
-      }, h && this.applyFilter.emit(c);
+      }, d && this.applyFilter.emit(c);
     }
   }
-  changeSearchFilter(t, e) {
-    this._activeFilterSettings = {
-      ...this._activeFilterSettings,
-      searchTerm: t
-    }, e && this.applyFilter.emit({ searchTerm: t });
-  }
   clearFilters() {
-    this.changeIndustryFilter("", "", ""), this.changeSearchFilter(""), this.applyFilter.emit(null);
+    this.changeIndustryFilter("", "", ""), this.applyFilter.emit(null);
   }
   render() {
     return a`<calcite-panel description .heading=${this._translations.findSolutions}><calcite-action icon=reset @click=${() => {
       this.clearFilters();
-    }} slot=header-actions-end .text=${this._translations.resetFilters} text-enabled></calcite-action><calcite-input-text class="width-full" clearable icon=search @keyup=${(t) => {
-      const e = t.target;
-      t.key === "Enter" ? this.changeSearchFilter(e.value, !0) : this.changeSearchFilter(e.value, e.value.length >= 3 || e.value.length === 0);
-    }} @blur=${(t) => {
-      const e = t.target;
-      this.changeSearchFilter(e.value, !0);
-    }} .placeholder=${this._translations.search.solutions} slot=content-top .value=${this._activeFilterSettings.searchTerm}></calcite-input-text><calcite-block-group .label=${this._translations.filters}>${!this.hideIndustryFilter && this.renderIndustryBlock() || ""}</calcite-block-group>${this.isAIsettingEnabled && a`<calcite-button icon-start=speech-bubbles label="Solutions Assistant" round scale=l slot=footer-start></calcite-button>` || ""}</calcite-panel>`;
+    }} slot=header-actions-end .text=${this._translations.resetFilters} text-enabled></calcite-action><calcite-block-group .label=${this._translations.filters}>${!this.hideIndustryFilter && this.renderIndustryBlock() || ""}</calcite-block-group>${this.isAIsettingEnabled && a`<calcite-button icon-start=speech-bubbles label="Solutions Assistant" round scale=l slot=footer-start></calcite-button>` || ""}</calcite-panel>`;
   }
   renderIndustryBlock() {
-    const t = (i, l) => this._activeFilterSettings.categories.some((s) => s.industry === i && (s.domain ?? "") === l), e = (i) => this._activeFilterSettings.categories.some((l) => l.industry === i && (l.domain ?? "") === ""), o = (i, l) => l.length > 0 && (e(i) || this._activeFilterSettings.categories.some((s) => s.industry === i && !!s.domain && l.includes(s.domain))), h = (i, l) => l.map((s) => {
-      const n = Object.keys(this._translations.industriesDomain).find((d) => d.toUpperCase() === s.toUpperCase()), r = n && n in this._translations.industriesDomain ? this._translations.industriesDomain[n] : s;
-      return t(i, s) ? u(s, a`<calcite-tree-item .label=${r} @click=${() => this.changeIndustryFilter(i, s, r, !0)} selected>${r}</calcite-tree-item>`) : u(s, a`<calcite-tree-item .label=${r} @click=${() => this.changeIndustryFilter(i, s, r, !0)}>${r}</calcite-tree-item>`);
-    }), c = Object.entries(T).map(([i, l]) => {
-      const s = Object.keys(this._translations.industries).find((g) => g.toUpperCase() === i.toUpperCase()), n = s && s in this._translations.industries ? this._translations.industries[s] : i, r = l, m = e(i), d = o(i, r);
-      return m ? u(i, a`<calcite-tree-item .label=${n} @click=${() => this.changeIndustryFilter(i, "", n, !0)} selected .expanded=${d ? !0 : void 0}>${n}${r.length > 0 && a`<calcite-tree slot=children selection-mode=multiple>${h(i, r)}</calcite-tree>` || ""}</calcite-tree-item>`) : u(i, a`<calcite-tree-item .label=${n} @click=${() => this.changeIndustryFilter(i, "", n, !0)} .expanded=${d ? !0 : void 0}>${n}${r.length > 0 && a`<calcite-tree slot=children selection-mode=multiple>${h(i, r)}</calcite-tree>` || ""}</calcite-tree-item>`);
+    const s = (e, r) => !this._activeFilterSettings || !this._activeFilterSettings.categories ? !1 : this._activeFilterSettings.categories.some((t) => t.industry === e && (t.domain ?? "") === r), i = (e) => !this._activeFilterSettings || !this._activeFilterSettings.categories ? !1 : this._activeFilterSettings.categories.some((r) => r.industry === e && (r.domain ?? "") === ""), o = (e, r) => r.length > 0 && (i(e) || this._activeFilterSettings.categories?.some((t) => t.industry === e && !!t.domain && r.includes(t.domain)) === !0), d = (e, r) => r.map((t) => {
+      const l = Object.keys(this._translations.industriesDomain).find((h) => h.toUpperCase() === t.toUpperCase()), n = l && l in this._translations.industriesDomain ? this._translations.industriesDomain[l] : t;
+      return s(e, t) ? u(t, a`<calcite-tree-item .label=${n} @click=${() => this.changeIndustryFilter(e, t, n, !0)} selected>${n}</calcite-tree-item>`) : u(t, a`<calcite-tree-item .label=${n} @click=${() => this.changeIndustryFilter(e, t, n, !0)}>${n}</calcite-tree-item>`);
+    }), c = Object.entries(T).map(([e, r]) => {
+      const t = Object.keys(this._translations.industries).find((g) => g.toUpperCase() === e.toUpperCase()), l = t && t in this._translations.industries ? this._translations.industries[t] : e, n = r, m = i(e), h = o(e, n);
+      return m ? u(e, a`<calcite-tree-item .label=${l} @click=${() => this.changeIndustryFilter(e, "", l, !0)} selected .expanded=${h ? !0 : void 0}>${l}${n.length > 0 && a`<calcite-tree slot=children selection-mode=multiple>${d(e, n)}</calcite-tree>` || ""}</calcite-tree-item>`) : u(e, a`<calcite-tree-item .label=${l} @click=${() => this.changeIndustryFilter(e, "", l, !0)} .expanded=${h ? !0 : void 0}>${l}${n.length > 0 && a`<calcite-tree slot=children selection-mode=multiple>${d(e, n)}</calcite-tree>` || ""}</calcite-tree-item>`);
     });
     return a`<calcite-block description expanded class="border-color" .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-tree selection-mode=single-persist>${c}</calcite-tree></calcite-block>`;
   }
 }
-S("solutions-filter-panel", R);
+S("solutions-filter-panel", f);
 export {
-  R as SolutionsFilterPanel
+  f as SolutionsFilterPanel
 };

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

@@ -1,6 +1,5 @@
 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-tree-item";

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

@@ -1,6 +1,5 @@
 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-tree-item";

package/dist/components/solutions-searchsort-toolbar/customElement.d.ts

@@ -0,0 +1,58 @@
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { IFilterOption, ISearchOption, ISortOption, SortType } from '../../utils/interfaces';
+
+type ScopeType = 'solutions' | 'deployments';
+export interface ISearchSortSettings extends ISearchOption, ISortOption {
+}
+export declare class SolutionsSearchSortToolbar extends LitElement {
+    /**
+     * The default type to sort solutions by
+     *
+     * @default 'relevance'
+     */
+    defaultSortType: SortType;
+    /**
+     * Determines if the Owner section should be shown.
+     *
+     * @default false
+     */
+    isAllSolutions: boolean;
+    /**
+     * When true we are in mobile view.
+     *
+     * @default false
+     */
+    isMobile: boolean;
+    /**
+     * The enviornment on which to perform search or sort
+     *
+     * @default 'solutions'
+     */
+    scope: ScopeType;
+    /**
+     * 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 Deployments view.
+     *
+     * @param isMySolutions Flag to show user's solution or organization's solutions.
+     */
+    changeOwnerFilter(isMySolutions: boolean): void;
+    /**
+     * Filters the solutions by a text search phrase.
+     *
+     * @param searchTerm the string lookup solutions by.
+     * @param emit (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.
+     */
+    changeSearchFilter(searchTerm: string, emit?: boolean): void;
+    /** The event that gets emitted after any filter option has changed. */
+    readonly searchChanged: TargetedEvent<this, {
+        option: ISearchOption | IFilterOption | null;
+        scope: ScopeType;
+    }>;
+    /** Emitted on demand when the sort type changes */
+    readonly sortTypeChanged: TargetedEvent<this, {
+        sortType: SortType;
+        scope: ScopeType;
+    }>;
+}
+export {};