@esri/solutions-components 1.2.0-next.24 → 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.24 */
+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.24 */
-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,141 +45,151 @@ 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.owner ?? a}><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 === "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.24 */
+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.24 */
+v1.2.0-next.26 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();