@internetarchive/collection-browser 3.5.2-alpha-webdev8164.0 → 3.5.2-webdev-8162.1

package/dist/src/collection-facets/more-facets-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"more-facets-content.js","sourceRoot":"","sources":["../../../src/collection-facets/more-facets-content.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  css,\r\n  CSSResultGroup,\r\n  html,\r\n  LitElement,\r\n  nothing,\r\n  PropertyValues,\r\n  TemplateResult,\r\n} from 'lit';\r\nimport { customElement, property, state } from 'lit/decorators.js';\r\nimport {\r\n  Aggregation,\r\n  Bucket,\r\n  SearchServiceInterface,\r\n  SearchParams,\r\n  SearchType,\r\n  AggregationSortType,\r\n  FilterMap,\r\n  PageType,\r\n} from '@internetarchive/search-service';\r\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\r\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\r\nimport { msg } from '@lit/localize';\r\nimport {\r\n  SelectedFacets,\r\n  FacetGroup,\r\n  FacetBucket,\r\n  FacetOption,\r\n  facetTitles,\r\n  suppressedCollections,\r\n  valueFacetSort,\r\n  defaultFacetSort,\r\n  getDefaultSelectedFacets,\r\n  FacetEventDetails,\r\n} from '../models';\r\nimport type {\r\n  CollectionTitles,\r\n  PageSpecifierParams,\r\n  TVChannelAliases,\r\n} from '../data-source/models';\r\nimport '@internetarchive/elements/ia-status-indicator/ia-status-indicator';\r\nimport './facets-template';\r\nimport {\r\n  analyticsActions,\r\n  analyticsCategories,\r\n} from '../utils/analytics-events';\r\nimport './toggle-switch';\r\nimport './more-facets-pagination';\r\nimport { srOnlyStyle } from '../styles/sr-only';\r\nimport {\r\n  mergeSelectedFacets,\r\n  sortBucketsBySelectionState,\r\n  updateSelectedFacetBucket,\r\n} from '../utils/facet-utils';\r\nimport {\r\n  MORE_FACETS__DEFAULT_PAGE_SIZE,\r\n  MORE_FACETS__MAX_AGGREGATIONS,\r\n} from './models';\r\n\r\n/**\r\n * Threshold for switching from horizontal scroll to pagination.\r\n * If facet count >= this value, use pagination. Otherwise use horizontal scroll.\r\n */\r\nconst PAGINATION_THRESHOLD = 1000;\r\n\r\n@customElement('more-facets-content')\r\nexport class MoreFacetsContent extends LitElement {\r\n  @property({ type: String }) facetKey?: FacetOption;\r\n\r\n  @property({ type: String }) query?: string;\r\n\r\n  @property({ type: Array }) identifiers?: string[];\r\n\r\n  @property({ type: Object }) filterMap?: FilterMap;\r\n\r\n  @property({ type: Number }) searchType?: SearchType;\r\n\r\n  @property({ type: Object }) pageSpecifierParams?: PageSpecifierParams;\r\n\r\n  @property({ type: Object })\r\n  collectionTitles?: CollectionTitles;\r\n\r\n  @property({ type: Object })\r\n  tvChannelAliases?: TVChannelAliases;\r\n\r\n  /**\r\n   * Maximum number of facets to show per page within the modal.\r\n   */\r\n  @property({ type: Number }) facetsPerPage = MORE_FACETS__DEFAULT_PAGE_SIZE;\r\n\r\n  /**\r\n   * Whether we are waiting for facet data to load.\r\n   * We begin with this set to true so that we show an initial loading indicator.\r\n   */\r\n  @property({ type: Boolean }) facetsLoading = true;\r\n\r\n  /**\r\n   * The set of pre-existing facet selections (including both selected & negated facets).\r\n   */\r\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\r\n\r\n  @property({ type: Number }) sortedBy: AggregationSortType =\r\n    AggregationSortType.COUNT;\r\n\r\n  @property({ type: Boolean }) isTvSearch = false;\r\n\r\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\r\n\r\n  @property({ type: Object }) searchService?: SearchServiceInterface;\r\n\r\n  @property({ type: Object, attribute: false })\r\n  analyticsHandler?: AnalyticsManagerInterface;\r\n\r\n  /**\r\n   * The full set of aggregations received from the search service\r\n   */\r\n  @state() private aggregations?: Record<string, Aggregation>;\r\n\r\n  /**\r\n   * A FacetGroup storing the full set of facet buckets to be shown on the dialog.\r\n   */\r\n  @state() private facetGroup?: FacetGroup;\r\n\r\n  /**\r\n   * An object holding any changes the patron has made to their facet selections\r\n   * within the modal dialog but which they have not yet applied. These are\r\n   * eventually merged into the existing `selectedFacets` when the patron applies\r\n   * their changes, or discarded if they cancel/close the dialog.\r\n   */\r\n  @state() private unappliedFacetChanges: SelectedFacets =\r\n    getDefaultSelectedFacets();\r\n\r\n  /**\r\n   * Text entered by the user to filter facet buckets.\r\n   * Applied to bucket.key for case-insensitive matching.\r\n   */\r\n  @state() private filterText = '';\r\n\r\n  /**\r\n   * Current page number for pagination (when facet count >= PAGINATION_THRESHOLD).\r\n   */\r\n  @state() private pageNumber = 1;\r\n\r\n  willUpdate(changed: PropertyValues): void {\r\n    if (\r\n      changed.has('aggregations') ||\r\n      changed.has('facetsPerPage') ||\r\n      changed.has('sortedBy') ||\r\n      changed.has('selectedFacets') ||\r\n      changed.has('unappliedFacetChanges')\r\n    ) {\r\n      // Convert the merged selected facets & aggregations into a facet group, and\r\n      // store it for reuse across pages.\r\n      this.facetGroup = this.mergedFacets;\r\n    }\r\n\r\n    // Reset to page 1 when filter text changes (only matters for pagination mode)\r\n    if (changed.has('filterText')) {\r\n      this.pageNumber = 1;\r\n    }\r\n  }\r\n\r\n  updated(changed: PropertyValues): void {\r\n    // If any of the search properties change, it triggers a facet fetch\r\n    if (\r\n      changed.has('facetKey') ||\r\n      changed.has('query') ||\r\n      changed.has('searchType') ||\r\n      changed.has('filterMap')\r\n    ) {\r\n      this.facetsLoading = true;\r\n      this.pageNumber = 1; // Reset to page 1 on new search\r\n      this.sortedBy = defaultFacetSort[this.facetKey as FacetOption];\r\n\r\n      this.updateSpecificFacets();\r\n    }\r\n  }\r\n\r\n  firstUpdated(): void {\r\n    this.setupEscapeListeners();\r\n  }\r\n\r\n  /**\r\n   * Close more facets modal on Escape click\r\n   */\r\n  private setupEscapeListeners() {\r\n    if (this.modalManager) {\r\n      document.addEventListener('keydown', (e: KeyboardEvent) => {\r\n        if (e.key === 'Escape') {\r\n          this.modalManager?.closeModal();\r\n        }\r\n      });\r\n    } else {\r\n      document.removeEventListener('keydown', () => {});\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Whether facet requests are for the search_results page type (either defaulted or explicitly).\r\n   */\r\n  private get isSearchResultsPage(): boolean {\r\n    // Default page type is search_results when none is specified, so we check\r\n    // for undefined as well.\r\n    const pageType: PageType | undefined = this.pageSpecifierParams?.pageType;\r\n    return pageType === undefined || pageType === 'search_results';\r\n  }\r\n\r\n  /**\r\n   * Get specific facets data from search-service API based of currently query params\r\n   * - this.aggregations - hold result of search service and being used for further processing.\r\n   */\r\n  async updateSpecificFacets(): Promise<void> {\r\n    if (!this.facetKey) return; // Can't fetch facets if we don't know what type of facets we need!\r\n\r\n    const trimmedQuery = this.query?.trim();\r\n    if (!trimmedQuery && this.isSearchResultsPage) return; // The search page _requires_ a query\r\n\r\n    const aggregations = {\r\n      simpleParams: [this.facetKey],\r\n    };\r\n    const aggregationsSize = MORE_FACETS__MAX_AGGREGATIONS; // Only request the 10K highest-count facets\r\n\r\n    const params: SearchParams = {\r\n      ...this.pageSpecifierParams,\r\n      query: trimmedQuery || '',\r\n      identifiers: this.identifiers,\r\n      filters: this.filterMap,\r\n      aggregations,\r\n      aggregationsSize,\r\n      rows: 0, // todo - do we want server-side pagination with offset/page/limit flag?\r\n    };\r\n\r\n    const results = await this.searchService?.search(params, this.searchType);\r\n    this.aggregations = results?.success?.response.aggregations;\r\n    this.facetsLoading = false;\r\n\r\n    const collectionTitles = results?.success?.response?.collectionTitles;\r\n    if (collectionTitles) {\r\n      for (const [id, title] of Object.entries(collectionTitles)) {\r\n        this.collectionTitles?.set(id, title);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Combines the selected facets with the aggregations to create a single list of facets\r\n   */\r\n  private get mergedFacets(): FacetGroup | undefined {\r\n    if (!this.facetKey || !this.selectedFacets) return undefined;\r\n\r\n    const { selectedFacetGroup, aggregationFacetGroup } = this;\r\n\r\n    // If we don't have any aggregations, then there is nothing to show yet\r\n    if (!aggregationFacetGroup) return undefined;\r\n\r\n    // Start with either the selected group if we have one, or the aggregate group otherwise\r\n    const facetGroup = { ...(selectedFacetGroup ?? aggregationFacetGroup) };\r\n\r\n    // Attach the counts to the selected buckets\r\n    const bucketsWithCount =\r\n      selectedFacetGroup?.buckets.map(bucket => {\r\n        const selectedBucket = aggregationFacetGroup.buckets.find(\r\n          b => b.key === bucket.key,\r\n        );\r\n        return selectedBucket\r\n          ? {\r\n              ...bucket,\r\n              count: selectedBucket.count,\r\n            }\r\n          : bucket;\r\n      }) ?? [];\r\n\r\n    // Sort the buckets by selection state\r\n    // We do this *prior* to considering unapplied selections, because we want the facets\r\n    // to remain in position when they are selected/unselected, rather than re-sort themselves.\r\n    sortBucketsBySelectionState(bucketsWithCount, this.sortedBy);\r\n\r\n    // Append any additional buckets that were not selected\r\n    aggregationFacetGroup.buckets.forEach(bucket => {\r\n      const existingBucket = selectedFacetGroup?.buckets.find(\r\n        b => b.key === bucket.key,\r\n      );\r\n      if (existingBucket) return;\r\n      bucketsWithCount.push(bucket);\r\n    });\r\n\r\n    // Apply any unapplied selections that appear on this page\r\n    const unappliedBuckets = this.unappliedFacetChanges[this.facetKey];\r\n    for (const [index, bucket] of bucketsWithCount.entries()) {\r\n      const unappliedBucket = unappliedBuckets?.[bucket.key];\r\n      if (unappliedBucket) {\r\n        bucketsWithCount[index] = { ...unappliedBucket };\r\n      }\r\n    }\r\n\r\n    // For TV creator facets, uppercase the display text\r\n    if (this.facetKey === 'creator' && this.isTvSearch) {\r\n      bucketsWithCount.forEach(b => {\r\n        b.displayText = (b.displayText ?? b.key)?.toLocaleUpperCase();\r\n\r\n        const channelLabel = this.tvChannelAliases?.get(b.displayText);\r\n        if (channelLabel && channelLabel !== b.displayText) {\r\n          b.extraNote = `(${channelLabel})`;\r\n        }\r\n      });\r\n    }\r\n\r\n    facetGroup.buckets = bucketsWithCount;\r\n    return facetGroup;\r\n  }\r\n\r\n  /**\r\n   * Converts the selected facets for the current facet key to a `FacetGroup`,\r\n   * which is easier to work with.\r\n   */\r\n  private get selectedFacetGroup(): FacetGroup | undefined {\r\n    if (!this.selectedFacets || !this.facetKey) return undefined;\r\n\r\n    const selectedFacetsForKey = this.selectedFacets[this.facetKey];\r\n    if (!selectedFacetsForKey) return undefined;\r\n\r\n    const facetGroupTitle = facetTitles[this.facetKey];\r\n\r\n    const buckets: FacetBucket[] = Object.entries(selectedFacetsForKey).map(\r\n      ([value, data]) => {\r\n        const displayText: string = value;\r\n        return {\r\n          displayText,\r\n          key: value,\r\n          count: data?.count,\r\n          state: data?.state,\r\n        };\r\n      },\r\n    );\r\n\r\n    return {\r\n      title: facetGroupTitle,\r\n      key: this.facetKey,\r\n      buckets,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Converts the raw `aggregations` for the current facet key to a `FacetGroup`,\r\n   * which is easier to work with.\r\n   */\r\n  private get aggregationFacetGroup(): FacetGroup | undefined {\r\n    if (!this.aggregations || !this.facetKey) return undefined;\r\n\r\n    const currentAggregation = this.aggregations[this.facetKey];\r\n    if (!currentAggregation) return undefined;\r\n\r\n    const facetGroupTitle = facetTitles[this.facetKey];\r\n\r\n    // Order the facets according to the current sort option\r\n    let sortedBuckets = currentAggregation.getSortedBuckets(\r\n      this.sortedBy,\r\n    ) as Bucket[];\r\n\r\n    if (this.facetKey === 'collection') {\r\n      // we are not showing fav- collections or certain deemphasized collections in facets\r\n      sortedBuckets = sortedBuckets?.filter(bucket => {\r\n        const bucketKey = bucket?.key?.toString();\r\n        return (\r\n          !suppressedCollections[bucketKey] && !bucketKey?.startsWith('fav-')\r\n        );\r\n      });\r\n    }\r\n\r\n    // Construct the array of facet buckets from the aggregation buckets\r\n    const facetBuckets: FacetBucket[] = sortedBuckets.map(bucket => {\r\n      const bucketKeyStr = `${bucket.key}`;\r\n      return {\r\n        displayText: `${bucketKeyStr}`,\r\n        key: `${bucketKeyStr}`,\r\n        count: bucket.doc_count,\r\n        state: 'none',\r\n      };\r\n    });\r\n\r\n    return {\r\n      title: facetGroupTitle,\r\n      key: this.facetKey,\r\n      buckets: facetBuckets,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Returns the facet group with buckets filtered by the current filter text.\r\n   * Filters are applied to the full bucket list before pagination.\r\n   */\r\n  private get filteredFacetGroup(): FacetGroup | undefined {\r\n    const { facetGroup, filterText } = this;\r\n    if (!facetGroup) return undefined;\r\n\r\n    // If no filter text, return the full group\r\n    if (!filterText.trim()) {\r\n      return facetGroup;\r\n    }\r\n\r\n    // Filter buckets case-insensitively by bucket key\r\n    const lowerFilter = filterText.toLowerCase().trim();\r\n    const filteredBuckets = facetGroup.buckets.filter(bucket =>\r\n      bucket.key.toLowerCase().includes(lowerFilter),\r\n    );\r\n\r\n    return {\r\n      ...facetGroup,\r\n      buckets: filteredBuckets,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Determines whether to use pagination based on the number of filtered facets.\r\n   * Returns true if facet count >= PAGINATION_THRESHOLD, false otherwise.\r\n   */\r\n  private get usePagination(): boolean {\r\n    const facetCount = this.filteredFacetGroup?.buckets.length ?? 0;\r\n    return facetCount >= PAGINATION_THRESHOLD;\r\n  }\r\n\r\n  /**\r\n   * Returns the facet group for the current page.\r\n   * If using pagination (>= 1000 facets), slices to show only the current page.\r\n   * Otherwise, returns all facets for horizontal scrolling.\r\n   */\r\n  private get facetGroupForCurrentPage(): FacetGroup | undefined {\r\n    const filteredGroup = this.filteredFacetGroup;\r\n    if (!filteredGroup) return undefined;\r\n\r\n    // If facet count is below threshold, show all facets with horizontal scroll\r\n    if (!this.usePagination) {\r\n      return filteredGroup;\r\n    }\r\n\r\n    // Otherwise, use pagination - slice to current page\r\n    const startIndex = (this.pageNumber - 1) * this.facetsPerPage;\r\n    const endIndex = startIndex + this.facetsPerPage;\r\n    const slicedBuckets = filteredGroup.buckets.slice(startIndex, endIndex);\r\n\r\n    return {\r\n      ...filteredGroup,\r\n      buckets: slicedBuckets,\r\n    };\r\n  }\r\n\r\n  private get moreFacetsTemplate(): TemplateResult {\r\n    const facetGroup = this.facetGroupForCurrentPage;\r\n\r\n    // Show empty state if filtering returned no results\r\n    if (\r\n      this.filterText.trim() &&\r\n      (!facetGroup || facetGroup.buckets.length === 0)\r\n    ) {\r\n      return this.emptyFilterResultsTemplate;\r\n    }\r\n\r\n    return html`\r\n      <facets-template\r\n        .facetGroup=${facetGroup}\r\n        .selectedFacets=${this.selectedFacets}\r\n        .collectionTitles=${this.collectionTitles}\r\n        @facetClick=${(e: CustomEvent<FacetEventDetails>) => {\r\n          if (this.facetKey) {\r\n            this.unappliedFacetChanges = updateSelectedFacetBucket(\r\n              this.unappliedFacetChanges,\r\n              this.facetKey,\r\n              e.detail.bucket,\r\n            );\r\n          }\r\n        }}\r\n      ></facets-template>\r\n    `;\r\n  }\r\n\r\n  private get loaderTemplate(): TemplateResult {\r\n    return html`\r\n      <ia-status-indicator\r\n        class=\"facets-loader\"\r\n        mode=\"loading\"\r\n      ></ia-status-indicator>\r\n    `;\r\n  }\r\n\r\n  private get emptyFilterResultsTemplate(): TemplateResult {\r\n    return html`\r\n      <div class=\"empty-results\">\r\n        <p>${msg('No matching values found.')}</p>\r\n        <p class=\"hint\">${msg('Try a different search term.')}</p>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  /**\r\n   * Number of pages for pagination (only used when facet count >= PAGINATION_THRESHOLD).\r\n   */\r\n  private get paginationSize(): number {\r\n    const filteredBuckets = this.filteredFacetGroup?.buckets ?? [];\r\n    return Math.ceil(filteredBuckets.length / this.facetsPerPage);\r\n  }\r\n\r\n  /**\r\n   * Template for pagination component (only shown when facet count >= PAGINATION_THRESHOLD).\r\n   */\r\n  private get facetsPaginationTemplate() {\r\n    if (!this.usePagination) return nothing;\r\n\r\n    return html`<more-facets-pagination\r\n      .size=${this.paginationSize}\r\n      .currentPage=${this.pageNumber}\r\n      @pageNumberClicked=${this.pageNumberClicked}\r\n    ></more-facets-pagination>`;\r\n  }\r\n\r\n  private get footerTemplate() {\r\n    return html`\r\n      ${this.facetsPaginationTemplate}\r\n      <div class=\"footer\">\r\n        <button class=\"btn btn-cancel\" type=\"button\" @click=${this.cancelClick}>\r\n          Cancel\r\n        </button>\r\n        <button\r\n          class=\"btn btn-submit\"\r\n          type=\"button\"\r\n          @click=${this.applySearchFacetsClicked}\r\n        >\r\n          Apply filters\r\n        </button>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  private sortFacetAggregation(facetSortType: AggregationSortType) {\r\n    this.sortedBy = facetSortType;\r\n    this.dispatchEvent(\r\n      new CustomEvent('sortedFacets', { detail: this.sortedBy }),\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Handler for filter input changes. Updates the filter text and triggers re-render.\r\n   */\r\n  private handleFilterInput(e: Event): void {\r\n    const input = e.target as HTMLInputElement;\r\n    this.filterText = input.value;\r\n  }\r\n\r\n  /**\r\n   * Handler for pagination page number clicks.\r\n   * Only used when facet count >= PAGINATION_THRESHOLD.\r\n   */\r\n  private pageNumberClicked(e: CustomEvent<{ page: number }>) {\r\n    this.pageNumber = e.detail.page;\r\n\r\n    // Track page navigation in analytics\r\n    this.analyticsHandler?.sendEvent({\r\n      category: analyticsCategories.default,\r\n      action: analyticsActions.moreFacetsPageChange,\r\n      label: `${this.pageNumber}`,\r\n    });\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent('pageChanged', { detail: this.pageNumber }),\r\n    );\r\n  }\r\n\r\n  private get modalHeaderTemplate(): TemplateResult {\r\n    const facetSort =\r\n      this.sortedBy ?? defaultFacetSort[this.facetKey as FacetOption];\r\n    const defaultSwitchSide =\r\n      facetSort === AggregationSortType.COUNT ? 'left' : 'right';\r\n\r\n    return html`<span class=\"sr-only\">${msg('More facets for:')}</span>\r\n      <span class=\"title\">\r\n        ${this.facetGroup?.title}\r\n\r\n        <label class=\"sort-label\">${msg('Sort by:')}</label>\r\n        ${this.facetKey\r\n          ? html`<toggle-switch\r\n              class=\"sort-toggle\"\r\n              leftValue=${AggregationSortType.COUNT}\r\n              leftLabel=\"Count\"\r\n              rightValue=${valueFacetSort[this.facetKey]}\r\n              .rightLabel=${this.facetGroup?.title}\r\n              side=${defaultSwitchSide}\r\n              @change=${(e: CustomEvent<string>) => {\r\n                this.sortFacetAggregation(\r\n                  Number(e.detail) as AggregationSortType,\r\n                );\r\n              }}\r\n            ></toggle-switch>`\r\n          : nothing}\r\n\r\n        <label class=\"filter-label\" for=\"facet-filter\"\r\n          >${msg('Filter by:')}</label\r\n        >\r\n        <input\r\n          id=\"facet-filter\"\r\n          type=\"text\"\r\n          class=\"filter-input\"\r\n          .value=${this.filterText}\r\n          @input=${this.handleFilterInput}\r\n          placeholder=${msg('Search...')}\r\n          aria-label=${msg('Filter facets')}\r\n        />\r\n      </span>`;\r\n  }\r\n\r\n  render() {\r\n    const contentClass = this.usePagination\r\n      ? 'facets-content pagination-mode'\r\n      : 'facets-content horizontal-scroll-mode';\r\n    const sectionClass = this.usePagination\r\n      ? 'pagination-mode'\r\n      : 'horizontal-scroll-mode';\r\n\r\n    return html`\r\n      ${this.facetsLoading\r\n        ? this.loaderTemplate\r\n        : html`\r\n            <section id=\"more-facets\" class=\"${sectionClass}\">\r\n              <div class=\"header-content\">${this.modalHeaderTemplate}</div>\r\n              <div class=\"${contentClass}\">\r\n                ${this.usePagination\r\n                  ? this.moreFacetsTemplate\r\n                  : html`<div class=\"facets-horizontal-container\">\r\n                      ${this.moreFacetsTemplate}\r\n                    </div>`}\r\n              </div>\r\n              ${this.footerTemplate}\r\n            </section>\r\n          `}\r\n    `;\r\n  }\r\n\r\n  private applySearchFacetsClicked() {\r\n    const mergedSelections = mergeSelectedFacets(\r\n      this.selectedFacets,\r\n      this.unappliedFacetChanges,\r\n    );\r\n\r\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\r\n      detail: mergedSelections,\r\n      bubbles: true,\r\n      composed: true,\r\n    });\r\n    this.dispatchEvent(event);\r\n\r\n    // Reset the unapplied changes back to default, now that they have been applied\r\n    this.unappliedFacetChanges = getDefaultSelectedFacets();\r\n\r\n    // Reset filter text\r\n    this.filterText = '';\r\n\r\n    this.modalManager?.closeModal();\r\n    this.analyticsHandler?.sendEvent({\r\n      category: analyticsCategories.default,\r\n      action: `${analyticsActions.applyMoreFacetsModal}`,\r\n      label: `${this.facetKey}`,\r\n    });\r\n  }\r\n\r\n  private cancelClick() {\r\n    // Reset the unapplied changes back to default\r\n    this.unappliedFacetChanges = getDefaultSelectedFacets();\r\n\r\n    // Reset filter text\r\n    this.filterText = '';\r\n\r\n    this.modalManager?.closeModal();\r\n    this.analyticsHandler?.sendEvent({\r\n      category: analyticsCategories.default,\r\n      action: analyticsActions.closeMoreFacetsModal,\r\n      label: `${this.facetKey}`,\r\n    });\r\n  }\r\n\r\n  static get styles(): CSSResultGroup {\r\n    const modalSubmitButton = css`var(--primaryButtonBGColor, #194880)`;\r\n\r\n    return [\r\n      srOnlyStyle,\r\n      css`\r\n        section#more-facets {\r\n          overflow: auto;\r\n          padding: 10px; /* leaves room for scroll bar to appear without overlaying on content */\r\n          --facetsColumnCount: 3;\r\n        }\r\n\r\n        /* Horizontal scroll mode: fixed column height for horizontal overflow */\r\n        section#more-facets.horizontal-scroll-mode {\r\n          --facetsColumnCount: 3;\r\n          --facetsMaxHeight: 280px;\r\n        }\r\n\r\n        /* Pagination mode: set height for proper column layout with vertical scroll */\r\n        section#more-facets.pagination-mode {\r\n          --facetsColumnCount: 3;\r\n          --facetsMaxHeight: 280px; /* Columns need height constraint to flow properly */\r\n        }\r\n        .header-content .title {\r\n          display: block;\r\n          text-align: left;\r\n          font-size: 1.8rem;\r\n          padding: 0 10px;\r\n          font-weight: bold;\r\n        }\r\n\r\n        .sort-label {\r\n          margin-left: 20px;\r\n          font-size: 1.3rem;\r\n        }\r\n\r\n        .sort-toggle {\r\n          font-weight: normal;\r\n        }\r\n\r\n        .filter-label {\r\n          margin-left: 20px;\r\n          font-size: 1.3rem;\r\n        }\r\n\r\n        .filter-input {\r\n          font-size: 1.3rem;\r\n          padding: 4px 8px;\r\n          border: 1px solid #ccc;\r\n          border-radius: 4px;\r\n          margin-left: 5px;\r\n          width: 150px;\r\n          font-family: inherit;\r\n        }\r\n\r\n        .filter-input:focus {\r\n          outline: 2px solid #194880;\r\n          outline-offset: 1px;\r\n          border-color: #194880;\r\n        }\r\n\r\n        .empty-results {\r\n          text-align: center;\r\n          padding: 40px 20px;\r\n          color: #666;\r\n        }\r\n\r\n        .empty-results .hint {\r\n          font-size: 1.1rem;\r\n          margin-top: 10px;\r\n        }\r\n\r\n        .facets-content {\r\n          font-size: 1.2rem;\r\n          max-height: 300px;\r\n          padding: 10px;\r\n          /* Force scrollbar to always be visible */\r\n          scrollbar-width: thin; /* Firefox */\r\n          scrollbar-color: #888 #f1f1f1; /* Firefox - thumb and track colors */\r\n        }\r\n\r\n        /* Pagination mode: vertical scrolling, allow taller height for multiple columns */\r\n        .facets-content.pagination-mode {\r\n          overflow-y: auto;\r\n          overflow-x: hidden;\r\n          max-height: none; /* Remove height constraint to allow columns to flow properly */\r\n          height: 300px; /* Fixed height to enable vertical scroll */\r\n        }\r\n\r\n        /* Horizontal scroll mode: horizontal scrolling only */\r\n        .facets-content.horizontal-scroll-mode {\r\n          overflow-x: auto;\r\n          overflow-y: hidden;\r\n        }\r\n\r\n        /* Webkit browsers scrollbar styling - always visible */\r\n        .facets-content::-webkit-scrollbar {\r\n          width: 12px; /* Vertical scrollbar width */\r\n          height: 12px; /* Horizontal scrollbar height */\r\n        }\r\n\r\n        .facets-content::-webkit-scrollbar-track {\r\n          background: #f1f1f1;\r\n          border-radius: 6px;\r\n        }\r\n\r\n        .facets-content::-webkit-scrollbar-thumb {\r\n          background: #888;\r\n          border-radius: 6px;\r\n          min-height: 30px; /* Ensure thumb is always visible when scrolling is possible */\r\n        }\r\n\r\n        .facets-content::-webkit-scrollbar-thumb:hover {\r\n          background: #555;\r\n        }\r\n\r\n        /* Force corner to match track color */\r\n        .facets-content::-webkit-scrollbar-corner {\r\n          background: #f1f1f1;\r\n        }\r\n\r\n        .facets-horizontal-container {\r\n          display: inline-block;\r\n          min-width: 100%;\r\n          /* Allow natural width expansion based on content */\r\n          width: fit-content;\r\n        }\r\n        .facets-loader {\r\n          --icon-width: 70px;\r\n          margin-bottom: 20px;\r\n          display: block;\r\n          margin-left: auto;\r\n          margin-right: auto;\r\n        }\r\n        .btn {\r\n          border: none;\r\n          padding: 10px;\r\n          margin-bottom: 10px;\r\n          width: auto;\r\n          border-radius: 4px;\r\n          cursor: pointer;\r\n        }\r\n        .btn-cancel {\r\n          background-color: #2c2c2c;\r\n          color: white;\r\n        }\r\n        .btn-submit {\r\n          background-color: ${modalSubmitButton};\r\n          color: white;\r\n        }\r\n        .footer {\r\n          text-align: center;\r\n          margin-top: 10px;\r\n        }\r\n\r\n        @media (max-width: 560px) {\r\n          section#more-facets.horizontal-scroll-mode,\r\n          section#more-facets.pagination-mode {\r\n            max-height: 450px;\r\n            --facetsColumnCount: 1; /* Single column on mobile */\r\n            --facetsMaxHeight: none; /* Remove fixed height for vertical scrolling */\r\n          }\r\n          /* On mobile, always use vertical scrolling regardless of mode */\r\n          .facets-content,\r\n          .facets-content.pagination-mode,\r\n          .facets-content.horizontal-scroll-mode {\r\n            overflow-y: auto;\r\n            overflow-x: hidden;\r\n            height: 300px;\r\n          }\r\n          .filter-input {\r\n            width: 120px;\r\n            font-size: 1.2rem;\r\n          }\r\n        }\r\n      `,\r\n    ];\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"more-facets-content.js","sourceRoot":"","sources":["../../../src/collection-facets/more-facets-content.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  PropertyValues,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport {\n  Aggregation,\n  Bucket,\n  SearchServiceInterface,\n  SearchParams,\n  SearchType,\n  AggregationSortType,\n  FilterMap,\n  PageType,\n} from '@internetarchive/search-service';\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport { msg } from '@lit/localize';\nimport {\n  SelectedFacets,\n  FacetGroup,\n  FacetBucket,\n  FacetOption,\n  facetTitles,\n  suppressedCollections,\n  valueFacetSort,\n  defaultFacetSort,\n  getDefaultSelectedFacets,\n  FacetEventDetails,\n} from '../models';\nimport type {\n  CollectionTitles,\n  PageSpecifierParams,\n  TVChannelAliases,\n} from '../data-source/models';\nimport '@internetarchive/elements/ia-status-indicator/ia-status-indicator';\nimport './more-facets-pagination';\nimport './facets-template';\nimport {\n  analyticsActions,\n  analyticsCategories,\n} from '../utils/analytics-events';\nimport './toggle-switch';\nimport { srOnlyStyle } from '../styles/sr-only';\nimport {\n  mergeSelectedFacets,\n  sortBucketsBySelectionState,\n  updateSelectedFacetBucket,\n} from '../utils/facet-utils';\nimport {\n  MORE_FACETS__DEFAULT_PAGE_SIZE,\n  MORE_FACETS__MAX_AGGREGATIONS,\n} from './models';\n\n@customElement('more-facets-content')\nexport class MoreFacetsContent extends LitElement {\n  @property({ type: String }) facetKey?: FacetOption;\n\n  @property({ type: String }) query?: string;\n\n  @property({ type: Array }) identifiers?: string[];\n\n  @property({ type: Object }) filterMap?: FilterMap;\n\n  @property({ type: Number }) searchType?: SearchType;\n\n  @property({ type: Object }) pageSpecifierParams?: PageSpecifierParams;\n\n  @property({ type: Object })\n  collectionTitles?: CollectionTitles;\n\n  @property({ type: Object })\n  tvChannelAliases?: TVChannelAliases;\n\n  /**\n   * Maximum number of facets to show per page within the modal.\n   */\n  @property({ type: Number }) facetsPerPage = MORE_FACETS__DEFAULT_PAGE_SIZE;\n\n  /**\n   * Whether we are waiting for facet data to load.\n   * We begin with this set to true so that we show an initial loading indicator.\n   */\n  @property({ type: Boolean }) facetsLoading = true;\n\n  /**\n   * The set of pre-existing facet selections (including both selected & negated facets).\n   */\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n  @property({ type: Number }) sortedBy: AggregationSortType =\n    AggregationSortType.COUNT;\n\n  @property({ type: Boolean }) isTvSearch = false;\n\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n  @property({ type: Object }) searchService?: SearchServiceInterface;\n\n  @property({ type: Object, attribute: false })\n  analyticsHandler?: AnalyticsManagerInterface;\n\n  /**\n   * The full set of aggregations received from the search service\n   */\n  @state() private aggregations?: Record<string, Aggregation>;\n\n  /**\n   * A FacetGroup storing the full set of facet buckets to be shown on the dialog.\n   */\n  @state() private facetGroup?: FacetGroup;\n\n  /**\n   * An object holding any changes the patron has made to their facet selections\n   * within the modal dialog but which they have not yet applied. These are\n   * eventually merged into the existing `selectedFacets` when the patron applies\n   * their changes, or discarded if they cancel/close the dialog.\n   */\n  @state() private unappliedFacetChanges: SelectedFacets =\n    getDefaultSelectedFacets();\n\n  /**\n   * Which page of facets we are showing.\n   */\n  @state() private pageNumber = 1;\n\n  willUpdate(changed: PropertyValues): void {\n    if (\n      changed.has('aggregations') ||\n      changed.has('facetsPerPage') ||\n      changed.has('sortedBy') ||\n      changed.has('selectedFacets') ||\n      changed.has('unappliedFacetChanges')\n    ) {\n      // Convert the merged selected facets & aggregations into a facet group, and\n      // store it for reuse across pages.\n      this.facetGroup = this.mergedFacets;\n    }\n  }\n\n  updated(changed: PropertyValues): void {\n    // If any of the search properties change, it triggers a facet fetch\n    if (\n      changed.has('facetKey') ||\n      changed.has('query') ||\n      changed.has('searchType') ||\n      changed.has('filterMap')\n    ) {\n      this.facetsLoading = true;\n      this.pageNumber = 1;\n      this.sortedBy = defaultFacetSort[this.facetKey as FacetOption];\n\n      this.updateSpecificFacets();\n    }\n  }\n\n  firstUpdated(): void {\n    this.setupEscapeListeners();\n  }\n\n  /**\n   * Close more facets modal on Escape click\n   */\n  private setupEscapeListeners() {\n    if (this.modalManager) {\n      document.addEventListener('keydown', (e: KeyboardEvent) => {\n        if (e.key === 'Escape') {\n          this.modalManager?.closeModal();\n        }\n      });\n    } else {\n      document.removeEventListener('keydown', () => {});\n    }\n  }\n\n  /**\n   * Whether facet requests are for the search_results page type (either defaulted or explicitly).\n   */\n  private get isSearchResultsPage(): boolean {\n    // Default page type is search_results when none is specified, so we check\n    // for undefined as well.\n    const pageType: PageType | undefined = this.pageSpecifierParams?.pageType;\n    return pageType === undefined || pageType === 'search_results';\n  }\n\n  /**\n   * Get specific facets data from search-service API based of currently query params\n   * - this.aggregations - hold result of search service and being used for further processing.\n   */\n  async updateSpecificFacets(): Promise<void> {\n    if (!this.facetKey) return; // Can't fetch facets if we don't know what type of facets we need!\n\n    const trimmedQuery = this.query?.trim();\n    if (!trimmedQuery && this.isSearchResultsPage) return; // The search page _requires_ a query\n\n    const aggregations = {\n      simpleParams: [this.facetKey],\n    };\n    const aggregationsSize = MORE_FACETS__MAX_AGGREGATIONS; // Only request the 10K highest-count facets\n\n    const params: SearchParams = {\n      ...this.pageSpecifierParams,\n      query: trimmedQuery || '',\n      identifiers: this.identifiers,\n      filters: this.filterMap,\n      aggregations,\n      aggregationsSize,\n      rows: 0, // todo - do we want server-side pagination with offset/page/limit flag?\n    };\n\n    const results = await this.searchService?.search(params, this.searchType);\n    this.aggregations = results?.success?.response.aggregations;\n    this.facetsLoading = false;\n\n    const collectionTitles = results?.success?.response?.collectionTitles;\n    if (collectionTitles) {\n      for (const [id, title] of Object.entries(collectionTitles)) {\n        this.collectionTitles?.set(id, title);\n      }\n    }\n  }\n\n  /**\n   * Handler for page number changes from the pagination widget.\n   */\n  private pageNumberClicked(e: CustomEvent<{ page: number }>) {\n    const page = e?.detail?.page;\n    if (page) {\n      this.pageNumber = Number(page);\n    }\n\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: analyticsActions.moreFacetsPageChange,\n      label: `${this.pageNumber}`,\n    });\n  }\n\n  /**\n   * Combines the selected facets with the aggregations to create a single list of facets\n   */\n  private get mergedFacets(): FacetGroup | undefined {\n    if (!this.facetKey || !this.selectedFacets) return undefined;\n\n    const { selectedFacetGroup, aggregationFacetGroup } = this;\n\n    // If we don't have any aggregations, then there is nothing to show yet\n    if (!aggregationFacetGroup) return undefined;\n\n    // Start with either the selected group if we have one, or the aggregate group otherwise\n    const facetGroup = { ...(selectedFacetGroup ?? aggregationFacetGroup) };\n\n    // Attach the counts to the selected buckets\n    const bucketsWithCount =\n      selectedFacetGroup?.buckets.map(bucket => {\n        const selectedBucket = aggregationFacetGroup.buckets.find(\n          b => b.key === bucket.key,\n        );\n        return selectedBucket\n          ? {\n              ...bucket,\n              count: selectedBucket.count,\n            }\n          : bucket;\n      }) ?? [];\n\n    // Sort the buckets by selection state\n    // We do this *prior* to considering unapplied selections, because we want the facets\n    // to remain in position when they are selected/unselected, rather than re-sort themselves.\n    sortBucketsBySelectionState(bucketsWithCount, this.sortedBy);\n\n    // Append any additional buckets that were not selected\n    aggregationFacetGroup.buckets.forEach(bucket => {\n      const existingBucket = selectedFacetGroup?.buckets.find(\n        b => b.key === bucket.key,\n      );\n      if (existingBucket) return;\n      bucketsWithCount.push(bucket);\n    });\n\n    // Apply any unapplied selections that appear on this page\n    const unappliedBuckets = this.unappliedFacetChanges[this.facetKey];\n    for (const [index, bucket] of bucketsWithCount.entries()) {\n      const unappliedBucket = unappliedBuckets?.[bucket.key];\n      if (unappliedBucket) {\n        bucketsWithCount[index] = { ...unappliedBucket };\n      }\n    }\n\n    // For TV creator facets, uppercase the display text\n    if (this.facetKey === 'creator' && this.isTvSearch) {\n      bucketsWithCount.forEach(b => {\n        b.displayText = (b.displayText ?? b.key)?.toLocaleUpperCase();\n\n        const channelLabel = this.tvChannelAliases?.get(b.displayText);\n        if (channelLabel && channelLabel !== b.displayText) {\n          b.extraNote = `(${channelLabel})`;\n        }\n      });\n    }\n\n    facetGroup.buckets = bucketsWithCount;\n    return facetGroup;\n  }\n\n  /**\n   * Converts the selected facets for the current facet key to a `FacetGroup`,\n   * which is easier to work with.\n   */\n  private get selectedFacetGroup(): FacetGroup | undefined {\n    if (!this.selectedFacets || !this.facetKey) return undefined;\n\n    const selectedFacetsForKey = this.selectedFacets[this.facetKey];\n    if (!selectedFacetsForKey) return undefined;\n\n    const facetGroupTitle = facetTitles[this.facetKey];\n\n    const buckets: FacetBucket[] = Object.entries(selectedFacetsForKey).map(\n      ([value, data]) => {\n        const displayText: string = value;\n        return {\n          displayText,\n          key: value,\n          count: data?.count,\n          state: data?.state,\n        };\n      },\n    );\n\n    return {\n      title: facetGroupTitle,\n      key: this.facetKey,\n      buckets,\n    };\n  }\n\n  /**\n   * Converts the raw `aggregations` for the current facet key to a `FacetGroup`,\n   * which is easier to work with.\n   */\n  private get aggregationFacetGroup(): FacetGroup | undefined {\n    if (!this.aggregations || !this.facetKey) return undefined;\n\n    const currentAggregation = this.aggregations[this.facetKey];\n    if (!currentAggregation) return undefined;\n\n    const facetGroupTitle = facetTitles[this.facetKey];\n\n    // Order the facets according to the current sort option\n    let sortedBuckets = currentAggregation.getSortedBuckets(\n      this.sortedBy,\n    ) as Bucket[];\n\n    if (this.facetKey === 'collection') {\n      // we are not showing fav- collections or certain deemphasized collections in facets\n      sortedBuckets = sortedBuckets?.filter(bucket => {\n        const bucketKey = bucket?.key?.toString();\n        return (\n          !suppressedCollections[bucketKey] && !bucketKey?.startsWith('fav-')\n        );\n      });\n    }\n\n    // Construct the array of facet buckets from the aggregation buckets\n    const facetBuckets: FacetBucket[] = sortedBuckets.map(bucket => {\n      const bucketKeyStr = `${bucket.key}`;\n      return {\n        displayText: `${bucketKeyStr}`,\n        key: `${bucketKeyStr}`,\n        count: bucket.doc_count,\n        state: 'none',\n      };\n    });\n\n    return {\n      title: facetGroupTitle,\n      key: this.facetKey,\n      buckets: facetBuckets,\n    };\n  }\n\n  /**\n   * Returns a FacetGroup representing only the current page of facet buckets to show.\n   */\n  private get facetGroupForCurrentPage(): FacetGroup | undefined {\n    const { facetGroup } = this;\n    if (!facetGroup) return undefined;\n\n    // Slice out only the current page of facet buckets\n    const firstBucketIndexOnPage = (this.pageNumber - 1) * this.facetsPerPage;\n    const truncatedBuckets = facetGroup.buckets.slice(\n      firstBucketIndexOnPage,\n      firstBucketIndexOnPage + this.facetsPerPage,\n    );\n\n    return {\n      ...facetGroup,\n      buckets: truncatedBuckets,\n    };\n  }\n\n  private get moreFacetsTemplate(): TemplateResult {\n    return html`\n      <facets-template\n        .facetGroup=${this.facetGroupForCurrentPage}\n        .selectedFacets=${this.selectedFacets}\n        .collectionTitles=${this.collectionTitles}\n        @facetClick=${(e: CustomEvent<FacetEventDetails>) => {\n          if (this.facetKey) {\n            this.unappliedFacetChanges = updateSelectedFacetBucket(\n              this.unappliedFacetChanges,\n              this.facetKey,\n              e.detail.bucket,\n            );\n          }\n        }}\n      ></facets-template>\n    `;\n  }\n\n  private get loaderTemplate(): TemplateResult {\n    return html`\n      <ia-status-indicator\n        class=\"facets-loader\"\n        mode=\"loading\"\n      ></ia-status-indicator>\n    `;\n  }\n\n  /**\n   * How many pages of facets to show in the modal pagination widget\n   */\n  private get paginationSize(): number {\n    if (!this.aggregations || !this.facetKey) return 0;\n\n    // Calculate the appropriate number of pages to show in the modal pagination widget\n    const length = this.aggregations[this.facetKey]?.buckets.length;\n    return Math.ceil(length / this.facetsPerPage);\n  }\n\n  // render pagination if more then 1 page\n  private get facetsPaginationTemplate() {\n    return this.paginationSize > 1\n      ? html`<more-facets-pagination\n          .size=${this.paginationSize}\n          .currentPage=${1}\n          @pageNumberClicked=${this.pageNumberClicked}\n        ></more-facets-pagination>`\n      : nothing;\n  }\n\n  private get footerTemplate() {\n    if (this.paginationSize > 0) {\n      return html`${this.facetsPaginationTemplate}\n        <div class=\"footer\">\n          <button\n            class=\"btn btn-cancel\"\n            type=\"button\"\n            @click=${this.cancelClick}\n          >\n            Cancel\n          </button>\n          <button\n            class=\"btn btn-submit\"\n            type=\"button\"\n            @click=${this.applySearchFacetsClicked}\n          >\n            Apply filters\n          </button>\n        </div> `;\n    }\n\n    return nothing;\n  }\n\n  private sortFacetAggregation(facetSortType: AggregationSortType) {\n    this.sortedBy = facetSortType;\n    this.dispatchEvent(\n      new CustomEvent('sortedFacets', { detail: this.sortedBy }),\n    );\n  }\n\n  private get modalHeaderTemplate(): TemplateResult {\n    const facetSort =\n      this.sortedBy ?? defaultFacetSort[this.facetKey as FacetOption];\n    const defaultSwitchSide =\n      facetSort === AggregationSortType.COUNT ? 'left' : 'right';\n\n    return html`<span class=\"sr-only\">${msg('More facets for:')}</span>\n      <span class=\"title\">\n        ${this.facetGroup?.title}\n\n        <label class=\"sort-label\">${msg('Sort by:')}</label>\n        ${this.facetKey\n          ? html`<toggle-switch\n              class=\"sort-toggle\"\n              leftValue=${AggregationSortType.COUNT}\n              leftLabel=\"Count\"\n              rightValue=${valueFacetSort[this.facetKey]}\n              .rightLabel=${this.facetGroup?.title}\n              side=${defaultSwitchSide}\n              @change=${(e: CustomEvent<string>) => {\n                this.sortFacetAggregation(\n                  Number(e.detail) as AggregationSortType,\n                );\n              }}\n            ></toggle-switch>`\n          : nothing}\n      </span>`;\n  }\n\n  render() {\n    return html`\n      ${this.facetsLoading\n        ? this.loaderTemplate\n        : html`\n            <section id=\"more-facets\">\n              <div class=\"header-content\">${this.modalHeaderTemplate}</div>\n              <div class=\"facets-content\">${this.moreFacetsTemplate}</div>\n              ${this.footerTemplate}\n            </section>\n          `}\n    `;\n  }\n\n  private applySearchFacetsClicked() {\n    const mergedSelections = mergeSelectedFacets(\n      this.selectedFacets,\n      this.unappliedFacetChanges,\n    );\n\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: mergedSelections,\n      bubbles: true,\n      composed: true,\n    });\n    this.dispatchEvent(event);\n\n    // Reset the unapplied changes back to default, now that they have been applied\n    this.unappliedFacetChanges = getDefaultSelectedFacets();\n\n    this.modalManager?.closeModal();\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: `${analyticsActions.applyMoreFacetsModal}`,\n      label: `${this.facetKey}`,\n    });\n  }\n\n  private cancelClick() {\n    // Reset the unapplied changes back to default\n    this.unappliedFacetChanges = getDefaultSelectedFacets();\n\n    this.modalManager?.closeModal();\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: analyticsActions.closeMoreFacetsModal,\n      label: `${this.facetKey}`,\n    });\n  }\n\n  static get styles(): CSSResultGroup {\n    const modalSubmitButton = css`var(--primaryButtonBGColor, #194880)`;\n\n    return [\n      srOnlyStyle,\n      css`\n        section#more-facets {\n          overflow: auto;\n          padding: 10px; /* leaves room for scroll bar to appear without overlaying on content */\n          --facetsColumnCount: 3;\n        }\n        .header-content .title {\n          display: block;\n          text-align: left;\n          font-size: 1.8rem;\n          padding: 0 10px;\n          font-weight: bold;\n        }\n\n        .sort-label {\n          margin-left: 20px;\n          font-size: 1.3rem;\n        }\n\n        .sort-toggle {\n          font-weight: normal;\n        }\n\n        .facets-content {\n          font-size: 1.2rem;\n          max-height: 300px;\n          overflow: auto;\n          padding: 10px;\n        }\n        .facets-loader {\n          --icon-width: 70px;\n          margin-bottom: 20px;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .btn {\n          border: none;\n          padding: 10px;\n          margin-bottom: 10px;\n          width: auto;\n          border-radius: 4px;\n          cursor: pointer;\n        }\n        .btn-cancel {\n          background-color: #2c2c2c;\n          color: white;\n        }\n        .btn-submit {\n          background-color: ${modalSubmitButton};\n          color: white;\n        }\n        .footer {\n          text-align: center;\n          margin-top: 10px;\n        }\n\n        @media (max-width: 560px) {\n          section#more-facets {\n            max-height: 450px;\n            --facetsColumnCount: 1;\n          }\n          .facets-content {\n            overflow-y: auto;\n            height: 300px;\n          }\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/tiles/grid/collection-tile.js

@@ -28,50 +28,50 @@ let CollectionTile = class CollectionTile extends BaseTileComponent {
         this.showInfoButton = false;
     }
     render() {
-        return html `
-      <div class="container">
-        ${this.infoButtonTemplate}
-        <div class="tile-details">
-          <div class="item-info">
-            ${this.getImageBlockTemplate} ${this.getTitleTemplate}
-          </div>
-        </div>
-
-        ${this.getTileStatsTemplate}
-      </div>
+        return html `
+      <div class="container">
+        ${this.infoButtonTemplate}
+        <div class="tile-details">
+          <div class="item-info">
+            ${this.getImageBlockTemplate} ${this.getTitleTemplate}
+          </div>
+        </div>
+
+        ${this.getTileStatsTemplate}
+      </div>
     `;
     }
     get getImageBlockTemplate() {
-        return html `
-      <image-block
-        .model=${this.model}
-        .baseImageUrl=${this.baseImageUrl}
-        .viewSize=${'grid'}
-        .suppressBlurring=${this.suppressBlurring}
-      >
-      </image-block>
+        return html `
+      <image-block
+        .model=${this.model}
+        .baseImageUrl=${this.baseImageUrl}
+        .viewSize=${'grid'}
+        .suppressBlurring=${this.suppressBlurring}
+      >
+      </image-block>
     `;
     }
     get getTitleTemplate() {
-        return html `<div id="title">
-      <h3 class="truncated">${this.model?.title}</h3>
+        return html `<div id="title">
+      <h3 class="truncated">${this.model?.title}</h3>
     </div>`;
     }
     get getTileStatsTemplate() {
-        return html `
-      <div id="item-stats">
-        <div id="item-mediatype">${collectionIcon}</div>
-
-        <div id="stats-row">
-          ${this.getItemsTemplate} ${this.getSizeTemplate}
-        </div>
-      </div>
+        return html `
+      <div id="item-stats">
+        <div id="item-mediatype">${collectionIcon}</div>
+
+        <div id="stats-row">
+          ${this.getItemsTemplate} ${this.getSizeTemplate}
+        </div>
+      </div>
     `;
     }
     get getItemsTemplate() {
         const collectionItems = this.model?.itemCount?.toLocaleString();
-        return html `<span id="item-count"
-      >${collectionItems} item${Number(collectionItems) !== 1 ? 's' : ''}</span
+        return html `<span id="item-count"
+      >${collectionItems} item${Number(collectionItems) !== 1 ? 's' : ''}</span
     >`;
     }
     get getSizeTemplate() {
@@ -83,9 +83,9 @@ let CollectionTile = class CollectionTile extends BaseTileComponent {
     get infoButtonTemplate() {
         // &#9432; is an information icon
         return this.showInfoButton
-            ? html `<button class="info-button" @click=${this.infoButtonPressed}>
-          &#9432;
-          <span class="sr-only">${msg('More info')}</span>
+            ? html `<button class="info-button" @click=${this.infoButtonPressed}>
+          &#9432;
+          <span class="sr-only">${msg('More info')}</span>
         </button>`
             : nothing;
     }
@@ -100,49 +100,49 @@ let CollectionTile = class CollectionTile extends BaseTileComponent {
         const whiteColor = css `#fff`;
         return [
             baseTileStyles,
-            css `
-        .container {
-          background-color: ${tileBackgroundColor};
-          border: 1px solid ${tileBorderColor};
-        }
-
-        .item-info {
-          flex-grow: initial;
-        }
-
-        h4.truncated,
-        h3.truncated {
-          color: ${whiteColor};
-        }
-
-        #item-mediatype svg {
-          filter: invert(100%);
-          height: 2.5rem;
-          align-items: baseline;
-        }
-
-        .container:hover > #title {
-          text-decoration: underline;
-        }
-
-        /* this is a workaround for Safari 15 where the hover effects are not working */
-        image-block:hover > #title {
-          text-decoration: underline;
-        }
-
-        #item-stats {
-          display: flex;
-          padding: 0 5px 5px;
-          align-items: center;
-        }
-
-        #stats-row {
-          display: flex;
-          align-items: baseline;
-          color: ${whiteColor};
-          flex-direction: column;
-          margin-left: 10px;
-        }
+            css `
+        .container {
+          background-color: ${tileBackgroundColor};
+          border: 1px solid ${tileBorderColor};
+        }
+
+        .item-info {
+          flex-grow: initial;
+        }
+
+        h4.truncated,
+        h3.truncated {
+          color: ${whiteColor};
+        }
+
+        #item-mediatype svg {
+          filter: invert(100%);
+          height: 2.5rem;
+          align-items: baseline;
+        }
+
+        .container:hover > #title {
+          text-decoration: underline;
+        }
+
+        /* this is a workaround for Safari 15 where the hover effects are not working */
+        image-block:hover > #title {
+          text-decoration: underline;
+        }
+
+        #item-stats {
+          display: flex;
+          padding: 0 5px 5px;
+          align-items: center;
+        }
+
+        #stats-row {
+          display: flex;
+          align-items: baseline;
+          color: ${whiteColor};
+          flex-direction: column;
+          margin-left: 10px;
+        }
       `,
         ];
     }

package/dist/src/tiles/grid/collection-tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection-tile.js","sourceRoot":"","sources":["../../../../src/tiles/grid/collection-tile.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResultGroup, html, nothing, TemplateResult } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport { msg } from '@lit/localize';\r\nimport { collectionIcon } from '../../assets/img/icons/mediatype/collection';\r\nimport { formatUnitSize } from '../../utils/format-unit-size';\r\nimport { baseTileStyles } from './styles/tile-grid-shared-styles';\r\nimport { BaseTileComponent } from '../base-tile-component';\r\nimport '../image-block';\r\n\r\n@customElement('collection-tile')\r\nexport class CollectionTile extends BaseTileComponent {\r\n  /*\r\n   * Reactive properties inherited from BaseTileComponent:\r\n   *  - model?: TileModel;\r\n   *  - currentWidth?: number;\r\n   *  - currentHeight?: number;\r\n   *  - baseNavigationUrl?: string;\r\n   *  - baseImageUrl?: string;\r\n   *  - collectionPagePath?: string;\r\n   *  - sortParam: SortParam | null = null;\r\n   *  - creatorFilter?: string;\r\n   *  - mobileBreakpoint?: number;\r\n   *  - loggedIn = false;\r\n   *  - suppressBlurring = false;\r\n   *  - useLocalTime = false;\r\n   */\r\n\r\n  @property({ type: Boolean }) showInfoButton = false;\r\n\r\n  render() {\r\n    return html`\r\n      <div class=\"container\">\r\n        ${this.infoButtonTemplate}\r\n        <div class=\"tile-details\">\r\n          <div class=\"item-info\">\r\n            ${this.getImageBlockTemplate} ${this.getTitleTemplate}\r\n          </div>\r\n        </div>\r\n\r\n        ${this.getTileStatsTemplate}\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  private get getImageBlockTemplate(): TemplateResult {\r\n    return html`\r\n      <image-block\r\n        .model=${this.model}\r\n        .baseImageUrl=${this.baseImageUrl}\r\n        .viewSize=${'grid'}\r\n        .suppressBlurring=${this.suppressBlurring}\r\n      >\r\n      </image-block>\r\n    `;\r\n  }\r\n\r\n  private get getTitleTemplate() {\r\n    return html`<div id=\"title\">\r\n      <h3 class=\"truncated\">${this.model?.title}</h3>\r\n    </div>`;\r\n  }\r\n\r\n  private get getTileStatsTemplate() {\r\n    return html`\r\n      <div id=\"item-stats\">\r\n        <div id=\"item-mediatype\">${collectionIcon}</div>\r\n\r\n        <div id=\"stats-row\">\r\n          ${this.getItemsTemplate} ${this.getSizeTemplate}\r\n        </div>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  private get getItemsTemplate() {\r\n    const collectionItems = this.model?.itemCount?.toLocaleString();\r\n\r\n    return html`<span id=\"item-count\"\r\n      >${collectionItems} item${Number(collectionItems) !== 1 ? 's' : ''}</span\r\n    >`;\r\n  }\r\n\r\n  private get getSizeTemplate() {\r\n    const collectionSize = this.model?.collectionSize ?? 0;\r\n\r\n    return collectionSize\r\n      ? html`<span id=\"item-size\">${formatUnitSize(collectionSize, 1)}</span>`\r\n      : ``;\r\n  }\r\n\r\n  private get infoButtonTemplate(): TemplateResult | typeof nothing {\r\n    // &#9432; is an information icon\r\n    return this.showInfoButton\r\n      ? html`<button class=\"info-button\" @click=${this.infoButtonPressed}>\r\n          &#9432;\r\n          <span class=\"sr-only\">${msg('More info')}</span>\r\n        </button>`\r\n      : nothing;\r\n  }\r\n\r\n  private infoButtonPressed(e: PointerEvent) {\r\n    e.preventDefault();\r\n    const event = new CustomEvent<{ x: number; y: number }>(\r\n      'infoButtonPressed',\r\n      { detail: { x: e.clientX, y: e.clientY } },\r\n    );\r\n    this.dispatchEvent(event);\r\n  }\r\n\r\n  static get styles(): CSSResultGroup {\r\n    const tileBorderColor = css`var(--tileBorderColor, #555555)`;\r\n    const tileBackgroundColor = css`var(--tileBackgroundColor, #666666)`;\r\n    const whiteColor = css`#fff`;\r\n\r\n    return [\r\n      baseTileStyles,\r\n      css`\r\n        .container {\r\n          background-color: ${tileBackgroundColor};\r\n          border: 1px solid ${tileBorderColor};\r\n        }\r\n\r\n        .item-info {\r\n          flex-grow: initial;\r\n        }\r\n\r\n        h4.truncated,\r\n        h3.truncated {\r\n          color: ${whiteColor};\r\n        }\r\n\r\n        #item-mediatype svg {\r\n          filter: invert(100%);\r\n          height: 2.5rem;\r\n          align-items: baseline;\r\n        }\r\n\r\n        .container:hover > #title {\r\n          text-decoration: underline;\r\n        }\r\n\r\n        /* this is a workaround for Safari 15 where the hover effects are not working */\r\n        image-block:hover > #title {\r\n          text-decoration: underline;\r\n        }\r\n\r\n        #item-stats {\r\n          display: flex;\r\n          padding: 0 5px 5px;\r\n          align-items: center;\r\n        }\r\n\r\n        #stats-row {\r\n          display: flex;\r\n          align-items: baseline;\r\n          color: ${whiteColor};\r\n          flex-direction: column;\r\n          margin-left: 10px;\r\n        }\r\n      `,\r\n    ];\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"collection-tile.js","sourceRoot":"","sources":["../../../../src/tiles/grid/collection-tile.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResultGroup, html, nothing, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { msg } from '@lit/localize';\nimport { collectionIcon } from '../../assets/img/icons/mediatype/collection';\nimport { formatUnitSize } from '../../utils/format-unit-size';\nimport { baseTileStyles } from './styles/tile-grid-shared-styles';\nimport { BaseTileComponent } from '../base-tile-component';\nimport '../image-block';\n\n@customElement('collection-tile')\nexport class CollectionTile extends BaseTileComponent {\n  /*\n   * Reactive properties inherited from BaseTileComponent:\n   *  - model?: TileModel;\n   *  - currentWidth?: number;\n   *  - currentHeight?: number;\n   *  - baseNavigationUrl?: string;\n   *  - baseImageUrl?: string;\n   *  - collectionPagePath?: string;\n   *  - sortParam: SortParam | null = null;\n   *  - creatorFilter?: string;\n   *  - mobileBreakpoint?: number;\n   *  - loggedIn = false;\n   *  - suppressBlurring = false;\n   *  - useLocalTime = false;\n   */\n\n  @property({ type: Boolean }) showInfoButton = false;\n\n  render() {\n    return html`\n      <div class=\"container\">\n        ${this.infoButtonTemplate}\n        <div class=\"tile-details\">\n          <div class=\"item-info\">\n            ${this.getImageBlockTemplate} ${this.getTitleTemplate}\n          </div>\n        </div>\n\n        ${this.getTileStatsTemplate}\n      </div>\n    `;\n  }\n\n  private get getImageBlockTemplate(): TemplateResult {\n    return html`\n      <image-block\n        .model=${this.model}\n        .baseImageUrl=${this.baseImageUrl}\n        .viewSize=${'grid'}\n        .suppressBlurring=${this.suppressBlurring}\n      >\n      </image-block>\n    `;\n  }\n\n  private get getTitleTemplate() {\n    return html`<div id=\"title\">\n      <h3 class=\"truncated\">${this.model?.title}</h3>\n    </div>`;\n  }\n\n  private get getTileStatsTemplate() {\n    return html`\n      <div id=\"item-stats\">\n        <div id=\"item-mediatype\">${collectionIcon}</div>\n\n        <div id=\"stats-row\">\n          ${this.getItemsTemplate} ${this.getSizeTemplate}\n        </div>\n      </div>\n    `;\n  }\n\n  private get getItemsTemplate() {\n    const collectionItems = this.model?.itemCount?.toLocaleString();\n\n    return html`<span id=\"item-count\"\n      >${collectionItems} item${Number(collectionItems) !== 1 ? 's' : ''}</span\n    >`;\n  }\n\n  private get getSizeTemplate() {\n    const collectionSize = this.model?.collectionSize ?? 0;\n\n    return collectionSize\n      ? html`<span id=\"item-size\">${formatUnitSize(collectionSize, 1)}</span>`\n      : ``;\n  }\n\n  private get infoButtonTemplate(): TemplateResult | typeof nothing {\n    // &#9432; is an information icon\n    return this.showInfoButton\n      ? html`<button class=\"info-button\" @click=${this.infoButtonPressed}>\n          &#9432;\n          <span class=\"sr-only\">${msg('More info')}</span>\n        </button>`\n      : nothing;\n  }\n\n  private infoButtonPressed(e: PointerEvent) {\n    e.preventDefault();\n    const event = new CustomEvent<{ x: number; y: number }>(\n      'infoButtonPressed',\n      { detail: { x: e.clientX, y: e.clientY } },\n    );\n    this.dispatchEvent(event);\n  }\n\n  static get styles(): CSSResultGroup {\n    const tileBorderColor = css`var(--tileBorderColor, #555555)`;\n    const tileBackgroundColor = css`var(--tileBackgroundColor, #666666)`;\n    const whiteColor = css`#fff`;\n\n    return [\n      baseTileStyles,\n      css`\n        .container {\n          background-color: ${tileBackgroundColor};\n          border: 1px solid ${tileBorderColor};\n        }\n\n        .item-info {\n          flex-grow: initial;\n        }\n\n        h4.truncated,\n        h3.truncated {\n          color: ${whiteColor};\n        }\n\n        #item-mediatype svg {\n          filter: invert(100%);\n          height: 2.5rem;\n          align-items: baseline;\n        }\n\n        .container:hover > #title {\n          text-decoration: underline;\n        }\n\n        /* this is a workaround for Safari 15 where the hover effects are not working */\n        image-block:hover > #title {\n          text-decoration: underline;\n        }\n\n        #item-stats {\n          display: flex;\n          padding: 0 5px 5px;\n          align-items: center;\n        }\n\n        #stats-row {\n          display: flex;\n          align-items: baseline;\n          color: ${whiteColor};\n          flex-direction: column;\n          margin-left: 10px;\n        }\n      `,\n    ];\n  }\n}\n"]}