@esri/solutions-components 1.2.0-next.98 → 5.0.0

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

@@ -0,0 +1,11 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ResourceCard } from "../../utils/interfaces.js";
+
+export abstract class SolutionsResourcesSection extends LitElement {
+  accessor cards: ResourceCard[];
+  /** @default '' */
+  accessor heading: string;
+  /** @default '' */
+  accessor subheading: string;
+}

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

@@ -0,0 +1,24 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as t } from "../../chunks/runtime.js";
+import { css as s, html as e } from "lit";
+import { LitElement as n } from "@arcgis/lumina";
+import "../solution-resource-card/customElement.js";
+const o = s`*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.resources-section{padding:3rem var(--calcite-spacing-md);max-width:1440px;margin:0 auto;box-sizing:border-box}.section-header{margin-bottom:3rem;text-align:center}.section-heading{font-size:var(--calcite-font-size-3);font-weight:var(--calcite-font-weight-small);margin:0 0 var(--calcite-spacing-lg) 0;color:var(--calcite-color-text-1)}.section-subheading{font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);margin:0}.cards-container{display:flex;gap:var(--calcite-spacing-md);flex-wrap:wrap}.cards-container solution-resource-card{flex:1 1 200px}`;
+class a extends n {
+  constructor() {
+    super(...arguments), this.heading = "", this.subheading = "", this.cards = [];
+  }
+  static {
+    this.properties = { heading: [1, { type: String }], subheading: [1, { type: String }], cards: [1, { type: Array }] };
+  }
+  static {
+    this.styles = o;
+  }
+  render() {
+    return e`<div class="resources-section"><div class="section-header"><h2 class="section-heading" tabindex=0>${this.heading}</h2><p class="section-subheading" tabindex=0>${this.subheading}</p></div><div class="cards-container">${this.cards.map((i) => e`<solution-resource-card .icon=${i.icon} .meridianIcon=${i.meridianIcon} .heading=${i.heading} .description=${i.description} .url=${i.url} .headingEn=${i.headingEn} .sectionHeadingEn=${i.sectionHeadingEn}></solution-resource-card>`)}</div></div>`;
+  }
+}
+t("solutions-resources-section", a);
+export {
+  a as SolutionsResourcesSection
+};

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,2 @@
+import "../solution-resource-card/index.js";
+export * from "./customElement.js";

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

@@ -1,10 +1,148 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class SolutionsResourcesShell extends LitElement {
-    /** Emitted on demand when the sort type changes */
-    readonly sortTypeChanged: TargetedEvent<this, string>;
-    "@eventTypes": {
-        "sortTypeChanged": SolutionsResourcesShell["sortTypeChanged"]["detail"];
-    };
-}
+export abstract class SolutionsResourcesShell extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      hero: {
+          heading: string;
+          subheading: string;
+      };
+      getStarted: {
+          heading: string;
+          subheading: string;
+          card1: {
+              heading: string;
+              description: string;
+          };
+          card2: {
+              heading: string;
+              description: string;
+          };
+          card3: {
+              heading: string;
+              description: string;
+          };
+          card4: {
+              heading: string;
+              description: string;
+          };
+      };
+      documentation: {
+          heading: string;
+          subheading: string;
+          card1: {
+              heading: string;
+              description: string;
+          };
+          card2: {
+              heading: string;
+              description: string;
+          };
+          card3: {
+              heading: string;
+              description: string;
+          };
+          card4: {
+              heading: string;
+              description: string;
+          };
+      };
+      support: {
+          heading: string;
+          subheading: string;
+          card1: {
+              heading: string;
+              description: string;
+          };
+          card2: {
+              heading: string;
+              description: string;
+          };
+          card3: {
+              heading: string;
+              description: string;
+          };
+          card4: {
+              heading: string;
+              description: string;
+          };
+      };
+  } & T9nMeta<{
+      hero: {
+          heading: string;
+          subheading: string;
+      };
+      getStarted: {
+          heading: string;
+          subheading: string;
+          card1: {
+              heading: string;
+              description: string;
+          };
+          card2: {
+              heading: string;
+              description: string;
+          };
+          card3: {
+              heading: string;
+              description: string;
+          };
+          card4: {
+              heading: string;
+              description: string;
+          };
+      };
+      documentation: {
+          heading: string;
+          subheading: string;
+          card1: {
+              heading: string;
+              description: string;
+          };
+          card2: {
+              heading: string;
+              description: string;
+          };
+          card3: {
+              heading: string;
+              description: string;
+          };
+          card4: {
+              heading: string;
+              description: string;
+          };
+      };
+      support: {
+          heading: string;
+          subheading: string;
+          card1: {
+              heading: string;
+              description: string;
+          };
+          card2: {
+              heading: string;
+              description: string;
+          };
+          card3: {
+              heading: string;
+              description: string;
+          };
+          card4: {
+              heading: string;
+              description: string;
+          };
+      };
+  }>;
+  /** Emitted on demand when the sort type changes */
+  readonly sortTypeChanged: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    sortTypeChanged: SolutionsResourcesShell["sortTypeChanged"]["detail"];
+  };
+}

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

