@esri/solutions-components 1.2.0-next.25 → 1.2.0-next.26

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

@@ -4,7 +4,7 @@ import { u as l } from "../../chunks/useT9n.js";
 import { LitElement as n, createEvent as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.25 */
+v1.2.0-next.26 */
 const o = s`/** @license
  * Copyright 2025 Esri
  *

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

@@ -56,4 +56,6 @@ export declare class SolutionsSearchSortToolbar extends LitElement {
         sortType: SortType;
         scope: ScopeType;
     }>;
+    /** Emitted on demand when the filter button is clicked in mobile */
+    readonly toggleFilter: TargetedEvent<this, void>;
 }

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

@@ -1,15 +1,15 @@
-import { c } from "../../chunks/runtime.js";
-import { css as h, html as o } from "lit";
-import { u as p } from "../../chunks/useT9n.js";
-import { LitElement as d, createEvent as n, nothing as a } from "@arcgis/lumina";
-import { useContextConsumer as u } from "@arcgis/lumina/context";
-import { a as g } from "../../chunks/deployAppContexts.js";
-import { m as l } from "../../chunks/interfaces.js";
-import { g as S } from "../../chunks/privilegeUtils.js";
+import { c as h } from "../../chunks/runtime.js";
+import { css as p, html as o } from "lit";
+import { u as d } from "../../chunks/useT9n.js";
+import { LitElement as u, createEvent as n, nothing as a } from "@arcgis/lumina";
+import { useContextConsumer as l } from "@arcgis/lumina/context";
+import { a as g, i as S } from "../../chunks/deployAppContexts.js";
+import { m as c } from "../../chunks/interfaces.js";
+import { g as m } from "../../chunks/privilegeUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.25 */
-const m = h`/** @license
+v1.2.0-next.26 */
+const y = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,8 +23,8 @@ const m = h`/** @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.
- */.toolbar-sizing{display:flex;align-items:center;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box;height:65px}.flex-row{display:flex;flex-direction:row}.flex-grow-1{flex-grow:1}calcite-input-text{--calcite-color-focus: transparent;--calcite-input-text-border-color: transparent;--calcite-color-border-input: transparent;--calcite-color-brand: transparent;display:grid;block-size:65px;box-sizing:border-box;border-bottom:2px solid transparent}calcite-dropdown{--calcite-color-focus: transparent}@media(prefers-color-scheme:dark){calcite-input-text:focus{border-bottom:2px solid #009AF2}}@media(prefers-color-scheme:light){calcite-input-text:focus{border-bottom:2px solid #007AC2}}`;
-class y extends d {
+ */.toolbar-sizing{display:flex;align-items:center;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box;height:65px}.flex-row{display:flex;flex-direction:row}.flex-grow-1{flex-grow:1}calcite-input-text{--calcite-color-focus: transparent;--calcite-input-text-border-color: transparent;--calcite-color-border-input: transparent;--calcite-color-brand: transparent;display:grid;block-size:65px;box-sizing:border-box;border-bottom:2px solid transparent}calcite-dropdown{--calcite-color-focus: transparent}@media(prefers-color-scheme:dark){calcite-input-text:focus{border-bottom:2px solid #009AF2}}@media(prefers-color-scheme:light){calcite-input-text:focus{border-bottom:2px solid #007AC2}}.focus-color{--calcite-color-focus: transparent}`;
+class b extends u {
   constructor() {
     super(), this.defaultSortType = "relevance", this.isOrgSolutions = !1, this.isMobile = !1, this._activeSearchSortSettings = [
       {
@@ -45,77 +45,84 @@ class y extends d {
           sortType: "created"
         }
       }
-    ], this._isOrgAdmin = !1, this._translations = p({ name: "solutions-searchsort-toolbar", blocking: !0 }), this._authContextConsumer = u({
+    ], this._isMobile = !1, this._isOrgAdmin = !1, this._translations = d({ name: "solutions-searchsort-toolbar", blocking: !0 }), this._authContextConsumer = l({
       context: g,
       subscribe: !0
-    }), this.searchChanged = n(), this.sortTypeChanged = n(), this.listenOn(window, "deployAppTabSelected", (e) => {
-      const t = e.detail;
-      this.scope = t;
+    }), this._isMobileContextConsumer = l({
+      context: S,
+      subscribe: !0,
+      callback: (t) => this._isMobile = t
+    }), this.searchChanged = n(), this.sortTypeChanged = n(), this.toggleFilter = n(), this.listenOn(window, "deployAppTabSelected", (t) => {
+      const e = t.detail;
+      this.scope = e;
     }), this.listenOn(window, "detailsCardSelected", () => {
       this.scope = void 0;
     }), this.listenOn(window, "deployedCardSelected", () => {
       this.scope = void 0;
-    }), this.listenOn(window, "searchTermSet", (e) => {
-      const t = e.detail;
-      this.scope = t.scope, this.changeSearchFilter(t.searchTerm, !1);
-    }), this.listenOn(window, "sortTypeSet", (e) => {
-      const t = e.detail;
-      this.scope = t.scope, this.sortChanged(t.sortType, !1);
+    }), this.listenOn(window, "searchTermSet", (t) => {
+      const e = t.detail;
+      this.scope = e.scope, this.changeSearchFilter(e.searchTerm, !1);
+    }), this.listenOn(window, "sortTypeSet", (t) => {
+      const e = t.detail;
+      this.scope = e.scope, this.sortChanged(e.sortType, !1);
     });
   }
   static {
-    this.properties = { defaultSortType: [0, { type: String, attribute: "default-sort-type" }], isOrgSolutions: 5, isMobile: 5, scope: 1, _activeSearchSortSettings: 16, _isOrgAdmin: 16, _translations: 16 };
+    this.properties = { defaultSortType: [0, { type: String, attribute: "default-sort-type" }], isOrgSolutions: 5, isMobile: 5, scope: 1, _activeSearchSortSettings: 16, _isMobile: 16, _isOrgAdmin: 16, _translations: 16 };
   }
   static {
-    this.styles = m;
+    this.styles = y;
   }
-  changeOwnerFilter(e) {
-    this.isOrgSolutions = !e, this._activeSearchSortSettings = this._activeSearchSortSettings.map((s) => s.scope === this.scope ? {
+  changeOwnerFilter(t) {
+    this.isOrgSolutions = !t, this._activeSearchSortSettings = this._activeSearchSortSettings.map((s) => s.scope === this.scope ? {
       ...s,
       settings: {
         ...s.settings,
         isOrgSolutions: this.isOrgSolutions
       }
     } : s);
-    const t = {
+    const e = {
       displayValue: this.isOrgSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions,
       type: "owner",
-      value: this.isOrgSolutions ? l.ORGANIZATION : l.OWNER
+      value: this.isOrgSolutions ? c.ORGANIZATION : c.OWNER
     };
-    this.searchChanged.emit({ option: t, scope: this.scope });
+    this.searchChanged.emit({ option: e, scope: this.scope });
   }
-  changeSearchFilter(e, t) {
+  changeSearchFilter(t, e) {
     const s = this._activeSearchSortSettings.map((r) => r.scope === this.scope ? {
       ...r,
       settings: {
         ...r.settings,
-        searchTerm: e
+        searchTerm: t
       }
     } : r);
     let i = JSON.stringify(this._activeSearchSortSettings) !== JSON.stringify(s);
-    this._activeSearchSortSettings = s, t && i && this.searchChanged.emit({ option: { searchTerm: e }, scope: this.scope });
+    this._activeSearchSortSettings = s, e && i && this.searchChanged.emit({ option: { searchTerm: t }, scope: this.scope });
   }
-  sortChanged(e, t) {
+  sortChanged(t, e) {
     this._activeSearchSortSettings = this._activeSearchSortSettings.map((s) => s.scope === this.scope ? {
       ...s,
       settings: {
         ...s.settings,
-        sortType: e
+        sortType: t
       }
-    } : s), t && this.sortTypeChanged.emit({ sortType: e, scope: this.scope });
+    } : s), e && this.sortTypeChanged.emit({ sortType: t, scope: this.scope });
+  }
+  async load() {
+    this._isMobileContextConsumer.value && (this._isMobile = this._isMobileContextConsumer.value);
   }
   willUpdate() {
-    this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn !== this._isOrgAdmin && (this._isOrgAdmin = S(this._authContextConsumer.value));
+    this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn !== this._isOrgAdmin && (this._isOrgAdmin = m(this._authContextConsumer.value));
   }
   render() {
-    const e = this.scope === "all-solutions" || this.scope === "deployments", t = e ? this._getCurrentScopeSetting() : void 0;
-    return e ? o`<div class="flex-row toolbar-sizing"><calcite-input-text class="flex-grow-1" clearable icon=search @keyup=${(s) => {
+    const t = this.scope === "all-solutions" || this.scope === "deployments", e = t ? this._getCurrentScopeSetting() : void 0;
+    return t ? o`<div class="flex-row toolbar-sizing"><calcite-input-text class="flex-grow-1" clearable icon=search @keyup=${(s) => {
       const i = s.target;
       s.key === "Enter" ? this.changeSearchFilter(i.value, !0) : (i.value.length >= 3 || i.value.length === 0) && this.changeSearchFilter(i.value, i.value.length >= 3 || i.value.length === 0);
     }} @blur=${(s) => {
       const i = s.target;
       this.changeSearchFilter(i.value, !0);
-    }} .placeholder=${this._translations.search.solutions} scale=l slot=content-top .value=${t?.searchTerm}></calcite-input-text>${this.scope === "deployments" && this._isOrgAdmin && this._renderOwnerBlock() || ""}${this._renderDropdown()}</div>` : "";
+    }} .placeholder=${this._translations.search.solutions} scale=l slot=content-top .value=${e?.searchTerm}></calcite-input-text>${this._isMobile && this.scope === "all-solutions" ? o`<calcite-button appearance=transparent class="focus-color" icon-start=filter kind=neutral .label=${this._translations.showFilters} @click=${this._toggleFilter}></calcite-button>` : ""}${this.scope === "deployments" && this._isOrgAdmin && this._renderOwnerBlock() || ""}${this._renderDropdown()}</div>` : "";
   }
   _renderOwnerBlock() {
     return o`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=transparent class="header-button-padding" .iconStart=${this.isOrgSolutions ? "organization" : "user"} kind=neutral slot=trigger>${this.isMobile ? "" : this.isOrgSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.filterBy ?? a}><calcite-dropdown-item icon-start=user @click=${() => {
@@ -125,61 +132,64 @@ class y extends d {
     }} .selected=${this.isOrgSolutions}>${this._translations.myOrgSolutions}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
   }
   _renderDropdown() {
-    let e = [];
-    e = [{
+    let t = [];
+    t = [{
       displayValue: this._translations.sortByRelevance,
       sortType: "relevance"
     }, {
       displayValue: this._translations.sortByTitle,
       sortType: "title"
-    }], this.scope === "deployments" ? e.push({
+    }], this.scope === "deployments" ? t.push({
       displayValue: this._translations.sortByDateDeployed,
       sortType: "created"
-    }) : (e.push({
+    }) : (t.push({
       displayValue: this._translations.sortByNew,
       sortType: "new"
-    }), e.push({
+    }), t.push({
       displayValue: this._translations.sortByUpdated,
       sortType: "updated"
-    }), this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn && e.push({
+    }), this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn && t.push({
       displayValue: this._translations.sortBySuggestedForYou,
       sortType: "suggested"
     }));
-    const t = this._getCurrentScopeSetting();
-    return o`<calcite-dropdown width=m><calcite-button appearance=transparent class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile ? "" : this._getString(t.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType ?? a}>${e.map((s) => this._getDropdownItem(s.displayValue, s.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
+    const e = this._getCurrentScopeSetting();
+    return o`<calcite-dropdown width=m><calcite-button appearance=transparent class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile ? "" : this._getString(e.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType ?? a}>${t.map((s) => this._getDropdownItem(s.displayValue, s.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
   }
-  _getDropdownItem(e, t) {
-    return this._getCurrentScopeSetting().sortType !== t ? o`<calcite-dropdown-item @click=${() => this.sortChanged(t, !0)}>${e}</calcite-dropdown-item>` : o`<calcite-dropdown-item @click=${() => this.sortChanged(t, !0)} selected>${e}</calcite-dropdown-item>`;
+  _getDropdownItem(t, e) {
+    return this._getCurrentScopeSetting().sortType !== e ? o`<calcite-dropdown-item @click=${() => this.sortChanged(e, !0)}>${t}</calcite-dropdown-item>` : o`<calcite-dropdown-item @click=${() => this.sortChanged(e, !0)} selected>${t}</calcite-dropdown-item>`;
   }
-  _getString(e) {
-    let t = "";
-    switch (e) {
+  _getString(t) {
+    let e = "";
+    switch (t) {
       case "new":
-        t = this._translations.sortByNew;
+        e = this._translations.sortByNew;
         break;
       case "relevance":
-        t = this._translations.sortByRelevance;
+        e = this._translations.sortByRelevance;
         break;
       case "suggested":
-        t = this._translations.sortBySuggestedForYou;
+        e = this._translations.sortBySuggestedForYou;
         break;
       case "title":
-        t = this._translations.sortByTitle;
+        e = this._translations.sortByTitle;
         break;
       case "updated":
-        t = this._translations.sortByUpdated;
+        e = this._translations.sortByUpdated;
         break;
       case "created":
-        t = this._translations.sortByDateDeployed;
+        e = this._translations.sortByDateDeployed;
         break;
     }
-    return t;
+    return e;
   }
   _getCurrentScopeSetting() {
-    return this._activeSearchSortSettings.filter((t) => t.scope === this.scope)[0].settings;
+    return this._activeSearchSortSettings.filter((e) => e.scope === this.scope)[0].settings;
+  }
+  _toggleFilter() {
+    this.toggleFilter.emit();
   }
 }
-c("solutions-searchsort-toolbar", y);
+h("solutions-searchsort-toolbar", b);
 export {
-  y as SolutionsSearchSortToolbar
+  b as SolutionsSearchSortToolbar
 };

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

@@ -1,6 +1,6 @@
 import "@esri/calcite-components/components/calcite-input-text";
-import "@esri/calcite-components/components/calcite-dropdown";
 import "@esri/calcite-components/components/calcite-button";
+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-searchsort-toolbar/index.js

@@ -1,6 +1,6 @@
 import "@esri/calcite-components/components/calcite-input-text";
-import "@esri/calcite-components/components/calcite-dropdown";
 import "@esri/calcite-components/components/calcite-button";
+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/spatial-ref/customElement.js

@@ -5,7 +5,7 @@ import { css as E, html as t, nothing as i } from "lit";
 import { LitElement as o, createEvent as b, noShadowRoot as f, safeClassMap as y } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.25 */
+v1.2.0-next.26 */
 /**
  * @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.2/esri/copyright.txt for details.
-v1.2.0-next.25 */
+v1.2.0-next.26 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();

package/dist/docs/api.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-11-13T05:08:38",
+  "timestamp": "2025-11-14T00:52:37",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "5.0.0-next.53",
@@ -22380,6 +22380,18 @@
                       }
                     ]
                   }
+                },
+                {
+                  "name": "emit",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean",
+                    "values": [
+                      {
+                        "type": "boolean"
+                      }
+                    ]
+                  }
                 }
               ],
               "return": {
@@ -22387,7 +22399,7 @@
                   "text": "void"
                 }
               },
-              "signature": "(tab: DeployAppTab): void"
+              "signature": "(tab: DeployAppTab, emit?: boolean): void"
             },
             {
               "kind": "field",
@@ -24417,6 +24429,13 @@
               "type": {
                 "text": "{\n    sortType: SortType;\n    scope: ScopeType;\n}"
               }
+            },
+            {
+              "name": "toggleFilter",
+              "description": "Emitted on demand when the filter button is clicked in mobile",
+              "type": {
+                "text": "void"
+              }
             }
           ]
         }

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-11-13T05:08:38",
+  "timestamp": "2025-11-14T00:52:37",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "5.0.0-next.53",
@@ -20175,23 +20175,33 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(tab: DeployAppTab): void",
+            "signature": "(tab: DeployAppTab, emit?: boolean): void",
             "parameters": [
               {
                 "name": "tab",
                 "type": "\"all-solutions\" | \"deployed-card\" | \"deployments\" | \"details\" | \"resources\"",
                 "docs": ""
+              },
+              {
+                "name": "emit",
+                "type": "boolean",
+                "docs": ""
               }
             ],
             "return": "void",
             "references": {}
           },
-          "signature": "activateMenuItem(tab: DeployAppTab): void",
+          "signature": "activateMenuItem(tab: DeployAppTab, emit?: boolean): void",
           "parameters": [
             {
               "name": "tab",
               "type": "\"all-solutions\" | \"deployed-card\" | \"deployments\" | \"details\" | \"resources\"",
               "docs": ""
+            },
+            {
+              "name": "emit",
+              "type": "boolean",
+              "docs": ""
             }
           ],
           "docs": "Use to set the active state for all nav menu items",
@@ -21934,6 +21944,20 @@
           "composed": true,
           "docs": "Emitted on demand when the sort type changes",
           "docsTags": []
+        },
+        {
+          "event": "toggleFilter",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted on demand when the filter button is clicked in mobile",
+          "docsTags": []
         }
       ],
       "styles": [],

package/dist/docs/vscode.html-custom-data.json

@@ -2811,7 +2811,7 @@
     },
     {
       "name": "solutions-deploy-app-nav",
-      "description": "### Events\n- **authInit** - Emitted on demand when the auth is initialized\n- **navTabSelected** - Tab selected event\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `activateMenuItem(tab: DeployAppTab): void` - Use to set the active state for all nav menu items\n- `clearMenuItems(): void` - Use to clear the active state from all nav menu items\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "description": "### Events\n- **authInit** - Emitted on demand when the auth is initialized\n- **navTabSelected** - Tab selected event\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `activateMenuItem(tab: DeployAppTab, emit?: boolean): void` - Use to set the active state for all nav menu items\n- `clearMenuItems(): void` - Use to clear the active state from all nav menu items\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
       "attributes": [
         {
           "name": "app-config",
@@ -2959,7 +2959,7 @@
     },
     {
       "name": "solutions-searchsort-toolbar",
-      "description": "### Events\n- **searchChanged** - The event that gets emitted after any filter option has changed.\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `changeOwnerFilter(isMySolutions: boolean): void` - Changes the filter to show only solutions that the user owns or the solutions within the organization.\r\nThis function is only available when the application is in the Deployments view.\n- `changeSearchFilter(searchTerm: string, emit?: boolean): void` - Filters the solutions by a text search phrase.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `sortChanged(sortType: SortType, emit: boolean): void` - Change the user selected sort type",
+      "description": "### Events\n- **searchChanged** - The event that gets emitted after any filter option has changed.\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n- **toggleFilter** - Emitted on demand when the filter button is clicked in mobile\n\n### Methods\n- `changeOwnerFilter(isMySolutions: boolean): void` - Changes the filter to show only solutions that the user owns or the solutions within the organization.\r\nThis function is only available when the application is in the Deployments view.\n- `changeSearchFilter(searchTerm: string, emit?: boolean): void` - Filters the solutions by a text search phrase.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `sortChanged(sortType: SortType, emit: boolean): void` - Change the user selected sort type",
       "attributes": [
         {
           "name": "default-sort-type",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/solutions-components",
-  "version": "1.2.0-next.25",
+  "version": "1.2.0-next.26",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -7653,7 +7653,7 @@
         },
         {
           "name": "solutions-deploy-app-nav",
-          "description": "### Events\n- **authInit** - Emitted on demand when the auth is initialized\n- **navTabSelected** - Tab selected event\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `activateMenuItem(tab: DeployAppTab): void` - Use to set the active state for all nav menu items\n- `clearMenuItems(): void` - Use to clear the active state from all nav menu items\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **authInit** - Emitted on demand when the auth is initialized\n- **navTabSelected** - Tab selected event\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `activateMenuItem(tab: DeployAppTab, emit?: boolean): void` - Use to set the active state for all nav menu items\n- `clearMenuItems(): void` - Use to clear the active state from all nav menu items\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [
             {
               "name": "app-config",
@@ -8068,7 +8068,7 @@
         },
         {
           "name": "solutions-searchsort-toolbar",
-          "description": "### Events\n- **searchChanged** - The event that gets emitted after any filter option has changed.\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `changeOwnerFilter(isMySolutions: boolean): void` - Changes the filter to show only solutions that the user owns or the solutions within the organization.\r\nThis function is only available when the application is in the Deployments view.\n- `changeSearchFilter(searchTerm: string, emit?: boolean): void` - Filters the solutions by a text search phrase.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `sortChanged(sortType: SortType, emit: boolean): void` - Change the user selected sort type",
+          "description": "### Events\n- **searchChanged** - The event that gets emitted after any filter option has changed.\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n- **toggleFilter** - Emitted on demand when the filter button is clicked in mobile\n\n### Methods\n- `changeOwnerFilter(isMySolutions: boolean): void` - Changes the filter to show only solutions that the user owns or the solutions within the organization.\r\nThis function is only available when the application is in the Deployments view.\n- `changeSearchFilter(searchTerm: string, emit?: boolean): void` - Filters the solutions by a text search phrase.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `sortChanged(sortType: SortType, emit: boolean): void` - Change the user selected sort type",
           "attributes": [
             {
               "name": "default-sort-type",
@@ -8122,6 +8122,11 @@
               "name": "sortTypeChanged",
               "type": "{\n    sortType: SortType;\n    scope: ScopeType;\n}",
               "description": "Emitted on demand when the sort type changes"
+            },
+            {
+              "name": "toggleFilter",
+              "type": "void",
+              "description": "Emitted on demand when the filter button is clicked in mobile"
             }
           ],
           "js": {
@@ -8157,6 +8162,11 @@
                 "name": "sortTypeChanged",
                 "type": "{\n    sortType: SortType;\n    scope: ScopeType;\n}",
                 "description": "Emitted on demand when the sort type changes"
+              },
+              {
+                "name": "toggleFilter",
+                "type": "void",
+                "description": "Emitted on demand when the filter button is clicked in mobile"
               }
             ]
           }

package/dist/index.d.ts

@@ -1176,6 +1176,7 @@ declare global {
   interface HTMLSolutionsSearchsortToolbarElementEventMap {
     "searchChanged": SolutionsSearchSortToolbar["searchChanged"]["detail"];
     "sortTypeChanged": SolutionsSearchSortToolbar["sortTypeChanged"]["detail"];
+    "toggleFilter": SolutionsSearchSortToolbar["toggleFilter"]["detail"];
   }
 
   interface HTMLSolutionsSearchsortToolbarElement extends SolutionsSearchSortToolbar {

package/dist/index.js

@@ -3,7 +3,7 @@ import { A as O } from "./chunks/Auth.js";
 import { p as A, q as e, B as I, C as L, i as R, n as P, k as t, h as o, g as U, E as N, j as i, a as p, m as C, c as r, o as M, d as B, e as D, l as y, b as G, f, I as H, P as g, s as l, r as m, t as n, u, v as x, w as d, x as K, y as h, S as w, z as F, D as Y, F as c, A as v, G as z, H as W } from "./chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.25 */
+v1.2.0-next.26 */
 export {
   O as Auth,
   A as BASE_DEPLOYED_TERMS,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.25 */
+v1.2.0-next.26 */
 const l = o(e, {
   "arcgis-solutions-assistant": [() => import("./components/arcgis-solutions-assistant/customElement.js"), "docAIurl,open,serverRoot,solutionAIurl,token;handleSendMessage,loopRequest,requestAIServer;resetChat"],
   "basemap-gallery": [() => import("./components/basemap-gallery/customElement.js"), "basemapConfig:,basemapWidget:,mapView:"],

package/dist/types/lumina.d.ts

@@ -412,6 +412,7 @@ interface LuminaSolutionsResourcesShell extends h.JSX.HTMLAttributes<HTMLSolutio
 interface LuminaSolutionsSearchsortToolbar extends Partial<Pick<SolutionsSearchSortToolbar, 'defaultSortType' | 'isMobile' | 'isOrgSolutions' | 'scope'>>, h.JSX.HTMLAttributes<HTMLSolutionsSearchsortToolbarElement> {
   onsearchChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["searchChanged"]>;
   onsortTypeChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["sortTypeChanged"]>;
+  ontoggleFilter?: EventHandler<HTMLSolutionsSearchsortToolbarElement["toggleFilter"]>;
 }
 
 interface LuminaSpatialRef extends Partial<Pick<SpatialRef, 'defaultWkid' | 'disabled' | 'value'>>, h.JSX.HTMLAttributes<HTMLSpatialRefElement> {

package/dist/types/preact.d.ts

@@ -413,6 +413,7 @@ interface PreactSolutionsResourcesShell extends HTMLAttributes<HTMLSolutionsReso
 interface PreactSolutionsSearchsortToolbar extends Partial<Pick<SolutionsSearchSortToolbar, 'defaultSortType' | 'isMobile' | 'isOrgSolutions' | 'scope'>>, HTMLAttributes<HTMLSolutionsSearchsortToolbarElement> {
   onsearchChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["searchChanged"]>;
   onsortTypeChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["sortTypeChanged"]>;
+  ontoggleFilter?: EventHandler<HTMLSolutionsSearchsortToolbarElement["toggleFilter"]>;
 }
 
 interface PreactSpatialRef extends Partial<Pick<SpatialRef, 'defaultWkid' | 'disabled' | 'value'>>, HTMLAttributes<HTMLSpatialRefElement> {

package/dist/types/preact10.d.ts

@@ -484,6 +484,7 @@ interface PreactSolutionsResourcesShell extends PreactJsx.HTMLAttributes<HTMLSol
 interface PreactSolutionsSearchsortToolbar extends Partial<Pick<SolutionsSearchSortToolbar, 'defaultSortType' | 'isMobile' | 'isOrgSolutions' | 'scope'>>, PreactJsx.HTMLAttributes<HTMLSolutionsSearchsortToolbarElement> {
   onsearchChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["searchChanged"]>;
   onsortTypeChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["sortTypeChanged"]>;
+  ontoggleFilter?: EventHandler<HTMLSolutionsSearchsortToolbarElement["toggleFilter"]>;
 }
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */

package/dist/types/react.d.ts

@@ -413,6 +413,7 @@ interface ReactSolutionsResourcesShell extends HTMLProps<HTMLSolutionsResourcesS
 interface ReactSolutionsSearchsortToolbar extends Partial<Pick<SolutionsSearchSortToolbar, 'defaultSortType' | 'isMobile' | 'isOrgSolutions' | 'scope'>>, HTMLProps<HTMLSolutionsSearchsortToolbarElement> {
   onsearchChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["searchChanged"]>;
   onsortTypeChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["sortTypeChanged"]>;
+  ontoggleFilter?: EventHandler<HTMLSolutionsSearchsortToolbarElement["toggleFilter"]>;
 }
 
 interface ReactSpatialRef extends Partial<Pick<SpatialRef, 'defaultWkid' | 'disabled' | 'value'>>, HTMLProps<HTMLSpatialRefElement> {

package/dist/types/stencil.d.ts

@@ -413,6 +413,7 @@ interface StencilSolutionsResourcesShell extends StencilJsx.HTMLAttributes<HTMLS
 interface StencilSolutionsSearchsortToolbar extends Partial<Pick<SolutionsSearchSortToolbar, 'defaultSortType' | 'isMobile' | 'isOrgSolutions' | 'scope'>>, StencilJsx.HTMLAttributes<HTMLSolutionsSearchsortToolbarElement> {
   onSearchChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["searchChanged"]>;
   onSortTypeChanged?: EventHandler<HTMLSolutionsSearchsortToolbarElement["sortTypeChanged"]>;
+  onToggleFilter?: EventHandler<HTMLSolutionsSearchsortToolbarElement["toggleFilter"]>;
 }
 
 interface StencilSpatialRef extends Partial<Pick<SpatialRef, 'defaultWkid' | 'disabled' | 'value'>>, StencilJsx.HTMLAttributes<HTMLSpatialRefElement> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "1.2.0-next.25",
+  "version": "1.2.0-next.26",
   "description": "Web Components for Esri's Solutions Applications",
   "type": "module",
   "main": "dist/index.js",

package/dist/cdn/6RSL6JCZ.js

@@ -1,18 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.25 */
-import{b as m}from"./Z3INPQ3P.js";import{c as S}from"./5FG7JIL6.js";import{b as u}from"./6HWRE6RG.js";import{m as c}from"./RDASDC76.js";import{a as g}from"./5PRG5J4I.js";import"./IN5SSIXG.js";import"./DTOU5IAO.js";import{b as d}from"./6GTTRESX.js";import{E as p,I as a,h,i as o,o as n}from"./SR6U5ITN.js";import"./LBWBQTWE.js";var y=h`/** @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.
- */.toolbar-sizing{display:flex;align-items:center;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box;height:65px}.flex-row{display:flex;flex-direction:row}.flex-grow-1{flex-grow:1}calcite-input-text{--calcite-color-focus: transparent;--calcite-input-text-border-color: transparent;--calcite-color-border-input: transparent;--calcite-color-brand: transparent;display:grid;block-size:65px;box-sizing:border-box;border-bottom:2px solid transparent}calcite-dropdown{--calcite-color-focus: transparent}@media(prefers-color-scheme:dark){calcite-input-text:focus{border-bottom:2px solid #009AF2}}@media(prefers-color-scheme:light){calcite-input-text:focus{border-bottom:2px solid #007AC2}}`,l=class extends p{constructor(){super(),this.defaultSortType="relevance",this.isOrgSolutions=!1,this.isMobile=!1,this._activeSearchSortSettings=[{scope:"all-solutions",settings:{enabled:!0,isOrgSolutions:!1,searchTerm:"",sortType:"relevance"}},{scope:"deployments",settings:{enabled:!0,isOrgSolutions:!1,searchTerm:"",sortType:"created"}}],this._isOrgAdmin=!1,this._translations=g({name:"solutions-searchsort-toolbar",blocking:!0}),this._authContextConsumer=u({context:S,subscribe:!0}),this.searchChanged=n(),this.sortTypeChanged=n(),this.listenOn(window,"deployAppTabSelected",t=>{let e=t.detail;this.scope=e}),this.listenOn(window,"detailsCardSelected",()=>{this.scope=void 0}),this.listenOn(window,"deployedCardSelected",()=>{this.scope=void 0}),this.listenOn(window,"searchTermSet",t=>{let e=t.detail;this.scope=e.scope,this.changeSearchFilter(e.searchTerm,!1)}),this.listenOn(window,"sortTypeSet",t=>{let e=t.detail;this.scope=e.scope,this.sortChanged(e.sortType,!1)})}static{this.properties={defaultSortType:[0,{type:String,attribute:"default-sort-type"}],isOrgSolutions:5,isMobile:5,scope:1,_activeSearchSortSettings:16,_isOrgAdmin:16,_translations:16}}static{this.styles=y}changeOwnerFilter(t){this.isOrgSolutions=!t,this._activeSearchSortSettings=this._activeSearchSortSettings.map(s=>s.scope===this.scope?{...s,settings:{...s.settings,isOrgSolutions:this.isOrgSolutions}}:s);let e={displayValue:this.isOrgSolutions?this._translations.myOrgSolutions:this._translations.mySolutions,type:"owner",value:this.isOrgSolutions?c.ORGANIZATION:c.OWNER};this.searchChanged.emit({option:e,scope:this.scope})}changeSearchFilter(t,e){let s=this._activeSearchSortSettings.map(r=>r.scope===this.scope?{...r,settings:{...r.settings,searchTerm:t}}:r),i=JSON.stringify(this._activeSearchSortSettings)!==JSON.stringify(s);this._activeSearchSortSettings=s,e&&i&&this.searchChanged.emit({option:{searchTerm:t},scope:this.scope})}sortChanged(t,e){this._activeSearchSortSettings=this._activeSearchSortSettings.map(s=>s.scope===this.scope?{...s,settings:{...s.settings,sortType:t}}:s),e&&this.sortTypeChanged.emit({sortType:t,scope:this.scope})}willUpdate(){this._authContextConsumer.value&&this._authContextConsumer.value.IsSignedIn!==this._isOrgAdmin&&(this._isOrgAdmin=m(this._authContextConsumer.value))}render(){let t=this.scope==="all-solutions"||this.scope==="deployments",e=t?this._getCurrentScopeSetting():void 0;return t?o`<div class="flex-row toolbar-sizing"><calcite-input-text class="flex-grow-1" clearable icon=search @keyup=${s=>{let i=s.target;s.key==="Enter"?this.changeSearchFilter(i.value,!0):(i.value.length>=3||i.value.length===0)&&this.changeSearchFilter(i.value,i.value.length>=3||i.value.length===0)}} @blur=${s=>{let i=s.target;this.changeSearchFilter(i.value,!0)}} .placeholder=${this._translations.search.solutions} scale=l slot=content-top .value=${e?.searchTerm}></calcite-input-text>${this.scope==="deployments"&&this._isOrgAdmin&&this._renderOwnerBlock()||""}${this._renderDropdown()}</div>`:""}_renderOwnerBlock(){return o`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=transparent class="header-button-padding" .iconStart=${this.isOrgSolutions?"organization":"user"} kind=neutral slot=trigger>${this.isMobile?"":this.isOrgSolutions?this._translations.myOrgSolutions:this._translations.mySolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.filterBy??a}><calcite-dropdown-item icon-start=user @click=${()=>{this.changeOwnerFilter(!0)}} .selected=${!this.isOrgSolutions}>${this._translations.mySolutions}</calcite-dropdown-item><calcite-dropdown-item icon-start=organization @click=${()=>{this.changeOwnerFilter(!1)}} .selected=${this.isOrgSolutions}>${this._translations.myOrgSolutions}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}_renderDropdown(){let t=[];t=[{displayValue:this._translations.sortByRelevance,sortType:"relevance"},{displayValue:this._translations.sortByTitle,sortType:"title"}],this.scope==="deployments"?t.push({displayValue:this._translations.sortByDateDeployed,sortType:"created"}):(t.push({displayValue:this._translations.sortByNew,sortType:"new"}),t.push({displayValue:this._translations.sortByUpdated,sortType:"updated"}),this._authContextConsumer.value&&this._authContextConsumer.value.IsSignedIn&&t.push({displayValue:this._translations.sortBySuggestedForYou,sortType:"suggested"}));let e=this._getCurrentScopeSetting();return o`<calcite-dropdown width=m><calcite-button appearance=transparent class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile?"":this._getString(e.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType??a}>${t.map(s=>this._getDropdownItem(s.displayValue,s.sortType))}</calcite-dropdown-group></calcite-dropdown>`}_getDropdownItem(t,e){return this._getCurrentScopeSetting().sortType!==e?o`<calcite-dropdown-item @click=${()=>this.sortChanged(e,!0)}>${t}</calcite-dropdown-item>`:o`<calcite-dropdown-item @click=${()=>this.sortChanged(e,!0)} selected>${t}</calcite-dropdown-item>`}_getString(t){let e="";switch(t){case"new":e=this._translations.sortByNew;break;case"relevance":e=this._translations.sortByRelevance;break;case"suggested":e=this._translations.sortBySuggestedForYou;break;case"title":e=this._translations.sortByTitle;break;case"updated":e=this._translations.sortByUpdated;break;case"created":e=this._translations.sortByDateDeployed;break}return e}_getCurrentScopeSetting(){return this._activeSearchSortSettings.filter(t=>t.scope===this.scope)[0].settings}};d("solutions-searchsort-toolbar",l);export{l as SolutionsSearchSortToolbar};