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

package/dist/components/solutions-all-panel/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solutions-all-panel/solutions-all-panel.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  h,\r\n  LitElement,\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 type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './solutions-all-panel.css';\r\nimport {\r\n  BASE_DEPLOYED_TERMS,\r\n  BASE_SOLUTIONS_TERMS,\r\n  EDomain,\r\n  EIndustry,\r\n} from '../../utils/interfaces';\r\nimport type {\r\n  IDeployedSolutionCards,\r\n  IFilterOption,\r\n  ISearchOption,\r\n  ISearchTerm,\r\n  ISolutionInfoCard,\r\n  ISortOption,\r\n  ISortType,\r\n  SortType\r\n} from '../../utils/interfaces';\r\nimport * as cardsFetcher from '../../utils/CardsFetcher';\r\nimport * as cardsHelper from '../../utils/cardsHelpers';\r\nimport {\r\n  getDeployedSolutions\r\n} from '../../utils/cardFetchingUtils';\r\nimport {\r\n  configContext,\r\n} from '../../utils/deployAppContexts';\r\n\r\n/** Max tries a for query to see if query results is updated. */\r\nconst MAX_REQUERY = 5;\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solutions-all-panel': SolutionsAllPanel;\r\n  }\r\n}\r\n\r\n// TODO this should be removed after initial dev cycle\r\n// https://devtopia.esri.com/WebGIS/solution-deployment-apps/issues/401\r\n\r\nexport class SolutionsAllPanel extends LitElement {\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  constructor() {\r\n    super();\r\n    this.listenOn<CustomEvent>(window, 'deployProgressEnd', () => {\r\n      this._modifiedCheckTry = MAX_REQUERY;\r\n      this._loadUpdateProcedures();\r\n    });\r\n    this.listenOn<CustomEvent>(window, 'solutionDeleted', () => {\r\n      this._modifiedCheckTry = MAX_REQUERY;\r\n      this._loadUpdateProcedures();\r\n    });\r\n    this.listenOn<CustomEvent>(window, 'sortTypeChanged', (evt) => {\r\n      if (evt.detail && evt.detail.scope === 'all-solutions') {\r\n        this.sortType = evt.detail.sortType;\r\n        if (this.sortType === 'suggested' && this._deployedSolutions?.cards.length === 0) {\r\n          //get deployed to make suggestions from\r\n          this._getDeployedSolutions().then(() => {\r\n            this.searchSolutions(evt.detail);\r\n          });\r\n        } else {\r\n          this.searchSolutions(evt.detail);\r\n        }\r\n      }\r\n    });\r\n    this.listenOn<CustomEvent>(window, 'solutionIDFromAssistant', (id) => {\r\n      this._lookupSolutionById(id.detail);\r\n    });\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //---------------------------------------------------------------------------\r\n\r\n  /** Define how the cards will be sorted */\r\n  @property() sortType: SortType = 'relevance';\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** All the solution cards */\r\n  @state() _cards: ISolutionInfoCard[] = [];\r\n\r\n  /** When true we are actively fetching cards and should show a loading indicator */\r\n  @state() _isLoading = true;\r\n\r\n  /** Flag and retry counter to determine if new solution deployed or existing solution deleted. */\r\n  @state() _modifiedCheckTry: number = 0;\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-all-panel', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Used for solution queries, the search terms for ago */\r\n  private _agoTerms = `${BASE_SOLUTIONS_TERMS}`;\r\n\r\n  /** All of the feteched solution cards used to help with fetching of deployed and related solutions.\r\n   * This is only populated once on load.\r\n  */\r\n  private _allCards: ISolutionInfoCard[] = [];\r\n\r\n  /** Used for solution queries, the search terms for ago */\r\n  private _baseAgoTerms = BASE_SOLUTIONS_TERMS;\r\n\r\n  /** Helper module that will handle the fecthing of solutions */\r\n  private _cardsFetcher: cardsFetcher.CardsFetcher | undefined;\r\n\r\n  /** Helper module that will handle the fecthing of deployed solutions */\r\n  private _cardsFetcherDeployed: cardsFetcher.CardsFetcher | undefined;\r\n\r\n  /** Used for solution queries, should be populated when domain filters are applied */\r\n  private _categories: string[] = [];\r\n\r\n  /** Key details such as portalUrl, locale, 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        await this._loadUpdateProcedures();\r\n      }\r\n    }\r\n  });\r\n\r\n  /** Used for solution queries to delay the query */\r\n  private _delay = false;\r\n\r\n  /** Used to hold solutions that user has deployed */\r\n  private _deployedSolutions: IDeployedSolutionCards | undefined;\r\n\r\n  /** Used for solution queries, true when the getSuggested filter is applied */\r\n  private _getSuggested = false;\r\n\r\n  private _relatedSolutions: Set<string> = new Set();\r\n\r\n  /** Used for solution queries, defines the key field that will be used to sort the solutions */\r\n  private _sortField: 'created' | 'relevance' | 'title' | 'updated' = 'relevance';\r\n\r\n  /** Used for solution queries, conrols the order solutions are sorted*/\r\n  private _sortOrder: 'asc' | 'desc' = 'desc';\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  /** Search solutions based on key criteria\r\n   *\r\n   * @param searchOptions the key criteria to search with\r\n   */\r\n  @method() async searchSolutions(\r\n    searchOptions?: IFilterOption[] | ISearchOption | ISortOption\r\n  ): Promise<void> {\r\n    if (searchOptions) {\r\n      if ('searchTerm' in searchOptions) {\r\n        // just sets props\r\n        this._textSearch(searchOptions.searchTerm);\r\n      } else if ('sortType' in searchOptions) {\r\n        // just sets props\r\n        this._sortCards(searchOptions);\r\n      } else {\r\n        this._filterCards(searchOptions);\r\n      }\r\n    } else {\r\n      this._agoTerms = this._baseAgoTerms;\r\n      this._clearFilterCategories();\r\n    }\r\n    this._cards = await this._getSolutions();\r\n  }\r\n\r\n  /** Set key properties for solution search\r\n   * This is used for handeling multiple options from url params\r\n   *\r\n   * @param searchOptions the key criteria that will be used when searched\r\n   */\r\n  @method() async setSearchOptions(\r\n    searchOptions?: IFilterOption | ISearchOption | ISortOption\r\n  ): Promise<void> {\r\n    if (searchOptions) {\r\n      if ('searchTerm' in searchOptions) {\r\n        // just sets props\r\n        this._textSearch(searchOptions.searchTerm);\r\n        // used to support url params\r\n        this.searchTermSet.emit({\r\n          searchTerm: searchOptions.searchTerm,\r\n          scope: 'all-solutions'\r\n        });\r\n      }\r\n      if ('sortType' in searchOptions) {\r\n        // just sets props\r\n        this._sortCards(searchOptions);\r\n        // used to support url params\r\n        this.sortTypeSet.emit({\r\n          sortType: searchOptions.sortType,\r\n          scope: 'all-solutions'\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when cards are fetched */\r\n  cardsFetched = createEvent<number>();\r\n\r\n  /** Emitted on demand when all of the cards are first fetched */\r\n  allCardsFetched = createEvent<ISolutionInfoCard[]>();\r\n\r\n  /** Emitted on demand when the serachTerm is set from url param */\r\n  searchTermSet = createEvent<ISearchTerm>();\r\n\r\n  /** Emitted on demand when the sortType is set from url param */\r\n  sortTypeSet = createEvent<ISortType>();\r\n\r\n  /** Emitted on demand when the details card is selected. */\r\n  detailsCardSelected = createEvent<ISolutionInfoCard>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return this._isLoading || this._cards.length ? (\r\n      <calcite-panel>\r\n        {this._isLoading ? (\r\n          <calcite-loader\r\n            id='solutions-all-panel-loader'\r\n            label={this._translations.fetchingSolutions}\r\n          />\r\n        ) : (\r\n          <calcite-card-group\r\n            class='card-group'\r\n            label={this._translations.allSolutionCards}\r\n          >\r\n            {this._renderCards()}\r\n          </calcite-card-group>\r\n        )}\r\n      </calcite-panel>\r\n    ) : (\r\n      <div class='no-solutions'>\r\n        {this._getMeridianSearch()}\r\n        <div class='text-center leader-1 warning-text trailer-1'>\r\n          {this._translations.noSolutionsFound}\r\n        </div>\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 fetched cards. */\r\n  private _renderCards(): JsxNode[] {\r\n    return this._cards.map(card => {\r\n      return (\r\n        <solution-details-card\r\n          card={card}\r\n        />\r\n      );\r\n    });\r\n  }\r\n\r\n  /** Get the solutions from the ago or enterprise org. */\r\n  private async _getSolutions(): Promise<ISolutionInfoCard[]> {\r\n    if (this._configContextConsumer.value) {\r\n      this._isLoading = true;\r\n      const fetchedCards = await this._cardsFetcher?.requestAvailableSolutionCards(\r\n        {\r\n          'q': this._agoTerms,\r\n          'filter': 'type:Solution',\r\n          'sortField': this._sortField,\r\n          'sortOrder': this._sortOrder, // TODO default search when old app loads is desc...may need to switch this for other\r\n          'nextStart': -1,\r\n          'categories': this._categories,\r\n          'delay': this._delay,\r\n          'getSuggested': this._getSuggested\r\n        },\r\n        this._configContextConsumer.value?.primarySolutionsGroupId,\r\n        '', //this.enterpriseSolutionsGroupId, TODO both are passed by default in the old app...don't follow why\r\n        this._configContextConsumer.value!.userSession,\r\n        {\r\n          'num': 1000\r\n        }\r\n      );\r\n\r\n      const cards = fetchedCards?.cards.length ? fetchedCards.cards : [];\r\n      if (this.sortType === 'new' || this.sortType === 'updated') {\r\n        let releaseType = '/Categories/New Release';\r\n        if (this.sortType === 'updated') {\r\n          releaseType = '/Categories/Updated';\r\n        }\r\n        cards.sort((a, b) => {\r\n          if (a.categories.includes(releaseType) && !b.categories.includes(releaseType)) {\r\n            return -1;\r\n          } else if (!a.categories.includes(releaseType) && b.categories.includes(releaseType)) {\r\n            return 1;\r\n          } else if (a.categories.includes(releaseType) && b.categories.includes(releaseType)) {\r\n            return a.categories.length - b.categories.length;\r\n          } else {\r\n            return 0;\r\n          }\r\n        })\r\n      } else if (this.sortType === 'suggested') {\r\n        if (this._relatedSolutions.size > 0 && this._deployedSolutions?.cards?.length) {\r\n          // Find only deployments that match version as well\r\n          const cardVersionMap = new Map<string, number>();\r\n          for (const c of cards) {\r\n            const existing = cardVersionMap.get(c.deployCommonId);\r\n            const version = Number(c.deployVersion); // assuming version is numeric\r\n            if (!existing || version > existing) {\r\n              cardVersionMap.set(c.deployCommonId, version);\r\n            }\r\n          }\r\n          // get deployments that are current version\r\n          const deployedMatches = this._deployedSolutions.cards.filter(d => {\r\n            const cardVersion = cardVersionMap.get(d.deployCommonId);\r\n            return cardVersion !== undefined && Number(d.deployVersion) >= cardVersion;\r\n          });\r\n          // Remove deployed solutions from the related set\r\n          const deployedIds = new Set(deployedMatches.map(d => d.deployCommonId));\r\n          this._relatedSolutions = new Set(\r\n            [...this._relatedSolutions].filter(id => !deployedIds.has(id))\r\n          );\r\n          cards.sort((a, b) => {\r\n            const inRelatedA = this._relatedSolutions.has(a.deployCommonId);\r\n            const inRelatedB = this._relatedSolutions.has(b.deployCommonId);\r\n\r\n            if (inRelatedA && !inRelatedB) return -1;\r\n            if (!inRelatedA && inRelatedB) return 1;\r\n            return 0;\r\n          });\r\n        }\r\n      }\r\n\r\n      const solutionDetailsCards = cards.map(fetchedCard => {\r\n        // can we have both updated and deployed? Seems like we could...need to update the card to support that\r\n        const hasNewRelease = fetchedCard.categories.indexOf('/Categories/New Release') > -1;\r\n        const hasUpdatedRelease = fetchedCard.categories.indexOf('/Categories/Updated') > -1;\r\n        let isDeployed = false;\r\n        let isLatestVersion = true;\r\n        if (this._deployedSolutions) {\r\n          isDeployed = this._isSolutionDeployed(fetchedCard.deployCommonId);\r\n          isLatestVersion = this._isLatestVersion(fetchedCard);\r\n        }\r\n        fetchedCard.chip = hasNewRelease\r\n          ? 'new'\r\n          : hasUpdatedRelease\r\n            ? 'updated'\r\n            : isDeployed\r\n              ? isLatestVersion\r\n                ? 'deployed'\r\n                : 'none'\r\n              : 'none';\r\n        fetchedCard.supportReuse = isDeployed ? isDeployed && !isLatestVersion ? true : false : true;\r\n        return fetchedCard;\r\n      });\r\n\r\n      if (this._allCards.length === 0 && fetchedCards?.cards) {\r\n        this._allCards = fetchedCards?.cards;\r\n        if (this._deployedSolutions) {\r\n          this._relatedSolutions = cardsHelper.getDeployedRelatedSolutionIds(this._deployedSolutions.cards, this._allCards);\r\n        }\r\n      }\r\n\r\n      this.cardsFetched.emit(solutionDetailsCards.length);\r\n      this._isLoading = false;\r\n      return solutionDetailsCards;\r\n    } else {\r\n      this._isLoading = false;\r\n      return [];\r\n    }\r\n  }\r\n\r\n  /** Processes and queries to run at load and updates */\r\n  private async _loadUpdateProcedures(): Promise<void> {\r\n    this._isLoading = true;\r\n    const config = this._configContextConsumer.value!;\r\n    this._cardsFetcher = new cardsFetcher.CardsFetcher(config.locale, config.orgUrl, config.portalUrl);\r\n    this._cardsFetcherDeployed = new cardsFetcher.CardsFetcher(config.locale, config.orgUrl, config.portalUrl);\r\n    await this._getDeployedSolutions();\r\n    this._cards = await this._getSolutions();\r\n    this.allCardsFetched.emit(this._cards);\r\n    this._isLoading = false;\r\n  }\r\n\r\n  /** Get the deployed solutions */\r\n  private async _getDeployedSolutions(): Promise<void> {\r\n    // TODO will need to get Auth from however global nav is implemented\r\n    // Get the deployed cards as well because we need to be prepared to support suggested solutions\r\n    const authentication = this._configContextConsumer.value!.authentication;\r\n    const userSession = this._configContextConsumer.value!.userSession;\r\n    if (authentication && userSession && authentication.IsSignedIn) {\r\n      const deployedSolutions = await getDeployedSolutions(\r\n        authentication,\r\n        userSession,\r\n        this._cardsFetcher!,\r\n        this._cardsFetcherDeployed!,\r\n        BASE_DEPLOYED_TERMS,\r\n        'created'\r\n      );\r\n\r\n      if (deployedSolutions) {\r\n        if (this._modifiedCheckTry > 0) {\r\n          if (this._deployedSolutions?.cards.length === deployedSolutions?.cards.length) {\r\n            this._modifiedCheckTry--;\r\n            return await this._getDeployedSolutions();\r\n          } else {\r\n            this._modifiedCheckTry = 0;\r\n          }\r\n        }\r\n        this._deployedSolutions = deployedSolutions;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Get the calcite meridian search svg.\r\n  */\r\n  private _getMeridianSearch(): JsxNode {\r\n    return (\r\n      <div class='solutions-briefcase'>\r\n        <svg viewBox='0 0 64 64' width='140' height='140' xmlns='http://www.w3.org/2000/svg' fill='var(--calcite-color-text-3)'>\r\n          <path d='M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z' />\r\n        </svg>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** These are text based searches and should not change existing filters or sort options */\r\n  private _textSearch(\r\n    searchText: string\r\n  ): void {\r\n    this._agoTerms = this._baseAgoTerms + ` ${searchText}`;\r\n  }\r\n\r\n  /** These are sort specific and should not change existing text based search or filters */\r\n  private _sortCards(\r\n    sortOption: ISortOption\r\n  ): void {\r\n    const sortType = sortOption.sortType;\r\n    this._getSuggested = false;\r\n    this._sortOrder = 'desc';\r\n    if (sortType === 'suggested') {\r\n      this._getSuggested = true;\r\n    } else if (sortType === 'new') {\r\n      // new cards are sorted after fetched based on a category they contain\r\n      this._sortField = 'relevance';\r\n    } else if (sortType === 'relevance' || sortType === 'title') { // it didn't like [].indexOf test here\r\n      if (sortType === 'title') {\r\n        this._sortOrder = 'asc';\r\n      }\r\n      this._sortField = sortType;\r\n    } else if (sortType === 'updated') {\r\n      this._sortField = 'relevance';\r\n    }\r\n    // TODO decide if this makes sense\r\n    this.sortType = sortType;\r\n  }\r\n\r\n  /** These are specific to filters and should not change existing text based searches or sort options */\r\n  private _filterCards(\r\n    filterOptions: IFilterOption[]\r\n  ): void {\r\n    this._categories = [];\r\n    filterOptions.forEach((filterOption) => {\r\n      if (filterOption.industry) {\r\n        const industry = this._getIndustryValue(filterOption.industry);\r\n        if (filterOption.domain) {\r\n          const domain = this._getDomainValue(filterOption.domain);\r\n          this._categories.push(`/Categories/${industry}/${domain}`);\r\n        } else {\r\n          this._categories.push(`/Categories/${industry}`);\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  /** Get the domain value in English*/\r\n  private _getDomainValue(key: string): string {\r\n    return EDomain[key as keyof typeof EDomain];\r\n  }\r\n\r\n  /** Get the industry value in English*/\r\n  private _getIndustryValue(key: string): string {\r\n    return key === 'AEC' ? 'AEC' : EIndustry[key as keyof typeof EIndustry];\r\n  }\r\n\r\n  /** Clear the categories that are populated when filters are applied*/\r\n  private _clearFilterCategories(): void {\r\n    this._categories = [];\r\n  }\r\n\r\n  /** Checks to see if a solution matches already deployed solution */\r\n  private _isSolutionDeployed(solutionId: string): boolean {\r\n    return !!this._deployedSolutions?.cards?.some(card =>\r\n      card?.typeKeywords?.some(k =>\r\n        k.includes('solutionid') && k.includes(solutionId)\r\n      )\r\n    );\r\n  }\r\n\r\n  /** Checks to see if the deployed version is the latest version */\r\n  private _isLatestVersion(solutionCard: ISolutionInfoCard): boolean {\r\n    const matchCards = this._deployedSolutions?.cards?.filter(card =>\r\n      card?.typeKeywords?.some(k =>\r\n        k.includes('solutionid') && k.includes(solutionCard.deployCommonId)\r\n      )\r\n    );\r\n    if (matchCards && matchCards.length > 0) {\r\n      const matchCard = matchCards[0];\r\n      if (matchCard.deployVersion !== solutionCard.deployVersion) {\r\n        return false;\r\n      }\r\n    }\r\n    return true;\r\n  }\r\n\r\n  private _lookupSolutionById(id: string): void {\r\n    const foundItem = this._cards.filter((card) => {\r\n      const justKeywords = card.typeKeywords;\r\n      return justKeywords.includes(id);\r\n    })\r\n    if (foundItem.length > 0) {\r\n      this.detailsCardSelected.emit(foundItem[0]);\r\n    }\r\n  }\r\n\r\n}\r\n"],"names":["cardsHelper.getDeployedRelatedSolutionIds","cardsFetcher.CardsFetcher"],"mappings":"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"}

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

@@ -1,17 +1,17 @@
-import { c as o } from "../../chunks/runtime.js";
-import { repeat as c } from "lit/directives/repeat.js";
-import { u as d } from "../../chunks/useT9n.js";
-import { LitElement as h, createEvent as u, safeStyleMap as a } from "@arcgis/lumina";
-import { useContextConsumer as p } from "@arcgis/lumina/context";
-import { css as f, html as l } from "lit";
-import { i as g } from "../../chunks/deployAppContexts.js";
-import { g as _, h as b } from "../../chunks/interfaces.js";
-import { createRef as n, ref as r } from "lit/directives/ref.js";
-import "../solutions-filter-panel/customElement.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.56 */
-const m = f`/** @license
+v1.2.0-next.58 */
+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, safeStyleMap } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { css, html } from "lit";
+import { i as isMobileContext } from "../../chunks/deployAppContexts.js";
+import { g as EIndustry, h as EDomain } from "../../chunks/interfaces.js";
+import { createRef, ref } 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");
@@ -25,98 +25,269 @@ const m = f`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.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;padding-inline-start:var(--calcite-spacing-md);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-lg)}.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)}.position-relative{position:relative}.height-100{height:100%}.border-none{border:none}.height-50{height:50px}.padding-top-3{padding-top:3px}`;
-class y extends h {
+ */
+
+.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;
+  padding-inline-start: var(--calcite-spacing-md);
+  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-lg);
+}
+
+.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);
+}
+
+.position-relative {
+  position: relative;
+}
+
+.height-100 {
+  height: 100%;
+}
+
+.border-none {
+  border: none;
+}
+
+.height-50 {
+  height: 50px;
+}
+
+.padding-top-3 {
+  padding-top: 3px;
+}`;
+class SolutionsAllShell extends LitElement {
   constructor() {
-    super(), this.solutionsCount = 0, this._isLoading = !0, this._filterOpen = !0, this._filters = {
+    super();
+    this.solutionsCount = 0;
+    this._isLoading = true;
+    this._filterOpen = true;
+    this._filters = {
       categories: [],
       searchTerm: ""
-    }, this._isMobile = !1, this._translations = d({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = n(), this._solutionsFilterPanelRef = n(), this._isMobileContextConsumer = p({
-      context: g,
-      subscribe: !0,
-      callback: (e) => this._isMobile = e
-    }), this.filterRemoved = u(), this.listenOn(window, "searchChanged", (e) => {
-      e.detail && e.detail.scope === "all-solutions" && this._filterApplied(e.detail.option);
-    }), this.listenOn(window, "toggleFilter", this._toggleFilter), this.listenOn(window, "cardsFetched", () => {
-      this._isLoading = !1;
+    };
+    this._isMobile = false;
+    this._translations = useT9n({ name: "solutions-all-shell", blocking: true });
+    this._allSolutionsPanelRef = createRef();
+    this._solutionsFilterPanelRef = createRef();
+    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);
+      }
+    });
+    this.listenOn(window, "toggleFilter", this._toggleFilter);
+    this.listenOn(window, "cardsFetched", () => {
+      this._isLoading = false;
     });
   }
   static {
-    this.properties = { solutionsCount: 9, _isLoading: 16, _filterOpen: 16, _filters: 16, _isMobile: 16, _translations: 16 };
+    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 }] };
   }
   static {
-    this.styles = m;
+    this.styles = styles;
   }
