@esri/solutions-components 1.2.0-next.57 → 1.2.0-next.58

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

@@ -1,14 +1,14 @@
-import { c as h } from "../../chunks/runtime.js";
-import { css as p, html as o } from "lit";
-import { u as d } from "../../chunks/useT9n.js";
-import { LitElement as u, createEvent as n, nothing as a } from "@arcgis/lumina";
-import { useContextConsumer as l } from "@arcgis/lumina/context";
-import { c as g, i as S } from "../../chunks/deployAppContexts.js";
-import { D as m, j as c } from "../../chunks/interfaces.js";
 /*! 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.57 */
-const b = p`/** @license
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent, nothing } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { c as configContext, i as isMobileContext } from "../../chunks/deployAppContexts.js";
+import { D as getUserIsAdmin, j as EOwnerOption } from "../../chunks/interfaces.js";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,15 +22,70 @@ const b = p`/** @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.
- */.toolbar-sizing{display:flex;align-items:center;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box;height:65px}.flex-row{display:flex;flex-direction:row}.flex-grow-1{flex-grow:1}calcite-input-text{--calcite-color-focus: transparent;--calcite-input-text-border-color: transparent;--calcite-color-border-input: transparent;--calcite-color-brand: transparent;display:grid;block-size:65px;box-sizing:border-box;border-bottom:2px solid transparent}calcite-dropdown{--calcite-color-focus: transparent}@media(prefers-color-scheme:dark){calcite-input-text:focus{border-bottom:2px solid #009AF2}}@media(prefers-color-scheme:light){calcite-input-text:focus{border-bottom:2px solid #007AC2}}.focus-color{--calcite-color-focus: transparent}`;
-class y extends u {
+ */
+
+.toolbar-sizing {
+  display: flex;
+  align-items: center;
+  padding-right: 0px;
+  padding-left: 0px;
+  margin-left: auto;
+  margin-right: auto;
+  box-sizing: border-box;
+  height: 65px;
+}
+
+.flex-row {
+  display: flex;
+  flex-direction: row;
+}
+
+.flex-grow-1 {
+  flex-grow: 1;
+}
+
+calcite-input-text {
+  --calcite-color-focus: transparent;
+  --calcite-input-text-border-color: transparent;
+  --calcite-color-border-input: transparent;
+  --calcite-color-brand: transparent;
+  display: grid;
+  block-size: 65px;
+  box-sizing: border-box;
+  border-bottom: 2px solid transparent;
+}
+
+calcite-dropdown {
+  --calcite-color-focus: transparent;
+}
+
+@media (prefers-color-scheme: dark) {
+  calcite-input-text:focus {
+    border-bottom: 2px solid #009AF2;
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  calcite-input-text:focus {
+    border-bottom: 2px solid #007AC2;
+  }
+}
+
+.focus-color {
+  --calcite-color-focus: transparent;
+}`;
+class SolutionsSearchSortToolbar extends LitElement {
   constructor() {
-    super(), this.defaultSortType = "relevance", this.isOrgSolutions = !1, this.isMobile = !1, this._activeSearchSortSettings = [
+    super();
+    this.defaultSortType = "relevance";
+    this.isOrgSolutions = false;
+    this.isMobile = false;
+    this._activeSearchSortSettings = [
       {
         scope: "all-solutions",
         settings: {
-          enabled: !0,
-          isOrgSolutions: !1,
+          enabled: true,
+          isOrgSolutions: false,
           searchTerm: "",
           sortType: "relevance"
         }
@@ -38,165 +93,224 @@ class y extends u {
       {
         scope: "deployments",
         settings: {
-          enabled: !0,
-          isOrgSolutions: !1,
+          enabled: true,
+          isOrgSolutions: false,
           searchTerm: "",
           sortType: "created"
         }
       }
-    ], this._isMobile = !1, this._isOrgAdmin = !1, this._translations = d({ name: "solutions-searchsort-toolbar", blocking: !0 }), this._configContextConsumer = l({
-      context: g,
-      subscribe: !0,
-      callback: async (t) => {
-        t && (this._isOrgAdmin = t.authentication?.PortalUserSubset?.role === "org_admin" || m(t.authentication));
+    ];
+    this._isMobile = false;
+    this._isOrgAdmin = false;
+    this._translations = useT9n({ name: "solutions-searchsort-toolbar", blocking: true });
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true,
+      callback: async (evt) => {
+        if (evt) {
+          this._isOrgAdmin = evt.authentication?.PortalUserSubset?.role === "org_admin" || getUserIsAdmin(evt.authentication);
+        }
       }
-    }), this._isMobileContextConsumer = l({
-      context: S,
-      subscribe: !0,
-      callback: (t) => this._isMobile = t
-    }), this.searchChanged = n(), this.sortTypeChanged = n(), this.toggleFilter = n(), this.updateUrlParams = n(), this.listenOn(window, "deployAppTabSelected", (t) => {
-      const e = t.detail;
-      this.scope = e, this._updateUrlParams(t);
-    }), this.listenOn(window, "detailsCardSelected", () => {
+    });
+    this._isMobileContextConsumer = useContextConsumer({
+      context: isMobileContext,
+      subscribe: true,
+      callback: (value) => this._isMobile = value
+    });
+    this.searchChanged = createEvent();
+    this.sortTypeChanged = createEvent();
+    this.toggleFilter = createEvent();
+    this.updateUrlParams = createEvent();
+    this.listenOn(window, "deployAppTabSelected", (evt) => {
+      const activeTab = evt.detail;
+      this.scope = activeTab;
+      this._updateUrlParams(evt);
+    });
+    this.listenOn(window, "detailsCardSelected", () => {
       this.scope = void 0;
-    }), this.listenOn(window, "deployedCardSelected", () => {
+    });
+    this.listenOn(window, "deployedCardSelected", () => {
       this.scope = void 0;
-    }), this.listenOn(window, "searchTermSet", (t) => {
-      const e = t.detail;
-      this.scope = e.scope, this.changeSearchFilter(e.searchTerm, !1);
-    }), this.listenOn(window, "sortTypeSet", (t) => {
-      const e = t.detail;
-      this.scope = e.scope, this.sortChanged(e.sortType, !1);
+    });
+    this.listenOn(window, "searchTermSet", (evt) => {
+      const searchOptions = evt.detail;
+      this.scope = searchOptions.scope;
+      this.changeSearchFilter(searchOptions.searchTerm, false);
+    });
+    this.listenOn(window, "sortTypeSet", (evt) => {
+      const sortOptions = evt.detail;
+      this.scope = sortOptions.scope;
+      this.sortChanged(sortOptions.sortType, false);
     });
   }
   static {
-    this.properties = { defaultSortType: [0, { type: String, attribute: "default-sort-type" }], isOrgSolutions: 5, isMobile: 5, scope: 1, _activeSearchSortSettings: 16, _isMobile: 16, _isOrgAdmin: 16, _translations: 16 };
+    this.properties = { defaultSortType: [0, { type: String, attribute: "default-sort-type" }, {}], isOrgSolutions: [5, {}, { type: Boolean }], isMobile: [5, {}, { type: Boolean }], scope: 1, _activeSearchSortSettings: [16, {}, { state: true }], _isMobile: [16, {}, { state: true }], _isOrgAdmin: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = b;
+    this.styles = styles;
   }
-  changeOwnerFilter(t) {
-    this.isOrgSolutions = !t, this._activeSearchSortSettings = this._activeSearchSortSettings.map((s) => s.scope === this.scope ? {
-      ...s,
+  changeOwnerFilter(isMySolutions) {
+    this.isOrgSolutions = !isMySolutions;
+    this._activeSearchSortSettings = this._activeSearchSortSettings.map((setting) => setting.scope === this.scope ? {
+      ...setting,
       settings: {
-        ...s.settings,
+        ...setting.settings,
         isOrgSolutions: this.isOrgSolutions
       }
-    } : s);
-    const e = {
+    } : setting);
+    const emitObject = {
       displayValue: this.isOrgSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions,
       type: "owner",
-      value: this.isOrgSolutions ? c.ORGANIZATION : c.OWNER
+      value: this.isOrgSolutions ? EOwnerOption.ORGANIZATION : EOwnerOption.OWNER
     };
-    this.searchChanged.emit({ option: e, scope: this.scope });
+    this.searchChanged.emit({ option: emitObject, scope: this.scope });
   }
-  changeSearchFilter(t, e) {
-    const s = this._activeSearchSortSettings.map((r) => r.scope === this.scope ? {
-      ...r,
+  changeSearchFilter(searchTerm, emit) {
+    const _tempActiveSettings = this._activeSearchSortSettings.map((setting) => setting.scope === this.scope ? {
+      ...setting,
       settings: {
-        ...r.settings,
-        searchTerm: t
+        ...setting.settings,
+        searchTerm
       }
-    } : r);
-    let i = JSON.stringify(this._activeSearchSortSettings) !== JSON.stringify(s);
-    this._activeSearchSortSettings = s, e && i && this.searchChanged.emit({ option: { searchTerm: t }, scope: this.scope });
+    } : setting);
+    let allowEmit = JSON.stringify(this._activeSearchSortSettings) !== JSON.stringify(_tempActiveSettings);
+    this._activeSearchSortSettings = _tempActiveSettings;
+    if (emit && allowEmit) {
+      this.searchChanged.emit({ option: { searchTerm }, scope: this.scope });
+    }
   }
-  sortChanged(t, e) {
-    this._activeSearchSortSettings = this._activeSearchSortSettings.map((s) => s.scope === this.scope ? {
-      ...s,
+  sortChanged(sortType, emit) {
+    this._activeSearchSortSettings = this._activeSearchSortSettings.map((setting) => setting.scope === this.scope ? {
+      ...setting,
       settings: {
-        ...s.settings,
-        sortType: t
+        ...setting.settings,
+        sortType
       }
-    } : s), e && this.sortTypeChanged.emit({ sortType: t, scope: this.scope });
+    } : setting);
+    if (emit) {
+      this.sortTypeChanged.emit({ sortType, scope: this.scope });
+    }
   }
   async load() {
-    this._isMobileContextConsumer.value && (this._isMobile = this._isMobileContextConsumer.value);
+    if (this._isMobileContextConsumer.value) {
+      this._isMobile = this._isMobileContextConsumer.value;
+    }
   }
   render() {
-    const t = this.scope === "all-solutions" || this.scope === "deployments" && this._configContextConsumer.value?.authentication?.IsSignedIn, e = t ? this._getCurrentScopeSetting() : void 0;
-    return t ? o`<div class="flex-row toolbar-sizing"><calcite-input-text class="flex-grow-1" clearable icon=search @keyup=${(s) => {
-      const i = s.target;
-      s.key === "Enter" ? this.changeSearchFilter(i.value, !0) : (i.value.length >= 3 || i.value.length === 0) && this.changeSearchFilter(i.value, i.value.length >= 3 || i.value.length === 0);
-    }} @blur=${(s) => {
-      const i = s.target;
-      this.changeSearchFilter(i.value, !0);
-    }} .placeholder=${this._translations.search.solutions} scale=l slot=content-top .value=${e?.searchTerm}></calcite-input-text>${this._isMobile && this.scope === "all-solutions" ? o`<calcite-button appearance=transparent class="focus-color" icon-start=filter kind=neutral .label=${this._translations.showFilters} @click=${this._toggleFilter}></calcite-button>` : ""}${this.scope === "deployments" && this._isOrgAdmin && this._renderOwnerBlock() || ""}${this._renderDropdown()}</div>` : "";
+    const validScope = this.scope === "all-solutions" || this.scope === "deployments" && this._configContextConsumer.value?.authentication?.IsSignedIn;
+    const settings = validScope ? this._getCurrentScopeSetting() : void 0;
+    return validScope ? html`<div class="flex-row toolbar-sizing"><calcite-input-text class="flex-grow-1" clearable icon=search @keyup=${(event) => {
+      const target = event.target;
+      if (event.key === "Enter") {
+        this.changeSearchFilter(target.value, true);
+      } else {
+        if (target.value.length >= 3 || target.value.length === 0) {
+          this.changeSearchFilter(target.value, target.value.length >= 3 || target.value.length === 0);
+        }
+      }
+    }} @blur=${(event) => {
+      const target = event.target;
+      this.changeSearchFilter(target.value, true);
+    }} .placeholder=${this._translations.search.solutions} scale=l slot=content-top .value=${settings?.searchTerm}></calcite-input-text>${this._isMobile && this.scope === "all-solutions" ? html`<calcite-button appearance=transparent class="focus-color" icon-start=filter kind=neutral .label=${this._translations.showFilters} @click=${this._toggleFilter}></calcite-button>` : ""}${this.scope === "deployments" && this._isOrgAdmin && this._renderOwnerBlock() || ""}${this._renderDropdown()}</div>` : "";
   }
   _renderOwnerBlock() {
-    return o`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=transparent class="header-button-padding" .iconStart=${this.isOrgSolutions ? "organization" : "user"} kind=neutral slot=trigger>${this.isMobile ? "" : this.isOrgSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.filterBy ?? a}><calcite-dropdown-item icon-start=user @click=${() => {
-      this.changeOwnerFilter(!0);
+    return html`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=transparent class="header-button-padding" .iconStart=${!this.isOrgSolutions ? "user" : "organization"} kind=neutral slot=trigger>${this.isMobile ? "" : !this.isOrgSolutions ? this._translations.mySolutions : this._translations.myOrgSolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.filterBy ?? nothing}><calcite-dropdown-item icon-start=user @click=${() => {
+      this.changeOwnerFilter(true);
     }} .selected=${!this.isOrgSolutions}>${this._translations.mySolutions}</calcite-dropdown-item><calcite-dropdown-item icon-start=organization @click=${() => {
-      this.changeOwnerFilter(!1);
+      this.changeOwnerFilter(false);
     }} .selected=${this.isOrgSolutions}>${this._translations.myOrgSolutions}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
   }
   _renderDropdown() {
-    let t = [];
-    t = [{
+    let dropdownItems = [];
+    dropdownItems = [{
       displayValue: this._translations.sortByRelevance,
       sortType: "relevance"
     }, {
       displayValue: this._translations.sortByTitle,
       sortType: "title"
-    }], this.scope === "deployments" ? t.push({
-      displayValue: this._translations.sortByDateDeployed,
-      sortType: "created"
-    }) : (t.push({
-      displayValue: this._translations.sortByNew,
-      sortType: "new"
-    }), t.push({
-      displayValue: this._translations.sortByUpdated,
-      sortType: "updated"
-    }), this._configContextConsumer.value?.authentication?.IsSignedIn && t.push({
-      displayValue: this._translations.sortBySuggestedForYou,
-      sortType: "suggested"
-    }));
-    const e = this._getCurrentScopeSetting();
-    return o`<calcite-dropdown width=m><calcite-button appearance=transparent class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile ? "" : this._getString(e.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType ?? a}>${t.map((s) => this._getDropdownItem(s.displayValue, s.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
-  }
-  _getDropdownItem(t, e) {
-    return this._getCurrentScopeSetting().sortType !== e ? o`<calcite-dropdown-item @click=${() => this.sortChanged(e, !0)}>${t}</calcite-dropdown-item>` : o`<calcite-dropdown-item @click=${() => this.sortChanged(e, !0)} selected>${t}</calcite-dropdown-item>`;
-  }
-  _getString(t) {
-    let e = "";
-    switch (t) {
+    }];
+    if (this.scope === "deployments") {
+      dropdownItems.push({
+        displayValue: this._translations.sortByDateDeployed,
+        sortType: "created"
+      });
+    } else {
+      dropdownItems.push({
+        displayValue: this._translations.sortByNew,
+        sortType: "new"
+      });
+      dropdownItems.push({
+        displayValue: this._translations.sortByUpdated,
+        sortType: "updated"
+      });
+      if (this._configContextConsumer.value?.authentication?.IsSignedIn) {
+        dropdownItems.push({
+          displayValue: this._translations.sortBySuggestedForYou,
+          sortType: "suggested"
+        });
+      }
+    }
+    const settings = this._getCurrentScopeSetting();
+    return html`<calcite-dropdown width=m><calcite-button appearance=transparent class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile ? "" : this._getString(settings.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType ?? nothing}>${dropdownItems.map((dropdownItem) => {
+      return this._getDropdownItem(dropdownItem.displayValue, dropdownItem.sortType);
+    })}</calcite-dropdown-group></calcite-dropdown>`;
+  }
+  _getDropdownItem(displayValue, sortType) {
+    const settings = this._getCurrentScopeSetting();
+    return settings.sortType !== sortType ? html`<calcite-dropdown-item @click=${() => this.sortChanged(sortType, true)}>${displayValue}</calcite-dropdown-item>` : html`<calcite-dropdown-item @click=${() => this.sortChanged(sortType, true)} selected>${displayValue}</calcite-dropdown-item>`;
+  }
+  _getString(sortType) {
+    let sortString = "";
+    switch (sortType) {
       case "new":
-        e = this._translations.sortByNew;
+        sortString = this._translations.sortByNew;
         break;
       case "relevance":
-        e = this._translations.sortByRelevance;
+        sortString = this._translations.sortByRelevance;
         break;
       case "suggested":
-        e = this._translations.sortBySuggestedForYou;
+        sortString = this._translations.sortBySuggestedForYou;
         break;
       case "title":
-        e = this._translations.sortByTitle;
+        sortString = this._translations.sortByTitle;
         break;
       case "updated":
-        e = this._translations.sortByUpdated;
+        sortString = this._translations.sortByUpdated;
         break;
       case "created":
-        e = this._translations.sortByDateDeployed;
+        sortString = this._translations.sortByDateDeployed;
         break;
     }
-    return e;
+    return sortString;
   }
   _getCurrentScopeSetting() {
-    return this._activeSearchSortSettings.filter((e) => e.scope === this.scope)[0].settings;
+    const currentSetting = this._activeSearchSortSettings.filter((setting) => setting.scope === this.scope);
+    return currentSetting[0].settings;
   }
   _toggleFilter() {
     this.toggleFilter.emit();
   }
-  _updateUrlParams(t) {
-    const e = t.detail;
-    let s;
-    this._activeSearchSortSettings.some((i) => i.scope === e ? (s = i, !0) : !1), s && this.updateUrlParams.emit({
-      settings: s,
-      scope: s.scope
+  _updateUrlParams(evt) {
+    const tabType = evt.detail;
+    let setting;
+    this._activeSearchSortSettings.some((s) => {
+      if (s.scope === tabType) {
+        setting = s;
+        return true;
+      } else {
+        return false;
+      }
     });
+    if (setting) {
+      this.updateUrlParams.emit({
+        settings: setting,
+        scope: setting.scope
+      });
+    }
   }
 }
-h("solutions-searchsort-toolbar", y);
+customElement("solutions-searchsort-toolbar", SolutionsSearchSortToolbar);
 export {
-  y as SolutionsSearchSortToolbar
+  SolutionsSearchSortToolbar
 };
+//# sourceMappingURL=customElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solutions-searchsort-toolbar/solutions-searchsort-toolbar.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport {\r\n  createEvent,\r\n  Fragment,\r\n  LitElement,\r\n  h,\r\n  method,\r\n  property,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport {\r\n  useContextConsumer,\r\n} from '@arcgis/lumina/context';\r\nimport {\r\n  configContext,\r\n  isMobileContext,\r\n} from '../../utils/deployAppContexts';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './solutions-searchsort-toolbar.css';\r\nimport {\r\n  EOwnerOption,\r\n} from '../../utils/interfaces';\r\nimport type {\r\n  DeployAppTab,\r\n  IDeployCard,\r\n  IDropdownItem,\r\n  IFilterOption,\r\n  IScopeSearchSortSettings,\r\n  ISearchOption,\r\n  ISearchSortSettings,\r\n  ISearchTerm,\r\n  ISortType,\r\n  ScopeType,\r\n  SortType\r\n} from '../../utils/interfaces';\r\nimport { getUserIsAdmin } from '../../utils/privilegeUtils';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solutions-searchsort-toolbar': SolutionsSearchSortToolbar;\r\n  }\r\n}\r\n\r\nexport class SolutionsSearchSortToolbar extends LitElement {\r\n\r\n  constructor() {\r\n    super();\r\n    /** Attach a event listener to listen for 'filterRemoved' called from the parent. */\r\n    //this.listenOn(window, 'filterRemoved', this._handleFilterRemoved);\r\n    this.listenOn<CustomEvent<DeployAppTab>>(window, 'deployAppTabSelected', (evt) => {\r\n      const activeTab = evt.detail; // typed as DeployAppTab\r\n      this.scope = activeTab as ScopeType;\r\n      this._updateUrlParams(evt);\r\n    });\r\n    this.listenOn<CustomEvent<DeployAppTab>>(window, 'detailsCardSelected', () => {\r\n      this.scope = undefined;\r\n    });\r\n    this.listenOn<CustomEvent<IDeployCard>>(window, 'deployedCardSelected', () => {\r\n      this.scope = undefined;\r\n    });\r\n    this.listenOn<CustomEvent<ISearchTerm>>(window, 'searchTermSet', (evt) => {\r\n      const searchOptions = evt.detail;\r\n      this.scope = searchOptions.scope;\r\n      this.changeSearchFilter(searchOptions.searchTerm, false);\r\n    });\r\n    this.listenOn<CustomEvent<ISortType>>(window, 'sortTypeSet', (evt) => {\r\n      const sortOptions = evt.detail;\r\n      this.scope = sortOptions.scope;\r\n      this.sortChanged(sortOptions.sortType, false);\r\n    });\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** The default type to sort solutions by */\r\n  @property({ type: String, attribute: 'default-sort-type' })\r\n  defaultSortType: SortType = 'relevance';\r\n\r\n  /** Determines if the Owner section should be shown. */\r\n  @property()\r\n  isOrgSolutions = false;\r\n\r\n  /** When true we are in mobile view. */\r\n  @property()\r\n  isMobile = false;\r\n\r\n  /** The enviornment on which to perform search or sort */\r\n  @property()\r\n  scope: ScopeType | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _activeSearchSortSettings: IScopeSearchSortSettings[] = [{\r\n    scope: 'all-solutions',\r\n    settings: {\r\n      enabled: true,\r\n      isOrgSolutions: false,\r\n      searchTerm: '',\r\n      sortType: 'relevance',\r\n    }\r\n  },\r\n  {\r\n    scope: 'deployments',\r\n    settings: {\r\n      enabled: true,\r\n      isOrgSolutions: false,\r\n      searchTerm: '',\r\n      sortType: 'created',\r\n    }\r\n  }];\r\n\r\n  /** When true we are in mobile view. */\r\n  @state() _isMobile = false;\r\n\r\n  /** Flag to display admin options */\r\n  @state() _isOrgAdmin = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'solutions-searchsort-toolbar', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Key details such as portalUrl, locale, user session, authentication, etc from the current config */\r\n  private _configContextConsumer = useContextConsumer({\r\n    context: configContext,\r\n    subscribe: true,\r\n    callback: async (evt) => {\r\n      if (evt) {\r\n        //If the user signs in during use, need to check if this value changes to update UI items.\r\n        this._isOrgAdmin = evt.authentication?.PortalUserSubset?.role === 'org_admin' || getUserIsAdmin(evt.authentication!);\r\n      }\r\n    }\r\n  });\r\n\r\n  /** When true we are in mobile view. */\r\n  private _isMobileContextConsumer = useContextConsumer({\r\n    context: isMobileContext,\r\n    subscribe: true,\r\n    callback: (value) => this._isMobile = value,\r\n  });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n    *Changes the filter to show only solutions that the user owns or the solutions within the organization.\r\n    *This function is only available when the application is in the Deployments view.\r\n    @param isMySolutions Flag to show user's solution or organization's solutions.\r\n  */\r\n  @method()\r\n  public changeOwnerFilter(\r\n    isMySolutions: boolean\r\n  ): void {\r\n    this.isOrgSolutions = !isMySolutions;\r\n    // Create a new array with the updated object\r\n    this._activeSearchSortSettings = this._activeSearchSortSettings.map(setting =>\r\n      setting.scope === this.scope\r\n        ? {\r\n          ...setting,\r\n          settings: {\r\n            ...setting.settings,\r\n            isOrgSolutions: this.isOrgSolutions\r\n          }\r\n        }\r\n        : setting\r\n    );\r\n\r\n    const emitObject: IFilterOption = {\r\n      displayValue: this.isOrgSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions,\r\n      type: 'owner',\r\n      value: this.isOrgSolutions ? EOwnerOption.ORGANIZATION : EOwnerOption.OWNER\r\n    }\r\n    this.searchChanged.emit({ option: emitObject, scope: this.scope! });\r\n  }\r\n\r\n  /**\r\n   * Filters the solutions by a text search phrase.\r\n   *\r\n   * @param searchTerm the string lookup solutions by.\r\n   * @param emit (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.\r\n   */\r\n  @method()\r\n  public changeSearchFilter(\r\n    searchTerm: string,\r\n    emit?: boolean\r\n  ): void {\r\n    // Create a new array with the updated object\r\n    const _tempActiveSettings = this._activeSearchSortSettings.map(setting =>\r\n      setting.scope === this.scope\r\n        ? {\r\n          ...setting,\r\n          settings: {\r\n            ...setting.settings,\r\n            searchTerm\r\n          }\r\n        }\r\n        : setting\r\n    );\r\n\r\n    // only allow emit when a value has changed\r\n    let allowEmit = JSON.stringify(this._activeSearchSortSettings) !== JSON.stringify(_tempActiveSettings);\r\n\r\n    this._activeSearchSortSettings = _tempActiveSettings;\r\n\r\n    if (emit && allowEmit) {\r\n      this.searchChanged.emit({ option: { searchTerm }, scope: this.scope! });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Change the user selected sort type\r\n   *\r\n   * @param sortType the string to sort by. Valid values are 'relevance' | 'title' | 'new' | 'updated' | 'suggested' | 'created'.\r\n   * @param emit when true the sortTypeChanged event will be emitted and a new search will be fired\r\n   *             when false only the current settings will be updated to support url params\r\n   */\r\n  @method()\r\n  public sortChanged(\r\n    sortType: SortType,\r\n    emit: boolean\r\n  ): void {\r\n    // Update only the object with the matching scope\r\n    this._activeSearchSortSettings = this._activeSearchSortSettings.map(setting =>\r\n      setting.scope === this.scope\r\n        ? {\r\n          ...setting,\r\n          settings: {\r\n            ...setting.settings,\r\n            sortType\r\n          }\r\n        }\r\n        : setting\r\n    );\r\n\r\n    if (emit) {\r\n      // Emit event with the updated sort type for the current scope\r\n      this.sortTypeChanged.emit({ sortType, scope: this.scope! });\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  /** The event that gets emitted after any filter option has changed. */\r\n  searchChanged = createEvent<{ option: ISearchOption | IFilterOption | null, scope: ScopeType }>();\r\n\r\n  /** Emitted on demand when the sort type changes */\r\n  sortTypeChanged = createEvent<{ sortType: SortType, scope: ScopeType }>();\r\n\r\n  /** Emitted on demand when the filter button is clicked in mobile */\r\n  toggleFilter = createEvent();\r\n\r\n  /** Emitted on demand when navigating between tabs in the app */\r\n  updateUrlParams = createEvent<{\r\n    settings: IScopeSearchSortSettings,\r\n    scope: ScopeType\r\n  }>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Called once just after the component is first connected to the DOM.\r\n   * Since this method is only called once, it's a good place to load data asynchronously\r\n   * and to setup the state without triggering extra re-renders. */\r\n  async load(): Promise<void> {\r\n    if (this._isMobileContextConsumer.value) {\r\n      this._isMobile = this._isMobileContextConsumer.value;\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    const validScope = this.scope === 'all-solutions' || (this.scope === 'deployments' && this._configContextConsumer.value?.authentication?.IsSignedIn);\r\n    const settings = validScope ? this._getCurrentScopeSetting() : undefined;\r\n    return validScope ? (\r\n      <div class='flex-row toolbar-sizing'>\r\n        <calcite-input-text\r\n          class='flex-grow-1'\r\n          clearable\r\n          icon='search'\r\n          onKeyUp={(event: KeyboardEvent) => {\r\n            const target = event.target as HTMLCalciteInputTextElement;\r\n            if (event.key === 'Enter') {\r\n              this.changeSearchFilter(target.value, true);\r\n            } else {\r\n              if (target.value.length >= 3 || target.value.length === 0) {\r\n                this.changeSearchFilter(target.value, target.value.length >= 3 || target.value.length === 0);\r\n              }\r\n            }\r\n          }}\r\n          onBlur={(event: FocusEvent) => {\r\n            const target = event.target as HTMLCalciteInputTextElement;\r\n            this.changeSearchFilter(target.value, true);\r\n          }}\r\n          placeholder={this._translations.search.solutions}\r\n          scale='l'\r\n          slot='content-top'\r\n          value={settings?.searchTerm}\r\n        />\r\n        {\r\n          this._isMobile && this.scope === 'all-solutions' ? (\r\n            <calcite-button\r\n              appearance='transparent'\r\n              class='focus-color'\r\n              iconStart='filter'\r\n              kind='neutral'\r\n              label={this._translations.showFilters}\r\n              onClick={this._toggleFilter}\r\n            />\r\n          ) : (\r\n            <></>\r\n          )\r\n        }\r\n        {\r\n          this.scope === 'deployments' && this._isOrgAdmin &&\r\n          this._renderOwnerBlock()\r\n        }\r\n        {this._renderDropdown()}\r\n      </div>\r\n    ) : (<></>);\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Renders the filter block that controls showing user's or organization's solutions. */\r\n  private _renderOwnerBlock(): JsxNode {\r\n    return (\r\n      <calcite-dropdown width='m' overlayPositioning='fixed'>\r\n        <calcite-button\r\n          appearance='transparent'\r\n          class='header-button-padding'\r\n          iconStart={!this.isOrgSolutions ? 'user' : 'organization'}\r\n          kind='neutral'\r\n          slot='trigger'\r\n        >\r\n          {this.isMobile ? '' : !this.isOrgSolutions ? this._translations.mySolutions : this._translations.myOrgSolutions}\r\n        </calcite-button>\r\n        <calcite-dropdown-group group-title={this._translations.filterBy}>\r\n          <calcite-dropdown-item\r\n            iconStart='user'\r\n            onClick={() => { this.changeOwnerFilter(true) }}\r\n            selected={!this.isOrgSolutions}\r\n          >\r\n            {this._translations.mySolutions}\r\n          </calcite-dropdown-item>\r\n          <calcite-dropdown-item\r\n            iconStart='organization'\r\n            onClick={() => { this.changeOwnerFilter(false) }}\r\n            selected={this.isOrgSolutions}\r\n          >\r\n            {this._translations.myOrgSolutions}\r\n          </calcite-dropdown-item>\r\n        </calcite-dropdown-group>\r\n      </calcite-dropdown>\r\n    )\r\n  }\r\n\r\n  /** Renders a dropdown with the various sort options. */\r\n  private _renderDropdown(): JsxNode {\r\n    let dropdownItems: IDropdownItem[] = [];\r\n    dropdownItems = [{\r\n      displayValue: this._translations.sortByRelevance,\r\n      sortType: 'relevance'\r\n    }, {\r\n      displayValue: this._translations.sortByTitle,\r\n      sortType: 'title'\r\n    }];\r\n    if (this.scope === 'deployments') {\r\n      dropdownItems.push({\r\n        displayValue: this._translations.sortByDateDeployed,\r\n        sortType: 'created'\r\n      });\r\n    } else {\r\n      dropdownItems.push({\r\n        displayValue: this._translations.sortByNew,\r\n        sortType: 'new'\r\n      });\r\n      dropdownItems.push({\r\n        displayValue: this._translations.sortByUpdated,\r\n        sortType: 'updated'\r\n      });\r\n      if (this._configContextConsumer.value?.authentication?.IsSignedIn) {\r\n        dropdownItems.push({\r\n          displayValue: this._translations.sortBySuggestedForYou,\r\n          sortType: 'suggested'\r\n        });\r\n      }\r\n    }\r\n    const settings = this._getCurrentScopeSetting();\r\n\r\n    return (\r\n      <calcite-dropdown width='m'>\r\n        <calcite-button\r\n          appearance='transparent'\r\n          class='header-button-padding'\r\n          iconStart='sort-descending'\r\n          kind='neutral'\r\n          slot='trigger'\r\n        >\r\n          {this.isMobile ? '' : this._getString(settings.sortType)}\r\n        </calcite-button>\r\n        <calcite-dropdown-group group-title={this._translations.chooseSortType}>\r\n          {\r\n            dropdownItems.map(dropdownItem => {\r\n              return this._getDropdownItem(\r\n                dropdownItem.displayValue,\r\n                dropdownItem.sortType as SortType\r\n              );\r\n            })\r\n          }\r\n        </calcite-dropdown-group>\r\n      </calcite-dropdown>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Get an individual dropdown item for the sort options\r\n   *\r\n   * @param displayValue the string to show in the sort button.\r\n   * @param sortType the string to sort by. Valid values are 'relevance' | 'title' | 'new' | 'updated' | 'suggested' | 'created'.\r\n   */\r\n  private _getDropdownItem(\r\n    displayValue: string,\r\n    sortType: SortType\r\n  ): JsxNode {\r\n    const settings = this._getCurrentScopeSetting();\r\n    // if selected attribute is true or false it will be selected if set on the dropdown item\r\n    // this allows us to only set the attribute if it's selected...open to a better way if found\r\n    return settings.sortType !== sortType ? (\r\n      <calcite-dropdown-item onClick={() => this.sortChanged(sortType, true)}>\r\n        {displayValue}\r\n      </calcite-dropdown-item>\r\n    ) : (\r\n      <calcite-dropdown-item\r\n        onClick={() => this.sortChanged(sortType, true)}\r\n        selected\r\n      >\r\n        {displayValue}\r\n      </calcite-dropdown-item>\r\n    )\r\n  }\r\n\r\n  /** Get the display string based on the sort type\r\n   * @param sortType the string to sort by. Valid values are 'relevance' | 'title' | 'new' | 'updated' | 'suggested' | 'created'.\r\n  */\r\n  private _getString(\r\n    sortType: SortType\r\n  ): string {\r\n    let sortString = '';\r\n    switch (sortType) {\r\n      case 'new':\r\n        sortString = this._translations.sortByNew;\r\n        break;\r\n\r\n      case 'relevance':\r\n        sortString = this._translations.sortByRelevance;\r\n        break;\r\n\r\n      case 'suggested':\r\n        sortString = this._translations.sortBySuggestedForYou;\r\n        break;\r\n\r\n      case 'title':\r\n        sortString = this._translations.sortByTitle;\r\n        break;\r\n\r\n      case 'updated':\r\n        sortString = this._translations.sortByUpdated;\r\n        break;\r\n\r\n      case 'created':\r\n        sortString = this._translations.sortByDateDeployed;\r\n        break;\r\n    }\r\n\r\n    return sortString;\r\n  }\r\n\r\n  /** Fetch the current setting based on the current scope */\r\n  private _getCurrentScopeSetting(): ISearchSortSettings {\r\n    const currentSetting = this._activeSearchSortSettings.filter((setting) => setting.scope === this.scope);\r\n    return currentSetting[0].settings;\r\n  }\r\n\r\n  /** Toggle filter visibility in mobile */\r\n  private _toggleFilter(): void {\r\n    this.toggleFilter.emit();\r\n  }\r\n\r\n  /** \r\n   * When navigating between pages we need to emit the key details for url param management.\r\n   * We don't want to execute the associated methods again causing unnecessary searches to be performed.\r\n   */\r\n  private _updateUrlParams(\r\n    evt: CustomEvent\r\n  ): void {\r\n    const tabType: DeployAppTab = evt.detail;\r\n    let setting: IScopeSearchSortSettings | undefined;\r\n    this._activeSearchSortSettings.some(s => {\r\n      if (s.scope === tabType) {\r\n        setting = s;\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    }\r\n    );\r\n    if (setting) {\r\n      this.updateUrlParams.emit({\r\n        settings: setting,\r\n        scope: setting.scope\r\n      });\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}