@esri/solutions-components 1.2.0-next.3 → 1.2.0-next.30

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

@@ -0,0 +1,105 @@
+import { c as i } from "../../chunks/runtime.js";
+import { css as a, html as e } from "lit";
+import { u as n } from "../../chunks/useT9n.js";
+import { LitElement as c } from "@arcgis/lumina";
+import { useContextConsumer as o } from "@arcgis/lumina/context";
+import { c as r } from "../../chunks/deployAppContexts.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.30 */
+const l = a`/** @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.
+ */.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1{padding-bottom:1rem}.height-full{height:100%}.padding-start-2px{padding-inline-start:2px}.padding-end-2px{padding-inline-end:2px}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-foreground-2)}calcite-list-item{--calcite-list-border-color: none}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}`;
+class u extends c {
+  constructor() {
+    super(...arguments), this.showAssistant = !1, this._isSearching = !1, this._resourceType = "resources", this._translations = n({ name: "solutions-resources", blocking: !0 }), this._quickLinks = [], this._configContextConsumer = o({
+      context: r,
+      subscribe: !0,
+      callback: async () => {
+        await this._search();
+      }
+    });
+  }
+  static {
+    this.properties = { showAssistant: 5, _resourcesResponse: 16, _blogsResponse: 16, _isSearching: 16, _resourceType: 16, _translations: 16 };
+  }
+  static {
+    this.styles = l;
+  }
+  async load() {
+    this._initQuickLinks();
+  }
+  render() {
+    const t = this._configContextConsumer?.value?.userSession?.token;
+    return e`<div class="height-full"><calcite-tabs class="height-full" layout=center scale=l><calcite-tab-nav slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._resourceType = "resources"} selected>${this._translations.featuredArticles}</calcite-tab-title><calcite-tab-title @calciteTabsActivate=${() => this._resourceType = "quick-links"}>${this._translations.solutionsQuickLinks}</calcite-tab-title></calcite-tab-nav><calcite-tab selected><calcite-panel><div>${this._getFeaturedResources()}</div></calcite-panel></calcite-tab><calcite-tab><calcite-panel><div>${this._getQuickLinks()}</div></calcite-panel></calcite-tab></calcite-tabs>${this.showAssistant && t && e`<arcgis-solutions-assistant .token=${t}></arcgis-solutions-assistant>` || ""}</div>`;
+  }
+  _initQuickLinks() {
+    this._quickLinks = [{
+      icon: "home",
+      label: this._translations.getStartedLink,
+      url: "https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/get-started.htm"
+    }, {
+      icon: "mega-phone",
+      label: this._translations.whatsNewLink,
+      url: "https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/what-s-new-in-arcgis-solutions.htm"
+    }, {
+      icon: "geonet-question",
+      label: this._translations.frequentlyAskQuestionsLink,
+      url: "https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/faqs.htm"
+    }, {
+      icon: "information",
+      label: this._translations.helpDocumentationLink,
+      url: "https://doc.arcgis.com/en/arcgis-solutions/latest/reference/reference-overview.htm"
+    }, {
+      icon: "article",
+      label: this._translations.arcGisBlogLink,
+      url: "https://www.esri.com/arcgis-blog/?s=#&products=arcgis-solutions"
+    }, {
+      icon: "video",
+      label: this._translations.solutionsVideosLink,
+      url: "https://mediaspace.esri.com/channel/ArcGIS%2BSolutions/251152603"
+    }, {
+      icon: "speech-bubbles",
+      label: this._translations.esriCommunityLink,
+      url: "https://community.esri.com/t5/arcgis-solutions/ct-p/arcgis-solutions"
+    }, {
+      icon: "lightbulb",
+      label: this._translations.shareYourIdeasLink,
+      url: "https://community.esri.com/t5/arcgis-solutions-ideas/idb-p/arcgis-solutions-ideas"
+    }, {
+      icon: "headset",
+      label: this._translations.technicalSupportLink,
+      url: "https://support.esri.com/en-us/contact"
+    }, {
+      icon: "plus",
+      label: this._translations.moreResourcesLink,
+      url: "https://www.esri.com/en-us/arcgis/products/arcgis-solutions/resources"
+    }];
+  }
+  _getQuickLinks() {
+    return this._quickLinks.length > 0 ? e`<calcite-list .label=${this._translations.solutionsQuickLinks} scale=l>${this._quickLinks.map((t) => e`<calcite-list-item .iconStart=${t.icon} .label=${t.label} @click=${() => window.open(t.url, "_blank")}></calcite-list-item>`)}</calcite-list>` : "";
+  }
+  _getFeaturedResources() {
+    const t = this._isSearching ? "display-none" : "";
+    return e`<calcite-card-group label>${this._isSearching && e`<calcite-loader label></calcite-loader>` || ""}${this._blogsResponse?.map((s) => e`<solution-resource-card class=${`padding-start-2px padding-end-2px ${t}`} .heading=${s.heading} .href=${s.href} .src=${s.src} type=resource></solution-resource-card>`)}</calcite-card-group>`;
+  }
+  async _search() {
+    this._resourceType === "resources" && this._configContextConsumer?.value && (this._isSearching = !0, this._isSearching = !1);
+  }
+}
+i("solutions-resources", u);
+export {
+  u as SolutionsResources
+};