-  willUpdate(e) {
-    e.has("_isMobile") && (this._filterOpen = !this._isMobile);
+  willUpdate(changes) {
+    if (changes.has("_isMobile")) {
+      this._filterOpen = !this._isMobile;
+    }
   }
-  async searchSolutions(e) {
-    if (this._allSolutionsPanelRef.value.setSearchOptions(e), "industry" in e || "domain" in e) {
-      e.displayValue = e.domain || e.industry;
-      const i = e.industry ? Object.entries(_).find(([, t]) => t === e.industry)?.[0] : void 0, s = e.domain ? Object.entries(b).find(([, t]) => t === e.domain)?.[0] : void 0;
-      e.industry = i || "", e.domain = s || "", e.value = s || i, 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 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 load() {
-    this._isMobileContextConsumer.value && (this._isMobile = this._isMobileContextConsumer.value);
+    if (this._isMobileContextConsumer.value) {
+      this._isMobile = this._isMobileContextConsumer.value;
+    }
   }
   render() {
-    const e = this._isMobile ? "justify-content-end" : "", i = this._isLoading ? "display-none" : "";
-    return l`<calcite-shell class=${`position-relative ${i}`}>${this._isMobile ? "" : this._getFilterPanel()}<h1 class="height-100"><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center height-50 ${e}`} slot=header-content><calcite-label class="label-override padding-top-3">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}${this._filters.categories && this._filters.categories?.length > 0 && l`<calcite-button appearance=transparent icon-start=reset kind=neutral @click=${() => {
+    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"><div class=${`display-flex align-items-center height-50 ${solutionsCountStyle}`} slot=header-content><calcite-label class="label-override padding-top-3">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}${this._filters.categories && this._filters.categories?.length > 0 && html`<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>${this._isMobile && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`;
   }
   _getFilterPanel() {
-    const e = this._filterOpen ? { display: "flex" } : "";
-    return this._isMobile ? l`<calcite-panel class=${`border-none ${this._filterOpen ? "background-override" : "filter background-override"}`} id=solutions-all-shell-panel-start style=${a(e)}><solutions-filter-panel class="height-100" @applyFilter=${(i) => {
-      this._filterApplied(i.detail);
-    }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>` : l`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start slot=panel-start style=${a(e)}><calcite-panel class="border-none"><solutions-filter-panel class="height-100" @applyFilter=${(i) => {
-      this._filterApplied(i.detail);
-    }} ${r(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`;
+    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>`;
   }
   _getSolutionsAllPanel() {
-    const e = this._isMobile && this._filterOpen ? { display: "none" } : "";
-    return l`<solutions-all-panel @cardsFetched=${this._updateSolutionCount} style=${a(e)} ${r(this._allSolutionsPanelRef)}></solutions-all-panel>`;
+    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>`;
   }
   _renderChips() {
-    if (!this._filters.categories)
-      return;
-    const e = this._filters.categories.filter((i) => i.type === "industry" || i.type === "domain");
-    return e.length > 0 ? c(e, (i) => `${i.type}:${i.value}`, (i) => l`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${i.displayValue} @calciteChipClose=${() => this._chipClosed(i.displayValue, i.type)} .value=${i.displayValue}>${i.displayValue}</calcite-chip>`) : void 0;
+    if (!this._filters.categories) {
+      return void 0;
+    }
+    const onlyIndustry = this._filters.categories.filter((filter) => {
+      return filter.type === "industry" || filter.type === "domain";
+    });
+    return onlyIndustry.length > 0 ? repeat(onlyIndustry, (filter) => `${filter.type}:${filter.value}`, (filter) => {
+      return html`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${filter.displayValue} @calciteChipClose=${() => this._chipClosed(filter.displayValue, filter.type)} .value=${filter.displayValue}>${filter.displayValue}</calcite-chip>`;
+    }) : void 0;
   }
-  _updateSolutionCount(e) {
-    this.solutionsCount = e.detail;
+  _updateSolutionCount(evt) {
+    this.solutionsCount = evt.detail;
   }
-  _chipClosed(e, i) {
-    if (this._filters.categories) {
-      if (i === "industry")
-        this._filters.categories = [];
-      else {
-        const s = this._filters.categories.filter((t) => t.displayValue !== e && t.type !== i);
-        this._filters.categories = s;
+  _chipClosed(chipValue, chipType) {
+    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();
       }
-      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;
   }
-  _filterApplied(e) {
-    if (this._filters.categories)
-      if (e) {
-        let i = e;
-        "displayValue" in e ? this._filters.categories.push(e) : Array.isArray(e) && e.length > 0 && (e.length >= 2 && (i = [e[e.length - 1]]), this._filters = {
-          categories: e,
-          searchTerm: this._filters.searchTerm
-        }), "searchTerm" in i && (this._filters.searchTerm = i.searchTerm), this._allSolutionsPanelRef.value?.searchSolutions(i);
-      } else
-        this._filters.categories = [], this._allSolutionsPanelRef.value?.searchSolutions();
+  _filterApplied(options) {
+    if (!this._filters.categories) {
+      return;
+    }
+    if (options) {
+      let filterToApply = options;
+      if ("displayValue" in options) {
+        this._filters.categories.push(options);
+      } else {
+        if (Array.isArray(options) && options.length > 0) {
+          if (options.length >= 2) {
+            filterToApply = [options[options.length - 1]];
+          }
+          this._filters = {
+            categories: options,
+            searchTerm: this._filters.searchTerm
+          };
+        }
+      }
+      if ("searchTerm" in filterToApply) {
+        this._filters.searchTerm = filterToApply.searchTerm;
+      }
+      this._allSolutionsPanelRef.value?.searchSolutions(filterToApply);
+    } else {
+      this._filters.categories = [];
+      this._allSolutionsPanelRef.value?.searchSolutions();
+    }
   }
 }
-o("solutions-all-shell", y);
+customElement("solutions-all-shell", SolutionsAllShell);
 export {
-  y as SolutionsAllShell
+  SolutionsAllShell
 };
+//# sourceMappingURL=customElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solutions-all-shell/solutions-all-shell.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  h,\r\n  LitElement,\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 type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './solutions-all-shell.css';\r\nimport {\r\n  isMobileContext,\r\n} from '../../utils/deployAppContexts';\r\nimport {\r\n  EDomain,\r\n  EIndustry,\r\n} from '../../utils/interfaces';\r\nimport type {\r\n  IFilterOption,\r\n  IFilterSetting,\r\n  ISearchOption,\r\n  ISortOption\r\n} from '../../utils/interfaces';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit/directives/ref.js';\r\nimport type { SolutionsAllPanel } from '../solutions-all-panel/solutions-all-panel';\r\nimport { SolutionsFilterPanel } from '../solutions-filter-panel/solutions-filter-panel';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solutions-all-shell': SolutionsAllShell;\r\n  }\r\n}\r\n\r\n// TODO this should be removed after initial dev cycle\r\n// https://devtopia.esri.com/WebGIS/solution-deployment-apps/issues/400\r\n\r\nexport class SolutionsAllShell extends LitElement {\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  constructor() {\r\n    super();\r\n    this.listenOn<CustomEvent>(window, 'searchChanged', (evt) => {\r\n      if (evt.detail && evt.detail.scope === 'all-solutions') {\r\n        this._filterApplied(evt.detail.option);\r\n      }\r\n    });\r\n    this.listenOn<CustomEvent>(window, 'toggleFilter', this._toggleFilter);\r\n    this.listenOn<CustomEvent>(window, 'cardsFetched', () => {\r\n      this._isLoading = false;\r\n    });\r\n  }\r\n\r\n  /** Invoked before update() to compute values needed during the update.\r\n   * Implement willUpdate to compute property values that depend on other properties and are used in the rest of the update process\r\n  */\r\n  override willUpdate(changes: PropertyValues<this>): void {\r\n    if (changes.has('_isMobile')) {\r\n      // when we switch to/from mobile view the filter is forced to open/close\r\n      this._filterOpen = !this._isMobile;\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** The number of solution cards currently displayed */\r\n  @property() solutionsCount = 0;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** When true we are actively fetching cards for the first time */\r\n  @state() _isLoading = true;\r\n\r\n  /** The filter is always open when we are not in mobile view.\r\n   * When false and in mobile view the filter is hidden.\r\n   */\r\n  @state() _filterOpen = true;\r\n\r\n  /** The current filters applied to the displayed cards */\r\n  @state() _filters: IFilterSetting = {\r\n    categories: [],\r\n    searchTerm: ''\r\n  };\r\n\r\n  /** When true we are in mobile view. */\r\n  @state() _isMobile = 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-all-shell', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Reference to the solutions-all-panel so we can search for solutions when filter and sort options change */\r\n  private _allSolutionsPanelRef = createRef<SolutionsAllPanel>();\r\n\r\n  /** Reference to the solutions-filter-panel so we can search for solutions when filter and sort options change */\r\n  private _solutionsFilterPanelRef = createRef<SolutionsFilterPanel>();\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   * Search solutions based on key criteria\r\n   *\r\n   * @param searchOptions the key criteria to search with\r\n   */\r\n  @method()\r\n  async searchSolutions(\r\n    searchOptions: IFilterOption | ISearchOption | ISortOption\r\n  ): Promise<void> {\r\n    this._allSolutionsPanelRef.value!.setSearchOptions(searchOptions);\r\n    if ('industry' in searchOptions || 'domain' in searchOptions) {\r\n      // need to modify the filters we get from the app to the way the components expect\r\n      searchOptions.displayValue = searchOptions.domain! || searchOptions.industry!;\r\n\r\n      const industryKey = searchOptions.industry ?\r\n        Object.entries(EIndustry).find(([, val]) => val === searchOptions.industry)?.[0] : undefined;\r\n\r\n      const domainKey = searchOptions.domain ?\r\n        Object.entries(EDomain).find(([, val]) => val === searchOptions.domain)?.[0] : undefined;\r\n\r\n      searchOptions.industry = industryKey || '';\r\n      searchOptions.domain = domainKey || '';\r\n      searchOptions.value = domainKey as EDomain || industryKey as EIndustry;\r\n\r\n      this._solutionsFilterPanelRef.value!.changeIndustryFilter(searchOptions.industry, searchOptions.domain, searchOptions.displayValue, true);\r\n    } else if ('searchTerm' in searchOptions || 'sortType' in searchOptions) {\r\n      if ('searchTerm' in searchOptions) {\r\n        this._filters.searchTerm = searchOptions.searchTerm;\r\n      }\r\n      // if we have sort or search we still need to honor if no industry or domain\r\n      this._allSolutionsPanelRef.value?.searchSolutions(searchOptions);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when a filter chip is closed */\r\n  filterRemoved = createEvent<IFilterOption[]>();\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 solutionsCountStyle = this._isMobile ? 'justify-content-end' : '';\r\n    const shellDisplayClass = this._isLoading ? 'display-none' : '';\r\n    return (\r\n      <calcite-shell class={`position-relative ${shellDisplayClass}`}>\r\n        {this._isMobile ? (<></>) : this._getFilterPanel()}\r\n        <h1 class='height-100'>\r\n          <calcite-panel class='border-override header-override panel-override z-index-1'>\r\n            <div\r\n              class={`display-flex align-items-center height-50 ${solutionsCountStyle}`}\r\n              slot='header-content'\r\n            >\r\n              <calcite-label class='label-override padding-top-3'>\r\n                {this._translations.numberOfSolutions.replace('{{count}}', this.solutionsCount.toString())}\r\n              </calcite-label>\r\n              {this._renderChips()}\r\n              {this._filters.categories && this._filters.categories?.length > 0 &&\r\n                <calcite-button\r\n                  appearance='transparent'\r\n                  iconStart='reset'\r\n                  kind='neutral'\r\n                  onClick={() => {\r\n                    this._filters = {\r\n                      ...this._filters,\r\n                      categories: []\r\n                    }\r\n                    this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories);\r\n                    this.filterRemoved.emit([]);\r\n                  }}\r\n                  label={this._translations.clearIndustryFilter}\r\n                >\r\n                  {this._translations.clearIndustryFilter}\r\n                </calcite-button>\r\n              }\r\n            </div>\r\n            {this._isMobile && this._getFilterPanel()}\r\n            {this._getSolutionsAllPanel()}\r\n          </calcite-panel>\r\n        </h1>\r\n      </calcite-shell>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Renders the options for filtering the current solution cards */\r\n  private _getFilterPanel(): JsxNode {\r\n    const filterOverride = this._filterOpen ? { 'display': 'flex' } : '';\r\n    return !this._isMobile ? (\r\n      <calcite-shell-panel\r\n        class='filter background-override filter-width-350'\r\n        id='solutions-all-shell-panel-start'\r\n        slot='panel-start'\r\n        style={filterOverride}\r\n      >\r\n        <calcite-panel class='border-none'>\r\n          <solutions-filter-panel\r\n            class='height-100'\r\n            onapplyFilter={(evt) => {\r\n              this._filterApplied(evt.detail);\r\n            }}\r\n            ref={this._solutionsFilterPanelRef}\r\n          />\r\n        </calcite-panel>\r\n      </calcite-shell-panel>\r\n    ) : (\r\n      <calcite-panel\r\n        class={`border-none ${this._filterOpen ? 'background-override' : 'filter background-override'}`}\r\n        id='solutions-all-shell-panel-start' // TODO confirm with Aziza if she wants this to stay the same for her tests\r\n        style={filterOverride}\r\n      >\r\n        <solutions-filter-panel\r\n          class='height-100'\r\n          onapplyFilter={(evt) => {\r\n            this._filterApplied(evt.detail);\r\n          }}\r\n          ref={this._solutionsFilterPanelRef}\r\n        />\r\n      </calcite-panel>\r\n    );\r\n  }\r\n\r\n  /** Renders the panel that shows the current solution cards. */\r\n  private _getSolutionsAllPanel(): JsxNode {\r\n    const solutionsAllPanelOverride = this._isMobile && this._filterOpen ? { 'display': 'none' } : '';\r\n    return (\r\n      <solutions-all-panel\r\n        oncardsFetched={this._updateSolutionCount}\r\n        ref={this._allSolutionsPanelRef}\r\n        style={solutionsAllPanelOverride}\r\n      />\r\n    );\r\n  }\r\n\r\n  /** Renders a closeable chip for an filters that have been applied. */\r\n  private _renderChips(): JsxNode[] | undefined {\r\n    if (!this._filters.categories) {\r\n      return undefined;\r\n    }\r\n    // we will listen to the solutions-filter-panel events for setting filters\r\n    // the cards will be filtered based on these events and we will display chips here for each filter\r\n    const onlyIndustry = this._filters.categories.filter((filter) => {\r\n      return filter.type === 'industry' || filter.type === 'domain';\r\n    })\r\n\r\n    return onlyIndustry.length > 0 ? onlyIndustry.map(filter => {\r\n      return (\r\n        <calcite-chip\r\n          appearance='outline-fill'\r\n          class='padding-start'\r\n          closable\r\n          key={`${filter.type}:${filter.value}`}\r\n          kind='neutral'\r\n          label={filter.displayValue}\r\n          oncalciteChipClose={() => this._chipClosed(filter.displayValue, filter.type)}\r\n          value={filter.displayValue}\r\n        >\r\n          {filter.displayValue}\r\n        </calcite-chip>\r\n      );\r\n    }) : undefined;\r\n  }\r\n\r\n  /** Update the solution count when new cards are fetched by the solutions-all-panel */\r\n  private _updateSolutionCount(evt: CustomEvent): void {\r\n    this.solutionsCount = evt.detail;\r\n  }\r\n\r\n  /** Update the stored filters and emit the filterRemoved event so the filter component can be updated */\r\n  private _chipClosed(chipValue: string, chipType: string): void {\r\n    if (!this._filters.categories) {\r\n      return;\r\n    }\r\n    if (chipType === 'industry') {\r\n      this._filters.categories = [];\r\n    } else {\r\n      const exsistingFilters = this._filters.categories.filter(filter => filter.displayValue !== chipValue && filter.type !== chipType);\r\n      this._filters.categories = exsistingFilters;\r\n    }\r\n    if (this._filters.categories.length > 0) {\r\n      this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories);\r\n    } else {\r\n      if (this._filters.searchTerm !== '') {\r\n        //add a clear category search then the search term.  TODO: Consider changing searchSolutions to take the filter object for efficiency.\r\n        this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories);\r\n        this._allSolutionsPanelRef.value?.searchSolutions({ searchTerm: this._filters.searchTerm! });\r\n      } else {\r\n        this._allSolutionsPanelRef.value?.searchSolutions();\r\n      }\r\n    }\r\n    this.filterRemoved.emit(this._filters.categories);\r\n  }\r\n\r\n  /** This function is only relevant in mobile view.\r\n   * When true the filter will be shown\r\n   */\r\n  private _toggleFilter(): void {\r\n    this._filterOpen = !this._filterOpen;\r\n  }\r\n\r\n  /** Search solutions and update the chips when a filter is applied */\r\n  private _filterApplied(\r\n    options: any\r\n  ): void {\r\n    if (!this._filters.categories) {\r\n      return;\r\n    }\r\n    if (options) {\r\n      let filterToApply = options;\r\n      if ('displayValue' in options) {\r\n        // this is a filter and we should update the chips\r\n        //if ('type' in evt.detail && evt.detail.type === 'industry') {\r\n        //  this._filters = this._filters.filter(filter => filter.type !== 'industry');\r\n        this._filters.categories.push(options);\r\n        //}\r\n      } else {\r\n        if (Array.isArray(options) && options.length > 0) {\r\n          if (options.length >= 2) {\r\n            filterToApply = [options[options.length - 1]];\r\n          }\r\n          this._filters = {\r\n            categories: options,\r\n            searchTerm: this._filters.searchTerm\r\n          };\r\n        }\r\n      }\r\n      if ('searchTerm' in filterToApply) {\r\n        this._filters.searchTerm = filterToApply.searchTerm;\r\n      }\r\n      this._allSolutionsPanelRef.value?.searchSolutions(filterToApply);\r\n    } else {\r\n      this._filters.categories = [];\r\n      this._allSolutionsPanelRef.value?.searchSolutions();\r\n    }\r\n  }\r\n\r\n}\r\n"],"names":["ref$jsx"],"mappings":"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"}