@esri/solutions-components 1.0.0-next.20250605 → 1.0.0-next.20250613

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

@@ -2,14 +2,15 @@ import { c as n } from "../../chunks/runtime.js";
 import { html as s, svg as l } from "lit-html";
 import { u as d } from "../../chunks/useT9n.js";
 import { LitElement as h, useContextConsumer as i, createEvent as c, nothing as u } from "@arcgis/lumina";
-import { css as p } from "@lit/reactive-element/css-tag.js";
-import { C as r, g } from "../../chunks/cardFetchingUtils.js";
-import { a as m, u as _ } from "../../chunks/deployAppContexts.js";
-import { B as o, b as y, c as f } from "../../chunks/interfaces.js";
+import { css as m } from "@lit/reactive-element/css-tag.js";
+import { C as o, g as p } from "../../chunks/cardFetchingUtils.js";
+import { a as g, u as _ } from "../../chunks/deployAppContexts.js";
+import { B as r, p as y, q as C, r as f } from "../../chunks/interfaces.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.0/esri/copyright.txt for details.
-v1.0.0-next.20250605 */
-const C = p`/** @license
+v1.0.0-next.20250613 */
+const w = m`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,37 +25,37 @@ const C = p`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */calcite-panel{width:100%;height:100%}.card-group{overflow:hidden;padding:.5rem}.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}.flex-direction-column{flex-direction:column}`;
-class S extends h {
+class x extends h {
   constructor() {
-    super(...arguments), this.authContextConsumer = i({
-      context: m,
+    super(), this.authContextConsumer = i({
+      context: g,
       subscribe: !0
     }), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "created", this.userSessionContextConsumer = i({
       context: _,
       subscribe: !0
-    }), this.cards = [], this._translations = d({ name: "solutions-deployed-panel", blocking: !0 }), this._allCards = [], this._agoTerms = o, this._baseAgoTerms = o, this._categories = [], this._delay = !1, this._sortField = "created", this._sortOrder = "desc", this.deployedCardsFetched = c();
+    }), this.cards = [], this._translations = d({ name: "solutions-deployed-panel", blocking: !0 }), this._allCards = [], this._agoTerms = r, this._baseAgoTerms = r, this._categories = [], this._delay = !1, this._isOrgAdmin = !1, this._owner = y.OWNER, this._sortField = "created", this._sortOrder = "desc", this.deployedCardsFetched = c(), this.listenOn(window, "solutionDeleted", this.load);
   }
   static {
     this.properties = { authContextConsumer: 32, agoSolutionsGroupId: 1, enterpriseSolutionsGroupId: 1, locale: 1, orgUrl: 1, portalUrl: 1, sortType: 1, userSessionContextConsumer: 32, cards: 16, _translations: 16 };
   }
   static {
-    this.styles = C;
+    this.styles = w;
   }
   async searchSolutions(e) {
     e ? "searchTerm" in e ? this._textSearch(e.searchTerm) : "sortType" in e ? this._sortCards(e) : this._filterCards(e) : (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories()), await this._getDeployedSolutions();
   }
   async load() {
-    this._cardsFetcher = new r(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new r(this.locale, this.orgUrl, this.portalUrl), await this._getDeployedSolutions();
+    this._cardsFetcher = new o(this.locale, this.orgUrl, this.portalUrl), this._cardsFetcherDeployed = new o(this.locale, this.orgUrl, this.portalUrl), this._isOrgAdmin = S(this.authContextConsumer.value), await this._getDeployedSolutions();
   }
   render() {
     return s`<calcite-panel><calcite-card-group class="card-group" label>${this._renderCards()}</calcite-card-group></calcite-panel>`;
   }
   _renderCards() {
-    return this.cards.length ? this.cards.map((e) => s`<solution-deployed-card .deployedDate=${e.created} .description=${e.snippet} .heading=${e.title} itemId=${e.id ?? u} .owner=${e.owner} .thumbnail=${e.thumbnailUrl}></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.cards.map((e) => s`<solution-deployed-card .allowDelete=${this._isOrgAdmin || e.owner === this.userSessionContextConsumer.value.username} .deployedDate=${e.created} .description=${e.snippet} .heading=${e.title} itemId=${e.id ?? u} .owner=${e.owner} .thumbnail=${e.thumbnailUrl} .card=${e}></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>`;
   }
   async _getDeployedSolutions() {
-    const e = await g(this.authContextConsumer.value, this.userSessionContextConsumer.value, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards);
-    this.cards = e?.cards ?? [], e?.relatedSolutions && (this._relatedSolutions = e?.relatedSolutions, console.log(this._relatedSolutions)), this.deployedCardsFetched.emit(this.cards.length);
+    const e = await p(this.authContextConsumer.value, this.userSessionContextConsumer.value, this._cardsFetcher, this._cardsFetcherDeployed, this._agoTerms, this._sortField, this._sortOrder, this._delay, this._categories, this._allCards, this._owner);
+    this.cards = e?.cards ?? [], console.log(this.cards), e?.relatedSolutions && (this._relatedSolutions = e.relatedSolutions, console.log(this._relatedSolutions)), this.deployedCardsFetched.emit(this.cards.length);
   }
   _getSolutionsBriefcase() {
     return s`<div class="solutions-briefcase"><svg viewBox="0 0 32 32" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${l`<path d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" fill=#ccc /><path d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" fill=#ccc />`}</svg></div>`;
@@ -64,7 +65,7 @@ class S extends h {
   }
   _sortCards(e) {
     const t = e.sortType;
-    (t === "relevance" || t === "title") && (t === "title" && (this._sortOrder = "asc"), this._sortField = t), this.sortType = t;
+    t === "relevance" || t === "title" ? (t === "title" && (this._sortOrder = "asc"), this._sortField = t) : (t === "updated" || t === "created") && (this._sortOrder = "desc", this._sortField = t), this.sortType = t;
   }
   _filterCards(e) {
     if (e.industry) {
@@ -74,11 +75,12 @@ class S extends h {
         this._categories = [`/Categories/${t}/${a}`];
       } else
         this._categories = [`/Categories/${t}`];
-      this._getDeployedSolutions();
-    }
+      e.type === "owner" && (this._owner = e.value), this._getDeployedSolutions();
+    } else
+      e.type === "owner" && (this._owner = e.value, this._getDeployedSolutions());
   }
   _getDomainValue(e) {
-    return y[e];
+    return C[e];
   }
   _getIndustryValue(e) {
     return e === "AEC" ? "AEC" : f[e];
@@ -87,7 +89,7 @@ class S extends h {
     this._categories = [];
   }
 }
-n("solutions-deployed-panel", S);
+n("solutions-deployed-panel", x);
 export {
-  S as SolutionsDeployedPanel
+  x as SolutionsDeployedPanel
 };

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

@@ -18,7 +18,7 @@ export declare class SolutionsDeployedShell extends LitElement {
      */
     sortType: SortType;
     /** Emitted on demand when a filter chip is closed */
-    readonly filterRemoved: TargetedEvent<this, string>;
+    readonly filterRemoved: TargetedEvent<this, IFilterOption>;
     /** 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,16 @@
-import { c as h } from "../../chunks/runtime.js";
-import { u } from "../../chunks/useT9n.js";
-import { LitElement as f, useContextProvider as l, createEvent as n, nothing as r, safeStyleMap as o } from "@arcgis/lumina";
+import { c as u } from "../../chunks/runtime.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { LitElement as y, useContextProvider as o, createEvent as r, nothing as c, safeStyleMap as a } from "@arcgis/lumina";
 import { css as b } from "@lit/reactive-element/css-tag.js";
-import { a as g, i as m, u as y } from "../../chunks/deployAppContexts.js";
-import { A as _, a as v, p as a, l as c, b as x, c as C } from "../../chunks/Auth.js";
+import { a as g, i as m, u as _ } from "../../chunks/deployAppContexts.js";
+import { a as v, p as n, l as d, b as x, c as C } from "../../chunks/appConfig.js";
 import { html as i } from "lit";
 import { createRef as S, ref as w } from "lit/directives/ref.js";
+import { A as $ } from "../../chunks/Auth.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250605 */
-const $ = b`/** @license
+v1.0.0-next.20250613 */
+const k = b`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,15 +25,15 @@ const $ = b`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.display-flex{display:flex}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-3);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:.5rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.position-relative{position:relative}`;
-class k extends f {
+class P extends y {
   constructor() {
-    super(), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = u({ name: "solutions-deployed-shell", blocking: !0 }), this._solutionsDeployedPanelRef = S(), this._authContextProvider = l({ context: g }), this._isMobileContextProvider = l({ context: m }), this._userSessionContextProvider = l({ context: y }), this.filterRemoved = n(), this.tokenRefreshed = n(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super(), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = f({ name: "solutions-deployed-shell", blocking: !0 }), this._solutionsDeployedPanelRef = S(), this._authContextProvider = o({ context: g }), this._isMobileContextProvider = o({ context: m }), this._userSessionContextProvider = o({ context: _ }), this.filterRemoved = r(), this.tokenRefreshed = r(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
     this.properties = { solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = $;
+    this.styles = k;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
@@ -41,7 +42,7 @@ class k extends f {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
   }
   async load() {
-    const e = new _(v, a, c);
+    const e = new $(v, n, d);
     await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession);
   }
   _mediaQueryChange(e) {
@@ -49,18 +50,18 @@ class k extends f {
   }
   render() {
     const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
-    return i`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab" icon-start=${e ?? r} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="header-override background-override"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile && this.filterOpen && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
+    return i`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab" icon-start=${e ?? c} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="header-override background-override"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile && this.filterOpen && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
   }
   _getFilterPanel() {
     const e = this.filterOpen ? { display: "block" } : "";
-    return this.isMobile ? i`<calcite-panel class="filter background-override" id=solutions-all-shell-panel-start style=${o(e)}><solutions-filter-panel @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-panel>` : i`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${o(e)} position=start><solutions-filter-panel @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-shell-panel>`;
+    return this.isMobile ? i`<calcite-panel class="filter background-override" id=solutions-all-shell-panel-start style=${a(e)}><solutions-filter-panel @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-panel>` : i`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${a(e)} position=start><solutions-filter-panel @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-shell-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<solutions-deployed-panel .agoSolutionsGroupId=${x} .enterpriseSolutionsGroupId=${C} .locale=${c} .orgUrl=${a} @deployedCardsFetched=${this._updateSolutionCount} .portalUrl=${a} .sortType=${this.sortType} style=${o(e)} ${w(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
+    return i`<solutions-deployed-panel .agoSolutionsGroupId=${x} .enterpriseSolutionsGroupId=${C} .locale=${d} .orgUrl=${n} @deployedCardsFetched=${this._updateSolutionCount} .portalUrl=${n} .sortType=${this.sortType} style=${a(e)} ${w(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
   }
   _renderChips() {
     return this.filters.length > 0 ? this.filters.map((e) => i`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${e.displayValue} @calciteChipClose=${() => this._chipClosed(e.displayValue)} .value=${e.displayValue}>${e.displayValue}</calcite-chip>`) : void 0;
@@ -76,7 +77,7 @@ class k extends f {
       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 ?? r}>${e.map((t) => this._getDropdownItem(t.displayValue, t.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
+    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 ?? c}>${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>`;
@@ -105,34 +106,35 @@ class k extends f {
     });
   }
   _chipClosed(e) {
-    this.filters = this.filters.filter((t) => t.displayValue !== e), this._solutionsDeployedPanelRef.value?.searchSolutions(), this.filterRemoved.emit(e);
+    const t = this.filters.filter((s) => s.displayValue === e);
+    this.filters = this.filters.filter((s) => s.displayValue !== e), this._solutionsDeployedPanelRef.value?.searchSolutions(), t.length > 0 && this.filterRemoved.emit(t[0]);
   }
   _toggleFilter() {
     this.filterOpen = !this.filterOpen;
   }
   _filterApplied(e) {
-    e.detail ? ("displayValue" in e.detail && (this.filters = [e.detail]), this._solutionsDeployedPanelRef.value?.searchSolutions(e.detail)) : (this.filters = [], this._solutionsDeployedPanelRef.value?.searchSolutions());
+    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());
   }
   _setRefreshInterval() {
     const e = this._userSessionContextProvider.value, t = this._authContextProvider.value;
     if (e && t) {
-      const d = (e.tokenExpires?.getTime() - Date.now()) * 0.9;
+      const p = (e.tokenExpires?.getTime() - Date.now()) * 0.9;
       setInterval(
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         async () => {
-          const s = await t?.refreshSession();
-          if (s) {
-            this._userSessionContextProvider.setValue(s);
-            const p = s?.token ?? "";
-            this.tokenRefreshed.emit(p);
+          const l = await t?.refreshSession();
+          if (l) {
+            this._userSessionContextProvider.setValue(l);
+            const h = l?.token ?? "";
+            this.tokenRefreshed.emit(h);
           }
         },
-        d
+        p
       );
     }
   }
 }
-h("solutions-deployed-shell", k);
+u("solutions-deployed-shell", P);
 export {
-  k as SolutionsDeployedShell
+  P as SolutionsDeployedShell
 };

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

@@ -26,22 +26,27 @@ export declare class SolutionsFilterPanel extends LitElement {
     /**
      * Changes the filter to show only solutions that the user owns or the solutions within the organization.
      * This function is only available when the application is in the My Solutions view.
+     *
+     * @param isMySolutions Flag to show user's solution or organization's solutions.
+     * @param emit (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.
      */
-    changeOwnerFilter(isMySolutions: boolean): void;
+    changeOwnerFilter(isMySolutions: boolean, emit?: boolean): void;
     /**
      * Sets the filter on the specific industry or domain that the user chooses in the list.
      *
      * @param group The industry.
      * @param subgroup The domain with the industry.
      * @param displayValue The user friendly value that will be displayed.
+     * @param emit (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.
      */
-    changeIndustryFilter(group: string, subgroup: string, displayValue: string): void;
+    changeIndustryFilter(group: string, subgroup: 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): void;
+    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,15 +1,14 @@
-import { c as d } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
-import { repeat as u } from "lit-html/directives/repeat.js";
-import { keyed as o } from "lit-html/directives/keyed.js";
-import { u as S } from "../../chunks/useT9n.js";
-import { LitElement as m, createEvent as g, noShadowRoot as p } from "@arcgis/lumina";
+import { c as u } from "../../chunks/runtime.js";
+import { html as s } from "lit-html";
+import { keyed as c } from "lit-html/directives/keyed.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { LitElement as m, createEvent as S, noShadowRoot as g } from "@arcgis/lumina";
 import { css as E } from "@lit/reactive-element/css-tag.js";
-import { c as F } from "../../chunks/interfaces.js";
+import { r as y, p as h } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250605 */
-const y = E`@layer{/** @license
+v1.0.0-next.20250613 */
+const F = E`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -40,7 +39,7 @@ const y = E`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const _ = {
+const O = {
   PUBLICSAFETY: ["EMERGENCYMANAGEMENT", "FIRESERVICE", "LAWENFORCEMENT"],
   STATEANDLOCALGOVERNMENT: [
     "AGRICULTURE",
@@ -59,14 +58,14 @@ const _ = {
     "TRANSPORTATION"
   ],
   UTILITIES: ["DISTRICTENERGY", "ELECTRIC", "GAS", "SEWER", "STORMWATER", "WATER"]
-}, O = Object.keys(F).reduce(
-  (c, t) => {
-    const s = t;
-    return c[s] = _[s] ?? [], c;
+}, A = Object.keys(y).reduce(
+  (o, i) => {
+    const t = i;
+    return o[t] = O[t] ?? [], o;
   },
   {}
 );
-class A extends m {
+class I extends m {
   constructor() {
     super(), this.isAIsettingEnabled = !1, this.isAllSolutions = !1, this._activeFilterSettings = {
       industry: {
@@ -75,119 +74,101 @@ class A extends m {
       },
       isOwnerMySolutions: !0,
       searchTerm: ""
-    }, this._translations = S({ name: "solutions-filter-panel", blocking: !0 }), this.applyFilter = g(), this._handleFilterRemoved = (t) => {
-      console.log("Caught globally bubbled event", t);
+    }, this._translations = p({ name: "solutions-filter-panel", blocking: !0 }), this.applyFilter = S(), this._handleFilterRemoved = (i) => {
+      const t = i.detail;
+      if (typeof t == "object" && t !== null && "type" in t && typeof t.type == "string") {
+        const e = t.type;
+        (e === "industry" || e === "domain") && this.changeIndustryFilter("", "", "");
+      } else
+        typeof t == "string" && t.toLowerCase() === h.ORGANIZATION.toLowerCase() && this.changeOwnerFilter(!0, !0);
     }, this.listenOn(window, "filterRemoved", this._handleFilterRemoved);
   }
   static {
     this.properties = { isAIsettingEnabled: 5, isAllSolutions: 5, _activeFilterSettings: 16, _translations: 16 };
   }
   static {
-    this.styles = y;
+    this.styles = F;
   }
   static {
-    this.shadowRootOptions = p;
+    this.shadowRootOptions = g;
   }
-  changeOwnerFilter(t) {
-    if (this._activeFilterSettings.isOwnerMySolutions !== t) {
-      this._activeFilterSettings = {
-        ...this._activeFilterSettings,
-        isOwnerMySolutions: t
-      };
-      const s = {
-        displayValue: this._activeFilterSettings.isOwnerMySolutions ? this._translations.mySolutions : this._translations.myOrgSolutions,
-        type: "owner",
-        value: this._activeFilterSettings.isOwnerMySolutions ? "OWNER" : "ORGANIZATION"
-      };
-      this.applyFilter.emit(s);
-    }
+  changeOwnerFilter(i, t) {
+    this._activeFilterSettings = {
+      ...this._activeFilterSettings,
+      isOwnerMySolutions: i
+    };
+    const e = {
+      displayValue: this._activeFilterSettings.isOwnerMySolutions ? this._translations.mySolutions : this._translations.myOrgSolutions,
+      type: "owner",
+      value: this._activeFilterSettings.isOwnerMySolutions ? h.OWNER : h.ORGANIZATION
+    };
+    t && this.applyFilter.emit(e);
   }
-  changeIndustryFilter(t, s, i) {
+  changeIndustryFilter(i, t, e, r) {
     const n = {
-      displayValue: i,
-      type: s !== "" ? "domain" : "industry",
-      value: s !== "" ? s : t,
-      industry: t,
-      domain: s
+      displayValue: e,
+      type: t !== "" ? "domain" : "industry",
+      value: t !== "" ? t : i,
+      industry: i,
+      domain: t
+    }, l = {
+      group: i,
+      subgroup: t
     };
-    if (t === "") {
-      const e = {
-        group: "",
-        subgroup: ""
-      };
-      this._activeFilterSettings = {
-        ...this._activeFilterSettings,
-        industry: e
-      };
-    } else if (this._activeFilterSettings.industry.group !== t) {
-      const e = {
-        group: t,
-        subgroup: ""
-      };
-      this._activeFilterSettings = {
-        ...this._activeFilterSettings,
-        industry: e
-      };
-    }
-    if (s !== "" && this._activeFilterSettings.industry.subgroup !== s) {
-      const e = {
-        group: this._activeFilterSettings.industry.group,
-        subgroup: s
-      };
-      this._activeFilterSettings = {
-        ...this._activeFilterSettings,
-        industry: e
-      };
-    }
-    this.applyFilter.emit(n);
+    this._activeFilterSettings = {
+      ...this._activeFilterSettings,
+      industry: l
+    }, r && this.applyFilter.emit(n);
   }
-  changeSearchFilter(t) {
+  changeSearchFilter(i, t) {
     this._activeFilterSettings = {
       ...this._activeFilterSettings,
-      searchTerm: t
-    }, (t.length >= 3 || t === "") && this.applyFilter.emit({ searchTerm: t });
+      searchTerm: i
+    }, (i.length >= 3 || i === "") && t && this.applyFilter.emit({ searchTerm: i });
   }
   clearFilters() {
-    this.changeIndustryFilter("", "", ""), this.changeSearchFilter(""), this.changeOwnerFilter(!0), this.applyFilter.emit(null);
+    this.changeIndustryFilter("", "", ""), this.changeSearchFilter(""), this.applyFilter.emit(null), setTimeout(() => {
+      this.changeOwnerFilter(!0, !0);
+    }, 500);
   }
   render() {
-    return l`<calcite-panel description .heading=${this._translations.findSolutions}><calcite-action icon=reset @click=${() => {
+    return s`<calcite-panel description .heading=${this._translations.findSolutions}><calcite-action icon=reset @click=${() => {
       this.clearFilters();
-    }} slot=header-actions-end .text=${this._translations.clear} text-enabled></calcite-action><calcite-input-text class="width-full" clearable icon=search @calciteInputTextInput=${(t) => {
-      this.changeSearchFilter(t.target.value);
-    }} .placeholder=${this._translations.search.solutions} slot=content-top .value=${this._activeFilterSettings.searchTerm}></calcite-input-text><calcite-block-group label>${!this.isAllSolutions && this.renderOwnerBlock() || ""}${this.renderIndustryBlock()}</calcite-block-group>${this.isAIsettingEnabled && l`<calcite-button icon-start=speech-bubbles label="Solutions Assistant" round scale=l slot=footer-start></calcite-button>` || ""}</calcite-panel>`;
+    }} slot=header-actions-end .text=${this._translations.clear} text-enabled></calcite-action><calcite-input-text class="width-full" clearable icon=search @calciteInputTextInput=${(i) => {
+      this.changeSearchFilter(i.target.value, !0);
+    }} .placeholder=${this._translations.search.solutions} slot=content-top .value=${this._activeFilterSettings.searchTerm}></calcite-input-text><calcite-block-group label>${!this.isAllSolutions && this.renderOwnerBlock() || ""}${this.renderIndustryBlock()}</calcite-block-group>${this.isAIsettingEnabled && s`<calcite-button icon-start=speech-bubbles label="Solutions Assistant" round scale=l slot=footer-start></calcite-button>` || ""}</calcite-panel>`;
   }
   renderOwnerBlock() {
-    return l`<calcite-block collapsible description expanded .heading=${this._translations.owner}><calcite-tree selection-mode=single>${this._activeFilterSettings.isOwnerMySolutions ? l`<calcite-tree-item .label=${this._translations.mySolutions} @click=${() => {
-      this.changeOwnerFilter(!0);
-    }} selected>${this._translations.mySolutions}</calcite-tree-item>` : l`<calcite-tree-item .label=${this._translations.mySolutions} @click=${() => {
-      this.changeOwnerFilter(!0);
-    }}>${this._translations.mySolutions}</calcite-tree-item>`}${this._activeFilterSettings.isOwnerMySolutions ? l`<calcite-tree-item .label=${this._translations.myOrgSolutions} @click=${() => {
-      this.changeOwnerFilter(!1);
-    }}>${this._translations.myOrgSolutions}</calcite-tree-item>` : l`<calcite-tree-item .label=${this._translations.myOrgSolutions} @click=${() => {
-      this.changeOwnerFilter(!1);
+    return s`<calcite-block collapsible description expanded .heading=${this._translations.owner}><calcite-tree selection-mode=single-persist>${this._activeFilterSettings.isOwnerMySolutions ? s`<calcite-tree-item .label=${this._translations.mySolutions} @click=${() => {
+      this.changeOwnerFilter(!0, !0);
+    }} selected>${this._translations.mySolutions}</calcite-tree-item>` : s`<calcite-tree-item .label=${this._translations.mySolutions} @click=${() => {
+      this.changeOwnerFilter(!0, !0);
+    }}>${this._translations.mySolutions}</calcite-tree-item>`}${this._activeFilterSettings.isOwnerMySolutions ? s`<calcite-tree-item .label=${this._translations.myOrgSolutions} @click=${() => {
+      this.changeOwnerFilter(!1, !0);
+    }}>${this._translations.myOrgSolutions}</calcite-tree-item>` : s`<calcite-tree-item .label=${this._translations.myOrgSolutions} @click=${() => {
+      this.changeOwnerFilter(!1, !0);
     }} selected>${this._translations.myOrgSolutions}</calcite-tree-item>`}</calcite-tree></calcite-block>`;
   }
   renderIndustryBlock() {
-    const t = (i, n) => u(n, (e) => e, (e) => {
-      const r = Object.keys(this._translations.industriesDomain).find((h) => h.toUpperCase() === e.toUpperCase()), a = r && r in this._translations.industriesDomain ? this._translations.industriesDomain[r] : e;
-      return e === this._activeFilterSettings.industry.subgroup && o(e, l`<calcite-tree-item .label=${a} @click=${() => {
-        this.changeIndustryFilter(i, e, a);
-      }} selected>${a}</calcite-tree-item>`), l`<calcite-tree-item .label=${a} @click=${() => {
-        this.changeIndustryFilter(i, e, a);
-      }}>${a}</calcite-tree-item>`;
-    }), s = Object.entries(O).map(([i, n]) => {
-      const e = Object.keys(this._translations.industries).find((a) => a.toUpperCase() === i.toUpperCase()), r = e && e in this._translations.industries ? this._translations.industries[e] : i;
-      return i === this._activeFilterSettings.industry.group ? o(i, l`<calcite-tree-item .expanded=${i === this._activeFilterSettings.industry.group && n.length > 0} .label=${r} @click=${() => {
-        this.changeIndustryFilter(i, "", r);
-      }} selected>${r}${n.length > 0 && l`<calcite-tree slot=children>${t(i, n)}</calcite-tree>` || ""}</calcite-tree-item>`) : o(i, l`<calcite-tree-item .expanded=${i === this._activeFilterSettings.industry.group && n.length > 0} .label=${r} @click=${() => {
-        this.changeIndustryFilter(i, "", r);
-      }}>${r}${n.length > 0 && l`<calcite-tree slot=children>${t(i, n)}</calcite-tree>` || ""}</calcite-tree-item>`);
+    const i = (e, r) => r.map((n) => {
+      const l = Object.keys(this._translations.industriesDomain).find((d) => d.toUpperCase() === n.toUpperCase()), a = l && l in this._translations.industriesDomain ? this._translations.industriesDomain[l] : n;
+      return n === this._activeFilterSettings.industry.subgroup ? c(n, s`<calcite-tree-item .label=${a} @click=${() => {
+        this.changeIndustryFilter(e, n, a, !0);
+      }} selected>${a}</calcite-tree-item>`) : c(n, s`<calcite-tree-item .label=${a} @click=${() => {
+        this.changeIndustryFilter(e, n, a, !0);
+      }}>${a}</calcite-tree-item>`);
+    }), t = Object.entries(A).map(([e, r]) => {
+      const n = Object.keys(this._translations.industries).find((a) => a.toUpperCase() === e.toUpperCase()), l = n && n in this._translations.industries ? this._translations.industries[n] : e;
+      return e === this._activeFilterSettings.industry.group && this._activeFilterSettings.industry.subgroup === "" ? c(e, s`<calcite-tree-item .expanded=${e === this._activeFilterSettings.industry.group && r.length > 0} .label=${l} @click=${() => {
+        this.changeIndustryFilter(e, "", l, !0);
+      }} selected>${l}${r.length > 0 && s`<calcite-tree slot=children selection-mode=single-persist>${i(e, r)}</calcite-tree>` || ""}</calcite-tree-item>`) : c(e, s`<calcite-tree-item .expanded=${e === this._activeFilterSettings.industry.group && r.length > 0} .label=${l} @click=${() => {
+        this.changeIndustryFilter(e, "", l, !0);
+      }}>${l}${r.length > 0 && s`<calcite-tree slot=children selection-mode=single-persist>${i(e, r)}</calcite-tree>` || ""}</calcite-tree-item>`);
     });
-    return l`<calcite-block collapsible description expanded .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-tree selection-mode=single>${s}</calcite-tree></calcite-block>`;
+    return s`<calcite-block collapsible description expanded .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-tree selection-mode=single-persist>${t}</calcite-tree></calcite-block>`;
   }
 }
-d("solutions-filter-panel", A);
+u("solutions-filter-panel", I);
 export {
-  A as SolutionsFilterPanel
+  I as SolutionsFilterPanel
 };

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

@@ -6,7 +6,7 @@ import { LitElement as E, createEvent as o, noShadowRoot as b, safeClassMap as y
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250605 */
+v1.0.0-next.20250613 */
 /**
  * @license
  * Copyright 2025 Esri

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

@@ -4,7 +4,7 @@ import { g as o, a as n } from "../../chunks/templates.js";
 import { LitElement as i, createEvent as l, noShadowRoot as u } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250605 */
+v1.0.0-next.20250613 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();