package/dist/components/solutions-resources/index.d.ts

@@ -0,0 +1,12 @@
+import "@esri/calcite-components/components/calcite-tabs";
+import "@esri/calcite-components/components/calcite-tab-nav";
+import "@esri/calcite-components/components/calcite-tab-title";
+import "@esri/calcite-components/components/calcite-tab";
+import "@esri/calcite-components/components/calcite-panel";
+import "../arcgis-solutions-assistant/index.js";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-loader";
+import "../solution-resource-card/index.js";
+export * from "./customElement.js";

package/dist/components/solutions-resources/index.js

@@ -0,0 +1,12 @@
+import "@esri/calcite-components/components/calcite-tabs";
+import "@esri/calcite-components/components/calcite-tab-nav";
+import "@esri/calcite-components/components/calcite-tab-title";
+import "@esri/calcite-components/components/calcite-tab";
+import "@esri/calcite-components/components/calcite-panel";
+import "../arcgis-solutions-assistant/index.js";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-loader";
+import "../solution-resource-card/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,7 @@
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+
+export declare class SolutionsResourcesShell extends LitElement {
+    /** Emitted on demand when the sort type changes */
+    readonly sortTypeChanged: TargetedEvent<this, string>;
+}

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

@@ -0,0 +1,43 @@
+import { c as i } from "../../chunks/runtime.js";
+import { css as s, html as t } from "lit";
+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.30 */
+const o = s`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */.position-relative{position:relative}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-background-color: var(--calcite-color-foreground-2)}.width-350{--calcite-shell-panel-width: 350px}.height-full{height:100%}.padding-end-1-2{padding-inline-end:var(--calcite-spacing-sm)}calcite-shell-panel{--calcite-shell-panel-background-color: var(--calcite-color-foreground-1)}calcite-shell{background-color:unset}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.margin-end-md{margin-inline-end:var(--calcite-spacing-md)}`;
+class c extends n {
+  constructor() {
+    super(), this._translations = l({ name: "solutions-resources-shell", blocking: !0 }), this.sortTypeChanged = a(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+  }
+  static {
+    this.properties = { _translations: 16 };
+  }
+  static {
+    this.styles = o;
+  }
+  render() {
+    return t`<calcite-shell class="position-relative"><calcite-shell-panel class="width-350 margin-end-md" position=start slot=panel-start><solutions-resources class="height-full padding-end-1 padding-start-1"></solutions-resources></calcite-shell-panel><solutions-resource-panel class="height-full"></solutions-resource-panel></calcite-shell>`;
+  }
+  _handleDeployAppTabSelected(e) {
+    e.detail === "resources" && this.sortTypeChanged.emit("");
+  }
+}
+i("solutions-resources-shell", c);
+export {
+  c as SolutionsResourcesShell
+};

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

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "../solutions-resources/index.js";
+import "../solutions-resource-panel/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-shell-panel";
+import "../solutions-resources/index.js";
+import "../solutions-resource-panel/index.js";
+export * from "./customElement.js";

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

@@ -37,6 +37,15 @@ export declare class SolutionsSearchSortToolbar extends LitElement {
      * @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;
+    /**
+     * Change the user selected sort type
+     *
+     * @param sortType the string to sort by. Valid values are 'relevance' | 'title' | 'new' | 'updated' | 'suggested' | 'created'.
+     * @param
+     * emit when true the sortTypeChanged event will be emitted and a new search will be fired
+     * when false only the current settings will be updated to support url params
+     */
+    sortChanged(sortType: SortType, emit: boolean): void;
     /** The event that gets emitted after any filter option has changed. */
     readonly searchChanged: TargetedEvent<this, {
         option: ISearchOption | IFilterOption | null;
@@ -47,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 as l } from "../../chunks/runtime.js";
-import { css as c, html as o } from "lit";
-import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as p, createEvent as r, nothing as n } from "@arcgis/lumina";
-import { useContextConsumer as d } from "@arcgis/lumina/context";
-import { a as u } from "../../chunks/deployAppContexts.js";
-import { m as a } from "../../chunks/interfaces.js";
-import { g } 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.3 */
-const S = c`/** @license
+v1.2.0-next.30 */
+const y = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,8 +23,8 @@ const S = c`/** @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{padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box}.flex-row{display:flex;flex-direction:row}.flex-grow-1{flex-grow:1}calcite-input-text{--calcite-color-focus: transparent}calcite-dropdown{--calcite-color-focus: transparent}`;
-class m extends p {
+ */.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 = [
       {
@@ -37,7 +37,7 @@ class m extends p {
         }
       },
       {
-        scope: "my-deployments",
+        scope: "deployments",
         settings: {
           enabled: !0,
           isOrgSolutions: !1,
@@ -45,131 +45,151 @@ class m extends p {
           sortType: "created"
         }
       }
-    ], this._isOrgAdmin = !1, this._translations = h({ name: "solutions-searchsort-toolbar", blocking: !0 }), this._authContextConsumer = d({
-      context: 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 = r(), this.sortTypeChanged = r(), 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", (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 = S;
+    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 ? a.ORGANIZATION : a.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(t, e) {
+    const s = this._activeSearchSortSettings.map((r) => r.scope === this.scope ? {
+      ...r,
+      settings: {
+        ...r.settings,
+        searchTerm: t
+      }
+    } : r);
+    let i = JSON.stringify(this._activeSearchSortSettings) !== JSON.stringify(s);
+    this._activeSearchSortSettings = s, e && i && this.searchChanged.emit({ option: { searchTerm: t }, scope: this.scope });
   }
-  changeSearchFilter(e, t) {
+  sortChanged(t, e) {
     this._activeSearchSortSettings = this._activeSearchSortSettings.map((s) => s.scope === this.scope ? {
       ...s,
       settings: {
         ...s.settings,
-        searchTerm: e
+        sortType: t
       }
-    } : s), t && this.searchChanged.emit({ option: { searchTerm: e }, scope: this.scope });
+    } : s), e && this.sortTypeChanged.emit({ sortType: t, scope: this.scope });
   }
-  sortChanged(e) {
-    this._activeSearchSortSettings = this._activeSearchSortSettings.map((t) => t.scope === this.scope ? {
-      ...t,
-      settings: {
-        ...t.settings,
-        sortType: e
-      }
-    } : t), this.sortTypeChanged.emit({ sortType: e, scope: this.scope });
+  async load() {
+    this._isMobileContextConsumer.value && (this._isMobile = this._isMobileContextConsumer.value);
   }
   willUpdate() {
-    console.warn("TODO need to update string after release in t9manifest"), this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn !== this._isOrgAdmin && (this._isOrgAdmin = g(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 === "my-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) : this.changeSearchFilter(i.value, i.value.length >= 3 || i.value.length === 0);
+      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 === "my-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=outline-fill 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.owner ?? n}><calcite-dropdown-item icon-start=user @click=${() => {
+    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 e = [];
-    e = [{
+    let t = [];
+    t = [{
       displayValue: this._translations.sortByRelevance,
       sortType: "relevance"
     }, {
       displayValue: this._translations.sortByTitle,
       sortType: "title"
-    }], this.scope === "my-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=outline-fill 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 ?? n}>${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)}>${e}</calcite-dropdown-item>` : o`<calcite-dropdown-item @click=${() => this.sortChanged(t)} 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();
   }
 }
-l("solutions-searchsort-toolbar", m);
+h("solutions-searchsort-toolbar", b);
 export {
-  m 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.3 */
+v1.2.0-next.30 */
 /**
  * @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.3 */
+v1.2.0-next.30 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();