@@ -1,43 +1,169 @@
-import { c as i } from "../../chunks/runtime.js";
-import { css as s, html as t } from "lit";
-import { u as l } from "../../chunks/useT9n.js";
-import { LitElement as n, createEvent as a } from "@arcgis/lumina";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.97 */
-const c = s`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */.position-relative{position:relative}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-background-color: var(--calcite-color-foreground-2)}.width-350{--calcite-shell-panel-width: 350px}.height-full{height:100%}.padding-end-1-2{padding-inline-end:var(--calcite-spacing-sm)}calcite-shell-panel{--calcite-shell-panel-background-color: var(--calcite-color-foreground-1)}calcite-shell{background-color:unset}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.margin-end-md{margin-inline-end:var(--calcite-spacing-md)}`;
-class o extends n {
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { css as r, html as s } from "lit";
+import { u as d } from "../../chunks/useT9n.js";
+import { LitElement as c, createEvent as l } from "@arcgis/lumina";
+import { createRef as h, ref as g } from "lit/directives/ref.js";
+import "../solutions-resources-section/customElement.js";
+const p = { heading: "Get Started", card1: { heading: "What's new in the app" }, card2: { heading: "Deploy a solution" }, card3: { heading: "Manage a deployment" }, card4: { heading: "AI Assistant" } }, u = { heading: "Documentation", card1: { heading: "Help" }, card2: { heading: "What's new" }, card3: { heading: "FAQ" }, card4: { heading: "ArcGIS Blog" } }, m = { heading: "Support", card1: { heading: "Esri Community" }, card2: { heading: "ArcGIS Ideas" }, card3: { heading: "Esri Video" }, card4: { heading: "Technical support" } }, n = {
+  getStarted: p,
+  documentation: u,
+  support: m
+}, b = r`*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.position-relative{position:relative}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-background-color: var(--calcite-color-foreground-2)}.width-350{--calcite-shell-panel-width: 350px}.height-full{height:100%}.padding-end-1-2{padding-inline-end:var(--calcite-spacing-sm)}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-shell{background-color:unset}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.margin-end-md{margin-inline-end:var(--calcite-spacing-md)}.resources-container{width:100%;box-sizing:border-box}.hero-banner{background-color:var(--calcite-color-foreground-2);padding:4.25rem var(--calcite-spacing-md);text-align:center;width:100%;box-sizing:border-box;margin-bottom:3rem}.hero-heading{font-size:var(--calcite-font-size-5);font-weight:var(--calcite-font-weight-medium);margin:0 0 var(--calcite-spacing-xxl) 0;color:var(--calcite-color-text-1)}.hero-subheading{font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);max-width:600px;margin:0 auto}`;
+class f extends c {
   constructor() {
-    super(), this._translations = l({ name: "solutions-resources-shell", blocking: !0 }), this.sortTypeChanged = a(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+    super(), this._translations = d({ name: "solutions-resources-shell", blocking: !0 }), this._mainPanelRef = h(), this._panelFixed = !1, this.sortTypeChanged = l(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
   static {
     this.properties = { _translations: 16 };
   }
   static {
-    this.styles = c;
+    this.styles = b;
+  }
+  updated() {
+    this._fixPanelContentWrapperFocus();
+  }
+  _fixPanelContentWrapperFocus() {
+    if (!this._panelFixed && this._mainPanelRef.value) {
+      const e = this._mainPanelRef.value;
+      e.componentOnReady?.().then(() => {
+        if (e.shadowRoot) {
+          const i = e.shadowRoot.querySelector(".content-wrapper");
+          i && (i.tabIndex = -1, this._panelFixed = !0, this._setupPanelObserver());
+        }
+      }).catch(() => {
+        this._panelFixed = !0;
+      });
+    }
+  }
+  _setupPanelObserver() {
+    if (this._panelObserver)
+      return;
+    this._panelObserver = new MutationObserver((i) => {
+      i.forEach((t) => {
+        if (t.type === "attributes" && t.attributeName === "tabindex") {
+          const a = t.target;
+          a.classList.contains("content-wrapper") && a.tabIndex === 0 && (a.tabIndex = -1);
+        }
+      });
+    });
+    const e = this._mainPanelRef.value;
+    if (e?.shadowRoot) {
+      const i = e.shadowRoot.querySelector(".content-wrapper");
+      i && this._panelObserver.observe(i, { attributes: !0, attributeFilter: ["tabindex"] });
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._panelObserver?.disconnect();
   }
   render() {
-    return t`<calcite-shell class="position-relative"><calcite-shell-panel class="width-350 margin-end-md" slot=panel-start><solutions-resources class="height-full padding-end-1 padding-start-1"></solutions-resources></calcite-shell-panel><solutions-resource-panel class="height-full"></solutions-resource-panel></calcite-shell>`;
+    const e = this._translations;
+    return s`<calcite-shell><calcite-panel ${g(this._mainPanelRef)}><div class="resources-container"><div class="hero-banner"><h1 class="hero-heading" tabindex=0>${e.hero.heading}</h1><p class="hero-subheading" tabindex=0>${e.hero.subheading}</p></div><solutions-resources-section .heading=${e.getStarted.heading} .subheading=${e.getStarted.subheading} .cards=${[
+      {
+        meridianIcon: "value",
+        heading: e.getStarted.card1.heading,
+        description: e.getStarted.card1.description,
+        url: "https://links.esri.com/solutions/whats-new-in-the-app",
+        headingEn: n.getStarted.card1.heading,
+        sectionHeadingEn: n.getStarted.heading
+      },
+      {
+        meridianIcon: "install",
+        heading: e.getStarted.card2.heading,
+        description: e.getStarted.card2.description,
+        url: "https://links.esri.com/solutions/deploy-a-solution",
+        headingEn: n.getStarted.card2.heading,
+        sectionHeadingEn: n.getStarted.heading
+      },
+      {
+        meridianIcon: "keys",
+        heading: e.getStarted.card3.heading,
+        description: e.getStarted.card3.description,
+        url: "https://links.esri.com/solutions/manage-a-deployment",
+        headingEn: n.getStarted.card3.heading,
+        sectionHeadingEn: n.getStarted.heading
+      },
+      {
+        meridianIcon: "speech-bubbles",
+        heading: e.getStarted.card4.heading,
+        description: e.getStarted.card4.description,
+        url: "https://links.esri.com/solutions/ai-assistant",
+        headingEn: n.getStarted.card4.heading,
+        sectionHeadingEn: n.getStarted.heading
+      }
+    ]}></solutions-resources-section><solutions-resources-section .heading=${e.documentation.heading} .subheading=${e.documentation.subheading} .cards=${[
+      {
+        meridianIcon: "search-files",
+        heading: e.documentation.card1.heading,
+        description: e.documentation.card1.description,
+        url: "https://links.esri.com/solutions/help",
+        headingEn: n.documentation.card1.heading,
+        sectionHeadingEn: n.documentation.heading
+      },
+      {
+        meridianIcon: "value",
+        heading: e.documentation.card2.heading,
+        description: e.documentation.card2.description,
+        url: "https://links.esri.com/solutions/whats-new",
+        headingEn: n.documentation.card2.heading,
+        sectionHeadingEn: n.documentation.heading
+      },
+      {
+        meridianIcon: "faq",
+        heading: e.documentation.card3.heading,
+        description: e.documentation.card3.description,
+        url: "https://links.esri.com/solutions/faq",
+        headingEn: n.documentation.card3.heading,
+        sectionHeadingEn: n.documentation.heading
+      },
+      {
+        meridianIcon: "arcmap-blog",
+        heading: e.documentation.card4.heading,
+        description: e.documentation.card4.description,
+        url: "https://links.esri.com/solutions/arcgis-blogs",
+        headingEn: n.documentation.card4.heading,
+        sectionHeadingEn: n.documentation.heading
+      }
+    ]}></solutions-resources-section><solutions-resources-section .heading=${e.support.heading} .subheading=${e.support.subheading} .cards=${[
+      {
+        meridianIcon: "esri-community",
+        heading: e.support.card1.heading,
+        description: e.support.card1.description,
+        url: "https://links.esri.com/solutions/esri-community",
+        headingEn: n.support.card1.heading,
+        sectionHeadingEn: n.support.heading
+      },
+      {
+        meridianIcon: "idea",
+        heading: e.support.card2.heading,
+        description: e.support.card2.description,
+        url: "https://links.esri.com/solutions/arcgis-ideas",
+        headingEn: n.support.card2.heading,
+        sectionHeadingEn: n.support.heading
+      },
+      {
+        meridianIcon: "video",
+        heading: e.support.card3.heading,
+        description: e.support.card3.description,
+        url: "https://links.esri.com/solutions/esri-video",
+        headingEn: n.support.card3.heading,
+        sectionHeadingEn: n.support.heading
+      },
+      {
+        meridianIcon: "support",
+        heading: e.support.card4.heading,
+        description: e.support.card4.description,
+        url: "https://links.esri.com/solutions/technical-support",
+        headingEn: n.support.card4.heading,
+        sectionHeadingEn: n.support.heading
+      }
+    ]}></solutions-resources-section></div></calcite-panel></calcite-shell>`;
   }
   _handleDeployAppTabSelected(e) {
     e.detail === "resources" && this.sortTypeChanged.emit("");
   }
 }
-i("solutions-resources-shell", o);
+o("solutions-resources-shell", f);
 export {
-  o as SolutionsResourcesShell
+  f as SolutionsResourcesShell
 };

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

@@ -1,5 +1 @@
-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

@@ -1,5 +1,4 @@
 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";
+import "@esri/calcite-components/components/calcite-panel";
+import "../solutions-resources-section/index.js";
 export * from "./customElement.js";

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

@@ -1,79 +1,104 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { IFilterOption, IScopeSearchSortSettings, ISearchOption, ScopeType, SortType } from '../../utils/interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { DeployAppTab, IFilterOption, IFilterSetting, IScopeSearchSortSettings, ISearchOption, SortType } from "../../utils/interfaces.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class SolutionsSearchSortToolbar extends LitElement {
-    /**
-     * The default type to sort solutions by
-     *
-     * @default 'relevance'
-     */
-    defaultSortType: SortType;
-    /**
-     * Determines if the Owner section should be shown.
-     *
-     * @default false
-     */
-    isOrgSolutions: boolean;
-    /**
-     * When true we are in mobile view.
-     *
-     * @default false
-     */
-    isMobile: boolean;
-    /** The enviornment on which to perform search or sort */
-    scope: ScopeType | undefined;
-    /**
-     * 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 Deployments view.
-     *
-     * @param isMySolutions
-     * @param isMySolutions Flag to show user's solution or organization's solutions.
-     */
-    changeOwnerFilter(isMySolutions: boolean): void;
-    /**
-     * Filters the solutions by a text search phrase.
-     *
-     * @param searchTerm
-     * @param emit
-     * @param startTelemetryTimer
-     * @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.
-     * @param startTelemetryTimer (Optional) Flag whether to start the telemetry debounce timer.
-     */
-    changeSearchFilter(searchTerm: string, emit?: boolean, startTelemetryTimer?: boolean): void;
-    /**
-     * Change the user selected sort type
-     *
-     * @param sortType
-     * @param emit
-     * @param sortType the string to sort by. Valid values are 'relevance' | 'title' | 'new' | 'updated' | 'suggested' | 'created'.
-     * @param emit when true the sortTypeChanged event will be emitted and a new search will be fired
-     * when false only the current settings will be updated to support url params
-     */
-    sortChanged(sortType: SortType, emit: boolean): void;
-    /** The event that gets emitted after any filter option has changed. */
-    readonly searchChanged: TargetedEvent<this, {
-        option: ISearchOption | IFilterOption | null;
-        scope: ScopeType;
-        logSearchTelemetry?: boolean;
-    }>;
-    /** Emitted on demand when the sort type changes */
-    readonly sortTypeChanged: TargetedEvent<this, {
-        sortType: SortType;
-        scope: ScopeType;
-    }>;
-    /** Emitted on demand when the filter button is clicked in mobile */
-    readonly toggleFilter: TargetedEvent<this, void>;
-    /** Emitted on demand when navigating between tabs in the app */
-    readonly updateUrlParams: TargetedEvent<this, {
-        settings: IScopeSearchSortSettings;
-        scope: ScopeType;
-    }>;
-    "@eventTypes": {
-        "searchChanged": SolutionsSearchSortToolbar["searchChanged"]["detail"];
-        "sortTypeChanged": SolutionsSearchSortToolbar["sortTypeChanged"]["detail"];
-        "toggleFilter": SolutionsSearchSortToolbar["toggleFilter"]["detail"];
-        "updateUrlParams": SolutionsSearchSortToolbar["updateUrlParams"]["detail"];
-    };
-}
+export abstract class SolutionsSearchSortToolbar extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      chooseSortType: string;
+      filterBy: string;
+      mySolutions: string;
+      myOrgSolutions: string;
+      showFilters: string;
+      sortByRelevance: string;
+      sortByTitle: string;
+      sortByNew: string;
+      sortByDateDeployed: string;
+      sortByUpdated: string;
+      sortBySuggestedForYou: string;
+      search: {
+          solutions: string;
+          deployments: string;
+      };
+  } & T9nMeta<{
+      chooseSortType: string;
+      filterBy: string;
+      mySolutions: string;
+      myOrgSolutions: string;
+      showFilters: string;
+      sortByRelevance: string;
+      sortByTitle: string;
+      sortByNew: string;
+      sortByDateDeployed: string;
+      sortByUpdated: string;
+      sortBySuggestedForYou: string;
+      search: {
+          solutions: string;
+          deployments: string;
+      };
+  }>;
+  /**
+   * The default type to sort solutions by
+   *
+   * @default 'relevance'
+   */
+  accessor defaultSortType: SortType;
+  /**
+   * Determines if the Owner section should be shown.
+   *
+   * @default false
+   */
+  accessor isOrgSolutions: boolean;
+  /** The enviornment on which to perform search or sort */
+  accessor scope: DeployAppTab | undefined;
+  /**
+   * 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 Deployments view.
+   *
+   * @param isMySolutions - Flag to show user's solution or organization's solutions.
+   */
+  changeOwnerFilter(isMySolutions: 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.
+   * @param startTelemetryTimer - (Optional) Flag whether to start the telemetry debounce timer.
+   */
+  changeSearchFilter(searchTerm: string, emit?: boolean, startTelemetryTimer?: boolean): void;
+  /**
+   * Change the user selected sort type
+   *
+   * @param sortType - the string to sort by. Valid values are 'relevance' | 'title' | 'new' | 'updated' | 'suggested' | 'created'.
+   * @param emit - when true the sortTypeChanged event will be emitted and a new search will be fired
+   *             when false only the current settings will be updated to support url params
+   */
+  sortChanged(sortType: SortType, emit: boolean): void;
+  /** The event that gets emitted after any filter option has changed. */
+  readonly searchChanged: import("@arcgis/lumina").TargetedEvent<this, {
+      option: ISearchOption | IFilterOption | null;
+      scope: DeployAppTab;
+      logSearchTelemetry?: boolean;
+  }>;
+  /** Emitted on demand when the sort type changes */
+  readonly sortTypeChanged: import("@arcgis/lumina").TargetedEvent<this, {
+      sortType: SortType;
+      scope: DeployAppTab;
+  }>;
+  /** Emitted on demand when the filter button is clicked in mobile */
+  readonly toggleFilter: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted on demand when navigating between tabs in the app */
+  readonly updateUrlParams: import("@arcgis/lumina").TargetedEvent<this, IScopeSearchSortSettings | IFilterSetting | null>;
+  readonly "@eventTypes": {
+    searchChanged: SolutionsSearchSortToolbar["searchChanged"]["detail"];
+    sortTypeChanged: SolutionsSearchSortToolbar["sortTypeChanged"]["detail"];
+    toggleFilter: SolutionsSearchSortToolbar["toggleFilter"]["detail"];
+    updateUrlParams: SolutionsSearchSortToolbar["updateUrlParams"]["detail"];
+  };
+}