@esri/solutions-components 5.0.4-next.3 → 5.1.0-next.10

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

@@ -1,424 +1,178 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { repeat } from "lit/directives/repeat.js";
-import { u as useT9n } from "../../chunks/useT9n.js";
-import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lumina";
-import { useContextConsumer } from "@arcgis/lumina/context";
-import { css, html } from "lit";
-import { A as configContext, G as isMobileContext, e as EIndustry, d as EDomain, T as TELEMETRY_CATEGORY } from "../../chunks/interfaces.js";
-import { createRef, ref } from "lit/directives/ref.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { repeat as f } from "lit/directives/repeat.js";
+import { u as g } from "../../chunks/useT9n.js";
+import { LitElement as _, createEvent as m, safeClassMap as o, safeStyleMap as r } from "@arcgis/lumina";
+import { useContextConsumer as c } from "@arcgis/lumina/context";
+import { css as b, html as s } from "lit";
+import { c as v, i as y } from "../../chunks/deployAppContexts.js";
+import { e as d, d as h, T as p } from "../../chunks/interfaces.js";
+import { createRef as n, ref as a } from "lit/directives/ref.js";
 import "../solutions-filter-panel/customElement.js";
-const styles = css`/** @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.
- */
-
-.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-2);
-}
-
-.panel-override {
-  --calcite-panel-background-color: var(--calcite-color-foreground-2);
-  --calcite-panel-border-color: none;
-}
-
-.label-override {
-  --calcite-label-margin-bottom: 0px;
-  font-weight: var(--calcite-font-weight-medium);
-}
-
-.header-button-padding {
-  padding-top: var(--calcite-spacing-sm);
-  padding-bottom: var(--calcite-spacing-sm);
-  padding-inline-start: var(--calcite-spacing-lg);
-  padding-inline-end: var(--calcite-spacing-lg);
-}
-
-.padding-start {
-  padding-inline-start: var(--calcite-spacing-sm);
-}
-
-.align-items-center {
-  align-items: center;
-}
-
-.justify-content-end {
-  justify-content: end;
-}
-
-.filter-width-350 {
-  --calcite-shell-panel-width: 350px;
-}
-
-.z-index-1 {
-  z-index: 1;
-}
-
-.z-index-2 {
-  z-index: 2;
-}
-
-h1 {
-  font-weight: unset;
-  margin: 0;
-  padding: 0;
-}
-
-/* This is tied to a supporting media query in the components code.
-If you update this you will need to update or at least consider that code.
- */
-@media (max-width: 800px) {
-  .filter {
-    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);
-}
-
-.chips-container {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--calcite-spacing-xs);
-  flex: 1;
-  padding-block: var(--calcite-spacing-xs);
-}
-
-.header-content-wrapper {
-  min-height: 50px;
-  flex-wrap: wrap;
-  gap: var(--calcite-spacing-xs);
-  padding-inline-start: var(--calcite-spacing-lg);
-  padding-top: 8px;
-}
-
-.position-relative {
-  position: relative;
-}
-
-.height-100 {
-  height: 100%;
-}
-
-.border-none {
-  border: none;
-}
-
-.height-50 {
-  height: 50px;
-}
-
-.chip-group {
-  max-width: 100%;
-}
-
-.chip-group {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.responsive-chip {
-  max-width: 100%;
-}
-
-.responsive-chip .chip-text {
-  display: inline-flex;
-  align-items: center;
-  line-height: 1;
-  max-width: 100%;
-}
-
-@media (max-width: 800px) {
-  .responsive-chip {
-    max-width: 100%;
-    min-width: 0;
-  }
-
-  .responsive-chip .chip-text {
-    max-width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}
-
-.mobile-stack {
-  flex-direction: column;
-  align-items: flex-start;
-  padding-top: var(--calcite-spacing-md);
-}
-`;
-class SolutionsAllShell extends LitElement {
+const x = b`.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-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;font-weight:var(--calcite-font-weight-medium)}.header-button-padding{padding-top:var(--calcite-spacing-sm);padding-bottom:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start{padding-inline-start:var(--calcite-spacing-sm)}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-1{z-index:1}.z-index-2{z-index:2}h1{font-weight:unset;margin:0;padding:0}@media(max-width:800px){.filter{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)}.chips-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--calcite-spacing-xs);flex:1;padding-block:var(--calcite-spacing-xs)}.header-content-wrapper{min-height:50px;flex-wrap:wrap;gap:var(--calcite-spacing-xs);padding-inline-start:var(--calcite-spacing-lg);padding-top:8px}.position-relative{position:relative}.height-100{height:100%}.border-none{border:none}.height-50{height:50px}.chip-group{max-width:100%}.chip-group{display:flex;flex-wrap:wrap}.responsive-chip{max-width:100%}.responsive-chip .chip-text{display:inline-flex;align-items:center;line-height:1;max-width:100%}@media(max-width:800px){.responsive-chip{max-width:100%;min-width:0}.responsive-chip .chip-text{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.mobile-stack{flex-direction:column;align-items:flex-start;padding-top:var(--calcite-spacing-md)}`;
+class w extends _ {
   constructor() {
-    super();
-    this.solutionsCount = 0;
-    this._isLoading = true;
-    this._filterOpen = true;
-    this._filters = {
+    super(), this.solutionsCount = 0, this._isLoading = !0, this._filterOpen = !0, this._filters = {
       categories: [],
       searchTerm: ""
-    };
-    this._isMobile = false;
-    this._translations = useT9n({ name: "solutions-all-shell", blocking: true });
-    this._allSolutionsPanelRef = createRef();
-    this._solutionsFilterPanelRef = createRef();
-    this._mainPanelRef = createRef();
-    this._panelFixed = false;
-    this._configContextConsumer = useContextConsumer({
-      context: configContext,
-      subscribe: true
-    });
-    this._isMobileContextConsumer = useContextConsumer({
-      context: isMobileContext,
-      subscribe: true,
-      callback: (value) => this._isMobile = value
-    });
-    this.filterRemoved = createEvent();
-    this.listenOn(window, "searchChanged", (evt) => {
-      if (evt.detail && evt.detail.scope === "all-solutions") {
-        this._filterApplied(evt.detail.option, evt.detail.logSearchTelemetry);
-      }
-    });
-    this.listenOn(window, "toggleFilter", this._toggleFilter);
-    this.listenOn(window, "cardsFetched", () => {
-      this._isLoading = false;
+    }, this._isMobile = !1, this._translations = g({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = n(), this._solutionsFilterPanelRef = n(), this._mainPanelRef = n(), this._panelFixed = !1, this._configContextConsumer = c({
+      context: v,
+      subscribe: !0
+    }), this._isMobileContextConsumer = c({
+      context: y,
+      subscribe: !0,
+      callback: (e) => this._isMobile = e
+    }), this.filterRemoved = m(), this.listenOn(window, "searchChanged", (e) => {
+      e.detail && e.detail.scope === "all-solutions" && this._filterApplied(e.detail.option, e.detail.logSearchTelemetry);
+    }), this.listenOn(window, "toggleFilter", this._toggleFilter), this.listenOn(window, "cardsFetched", () => {
+      this._isLoading = !1;
     });
   }
   static {
-    this.properties = { solutionsCount: [9, {}, { type: Number }], _isLoading: [16, {}, { state: true }], _filterOpen: [16, {}, { state: true }], _filters: [16, {}, { state: true }], _isMobile: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
+    this.properties = { solutionsCount: 9, _isLoading: 16, _filterOpen: 16, _filters: 16, _isMobile: 16, _translations: 16 };
   }
   static {
-    this.styles = styles;
+    this.styles = x;
   }
-  willUpdate(changes) {
-    if (changes.has("_isMobile")) {
-      this._filterOpen = !this._isMobile;
-    }
+  willUpdate(e) {
+    e.has("_isMobile") && (this._filterOpen = !this._isMobile);
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
-  async searchSolutions(searchOptions) {
-    this._allSolutionsPanelRef.value.setSearchOptions(searchOptions);
-    if ("industry" in searchOptions || "domain" in searchOptions) {
-      searchOptions.displayValue = searchOptions.domain || searchOptions.industry;
-      const industryKey = searchOptions.industry ? Object.entries(EIndustry).find(([, val]) => val === searchOptions.industry)?.[0] : void 0;
-      const domainKey = searchOptions.domain ? Object.entries(EDomain).find(([, val]) => val === searchOptions.domain)?.[0] : void 0;
-      searchOptions.industry = industryKey || "";
-      searchOptions.domain = domainKey || "";
-      searchOptions.value = domainKey || industryKey || "";
-      this._solutionsFilterPanelRef.value.changeIndustryFilter(searchOptions.industry, searchOptions.domain, searchOptions.displayValue, true);
-    } else if ("searchTerm" in searchOptions || "sortType" in searchOptions) {
-      if ("searchTerm" in searchOptions) {
-        this._filters.searchTerm = searchOptions.searchTerm;
-      }
-      this._allSolutionsPanelRef.value?.searchSolutions(searchOptions);
-    }
+  async searchSolutions(e) {
+    if (this._allSolutionsPanelRef.value.setSearchOptions(e), "industry" in e || "domain" in e) {
+      e.displayValue = e.domain || e.industry;
+      const t = e.industry ? Object.entries(d).find(([, l]) => l === e.industry)?.[0] : void 0, i = e.domain ? Object.entries(h).find(([, l]) => l === e.domain)?.[0] : void 0;
+      e.industry = t || "", e.domain = i || "", e.value = i || t || "", this._solutionsFilterPanelRef.value.changeIndustryFilter(e.industry, e.domain, e.displayValue, !0);
+    } else ("searchTerm" in e || "sortType" in e) && ("searchTerm" in e && (this._filters.searchTerm = e.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(e));
   }
   async load() {
-    if (this._isMobileContextConsumer.value) {
-      this._isMobile = this._isMobileContextConsumer.value;
-    }
+    this._isMobileContextConsumer.value && (this._isMobile = this._isMobileContextConsumer.value);
   }
   updated() {
     this._fixPanelContentWrapperFocus();
   }
   _fixPanelContentWrapperFocus() {
     if (!this._panelFixed && this._mainPanelRef.value) {
-      const panel = this._mainPanelRef.value;
-      panel.componentOnReady?.().then(() => {
-        if (panel.shadowRoot) {
-          const contentWrapper = panel.shadowRoot.querySelector(".content-wrapper");
-          if (contentWrapper) {
-            contentWrapper.tabIndex = -1;
-            this._panelFixed = true;
-            this._setupPanelObserver();
-          }
+      const e = this._mainPanelRef.value;
+      e.componentOnReady?.().then(() => {
+        if (e.shadowRoot) {
+          const t = e.shadowRoot.querySelector(".content-wrapper");
+          t && (t.tabIndex = -1, this._panelFixed = !0, this._setupPanelObserver());
         }
       }).catch(() => {
-        this._panelFixed = true;
+        this._panelFixed = !0;
       });
     }
   }
   _setupPanelObserver() {
     if (this._panelObserver)
       return;
-    this._panelObserver = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.type === "attributes" && mutation.attributeName === "tabindex") {
-          const target = mutation.target;
-          if (target.classList.contains("content-wrapper") && target.tabIndex === 0) {
-            target.tabIndex = -1;
-          }
+    this._panelObserver = new MutationObserver((t) => {
+      t.forEach((i) => {
+        if (i.type === "attributes" && i.attributeName === "tabindex") {
+          const l = i.target;
+          l.classList.contains("content-wrapper") && l.tabIndex === 0 && (l.tabIndex = -1);
         }
       });
     });
-    const panel = this._mainPanelRef.value;
-    if (panel?.shadowRoot) {
-      const contentWrapper = panel.shadowRoot.querySelector(".content-wrapper");
-      if (contentWrapper) {
-        this._panelObserver.observe(contentWrapper, { attributes: true, attributeFilter: ["tabindex"] });
-      }
+    const e = this._mainPanelRef.value;
+    if (e?.shadowRoot) {
+      const t = e.shadowRoot.querySelector(".content-wrapper");
+      t && this._panelObserver.observe(t, { attributes: !0, attributeFilter: ["tabindex"] });
     }
   }
   disconnectedCallback() {
-    super.disconnectedCallback();
-    this._panelObserver?.disconnect();
+    super.disconnectedCallback(), this._panelObserver?.disconnect();
   }
   render() {
-    const solutionsCountStyle = this._isMobile ? "justify-content-end" : "";
-    const shellDisplayClass = this._isLoading ? "display-none" : "";
-    return html`<calcite-shell class=${`position-relative ${shellDisplayClass}`}>${this._isMobile ? "" : this._getFilterPanel()}<h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1" ${ref(this._mainPanelRef)}><div class=${safeClassMap(this._isMobile ? `mobile-stack ${solutionsCountStyle}` : `display-flex align-items-center header-content-wrapper ${solutionsCountStyle}`)} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label><div class="chips-container">${this._renderChips()}${this._filters.categories && this._filters.categories?.length > 0 && html`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
+    const e = this._isMobile ? "justify-content-end" : "", t = this._isLoading ? "display-none" : "";
+    return s`<calcite-shell class=${`position-relative ${t}`}>${this._isMobile ? "" : this._getFilterPanel()}<h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1" ${a(this._mainPanelRef)}><div class=${o(this._isMobile ? `mobile-stack ${e}` : `display-flex align-items-center header-content-wrapper ${e}`)} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label><div class="chips-container">${this._renderChips()}${this._filters.categories && this._filters.categories?.length > 0 && s`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
       this._filters = {
         ...this._filters,
         categories: []
-      };
-      this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories);
-      this.filterRemoved.emit([]);
+      }, this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories), this.filterRemoved.emit([]);
     }} .label=${this._translations.clearIndustryFilter}>${this._translations.clearIndustryFilter}</calcite-button>` || ""}</div></div>${this._isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`;
   }
   _getFilterPanel() {
-    const filterOverride = this._filterOpen ? { "display": "flex" } : "";
-    return !this._isMobile ? html`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${safeStyleMap(filterOverride)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" @applyFilter=${(evt) => {
-      this._filterApplied(evt.detail);
-    }} ${ref(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>` : html`<calcite-panel class=${`border-none ${this._filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${safeStyleMap(filterOverride)}><solutions-filter-panel class="height-100" @applyFilter=${(evt) => {
-      this._filterApplied(evt.detail);
-    }} ${ref(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>`;
+    const e = this._filterOpen ? { display: "flex" } : "";
+    return this._isMobile ? s`<calcite-panel class=${`border-none ${this._filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${r(e)}><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
+      this._filterApplied(t.detail);
+    }} ${a(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : s`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${r(e)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" @applyFilter=${(t) => {
+      this._filterApplied(t.detail);
+    }} ${a(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
   }
   _getSolutionsAllPanel() {
-    const solutionsAllPanelOverride = this._isMobile && this._filterOpen ? { "display": "none" } : "";
-    return html`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${safeStyleMap(solutionsAllPanelOverride)} ${ref(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    const e = this._isMobile && this._filterOpen ? { display: "none" } : "";
+    return s`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${r(e)} ${a(this._allSolutionsPanelRef)}></solutions-all-panel>`;
   }
   _renderChips() {
-    if (!this._filters.categories) {
-      return void 0;
-    }
-    const onlyIndustry = this._filters.categories.filter((filter) => {
-      return filter.type === "industry" || filter.type === "domain";
-    });
-    if (onlyIndustry.length === 0)
-      return void 0;
-    return html`<calcite-chip-group class="chip-group" label>${repeat(onlyIndustry, (filter) => `${filter.type}:${filter.value}`, (filter) => html`<calcite-chip appearance=outline-fill class=${safeClassMap(this._isMobile ? "responsive-chip" : "padding-start responsive-chip")} closable .label=${filter.displayValue} @calciteChipClose=${() => this._chipClosed(filter.displayValue, filter.type)} .value=${filter.displayValue}>${filter.displayValue}</calcite-chip>`)}</calcite-chip-group>`;
-  }
-  _updateSolutionCount(evt) {
-    this.solutionsCount = evt.detail;
-  }
-  _chipClosed(chipValue, chipType) {
-    if (!this._filters.categories) {
+    if (!this._filters.categories)
       return;
-    }
-    if (chipType === "industry") {
-      this._filters.categories = [];
-    } else {
-      const exsistingFilters = this._filters.categories.filter((filter) => filter.displayValue !== chipValue && filter.type !== chipType);
-      this._filters.categories = exsistingFilters;
-    }
-    if (this._filters.categories.length > 0) {
-      this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories);
-    } else {
-      if (this._filters.searchTerm !== "") {
-        this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories);
-        this._allSolutionsPanelRef.value?.searchSolutions({ searchTerm: this._filters.searchTerm });
-      } else {
-        this._allSolutionsPanelRef.value?.searchSolutions();
+    const e = this._filters.categories.filter((t) => t.type === "industry" || t.type === "domain");
+    if (e.length !== 0)
+      return s`<calcite-chip-group class="chip-group" label>${f(e, (t) => `${t.type}:${t.value}`, (t) => s`<calcite-chip appearance=outline-fill class=${o(this._isMobile ? "responsive-chip" : "padding-start responsive-chip")} closable .label=${t.displayValue} @calciteChipClose=${() => this._chipClosed(t.displayValue, t.type)} .value=${t.displayValue}>${t.displayValue}</calcite-chip>`)}</calcite-chip-group>`;
+  }
+  _updateSolutionCount(e) {
+    this.solutionsCount = e.detail;
+  }
+  _chipClosed(e, t) {
+    if (this._filters.categories) {
+      if (t === "industry")
+        this._filters.categories = [];
+      else {
+        const i = this._filters.categories.filter((l) => l.displayValue !== e && l.type !== t);
+        this._filters.categories = i;
       }
+      this._filters.categories.length > 0 ? this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories) : this._filters.searchTerm !== "" ? (this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories), this._allSolutionsPanelRef.value?.searchSolutions({ searchTerm: this._filters.searchTerm })) : this._allSolutionsPanelRef.value?.searchSolutions(), this.filterRemoved.emit(this._filters.categories);
     }
-    this.filterRemoved.emit(this._filters.categories);
   }
   _toggleFilter() {
     this._filterOpen = !this._filterOpen;
   }
-  _logFilterTelemetry(filter) {
-    if ((filter.type === "industry" || filter.type === "domain") && filter.industry) {
-      const industryValue = EIndustry[filter.industry];
-      const dimensions = [industryValue];
-      if (filter.domain) {
-        const domainValue = EDomain[filter.domain];
-        dimensions.push(domainValue);
+  _logFilterTelemetry(e) {
+    if ((e.type === "industry" || e.type === "domain") && e.industry) {
+      const i = [d[e.industry]];
+      if (e.domain) {
+        const l = h[e.domain];
+        i.push(l);
       }
       this._telemetry?.logEvent({
-        category: TELEMETRY_CATEGORY.ALL_SOLUTIONS,
+        category: p.ALL_SOLUTIONS,
         action: "Filter",
-        dimensions
+        dimensions: i
       });
     }
   }
-  _filterApplied(options, logSearchTelemetry) {
-    if (!this._filters.categories) {
-      return;
-    }
-    if (options) {
-      let filterToApply = options;
-      if ("displayValue" in options) {
-        this._filters.categories.push(options);
-        this._logFilterTelemetry(options);
-      } else {
-        if (Array.isArray(options) && options.length > 0) {
-          if (options.length >= 2) {
-            filterToApply = [options[options.length - 1]];
-          }
-          this._filters = {
-            categories: options,
+  _filterApplied(e, t) {
+    if (this._filters.categories)
+      if (e) {
+        let i = e;
+        if ("displayValue" in e)
+          this._filters.categories.push(e), this._logFilterTelemetry(e);
+        else if (Array.isArray(e) && e.length > 0) {
+          e.length >= 2 && (i = [e[e.length - 1]]), this._filters = {
+            categories: e,
             searchTerm: this._filters.searchTerm
           };
-          const lastFilter = options[options.length - 1];
-          if (lastFilter) {
-            this._logFilterTelemetry(lastFilter);
-          }
+          const l = e[e.length - 1];
+          l && this._logFilterTelemetry(l);
         }
-      }
-      if ("searchTerm" in filterToApply) {
-        this._filters.searchTerm = filterToApply.searchTerm;
-        if (logSearchTelemetry && filterToApply.searchTerm) {
+        if ("searchTerm" in i && (this._filters.searchTerm = i.searchTerm, t && i.searchTerm)) {
           this._telemetry?.logEvent({
-            category: TELEMETRY_CATEGORY.ALL_SOLUTIONS,
+            category: p.ALL_SOLUTIONS,
             action: "Search",
-            dimensions: [filterToApply.searchTerm]
+            dimensions: [i.searchTerm]
           });
           return;
         }
-      }
-      this._allSolutionsPanelRef.value?.searchSolutions(filterToApply);
-    } else {
-      this._filters.categories = [];
-      this._allSolutionsPanelRef.value?.searchSolutions();
-    }
+        this._allSolutionsPanelRef.value?.searchSolutions(i);
+      } else
+        this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
   }
 }
-customElement("solutions-all-shell", SolutionsAllShell);
+u("solutions-all-shell", w);
 export {
-  SolutionsAllShell
+  w as SolutionsAllShell
 };