@esri/solutions-components 1.1.2 → 1.1.4

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

@@ -1,12 +1,12 @@
 import { c as S } from "../../chunks/runtime.js";
-import { css as I, html as a } from "lit";
+import { css as I, html as c } from "lit";
 import { keyed as u } from "lit/directives/keyed.js";
 import { u as A } from "../../chunks/useT9n.js";
 import { LitElement as F, createEvent as b } from "@arcgis/lumina";
 import { j as E } 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.2 */
+v1.1.4 */
 const N = I`/** @license
  * Copyright 2025 Esri
  *
@@ -38,7 +38,7 @@ const N = I`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const y = {
+const R = {
   PUBLICSAFETY: ["EMERGENCYMANAGEMENT", "FIRESERVICE", "LAWENFORCEMENT"],
   STATEANDLOCALGOVERNMENT: [
     "AGRICULTURE",
@@ -57,16 +57,16 @@ const y = {
     "TRANSPORTATION"
   ],
   UTILITIES: ["DISTRICTENERGY", "ELECTRIC", "GAS", "SEWER", "STORMWATER", "WATER"]
-}, T = Object.keys(E).reduce(
+}, y = Object.keys(E).reduce(
   (p, s) => {
     const i = s;
-    return p[i] = y[i] ?? [], p;
+    return p[i] = R[i] ?? [], p;
   },
   {}
 );
 class f extends F {
   constructor() {
-    super(), this.hideIndustryFilter = !1, this.isAIsettingEnabled = !1, this._activeFilterSettings = {
+    super(), this.hideIndustryFilter = !1, this.isAIsettingEnabled = !1, this.showReset = !1, this._activeFilterSettings = {
       categories: []
     }, this._translations = A({ name: "solutions-filter-panel", blocking: !0 }), this.applyFilter = b(), this._handleFilterRemoved = (s) => {
       const i = s.detail;
@@ -77,15 +77,15 @@ class f extends F {
     }, this.listenOn(window, "filterRemoved", this._handleFilterRemoved);
   }
   static {
-    this.properties = { hideIndustryFilter: 5, isAIsettingEnabled: 5, _activeFilterSettings: 16, _translations: 16 };
+    this.properties = { hideIndustryFilter: 5, isAIsettingEnabled: 5, showReset: 5, _activeFilterSettings: 16, _translations: 16 };
   }
   static {
     this.styles = N;
   }
   changeIndustryFilter(s, i, o, d) {
     if (s !== "" || i !== "") {
-      let c = [];
-      i !== "" ? c = [{
+      let a = [];
+      i !== "" ? a = [{
         displayValue: E[s],
         type: "industry",
         value: s,
@@ -97,7 +97,7 @@ class f extends F {
         value: i,
         industry: s,
         domain: i
-      }] : c = [{
+      }] : a = [{
         displayValue: o,
         type: i !== "" ? "domain" : "industry",
         value: i !== "" ? i : s,
@@ -105,10 +105,10 @@ class f extends F {
         domain: i
       }], this._activeFilterSettings = {
         ...this._activeFilterSettings,
-        categories: [...c]
-      }, d && this.applyFilter.emit(c);
+        categories: [...a]
+      }, d && this.applyFilter.emit(a);
     } else {
-      const c = {
+      const a = {
         displayValue: o,
         type: "industry",
         value: s,
@@ -117,27 +117,27 @@ class f extends F {
       };
       this._activeFilterSettings = {
         ...this._activeFilterSettings,
-        categories: [c]
-      }, d && this.applyFilter.emit(c);
+        categories: [a]
+      }, d && this.applyFilter.emit(a);
     }
   }
   clearFilters() {
     this.changeIndustryFilter("", "", ""), this.applyFilter.emit(null);
   }
   render() {
-    return a`<calcite-panel description .heading=${this._translations.findSolutions}><calcite-action icon=reset @click=${() => {
+    return c`<calcite-panel description .heading=${this._translations.findSolutions}>${this.showReset && c`<calcite-action icon=reset @click=${() => {
       this.clearFilters();
-    }} slot=header-actions-end .text=${this._translations.resetFilters} text-enabled></calcite-action><calcite-block-group .label=${this._translations.filters}>${!this.hideIndustryFilter && this.renderIndustryBlock() || ""}</calcite-block-group>${this.isAIsettingEnabled && a`<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.resetFilters} text-enabled></calcite-action>` || ""}<calcite-block-group .label=${this._translations.filters}>${!this.hideIndustryFilter && this.renderIndustryBlock() || ""}</calcite-block-group>${this.isAIsettingEnabled && c`<calcite-button icon-start=speech-bubbles label="Solutions Assistant" round scale=l slot=footer-start></calcite-button>` || ""}</calcite-panel>`;
   }
   renderIndustryBlock() {
     const s = (e, r) => !this._activeFilterSettings || !this._activeFilterSettings.categories ? !1 : this._activeFilterSettings.categories.some((t) => t.industry === e && (t.domain ?? "") === r), i = (e) => !this._activeFilterSettings || !this._activeFilterSettings.categories ? !1 : this._activeFilterSettings.categories.some((r) => r.industry === e && (r.domain ?? "") === ""), o = (e, r) => r.length > 0 && (i(e) || this._activeFilterSettings.categories?.some((t) => t.industry === e && !!t.domain && r.includes(t.domain)) === !0), d = (e, r) => r.map((t) => {
       const l = Object.keys(this._translations.industriesDomain).find((h) => h.toUpperCase() === t.toUpperCase()), n = l && l in this._translations.industriesDomain ? this._translations.industriesDomain[l] : t;
-      return s(e, t) ? u(t, a`<calcite-tree-item .label=${n} @click=${() => this.changeIndustryFilter(e, t, n, !0)} selected>${n}</calcite-tree-item>`) : u(t, a`<calcite-tree-item .label=${n} @click=${() => this.changeIndustryFilter(e, t, n, !0)}>${n}</calcite-tree-item>`);
-    }), c = Object.entries(T).map(([e, r]) => {
+      return s(e, t) ? u(t, c`<calcite-tree-item .label=${n} @click=${() => this.changeIndustryFilter(e, t, n, !0)} selected>${n}</calcite-tree-item>`) : u(t, c`<calcite-tree-item .label=${n} @click=${() => this.changeIndustryFilter(e, t, n, !0)}>${n}</calcite-tree-item>`);
+    }), a = Object.entries(y).map(([e, r]) => {
       const t = Object.keys(this._translations.industries).find((g) => g.toUpperCase() === e.toUpperCase()), l = t && t in this._translations.industries ? this._translations.industries[t] : e, n = r, m = i(e), h = o(e, n);
-      return m ? u(e, a`<calcite-tree-item .label=${l} @click=${() => this.changeIndustryFilter(e, "", l, !0)} selected .expanded=${h ? !0 : void 0}>${l}${n.length > 0 && a`<calcite-tree slot=children selection-mode=multiple>${d(e, n)}</calcite-tree>` || ""}</calcite-tree-item>`) : u(e, a`<calcite-tree-item .label=${l} @click=${() => this.changeIndustryFilter(e, "", l, !0)} .expanded=${h ? !0 : void 0}>${l}${n.length > 0 && a`<calcite-tree slot=children selection-mode=multiple>${d(e, n)}</calcite-tree>` || ""}</calcite-tree-item>`);
+      return m ? u(e, c`<calcite-tree-item .label=${l} @click=${() => this.changeIndustryFilter(e, "", l, !0)} selected .expanded=${h ? !0 : void 0}>${l}${n.length > 0 && c`<calcite-tree slot=children selection-mode=multiple>${d(e, n)}</calcite-tree>` || ""}</calcite-tree-item>`) : u(e, c`<calcite-tree-item .label=${l} @click=${() => this.changeIndustryFilter(e, "", l, !0)} .expanded=${h ? !0 : void 0}>${l}${n.length > 0 && c`<calcite-tree slot=children selection-mode=multiple>${d(e, n)}</calcite-tree>` || ""}</calcite-tree-item>`);
     });
-    return a`<calcite-block description expanded class="border-color" .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-tree selection-mode=single-persist>${c}</calcite-tree></calcite-block>`;
+    return c`<calcite-block description expanded class="border-color" .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-tree selection-mode=single-persist>${a}</calcite-tree></calcite-block>`;
   }
 }
 S("solutions-filter-panel", f);

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

@@ -0,0 +1,17 @@
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+
+export declare class SolutionsResourcePanel extends LitElement {
+    /**
+     * The href for the page that will be displayed
+     *
+     * @default ''
+     */
+    href: string;
+    /**
+     * The heading of the blog or resource
+     *
+     * @default ''
+     */
+    heading: string;
+}

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

@@ -0,0 +1,43 @@
+import { c as i } from "../../chunks/runtime.js";
+import { css as s, html as n } from "lit";
+import { u as r } from "../../chunks/useT9n.js";
+import { LitElement as o, nothing as e } from "@arcgis/lumina";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.4 */
+const a = s`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */.height-full{height:100%}`;
+class c extends o {
+  constructor() {
+    super(), this.href = "", this.heading = "", this._translations = r({ name: "solutions-resource-panel", blocking: !0 }), this.listenOn(window, "resourceCardSelected", this._cardSelected);
+  }
+  static {
+    this.properties = { href: 1, heading: 1, _translations: 16 };
+  }
+  static {
+    this.styles = a;
+  }
+  render() {
+    return n`<calcite-panel><iframe class="height-full" src=${this.href ?? e} title=${this.heading ?? e}></iframe></calcite-panel>`;
+  }
+  _cardSelected(t) {
+    this.href = t.detail;
+  }
+}
+i("solutions-resource-panel", c);
+export {
+  c as SolutionsResourcePanel
+};

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

@@ -0,0 +1,7 @@
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+
+export declare class SolutionsResources extends LitElement {
+    /** @default false */
+    showAssistant: boolean;
+}

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

@@ -0,0 +1,80 @@
+import { c as o } from "../../chunks/runtime.js";
+import { css as n, html as t } from "lit";
+import { u as l } from "../../chunks/useT9n.js";
+import { LitElement as h } from "@arcgis/lumina";
+import { useContextConsumer as d } from "@arcgis/lumina/context";
+import { request as u } from "@esri/solution-common";
+import { u as p } from "../../chunks/deployAppContexts.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.4 */
+const g = n`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1{padding-bottom:1rem}.height-full{height:100%}.padding-start-2px{padding-inline-start:2px}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-foreground-2)}`;
+class m extends h {
+  constructor() {
+    super(...arguments), this.showAssistant = !1, this._isSearching = !1, this._searchType = "resources", this._translations = l({ name: "solutions-resources", blocking: !0 }), this._searchTerm = "", this._userSessionContextConsumer = d({
+      context: p,
+      subscribe: !0
+    });
+  }
+  static {
+    this.properties = { showAssistant: 5, _resourcesResponse: 16, _blogsResponse: 16, _isSearching: 16, _searchType: 16, _translations: 16 };
+  }
+  static {
+    this.styles = g;
+  }
+  async load() {
+    await this._search();
+  }
+  render() {
+    console.log("TODO change featuredArticles to featuredResources");
+    const e = this._userSessionContextConsumer?.value?.token;
+    return t`<div class="height-full"><calcite-tabs class="height-full"><calcite-tab-nav slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._searchType = "resources"} selected>${this._translations.featuredArticles}</calcite-tab-title><calcite-tab-title @calciteTabsActivate=${() => this._searchType = "blogs"}>${this._translations.solutionBlogs}</calcite-tab-title></calcite-tab-nav><calcite-tab selected><calcite-panel>${this._getSearch()}<div class="padding-end-1-2">${this._getFeaturedResources()}</div></calcite-panel></calcite-tab><calcite-tab><calcite-panel>${this._getSearch()}<div class="padding-end-1-2">${this._getBlogs()}</div></calcite-panel></calcite-tab></calcite-tabs>${this.showAssistant && e && t`<arcgis-solutions-assistant .token=${e}></arcgis-solutions-assistant>` || ""}</div>`;
+  }
+  _getBlogs() {
+    const e = this._isSearching ? "display-none" : "";
+    return t`<calcite-card-group label>${this._isSearching ? t`<calcite-loader label></calcite-loader>` : this._blogsResponse?.map((s) => t`<solution-resource-card class=${`padding-start-2px ${e}`} .date=${s.date} .heading=${s.heading} .href=${s.href} .src=${s.src} type=blog></solution-resource-card>`)}</calcite-card-group>`;
+  }
+  _getFeaturedResources() {
+    const e = this._isSearching ? "display-none" : "";
+    return t`<calcite-card-group label>${this._isSearching && t`<calcite-loader label></calcite-loader>` || ""}${this._blogsResponse?.map((s) => t`<solution-resource-card class=${`padding-start-2px ${e}`} .heading=${s.heading} .href=${s.href} .src=${s.src} type=resource></solution-resource-card>`)}</calcite-card-group>`;
+  }
+  _getSearch() {
+    return t`<calcite-input-text class="padding-top-1-2 padding-end-1-2 padding-bottom-1" clearable icon=search @calciteInputTextInput=${(e) => {
+      this._searchTerm = e.target?.value || "", (this._searchTerm.length >= 3 || this._searchTerm === "") && this._search();
+    }} .placeholder=${this._translations.search}></calcite-input-text>`;
+  }
+  async _search() {
+    const e = `https://www.esri.com/arcgis-blog/wp-json/esri/api/blog?search=${this._searchTerm}&per_page=12&offset=0&status=publish`, s = `https://www.esri.com/arcgis-blog/wp-json/esri/api/blog?search=${this._searchTerm}&per_page=12&offset=0&status=publish`, r = this._searchType === "resources" ? e : s, c = {
+      authentication: this._userSessionContextConsumer.value,
+      httpMethod: "GET"
+    };
+    this._searchTimeout && clearTimeout(this._searchTimeout), this._searchTimeout = setTimeout(async () => {
+      this._isSearching = !0;
+      const a = await u(r, c);
+      Array.isArray(a) && (console.log(a), this._blogsResponse = a.map((i) => ({
+        date: i.text_date,
+        src: i.image,
+        href: i.link,
+        heading: i.title
+      }))), this._isSearching = !1;
+    }, 500);
+  }
+}
+o("solutions-resources", m);
+export {
+  m as SolutionsResources
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -8,7 +8,7 @@ import { m as a } from "../../chunks/interfaces.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.2 */
+v1.1.4 */
 const S = c`/** @license
  * Copyright 2025 Esri
  *
@@ -53,6 +53,9 @@ class m extends p {
       this.scope = t;
     }), this.listenOn(window, "detailsCardSelected", () => {
       this.scope = void 0;
+    }), this.listenOn(window, "searchTermSet", (e) => {
+      const t = e.detail;
+      this.scope = t.scope, this.changeSearchFilter(t.searchTerm, !1);
     });
   }
   static {
@@ -95,7 +98,7 @@ class m extends p {
     } : t), this.sortTypeChanged.emit({ sortType: e, scope: this.scope });
   }
   willUpdate() {
-    console.warn("TODO need to update string after release in t9manifest"), this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn !== this._isOrgAdmin && (this._isOrgAdmin = g(this._authContextConsumer.value));
+    this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn !== this._isOrgAdmin && (this._isOrgAdmin = g(this._authContextConsumer.value));
   }
   render() {
     const e = this.scope === "all-solutions" || this.scope === "my-deployments", t = e ? this._getCurrentScopeSetting() : void 0;

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.1/esri/copyright.txt for details.
-v1.1.2 */
+v1.1.4 */
 /**
  * @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.1/esri/copyright.txt for details.
-v1.1.2 */
+v1.1.4 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();