@esri/solutions-components 1.1.0-next.20250828.3 → 1.1.0-next.20250905

package/dist/components/solutions-deploy-app/customElement.js

@@ -1,18 +1,20 @@
-import { c as d } from "../../chunks/runtime.js";
+import { c as h } from "../../chunks/runtime.js";
 import { css as u, html as r } from "lit";
 import { u as p } from "../../chunks/useT9n.js";
 import { LitElement as b, createEvent as n, safeClassMap as c } from "@arcgis/lumina";
 import { createRef as i, ref as s } from "lit-html/directives/ref.js";
-import { C as g } from "../../chunks/CardsFetcher.js";
-import { t as _, u as T } from "../../chunks/interfaces.js";
-import { useContextProvider as h } from "@arcgis/lumina/context";
-import { a as f, u as m } from "../../chunks/deployAppContexts.js";
-import { A as y } from "../../chunks/Auth.js";
-import { _ as S } from "../../chunks/appConfig.js";
+import { C as _ } from "../../chunks/CardsFetcher.js";
+import { t as g, u as m } from "../../chunks/interfaces.js";
+import { useContextProvider as o } from "@arcgis/lumina/context";
+import { a as y, i as T, l as f, u as C } from "../../chunks/deployAppContexts.js";
+import { A as S } from "../../chunks/Auth.js";
+import { _ as v } from "../../chunks/appConfig.js";
+import { UserSession as x } from "@esri/solution-common";
+import { f as w } from "../../chunks/cardsHelpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
-const C = u`/** @license
+v1.1.0-next.20250905 */
+const L = u`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,19 +28,19 @@ const C = u`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.back-color-override{background-color:var(--calcite-color-foreground-3);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.display-none{display:none}.shell-container{width:1440px;display:block;max-width:96vw;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-color-focus: transparent;height:100%}`;
-class v extends b {
+ */.back-color-override{background-color:var(--calcite-color-foreground-2);--calcite-tab-border-color: var(--calcite-color-foreground-3)}.back-color-override-details{background-color:var(--calcite-color-foreground-1)}.display-none{display:none}.shell-container{width:1440px;display:block;max-width:96vw;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tabs{--calcite-color-focus: transparent;height:100%}`;
+class A extends b {
   constructor() {
-    super(), this.locale = "", this.orgUrl = "", this.portalUrl = "", this.primarySolutionsGroupId = "", this.sortType = "numviews", this.useLocalAppConfig = !1, this._isLoaded = !1, this._translations = p({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${_} OR ${T}`, this._allCards = [], this._allTab = i(), this._allTabTitle = i(), this._articlesTab = i(), this._articlesTabTitle = i(), this._authContextProvider = h({ context: f }), this.authentication = void 0, this._categories = [], this._delay = !1, this._detailsTab = i(), this._detailsTabTitle = i(), this._getSuggested = !1, this._mySolutionsTab = i(), this._mySolutionsTabTitle = i(), this._sortField = "numviews", this._sortOrder = "desc", this._userSessionContextProvider = h({ context: m }), this.deployAppTabSelected = n(), this.detailsCardSelected = n(), this.listenOn(window, "solutionsAllLoaded", this._solutionsAllLoaded), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd);
+    super(), this.locale = "", this.orgUrl = "", this.portalUrl = "", this.primarySolutionsGroupId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this._isLoaded = !1, this.isMobile = !1, this._translations = p({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${g} OR ${m}`, this._allCards = [], this._allTab = i(), this._allTabTitle = i(), this._articlesTab = i(), this._articlesTabTitle = i(), this._authContextProvider = o({ context: y }), this.authentication = void 0, this._categories = [], this._delay = !1, this._detailsTab = i(), this._detailsTabTitle = i(), this._getSuggested = !1, this._isMobileContextProvider = o({ context: T }), this._localDebugContextProvider = o({ context: f }), this._mySolutionsTab = i(), this._mySolutionsTabTitle = i(), this._sortField = "relevance", this._sortOrder = "desc", this._userSessionContextProvider = o({ context: C }), this.deployAppTabSelected = n(), this.detailsCardSelected = n(), this.tokenRefreshed = n(), this.listenOn(window, "solutionsAllLoaded", this._solutionsAllLoaded), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployProgressEnd", this._deployProgressEnd), this._mediaQueryChange = this._mediaQueryChange.bind(this);
   }
   static {
-    this.properties = { appConfig: 1, locale: 1, orgUrl: 1, portalUrl: 1, primarySolutionsGroupId: 1, sortType: 1, useLocalAppConfig: 5, _isLoaded: 16, _translations: 16 };
+    this.properties = { appConfig: 1, locale: 1, orgUrl: 1, portalUrl: 1, primarySolutionsGroupId: 1, sortType: 1, useLocalAppConfig: 5, _isLoaded: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = C;
+    this.styles = L;
   }
-  selectTab(t) {
-    switch (this._blurTabs(), t.tabType) {
+  selectTab(e) {
+    switch (this._blurTabs(), e.tabType) {
       case "all-solutions":
         this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0;
         break;
@@ -47,8 +49,8 @@ class v extends b {
         break;
       case "details":
         if (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this._allCards) {
-          const e = this._findSolutionByUrlTitle(this._allCards, t.tabTitle);
-          this.detailsCardSelected.emit(e);
+          const t = w(this._allCards, e.tabTitle);
+          this.detailsCardSelected.emit(t);
         }
         break;
       case "my-solutions":
@@ -57,25 +59,39 @@ class v extends b {
     }
     this._blurTabs();
   }
+  async connectedCallback() {
+    super.connectedCallback();
+    const e = new x({
+      username: "",
+      password: ""
+    });
+    this._userSessionContextProvider.setValue(e), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
+  }
   async load() {
-    this.useLocalAppConfig ? (this.appConfig = S, this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this.orgUrl = this.appConfig.orgUrl, this.locale = this.appConfig.locale, this.portalUrl = this.appConfig.portalUrl) : this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this._cardsFetcher = new g(this.locale, this.orgUrl, this.portalUrl), this.authentication || (this.appConfig.authentication ? this.authentication = this.appConfig.authentication : (this.authentication = new y(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.initialize(), this.authentication.IsSignedIn || this.authentication.signIn())), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), await this._getSolutions();
+    this.useLocalAppConfig ? (this.appConfig = v, this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this.orgUrl = this.appConfig.orgUrl, this.locale = this.appConfig.locale, this.portalUrl = this.appConfig.portalURL, this._localDebugContextProvider.setValue(!0)) : (this.primarySolutionsGroupId = this.appConfig.primarySolutionsGroupId, this._localDebugContextProvider.setValue(!1)), this._cardsFetcher = new _(this.locale, this.orgUrl, this.portalUrl), this.authentication || (this.appConfig.authentication ? this.authentication = this.appConfig.authentication : (this.authentication = new S(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.initialize(), this.authentication.IsSignedIn || this.authentication.signIn())), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), await this._getSolutions();
   }
   loaded() {
     this._handleTabs();
   }
   render() {
-    const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return r`<calcite-loader class=${c(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${c(e)} scale=l><calcite-tab-nav class="shell-container" slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("all-solutions")} ${s(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? r`<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("my-solutions")} ${s(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title class="display-none" @calciteTabsActivate=${() => this._setActiveTab("details")} ${s(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${s(this._allTab)}><solutions-all-shell .appConfig=${this.appConfig} .authentication=${this.authentication} class="shell-container height-100" .useLocalAppConfig=${this.useLocalAppConfig}></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? r`<calcite-tab class="back-color-override" ${s(this._mySolutionsTab)}><solutions-deployed-shell .appConfig=${this.appConfig} .authentication=${this.authentication} class="shell-container height-100" .useLocalAppConfig=${this.useLocalAppConfig}></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override" ${s(this._detailsTab)}><solution-details-panel .appConfig=${this.appConfig} .authentication=${this.authentication} class="shell-container height-100" .useLocalAppConfig=${this.useLocalAppConfig}></solution-details-panel></calcite-tab></calcite-tabs>`;
+    const e = this._isLoaded ? "display-none" : "", t = this._isLoaded ? "" : "display-none";
+    return r`<calcite-loader class=${c(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${c(t)} scale=l><calcite-tab-nav class="shell-container" slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("all-solutions")} ${s(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title>${this.authentication?.IsSignedIn ? r`<calcite-tab-title @calciteTabsActivate=${() => this._setActiveTab("my-solutions")} ${s(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title>` : ""}<calcite-tab-title class="display-none" @calciteTabsActivate=${() => this._setActiveTab("details")} ${s(this._detailsTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override" selected ${s(this._allTab)}><solutions-all-shell .appConfig=${this.appConfig} class="shell-container height-100"></solutions-all-shell></calcite-tab>${this.authentication?.IsSignedIn ? r`<calcite-tab class="back-color-override" ${s(this._mySolutionsTab)}><solutions-deployed-shell .appConfig=${this.appConfig} class="shell-container height-100"></solutions-deployed-shell></calcite-tab>` : ""}<calcite-tab class="back-color-override-details" ${s(this._detailsTab)}><solution-details-panel class="shell-container height-100"></solution-details-panel></calcite-tab></calcite-tabs>`;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);
+  }
+  _mediaQueryChange(e) {
+    this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
   }
   _handleTabs() {
-    document.body.addEventListener("keydown", function(t) {
-      t.key == "Tab" || t.key == "Shift " || t.key == "Enter" ? document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "var(--calcite-color-brand)") : document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "transparent");
+    document.body.addEventListener("keydown", function(e) {
+      e.key == "Tab" || e.key == "Shift " || e.key == "Enter" ? document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "var(--calcite-color-brand)") : document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "transparent");
     }), document.body.addEventListener("click", function() {
       document.querySelector("calcite-tabs")?.style.setProperty("--calcite-color-focus", "transparent");
     });
   }
-  _setActiveTab(t) {
-    this.deployAppTabSelected.emit(t);
+  _setActiveTab(e) {
+    this.deployAppTabSelected.emit(e);
   }
   _solutionsAllLoaded() {
     this._isLoaded = !0;
@@ -87,7 +103,7 @@ class v extends b {
     this._mySolutionsTabTitle.value.selected = !0, this._mySolutionsTab.value.selected = !0;
   }
   async _getSolutions() {
-    const t = await this._cardsFetcher?.requestAvailableSolutionCards(
+    const e = await this._cardsFetcher?.requestAvailableSolutionCards(
       {
         q: this._agoTerms,
         filter: "type:Solution",
@@ -106,20 +122,14 @@ class v extends b {
       {
         num: 1e3
       }
-    ), e = "/Categories/New Release", o = t?.cards.length ? t.cards : [];
-    return this.sortType === "new" && o.sort((a, l) => a.categories.includes(e) && !l.categories.includes(e) ? -1 : !a.categories.includes(e) && l.categories.includes(e) ? 1 : a.categories.includes(e) && l.categories.includes(e) ? a.categories.length - l.categories.length : 0), this._allCards.length === 0 && t?.cards && (this._allCards = t?.cards), this._allCards;
-  }
-  _findSolutionByUrlTitle(t, e) {
-    return t.find((o) => this._convertTitleToUrlForm(o.title) === e);
-  }
-  _convertTitleToUrlForm(t) {
-    return t.toLowerCase().replace(/\s+/g, "-");
+    ), t = "/Categories/New Release", d = e?.cards.length ? e.cards : [];
+    return this.sortType === "new" && d.sort((a, l) => a.categories.includes(t) && !l.categories.includes(t) ? -1 : !a.categories.includes(t) && l.categories.includes(t) ? 1 : a.categories.includes(t) && l.categories.includes(t) ? a.categories.length - l.categories.length : 0), this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards), this._allCards;
   }
   _blurTabs() {
     this._allTabTitle.value?.blur(), this._articlesTabTitle.value?.blur(), this._detailsTabTitle.value?.blur(), this._mySolutionsTabTitle.value?.blur();
   }
 }
-d("solutions-deploy-app", v);
+h("solutions-deploy-app", A);
 export {
-  v as SolutionsDeployApp
+  A as SolutionsDeployApp
 };

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

@@ -0,0 +1,55 @@
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { IFilterOption, ISearchOption } from '../../utils/interfaces';
+
+interface FilterSettings {
+    categories: IFilterOption[];
+    isOwnerMySolutions: boolean;
+    searchTerm: string;
+}
+export declare class SolutionsDeployedFilterPanel extends LitElement {
+    /**
+     * Determines if the AI assistant button should be shown.
+     *
+     * @default false
+     */
+    isAIsettingEnabled: boolean;
+    /**
+     * Determines if the Owner section should be shown.
+     *
+     * @default false
+     */
+    isAllSolutions: boolean;
+    /**
+     * Detemines if the layout should be mobile view. False means it is desktop view.
+     *
+     * @default false
+     */
+    isMobile: boolean;
+    /**
+     * Flag to store if logged in user is an admin to this ArcGIS Enterprise.
+     *
+     * @default false
+     */
+    isOrgAdmin: boolean;
+    /**
+     * 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, emit?: boolean): void;
+    /**
+     * Filters the solutions by a text search phrase.
+     *
+     * @param searchTerm the string lookup solutions by.
+     * @param emit (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.
+     */
+    changeSearchFilter(searchTerm: string, emit?: boolean): void;
+    /** Clears all the filters include search, industry and owner. */
+    clearFilters(): void;
+    /** The event that gets emitted after any filter option has changed. */
+    readonly applyFilter: TargetedEvent<this, IFilterOption | ISearchOption | IFilterOption[] | null>;
+}
+export {};

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

@@ -0,0 +1,85 @@
+import { c as n } from "../../chunks/runtime.js";
+import { css as o, html as s } from "lit";
+import { u as r } from "../../chunks/useT9n.js";
+import { LitElement as a, createEvent as c, safeClassMap as d, nothing as h } from "@arcgis/lumina";
+import { E as i } from "../../chunks/interfaces.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250905 */
+const u = o`/** @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.
+ */.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-end:1rem}.width-full{width:100%}.filter-layout-flex-row{display:flex;flex-direction:row;flex:1}.filter-layout-flex-column{display:flex;flex-direction:column;flex:1}.top-bottom-end-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-end:1rem}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.border-color{--calcite-block-border-color: #00000000}`;
+class p extends a {
+  constructor() {
+    super(), this.isAIsettingEnabled = !1, this.isAllSolutions = !1, this.isMobile = !1, this.isOrgAdmin = !1, this._activeFilterSettings = {
+      categories: [],
+      isOwnerMySolutions: !0,
+      searchTerm: ""
+    }, this._translations = r({ name: "solutions-deployed-filter-panel", blocking: !0 }), this.applyFilter = c(), this._handleFilterRemoved = (t) => {
+      const e = t.detail;
+      Array.isArray(e) ? this._activeFilterSettings = {
+        ...this._activeFilterSettings,
+        categories: [...e]
+      } : typeof e == "string" && e.toLowerCase() === i.ORGANIZATION.toLowerCase() && this.changeOwnerFilter(!0, !0);
+    }, this._resetToMySolutions = () => {
+      this.changeOwnerFilter(!0, !0);
+    }, this.listenOn(window, "filterRemoved", this._handleFilterRemoved), this.listenOn(window, "deployProgressEnd", this._resetToMySolutions);
+  }
+  static {
+    this.properties = { isAIsettingEnabled: 5, isAllSolutions: 5, isMobile: 5, isOrgAdmin: 5, _activeFilterSettings: 16, _translations: 16 };
+  }
+  static {
+    this.styles = u;
+  }
+  changeOwnerFilter(t, e) {
+    this.isAllSolutions = !t, this._activeFilterSettings = {
+      ...this._activeFilterSettings,
+      isOwnerMySolutions: t
+    };
+    const l = {
+      displayValue: this._activeFilterSettings.isOwnerMySolutions ? this._translations.mySolutions : this._translations.myOrgSolutions,
+      type: "owner",
+      value: this._activeFilterSettings.isOwnerMySolutions ? i.OWNER : i.ORGANIZATION
+    };
+    e && this.applyFilter.emit(l);
+  }
+  changeSearchFilter(t, e) {
+    this._activeFilterSettings = {
+      ...this._activeFilterSettings,
+      searchTerm: t
+    }, (t.length >= 3 || t === "") && e && this.applyFilter.emit({ searchTerm: t });
+  }
+  clearFilters() {
+    this.changeSearchFilter(""), this.applyFilter.emit(null), setTimeout(() => {
+      this.changeOwnerFilter(!0, !0);
+    }, 500);
+  }
+  render() {
+    return s`<div class=${d(this.isMobile ? "filter-layout-flex-column" : "filter-layout-flex-row")}>${this.isOrgAdmin && this.renderOwnerBlock() || ""}<calcite-input-text class="width-full top-bottom-end-padding" clearable icon=search @calciteInputTextInput=${(t) => {
+      this.changeSearchFilter(t.target.value, !0);
+    }} .placeholder=${this._translations.search.solutions} slot=content-top .value=${this._activeFilterSettings.searchTerm}></calcite-input-text></div>`;
+  }
+  renderOwnerBlock() {
+    return s`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=outline-fill class="header-button-padding" .iconStart=${this.isAllSolutions ? "organization" : "user"} kind=neutral slot=trigger>${this.isAllSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.owner ?? h}><calcite-dropdown-item icon-start=user @click=${() => {
+      this.changeOwnerFilter(!0, !0);
+    }} .selected=${!this.isAllSolutions}>${this._translations.mySolutions}</calcite-dropdown-item><calcite-dropdown-item icon-start=organization @click=${() => {
+      this.changeOwnerFilter(!1, !0);
+    }} .selected=${this.isAllSolutions}>${this._translations.myOrgSolutions}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
+  }
+}
+n("solutions-deployed-filter-panel", p);
+export {
+  p as SolutionsDeployedFilterPanel
+};

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

@@ -0,0 +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-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
+export * from "./customElement.js";

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

@@ -0,0 +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-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
+export * from "./customElement.js";

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

@@ -11,7 +11,7 @@ import { g as S } from "../../chunks/cardFetchingUtils.js";
 import { g as v } from "../../chunks/privilegeUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
+v1.1.0-next.20250905 */
 const x = c`/** @license
  * Copyright 2025 Esri
  *
@@ -26,7 +26,7 @@ const x = 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.
- */calcite-panel{width:100%;height:100%}.card-group{overflow:hidden;padding:.2rem 1rem}.solutions-briefcase{margin:auto;padding-top:2rem}.text-center{text-align:center}.leader-1{margin-top:1.5rem}.trailer-1{margin-bottom:1.5rem}.warning-text{max-width:35em;margin-left:auto;margin-right:auto}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}`;
+ */calcite-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem 1rem}.solutions-briefcase{margin:auto;padding-top:2rem}.text-center{text-align:center}.leader-1{margin-top:1.5rem}.trailer-1{margin-bottom:1.5rem}.warning-text{max-width:35em;margin-left:auto;margin-right:auto}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}`;
 class D extends p {
   constructor() {
     super(), this.agoSolutionsGroupId = "", this.enterpriseSolutionsGroupId = "", this.locale = "", this.orgUrl = "", this.portalUrl = "", this.sortType = "created", this._cards = [], this._cardsFetching = !1, this._newId = "", this._refs = {}, this._showDeleteCompleteAlert = !1, this._translations = d({ name: "solutions-deployed-panel", blocking: !0 }), this._agoTerms = l, this._allCards = [], this._authContextConsumer = a({

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

@@ -2,13 +2,10 @@
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { IFilterOption, SortType } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
-import { Auth } from '../../utils/Auth';
 
 export declare class SolutionsDeployedShell extends LitElement {
     /** App config to use when useLocalAppConfig is false */
     appConfig: any;
-    /** Optional authentication, when not provided the local appConfig details will be used */
-    authentication: Auth | undefined;
     /**
      * The number of solution cards currently displayed
      *
@@ -21,13 +18,6 @@ export declare class SolutionsDeployedShell extends LitElement {
      * @default 'created'
      */
     sortType: SortType;
-    /**
-     * When true the local appConfig will be used over anything that was passed in.
-     * This is used for local debugging.
-     *
-     * @default false
-     */
-    useLocalAppConfig: boolean;
     /** Emitted on demand when a filter chip is closed */
     readonly filterRemoved: TargetedEvent<this, IFilterOption>;
     /** Emitted on demand when the auth token is updated */

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

@@ -1,16 +1,15 @@
-import { c as d } from "../../chunks/runtime.js";
-import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as p, createEvent as n, safeStyleMap as l, nothing as u } from "@arcgis/lumina";
-import { useContextProvider as a } from "@arcgis/lumina/context";
-import { css as f, html as i } from "lit";
-import { a as g, i as b, u as y } from "../../chunks/deployAppContexts.js";
-import { _ as m } from "../../chunks/appConfig.js";
-import { createRef as _, ref as v } from "lit/directives/ref.js";
-import { A as C } from "../../chunks/Auth.js";
+import { c as r } from "../../chunks/runtime.js";
+import { u as n } from "../../chunks/useT9n.js";
+import { LitElement as a, createEvent as o, safeClassMap as c, safeStyleMap as l, nothing as d } from "@arcgis/lumina";
+import { useContextConsumer as s } from "@arcgis/lumina/context";
+import { css as p, html as i } from "lit";
+import { a as h, i as u } from "../../chunks/deployAppContexts.js";
+import { createRef as f, ref as b } from "lit/directives/ref.js";
+import { g } from "../../chunks/privilegeUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250828.3 */
-const x = f`/** @license
+v1.1.0-next.20250905 */
+const m = p`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,46 +23,41 @@ const x = f`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */calcite-shell-panel{z-index:1}.display-flex{display:flex}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-3);--calcite-panel-border-color: none;--calcite-z-index-header: 0}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-2{z-index:2}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.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}.height-100{height:100%}`;
-class w extends p {
+ */calcite-shell-panel{z-index:1}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-2{z-index:2}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.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}.height-100{height:100%}`;
+class y extends a {
   constructor() {
-    super(), this.authentication = void 0, this.solutionsCount = 0, this.sortType = "created", this.useLocalAppConfig = !1, this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = h({ name: "solutions-deployed-shell", blocking: !0 }), this._solutionsDeployedPanelRef = _(), this._authContextProvider = a({ context: g }), this._isMobileContextProvider = a({ context: b }), this._userSessionContextProvider = a({ context: y }), this.filterRemoved = n(), this.tokenRefreshed = n(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
+    super(...arguments), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = n({ name: "solutions-deployed-shell", blocking: !0 }), this._authContextConsumer = s({
+      context: h,
+      subscribe: !0
+    }), this._isMobileContextConsumer = s({
+      context: u,
+      subscribe: !0,
+      callback: (e) => this.isMobile = e
+    }), this._isOrgAdmin = !1, this._solutionsDeployedPanelRef = f(), this.filterRemoved = o(), this.tokenRefreshed = o();
   }
   static {
-    this.properties = { appConfig: 1, authentication: 0, solutionsCount: 9, sortType: 1, useLocalAppConfig: 5, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
+    this.properties = { appConfig: 1, solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = x;
+    this.styles = m;
   }
   willUpdate(e) {
     e.has("isMobile") && (this.filterOpen = !this.isMobile);
   }
-  async connectedCallback() {
-    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this._mediaQuery.addEventListener("change", this._mediaQueryChange), this._mediaQueryChange(this._mediaQuery);
-  }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = m), this.authentication || (console.log("auth not provided in solutions-deployed-shell...loading from app config"), this.authentication = new C(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.initialize(), this.authentication.IsSignedIn || this.authentication.signIn()), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), this._setRefreshInterval();
-  }
-  _mediaQueryChange(e) {
-    this.isMobile = e.matches, this._isMobileContextProvider.setValue(this.isMobile);
+    this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value), this._isOrgAdmin = g(this._authContextConsumer.value);
   }
   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 z-index-2" icon-start=${e} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override 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);
+    return i`<calcite-shell class="position-relative"><calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-override background-override z-index-1"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override flex-grow" layout=inline>${this.isMobile ? "" : this._getFilterPanel()}</calcite-label><calcite-label class="label-override flex-shrink-0" layout=inline>${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label></div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
   }
   _getFilterPanel() {
     const e = this.filterOpen ? { display: "flex" } : "";
-    return this.isMobile ? i`<calcite-panel class="filter background-override" id=solutions-all-shell-panel-start style=${l(e)}><solutions-filter-panel class="height-100" @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=${l(e)} position=start><calcite-panel><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
+    return i`<calcite-panel class=${c(this.filterOpen ? "background-override" : "filter background-override")} id=solutions-all-shell-panel-start style=${l(e)}><solutions-deployed-filter-panel class="height-100 flex-1" .isMobile=${this.isMobile} .isOrgAdmin=${this._isOrgAdmin} @applyFilter=${this._filterApplied}></solutions-deployed-filter-panel></calcite-panel>`;
   }
   _getSolutionsAllPanel() {
     const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return i`<solutions-deployed-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @deployedCardsFetched=${this._updateSolutionCount} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${l(e)} ${v(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;
+    return i`<solutions-deployed-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale || "en"} .orgUrl=${this.appConfig.portalURL} @deployedCardsFetched=${this._updateSolutionCount} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${l(e)} ${b(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
   }
   _renderDropdown() {
     const e = [{
@@ -76,7 +70,7 @@ class w extends p {
       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 ?? u}>${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 ?? d}>${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>`;
@@ -104,36 +98,14 @@ class w extends p {
       sortType: e
     });
   }
-  _chipClosed(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 && "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?.IsSignedIn) {
-      const r = (e.tokenExpires?.getTime() - Date.now()) * 0.9;
-      setInterval(
-        // eslint-disable-next-line @typescript-eslint/no-misused-promises
-        async () => {
-          const o = await t?.refreshSession();
-          if (o) {
-            this._userSessionContextProvider.setValue(o);
-            const c = o?.token ?? "";
-            this.tokenRefreshed.emit(c);
-          }
-        },
-        r
-      );
-    }
-  }
 }
-d("solutions-deployed-shell", w);
+r("solutions-deployed-shell", y);
 export {
-  w as SolutionsDeployedShell
+  y as SolutionsDeployedShell
 };

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

@@ -2,10 +2,8 @@ import "@esri/calcite-components/components/calcite-shell";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-shell-panel";
-import "../solutions-filter-panel/index.js";
+import "../solutions-deployed-filter-panel/index.js";
 import "../solutions-deployed-panel/index.js";
-import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-dropdown";
 import "@esri/calcite-components/components/calcite-dropdown-group";
 import "@esri/calcite-components/components/calcite-dropdown-item";

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

@@ -2,10 +2,8 @@ import "@esri/calcite-components/components/calcite-shell";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-shell-panel";
-import "../solutions-filter-panel/index.js";
+import "../solutions-deployed-filter-panel/index.js";
 import "../solutions-deployed-panel/index.js";
-import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-dropdown";
 import "@esri/calcite-components/components/calcite-dropdown-group";
 import "@esri/calcite-components/components/calcite-dropdown-item";

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

@@ -3,34 +3,23 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 import { IFilterOption, ISearchOption } from '../../utils/interfaces';
 
 interface FilterSettings {
-    industry: {
-        group: string;
-        subgroup: string;
-    };
+    categories: IFilterOption[];
     isOwnerMySolutions: boolean;
     searchTerm: string;
 }
 export declare class SolutionsFilterPanel extends LitElement {
     /**
-     * Determines if the AI assistant button should be shown.
+     * Determines if the Industry section should be shown.
      *
      * @default false
      */
-    isAIsettingEnabled: boolean;
+    hideIndustryFilter: boolean;
     /**
-     * Determines if the Owner section should be shown.
+     * Determines if the AI assistant button should be shown.
      *
      * @default false
      */
-    isAllSolutions: boolean;
-    /**
-     * 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, emit?: boolean): void;
+    isAIsettingEnabled: boolean;
     /**
      * Sets the filter on the specific industry or domain that the user chooses in the list.
      *
@@ -39,7 +28,7 @@ export declare class SolutionsFilterPanel extends LitElement {
      * @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, emit?: boolean): void;
+    changeIndustryFilter(industry: string, domain: string, displayValue: string, emit?: boolean): void;
     /**
      * Filters the solutions by a text search phrase.
      *
@@ -50,6 +39,6 @@ export declare class SolutionsFilterPanel extends LitElement {
     /** Clears all the filters include search, industry and owner. */
     clearFilters(): void;
     /** The event that gets emitted after any filter option has changed. */
-    readonly applyFilter: TargetedEvent<this, IFilterOption | ISearchOption | null>;
+    readonly applyFilter: TargetedEvent<this, IFilterOption | ISearchOption | IFilterOption[] | null>;
 }
 export {};