@internetarchive/collection-browser 2.7.12 → 2.7.13-alpha2

package/dist/src/restoration-state-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"restoration-state-handler.js","sourceRoot":"","sources":["../../src/restoration-state-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { SearchType, SortDirection } from '@internetarchive/search-service';\nimport { getCookie, setCookie } from 'typescript-cookie';\nimport {\n  FacetOption,\n  CollectionBrowserContext,\n  CollectionDisplayMode,\n  SelectedFacets,\n  SortField,\n  FacetBucket,\n  FacetState,\n  getDefaultSelectedFacets,\n  sortOptionFromAPIString,\n  SORT_OPTIONS,\n} from './models';\nimport { arrayEquals } from './utils/array-equals';\n\nexport interface RestorationState {\n  displayMode?: CollectionDisplayMode;\n  searchType?: SearchType;\n  selectedSort?: SortField;\n  sortDirection?: SortDirection;\n  selectedFacets: SelectedFacets;\n  baseQuery?: string;\n  currentPage?: number;\n  titleQuery?: string;\n  creatorQuery?: string;\n  minSelectedDate?: string;\n  maxSelectedDate?: string;\n  selectedTitleFilter?: string;\n  selectedCreatorFilter?: string;\n}\n\nexport interface RestorationStateHandlerInterface {\n  persistState(state: RestorationState, forceReplace?: boolean): void;\n  getRestorationState(): RestorationState;\n}\n\nexport class RestorationStateHandler\n  implements RestorationStateHandlerInterface\n{\n  private context: CollectionBrowserContext;\n\n  private cookieDomain = '.archive.org';\n\n  private cookieExpiration = 30;\n\n  private cookiePath = '/';\n\n  constructor(options: { context: CollectionBrowserContext }) {\n    this.context = options.context;\n  }\n\n  persistState(state: RestorationState, forceReplace = false): void {\n    if (state.displayMode) this.persistViewStateToCookies(state.displayMode);\n    this.persistQueryStateToUrl(state, forceReplace);\n  }\n\n  getRestorationState(): RestorationState {\n    const restorationState = this.loadQueryStateFromUrl();\n    const displayMode = this.loadTileViewStateFromCookies();\n    restorationState.displayMode = displayMode;\n    return restorationState;\n  }\n\n  private persistViewStateToCookies(displayMode: CollectionDisplayMode) {\n    const gridState = displayMode === 'grid' ? 'tiles' : 'lists';\n    setCookie(`view-${this.context}`, gridState, {\n      domain: this.cookieDomain,\n      expires: this.cookieExpiration,\n      path: this.cookiePath,\n    });\n    const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';\n    setCookie(`showdetails-${this.context}`, detailsState, {\n      domain: this.cookieDomain,\n      expires: this.cookieExpiration,\n      path: this.cookiePath,\n    });\n  }\n\n  private loadTileViewStateFromCookies(): CollectionDisplayMode {\n    const viewState = getCookie(`view-${this.context}`);\n    const detailsState = getCookie(`showdetails-${this.context}`);\n    if (viewState === 'tiles' || viewState === undefined) return 'grid';\n    if (detailsState === 'showdetails') return 'list-detail';\n    return 'list-compact';\n  }\n\n  private persistQueryStateToUrl(\n    state: RestorationState,\n    forceReplace = false\n  ) {\n    const url = new URL(window.location.href);\n    const oldParams = new URLSearchParams(url.searchParams);\n    const newParams = this.removeRecognizedParams(url.searchParams);\n\n    let replaceEmptySin = false;\n\n    if (state.baseQuery) {\n      newParams.set('query', state.baseQuery);\n    }\n\n    if (state.searchType === SearchType.FULLTEXT) {\n      newParams.set('sin', 'TXT');\n    } else if (state.searchType === SearchType.RADIO) {\n      newParams.set('sin', 'RADIO');\n    }\n    if (oldParams.get('sin') === '') {\n      // Treat empty sin the same as no sin at all\n      oldParams.delete('sin');\n      replaceEmptySin = true;\n    }\n\n    if (state.currentPage) {\n      if (state.currentPage > 1) {\n        newParams.set('page', state.currentPage.toString());\n      } else {\n        newParams.delete('page');\n      }\n    }\n\n    if (state.selectedSort) {\n      const sortOption = SORT_OPTIONS[state.selectedSort];\n      let prefix = this.sortDirectionPrefix(state.sortDirection);\n\n      if (sortOption.field === SortField.unrecognized) {\n        // For unrecognized sorts, use the existing param, possibly updating its direction\n        const oldSortParam = oldParams.get('sort') ?? '';\n        const { field, direction } =\n          this.getSortFieldAndDirection(oldSortParam);\n\n        // Use the state-specified direction if available, or extract one from the param if not\n        if (!state.sortDirection) prefix = this.sortDirectionPrefix(direction);\n\n        if (field) {\n          newParams.set('sort', `${prefix}${field}`);\n        } else {\n          newParams.set('sort', oldSortParam);\n        }\n      } else if (sortOption.shownInURL) {\n        // Otherwise, use the canonical API form of the sort option\n        const canonicalApiSort = sortOption.urlNames[0];\n        newParams.set('sort', `${prefix}${canonicalApiSort}`);\n      }\n    }\n\n    if (state.selectedFacets) {\n      for (const [facetName, facetValues] of Object.entries(\n        state.selectedFacets\n      )) {\n        const facetEntries = Object.entries(facetValues);\n        // eslint-disable-next-line no-continue\n        if (facetEntries.length === 0) continue;\n        for (const [key, data] of facetEntries) {\n          const notValue = data.state === 'hidden';\n          const paramValue = `${facetName}:\"${key}\"`;\n          if (notValue) {\n            newParams.append('not[]', paramValue);\n          } else {\n            newParams.append('and[]', paramValue);\n          }\n        }\n      }\n    }\n\n    if (state.minSelectedDate && state.maxSelectedDate) {\n      newParams.append(\n        'and[]',\n        `year:[${state.minSelectedDate} TO ${state.maxSelectedDate}]`\n      );\n    }\n\n    if (state.titleQuery) {\n      newParams.append('and[]', state.titleQuery);\n    }\n\n    if (state.creatorQuery) {\n      newParams.append('and[]', state.creatorQuery);\n    }\n\n    // Ensure we aren't pushing consecutive identical states to the history stack.\n    //  - If the state has changed, we push a new history entry.\n    //  - If only the page number has changed, we replace the current history entry.\n    //  - If the state hasn't changed, then do nothing.\n    let historyMethod: 'pushState' | 'replaceState' = forceReplace\n      ? 'replaceState'\n      : 'pushState';\n    const nonQueryParamsMatch = this.paramsMatch(oldParams, newParams, [\n      'sin',\n      'sort',\n      'and[]',\n      'not[]',\n    ]);\n\n    if (\n      nonQueryParamsMatch &&\n      this.paramsMatch(oldParams, newParams, ['query'])\n    ) {\n      if (replaceEmptySin) {\n        // Get rid of any empty sin param\n        newParams.delete('sin');\n      } else if (this.paramsMatch(oldParams, newParams, ['page'])) {\n        // For page number, we want to replace the page state when it changes,\n        // not push a new history entry. If it hasn't changed, then we're done.\n        return;\n      }\n      historyMethod = 'replaceState';\n    } else if (nonQueryParamsMatch && this.hasLegacyParam(oldParams)) {\n      // Similarly, if the only non-matching param was a legacy query param, then\n      // we just want to overwrite it.\n      historyMethod = 'replaceState';\n    }\n\n    window.history[historyMethod]?.(\n      {\n        query: state.baseQuery,\n        searchType: state.searchType,\n        page: state.currentPage,\n        sort: { field: state.selectedSort, direction: state.sortDirection },\n        minDate: state.minSelectedDate,\n        maxDate: state.maxSelectedDate,\n        facets: state.selectedFacets,\n      },\n      '',\n      url\n    );\n  }\n\n  private loadQueryStateFromUrl(): RestorationState {\n    const url = new URL(window.location.href);\n    const searchInside = url.searchParams.get('sin');\n    const pageNumber = url.searchParams.get('page');\n    const searchQuery = url.searchParams.get('query');\n    const sortQuery = url.searchParams.get('sort');\n    const facetAnds = url.searchParams.getAll('and[]');\n    const facetNots = url.searchParams.getAll('not[]');\n\n    // We also need to check for the presence of params like 'and[0]', 'not[1]', etc.\n    // since Facebook automatically converts URLs with [] into those forms.\n    for (const [key, val] of url.searchParams.entries()) {\n      if (/and\\[\\d+\\]/.test(key)) {\n        facetAnds.push(val);\n      } else if (/not\\[\\d+\\]/.test(key)) {\n        facetNots.push(val);\n      }\n    }\n\n    // Legacy search allowed `q` and `search` params for the query, so in the interest\n    // of backwards-compatibility with old bookmarks, we recognize those here too.\n    // (However, they still get upgraded to a `query` param when we persist our state\n    // to the URL).\n    const legacySearchQuery =\n      url.searchParams.get('q') ?? url.searchParams.get('search');\n\n    const restorationState: RestorationState = {\n      selectedFacets: getDefaultSelectedFacets(),\n    };\n\n    if (searchQuery) {\n      restorationState.baseQuery = searchQuery;\n    } else if (legacySearchQuery) {\n      restorationState.baseQuery = legacySearchQuery;\n    }\n\n    switch (searchInside) {\n      // Eventually there will be TV/Radio search types here too.\n      case 'TXT':\n        restorationState.searchType = SearchType.FULLTEXT;\n        break;\n      case 'RADIO':\n        restorationState.searchType = SearchType.RADIO;\n        break;\n      default:\n        restorationState.searchType = SearchType.METADATA;\n        break;\n    }\n\n    if (pageNumber) {\n      const parsed = parseInt(pageNumber, 10);\n      restorationState.currentPage = parsed;\n    } else {\n      restorationState.currentPage = 1;\n    }\n\n    if (sortQuery) {\n      const { field, direction } = this.getSortFieldAndDirection(sortQuery);\n\n      const sortOption = sortOptionFromAPIString(field);\n      restorationState.selectedSort = sortOption.field;\n\n      if (['asc', 'desc'].includes(direction)) {\n        restorationState.sortDirection = direction as SortDirection;\n      }\n    }\n\n    if (facetAnds) {\n      facetAnds.forEach(and => {\n        // eslint-disable-next-line prefer-const\n        let [field, value] = and.split(':');\n\n        // Legacy search allowed and[] fields like 'creatorSorter', 'languageSorter', etc.\n        // which we want to normalize to 'creator', 'language', etc. if redirected here.\n        field = field.replace(/Sorter$/, '');\n\n        // Legacy search also allowed a form of negative faceting like `and[]=-collection:foo`\n        // which we want to normalize to a not[] param instead\n        if (field.startsWith('-')) {\n          facetNots.push(and.slice(1));\n          return;\n        }\n\n        switch (field) {\n          case 'year': {\n            const [minDate, maxDate] = value.split(' TO ');\n            // we have two potential ways of filtering by date:\n            // the range with \"date TO date\" or the single date with \"date\"\n            // this is checking for the range case and if we don't have those, fall\n            // back to the single date case\n            if (minDate && maxDate) {\n              restorationState.minSelectedDate = minDate.substring(\n                1,\n                minDate.length\n              );\n              restorationState.maxSelectedDate = maxDate.substring(\n                0,\n                maxDate.length - 1\n              );\n            } else {\n              this.setSelectedFacetState(\n                restorationState.selectedFacets,\n                field as FacetOption,\n                value,\n                'selected'\n              );\n            }\n            break;\n          }\n          case 'firstTitle':\n            restorationState.selectedTitleFilter = value;\n            break;\n          case 'firstCreator':\n            restorationState.selectedCreatorFilter = value;\n            break;\n          default:\n            this.setSelectedFacetState(\n              restorationState.selectedFacets,\n              field as FacetOption,\n              value,\n              'selected'\n            );\n        }\n      });\n    }\n\n    if (facetNots) {\n      facetNots.forEach(not => {\n        const [field, value] = not.split(':');\n        this.setSelectedFacetState(\n          restorationState.selectedFacets,\n          field as FacetOption,\n          value,\n          'hidden'\n        );\n      });\n    }\n\n    return restorationState;\n  }\n\n  /**\n   * Converts a URL sort param into a field/direction pair, if possible.\n   * Either or both may be undefined if the param is not in a recognized format.\n   */\n  private getSortFieldAndDirection(sortParam: string) {\n    // check for two different sort formats: `date desc` and `-date`\n    const hasSpace = sortParam.indexOf(' ') > -1;\n    let field;\n    let direction;\n    if (hasSpace) {\n      [field, direction] = sortParam.split(' ');\n    } else {\n      field = sortParam.startsWith('-') ? sortParam.slice(1) : sortParam;\n      direction = sortParam.startsWith('-') ? 'desc' : 'asc';\n    }\n\n    return { field, direction };\n  }\n\n  /** Returns the `-` prefix for `desc` sort, or the empty string otherwise. */\n  private sortDirectionPrefix(sortDirection?: string) {\n    return sortDirection === 'desc' ? '-' : '';\n  }\n\n  /** Remove optional opening and closing quotes from a string */\n  private stripQuotes(value: string): string {\n    if (value.startsWith('\"') && value.endsWith('\"')) {\n      return value.substring(1, value.length - 1);\n    }\n\n    return value;\n  }\n\n  /**\n   * Returns whether the two given URLSearchParams objects have\n   * identical values for all of the given param keys. If either\n   * object contains more than one value for a given key, then\n   * all of the values for that key must match (disregarding order).\n   */\n  private paramsMatch(\n    searchParams1: URLSearchParams,\n    searchParams2: URLSearchParams,\n    keys: string[]\n  ): boolean {\n    return keys.every(key =>\n      arrayEquals(\n        searchParams1.getAll(key).sort(),\n        searchParams2.getAll(key).sort()\n      )\n    );\n  }\n\n  /**\n   * Deletes any params from the given URLSearchParams object that are recognized\n   * when loading state from the URL.\n   */\n  private removeRecognizedParams(\n    searchParams: URLSearchParams\n  ): URLSearchParams {\n    // Remove all of our standard params\n    searchParams.delete('query');\n    searchParams.delete('sin');\n    searchParams.delete('page');\n    searchParams.delete('sort');\n    searchParams.delete('and[]');\n    searchParams.delete('not[]');\n\n    // Remove any and/not facet params that contain numbers in their square brackets\n    for (const key of searchParams.keys()) {\n      if (/(and|not)\\[\\d+\\]/.test(key)) {\n        searchParams.delete(key);\n      }\n    }\n\n    // Also remove some legacy params that should have been upgraded to the ones above\n    searchParams.delete('q');\n    searchParams.delete('search');\n\n    return searchParams;\n  }\n\n  /**\n   * Returns whether the given URLSearchParams object contains a param that is\n   * only recognized as a holdover from legacy search, and should not be\n   * persisted to the URL.\n   */\n  private hasLegacyParam(searchParams: URLSearchParams): boolean {\n    return searchParams.has('q') || searchParams.has('search');\n  }\n\n  /**\n   * Sets the facet state for the given field & value to the given state,\n   * creating any previously-undefined buckets as needed.\n   */\n  private setSelectedFacetState(\n    selectedFacets: SelectedFacets,\n    field: FacetOption,\n    value: string,\n    state: FacetState\n  ): void {\n    const facet = selectedFacets[field];\n    if (!facet) return; // Unrecognized facet group, ignore it.\n\n    const unQuotedValue = this.stripQuotes(value);\n    facet[unQuotedValue] ??= this.getDefaultBucket(value);\n    facet[unQuotedValue].state = state;\n  }\n\n  /** Returns a default bucket with the given key, count of 0, and state 'none'. */\n  private getDefaultBucket(key: string): FacetBucket {\n    return {\n      key,\n      count: 0,\n      state: 'none',\n    };\n  }\n}\n"]}
+{"version":3,"file":"restoration-state-handler.js","sourceRoot":"","sources":["../../src/restoration-state-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { SearchType, SortDirection } from '@internetarchive/search-service';\nimport { getCookie, setCookie } from 'typescript-cookie';\nimport {\n  FacetOption,\n  CollectionBrowserContext,\n  CollectionDisplayMode,\n  SelectedFacets,\n  SortField,\n  FacetBucket,\n  FacetState,\n  getDefaultSelectedFacets,\n  sortOptionFromAPIString,\n  SORT_OPTIONS,\n} from './models';\nimport { arrayEquals } from './utils/array-equals';\n\nexport interface RestorationState {\n  displayMode?: CollectionDisplayMode;\n  searchType?: SearchType;\n  selectedSort?: SortField;\n  sortDirection?: SortDirection;\n  selectedFacets: SelectedFacets;\n  baseQuery?: string;\n  currentPage?: number;\n  titleQuery?: string;\n  creatorQuery?: string;\n  minSelectedDate?: string;\n  maxSelectedDate?: string;\n  selectedTitleFilter?: string;\n  selectedCreatorFilter?: string;\n}\n\nexport interface RestorationStateHandlerInterface {\n  persistState(state: RestorationState, forceReplace?: boolean): void;\n  getRestorationState(): RestorationState;\n}\n\nexport class RestorationStateHandler\n  implements RestorationStateHandlerInterface\n{\n  private context: CollectionBrowserContext;\n\n  private cookieDomain = '.archive.org';\n\n  private cookieExpiration = 30;\n\n  private cookiePath = '/';\n\n  constructor(options: { context: CollectionBrowserContext }) {\n    this.context = options.context;\n  }\n\n  persistState(state: RestorationState, forceReplace = false): void {\n    if (state.displayMode) this.persistViewStateToCookies(state.displayMode);\n    this.persistQueryStateToUrl(state, forceReplace);\n  }\n\n  getRestorationState(): RestorationState {\n    const restorationState = this.loadQueryStateFromUrl();\n    const displayMode = this.loadTileViewStateFromCookies();\n    restorationState.displayMode = displayMode;\n    return restorationState;\n  }\n\n  private persistViewStateToCookies(displayMode: CollectionDisplayMode) {\n    const gridState = displayMode === 'grid' ? 'tiles' : 'lists';\n    setCookie(`view-${this.context}`, gridState, {\n      domain: this.cookieDomain,\n      expires: this.cookieExpiration,\n      path: this.cookiePath,\n    });\n    const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';\n    setCookie(`showdetails-${this.context}`, detailsState, {\n      domain: this.cookieDomain,\n      expires: this.cookieExpiration,\n      path: this.cookiePath,\n    });\n  }\n\n  private loadTileViewStateFromCookies(): CollectionDisplayMode {\n    const viewState = getCookie(`view-${this.context}`);\n    const detailsState = getCookie(`showdetails-${this.context}`);\n    if (viewState === 'tiles' || viewState === undefined) return 'grid';\n    if (detailsState === 'showdetails') return 'list-detail';\n    return 'list-compact';\n  }\n\n  private persistQueryStateToUrl(\n    state: RestorationState,\n    forceReplace = false,\n  ) {\n    const url = new URL(window.location.href);\n    const oldParams = new URLSearchParams(url.searchParams);\n    const newParams = this.removeRecognizedParams(url.searchParams);\n\n    let replaceEmptySin = false;\n\n    if (state.baseQuery) {\n      newParams.set('query', state.baseQuery);\n    }\n\n    if (state.searchType === SearchType.FULLTEXT) {\n      newParams.set('sin', 'TXT');\n    } else if (state.searchType === SearchType.RADIO) {\n      newParams.set('sin', 'RADIO');\n    }\n    if (oldParams.get('sin') === '') {\n      // Treat empty sin the same as no sin at all\n      oldParams.delete('sin');\n      replaceEmptySin = true;\n    }\n\n    if (state.currentPage) {\n      if (state.currentPage > 1) {\n        newParams.set('page', state.currentPage.toString());\n      } else {\n        newParams.delete('page');\n      }\n    }\n\n    if (state.selectedSort) {\n      const sortOption = SORT_OPTIONS[state.selectedSort];\n      let prefix = this.sortDirectionPrefix(state.sortDirection);\n\n      if (sortOption.field === SortField.unrecognized) {\n        // For unrecognized sorts, use the existing param, possibly updating its direction\n        const oldSortParam = oldParams.get('sort') ?? '';\n        const { field, direction } =\n          this.getSortFieldAndDirection(oldSortParam);\n\n        // Use the state-specified direction if available, or extract one from the param if not\n        if (!state.sortDirection) prefix = this.sortDirectionPrefix(direction);\n\n        if (field) {\n          newParams.set('sort', `${prefix}${field}`);\n        } else {\n          newParams.set('sort', oldSortParam);\n        }\n      } else if (sortOption.shownInURL) {\n        // Otherwise, use the canonical API form of the sort option\n        const canonicalApiSort = sortOption.urlNames[0];\n        newParams.set('sort', `${prefix}${canonicalApiSort}`);\n      }\n    }\n\n    if (state.selectedFacets) {\n      for (const [facetName, facetValues] of Object.entries(\n        state.selectedFacets,\n      )) {\n        const facetEntries = Object.entries(facetValues);\n        if (facetEntries.length === 0) continue;\n        for (const [key, data] of facetEntries) {\n          const notValue = data.state === 'hidden';\n          const paramValue = `${facetName}:\"${key}\"`;\n          if (notValue) {\n            newParams.append('not[]', paramValue);\n          } else {\n            newParams.append('and[]', paramValue);\n          }\n        }\n      }\n    }\n\n    if (state.minSelectedDate && state.maxSelectedDate) {\n      newParams.append(\n        'and[]',\n        `year:[${state.minSelectedDate} TO ${state.maxSelectedDate}]`,\n      );\n    }\n\n    if (state.titleQuery) {\n      newParams.append('and[]', state.titleQuery);\n    }\n\n    if (state.creatorQuery) {\n      newParams.append('and[]', state.creatorQuery);\n    }\n\n    // Ensure we aren't pushing consecutive identical states to the history stack.\n    //  - If the state has changed, we push a new history entry.\n    //  - If only the page number has changed, we replace the current history entry.\n    //  - If the state hasn't changed, then do nothing.\n    let historyMethod: 'pushState' | 'replaceState' = forceReplace\n      ? 'replaceState'\n      : 'pushState';\n    const nonQueryParamsMatch = this.paramsMatch(oldParams, newParams, [\n      'sin',\n      'sort',\n      'and[]',\n      'not[]',\n    ]);\n\n    if (\n      nonQueryParamsMatch &&\n      this.paramsMatch(oldParams, newParams, ['query'])\n    ) {\n      if (replaceEmptySin) {\n        // Get rid of any empty sin param\n        newParams.delete('sin');\n      } else if (this.paramsMatch(oldParams, newParams, ['page'])) {\n        // For page number, we want to replace the page state when it changes,\n        // not push a new history entry. If it hasn't changed, then we're done.\n        return;\n      }\n      historyMethod = 'replaceState';\n    } else if (nonQueryParamsMatch && this.hasLegacyParam(oldParams)) {\n      // Similarly, if the only non-matching param was a legacy query param, then\n      // we just want to overwrite it.\n      historyMethod = 'replaceState';\n    }\n\n    window.history[historyMethod]?.(\n      {\n        query: state.baseQuery,\n        searchType: state.searchType,\n        page: state.currentPage,\n        sort: { field: state.selectedSort, direction: state.sortDirection },\n        minDate: state.minSelectedDate,\n        maxDate: state.maxSelectedDate,\n        facets: state.selectedFacets,\n      },\n      '',\n      url,\n    );\n  }\n\n  private loadQueryStateFromUrl(): RestorationState {\n    const url = new URL(window.location.href);\n    const searchInside = url.searchParams.get('sin');\n    const pageNumber = url.searchParams.get('page');\n    const searchQuery = url.searchParams.get('query');\n    const sortQuery = url.searchParams.get('sort');\n    const facetAnds = url.searchParams.getAll('and[]');\n    const facetNots = url.searchParams.getAll('not[]');\n\n    // We also need to check for the presence of params like 'and[0]', 'not[1]', etc.\n    // since Facebook automatically converts URLs with [] into those forms.\n    for (const [key, val] of url.searchParams.entries()) {\n      if (/and\\[\\d+\\]/.test(key)) {\n        facetAnds.push(val);\n      } else if (/not\\[\\d+\\]/.test(key)) {\n        facetNots.push(val);\n      }\n    }\n\n    // Legacy search allowed `q` and `search` params for the query, so in the interest\n    // of backwards-compatibility with old bookmarks, we recognize those here too.\n    // (However, they still get upgraded to a `query` param when we persist our state\n    // to the URL).\n    const legacySearchQuery =\n      url.searchParams.get('q') ?? url.searchParams.get('search');\n\n    const restorationState: RestorationState = {\n      selectedFacets: getDefaultSelectedFacets(),\n    };\n\n    if (searchQuery) {\n      restorationState.baseQuery = searchQuery;\n    } else if (legacySearchQuery) {\n      restorationState.baseQuery = legacySearchQuery;\n    }\n\n    switch (searchInside) {\n      // Eventually there will be TV/Radio search types here too.\n      case 'TXT':\n        restorationState.searchType = SearchType.FULLTEXT;\n        break;\n      case 'RADIO':\n        restorationState.searchType = SearchType.RADIO;\n        break;\n      default:\n        restorationState.searchType = SearchType.METADATA;\n        break;\n    }\n\n    if (pageNumber) {\n      const parsed = parseInt(pageNumber, 10);\n      restorationState.currentPage = parsed;\n    } else {\n      restorationState.currentPage = 1;\n    }\n\n    if (sortQuery) {\n      const { field, direction } = this.getSortFieldAndDirection(sortQuery);\n\n      const sortOption = sortOptionFromAPIString(field);\n      restorationState.selectedSort = sortOption.field;\n\n      if (['asc', 'desc'].includes(direction)) {\n        restorationState.sortDirection = direction as SortDirection;\n      }\n    }\n\n    if (facetAnds) {\n      facetAnds.forEach(and => {\n        // eslint-disable-next-line prefer-const\n        let [field, value] = and.split(':');\n\n        // Legacy search allowed and[] fields like 'creatorSorter', 'languageSorter', etc.\n        // which we want to normalize to 'creator', 'language', etc. if redirected here.\n        field = field.replace(/Sorter$/, '');\n\n        // Legacy search also allowed a form of negative faceting like `and[]=-collection:foo`\n        // which we want to normalize to a not[] param instead\n        if (field.startsWith('-')) {\n          facetNots.push(and.slice(1));\n          return;\n        }\n\n        switch (field) {\n          case 'year': {\n            const [minDate, maxDate] = value.split(' TO ');\n            // we have two potential ways of filtering by date:\n            // the range with \"date TO date\" or the single date with \"date\"\n            // this is checking for the range case and if we don't have those, fall\n            // back to the single date case\n            if (minDate && maxDate) {\n              restorationState.minSelectedDate = minDate.substring(\n                1,\n                minDate.length,\n              );\n              restorationState.maxSelectedDate = maxDate.substring(\n                0,\n                maxDate.length - 1,\n              );\n            } else {\n              this.setSelectedFacetState(\n                restorationState.selectedFacets,\n                field as FacetOption,\n                value,\n                'selected',\n              );\n            }\n            break;\n          }\n          case 'firstTitle':\n            restorationState.selectedTitleFilter = value;\n            break;\n          case 'firstCreator':\n            restorationState.selectedCreatorFilter = value;\n            break;\n          default:\n            this.setSelectedFacetState(\n              restorationState.selectedFacets,\n              field as FacetOption,\n              value,\n              'selected',\n            );\n        }\n      });\n    }\n\n    if (facetNots) {\n      facetNots.forEach(not => {\n        const [field, value] = not.split(':');\n        this.setSelectedFacetState(\n          restorationState.selectedFacets,\n          field as FacetOption,\n          value,\n          'hidden',\n        );\n      });\n    }\n\n    return restorationState;\n  }\n\n  /**\n   * Converts a URL sort param into a field/direction pair, if possible.\n   * Either or both may be undefined if the param is not in a recognized format.\n   */\n  private getSortFieldAndDirection(sortParam: string) {\n    // check for two different sort formats: `date desc` and `-date`\n    const hasSpace = sortParam.indexOf(' ') > -1;\n    let field;\n    let direction;\n    if (hasSpace) {\n      [field, direction] = sortParam.split(' ');\n    } else {\n      field = sortParam.startsWith('-') ? sortParam.slice(1) : sortParam;\n      direction = sortParam.startsWith('-') ? 'desc' : 'asc';\n    }\n\n    return { field, direction };\n  }\n\n  /** Returns the `-` prefix for `desc` sort, or the empty string otherwise. */\n  private sortDirectionPrefix(sortDirection?: string) {\n    return sortDirection === 'desc' ? '-' : '';\n  }\n\n  /** Remove optional opening and closing quotes from a string */\n  private stripQuotes(value: string): string {\n    if (value.startsWith('\"') && value.endsWith('\"')) {\n      return value.substring(1, value.length - 1);\n    }\n\n    return value;\n  }\n\n  /**\n   * Returns whether the two given URLSearchParams objects have\n   * identical values for all of the given param keys. If either\n   * object contains more than one value for a given key, then\n   * all of the values for that key must match (disregarding order).\n   */\n  private paramsMatch(\n    searchParams1: URLSearchParams,\n    searchParams2: URLSearchParams,\n    keys: string[],\n  ): boolean {\n    return keys.every(key =>\n      arrayEquals(\n        searchParams1.getAll(key).sort(),\n        searchParams2.getAll(key).sort(),\n      ),\n    );\n  }\n\n  /**\n   * Deletes any params from the given URLSearchParams object that are recognized\n   * when loading state from the URL.\n   */\n  private removeRecognizedParams(\n    searchParams: URLSearchParams,\n  ): URLSearchParams {\n    // Remove all of our standard params\n    searchParams.delete('query');\n    searchParams.delete('sin');\n    searchParams.delete('page');\n    searchParams.delete('sort');\n    searchParams.delete('and[]');\n    searchParams.delete('not[]');\n\n    // Remove any and/not facet params that contain numbers in their square brackets\n    for (const key of searchParams.keys()) {\n      if (/(and|not)\\[\\d+\\]/.test(key)) {\n        searchParams.delete(key);\n      }\n    }\n\n    // Also remove some legacy params that should have been upgraded to the ones above\n    searchParams.delete('q');\n    searchParams.delete('search');\n\n    return searchParams;\n  }\n\n  /**\n   * Returns whether the given URLSearchParams object contains a param that is\n   * only recognized as a holdover from legacy search, and should not be\n   * persisted to the URL.\n   */\n  private hasLegacyParam(searchParams: URLSearchParams): boolean {\n    return searchParams.has('q') || searchParams.has('search');\n  }\n\n  /**\n   * Sets the facet state for the given field & value to the given state,\n   * creating any previously-undefined buckets as needed.\n   */\n  private setSelectedFacetState(\n    selectedFacets: SelectedFacets,\n    field: FacetOption,\n    value: string,\n    state: FacetState,\n  ): void {\n    const facet = selectedFacets[field];\n    if (!facet) return; // Unrecognized facet group, ignore it.\n\n    const unQuotedValue = this.stripQuotes(value);\n    facet[unQuotedValue] ??= this.getDefaultBucket(value);\n    facet[unQuotedValue].state = state;\n  }\n\n  /** Returns a default bucket with the given key, count of 0, and state 'none'. */\n  private getDefaultBucket(key: string): FacetBucket {\n    return {\n      key,\n      count: 0,\n      state: 'none',\n    };\n  }\n}\n"]}

package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts

@@ -1,6 +1,6 @@
-import { LitElement, CSSResultGroup } from 'lit';
-export declare class AlphaBarTooltip extends LitElement {
-    numResults: number;
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, CSSResultGroup } from 'lit';
+export declare class AlphaBarTooltip extends LitElement {
+    numResults: number;
+    render(): import("lit").TemplateResult<1>;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/sort-filter-bar/alpha-bar-tooltip.js

@@ -1,12 +1,12 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let AlphaBarTooltip = class AlphaBarTooltip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.numResults = 0;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let AlphaBarTooltip = class AlphaBarTooltip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.numResults = 0;
+    }
+    render() {
         return html `
       <div id="tooltip-container" role="tooltip">
         <div id="arrow"></div>
@@ -14,11 +14,11 @@ let AlphaBarTooltip = class AlphaBarTooltip extends LitElement {
           ${this.numResults} ${this.numResults === 1 ? 'result' : 'results'}
         </div>
       </div>
-    `;
-    }
-    static get styles() {
-        const arrowSize = css `var(--tooltipArrowSize, 5px)`;
-        const arrowOffset = css `var(--tooltipArrowOffset, 0px)`;
+    `;
+    }
+    static get styles() {
+        const arrowSize = css `var(--tooltipArrowSize, 5px)`;
+        const arrowOffset = css `var(--tooltipArrowOffset, 0px)`;
         return css `
       #tooltip-container {
         width: max-content;
@@ -47,14 +47,14 @@ let AlphaBarTooltip = class AlphaBarTooltip extends LitElement {
         text-align: center;
         text-decoration: none;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Number })
-], AlphaBarTooltip.prototype, "numResults", void 0);
-AlphaBarTooltip = __decorate([
-    customElement('alpha-bar-tooltip')
-], AlphaBarTooltip);
-export { AlphaBarTooltip };
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], AlphaBarTooltip.prototype, "numResults", void 0);
+AlphaBarTooltip = __decorate([
+    customElement('alpha-bar-tooltip')
+], AlphaBarTooltip);
+export { AlphaBarTooltip };
 //# sourceMappingURL=alpha-bar-tooltip.js.map

package/dist/src/sort-filter-bar/alpha-bar-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-bar-tooltip.js","sourceRoot":"","sources":["../../../src/sort-filter-bar/alpha-bar-tooltip.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,UAAU;IAA/C;;QAC8B,eAAU,GAAW,CAAC,CAAC;IA+CrD,CAAC;IA7CC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;;;KAGtE,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,SAAS,GAAG,GAAG,CAAA,8BAA8B,CAAC;QACpD,MAAM,WAAW,GAAG,GAAG,CAAA,gCAAgC,CAAC;QAExD,OAAO,GAAG,CAAA;;;;;;;;;2BASa,WAAW;;;;gCAIN,SAAS;iCACR,SAAS;kBACxB,SAAS;;;;;;;;;;;;;KAatB,CAAC;IACJ,CAAC;CACF,CAAA;AA/C6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAwB;AADxC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAgD3B;SAhDY,eAAe","sourcesContent":["import { LitElement, html, css, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('alpha-bar-tooltip')\nexport class AlphaBarTooltip extends LitElement {\n  @property({ type: Number }) numResults: number = 0;\n\n  render() {\n    return html`\n      <div id=\"tooltip-container\" role=\"tooltip\">\n        <div id=\"arrow\"></div>\n        <div id=\"tooltip-text\">\n          ${this.numResults} ${this.numResults === 1 ? 'result' : 'results'}\n        </div>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    const arrowSize = css`var(--tooltipArrowSize, 5px)`;\n    const arrowOffset = css`var(--tooltipArrowOffset, 0px)`;\n\n    return css`\n      #tooltip-container {\n        width: max-content;\n        max-width: 200px;\n        pointer-events: none;\n      }\n\n      #arrow {\n        position: relative;\n        left: calc(50% + ${arrowOffset});\n        top: 0;\n        width: 0;\n        height: 0;\n        margin-top: calc(-1 * ${arrowSize});\n        margin-left: calc(-1 * ${arrowSize});\n        border: ${arrowSize} solid transparent;\n        border-bottom-color: black;\n      }\n\n      #tooltip-text {\n        padding: 3px 8px;\n        border-radius: 4px;\n        background-color: #000;\n        color: white;\n        font-size: 1.2rem;\n        text-align: center;\n        text-decoration: none;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"alpha-bar-tooltip.js","sourceRoot":"","sources":["../../../src/sort-filter-bar/alpha-bar-tooltip.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QACuB,eAAU,GAAW,CAAC,CAAC;IA+CrD,CAAC;IA7CC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;;;KAGtE,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,SAAS,GAAG,GAAG,CAAA,8BAA8B,CAAC;QACpD,MAAM,WAAW,GAAG,GAAG,CAAA,gCAAgC,CAAC;QAExD,OAAO,GAAG,CAAA;;;;;;;;;2BASa,WAAW;;;;gCAIN,SAAS;iCACR,SAAS;kBACxB,SAAS;;;;;;;;;;;;;KAatB,CAAC;IACJ,CAAC;CACF,CAAA;AA/C6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAwB;AADxC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAgD3B","sourcesContent":["import { LitElement, html, css, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('alpha-bar-tooltip')\nexport class AlphaBarTooltip extends LitElement {\n  @property({ type: Number }) numResults: number = 0;\n\n  render() {\n    return html`\n      <div id=\"tooltip-container\" role=\"tooltip\">\n        <div id=\"arrow\"></div>\n        <div id=\"tooltip-text\">\n          ${this.numResults} ${this.numResults === 1 ? 'result' : 'results'}\n        </div>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    const arrowSize = css`var(--tooltipArrowSize, 5px)`;\n    const arrowOffset = css`var(--tooltipArrowOffset, 0px)`;\n\n    return css`\n      #tooltip-container {\n        width: max-content;\n        max-width: 200px;\n        pointer-events: none;\n      }\n\n      #arrow {\n        position: relative;\n        left: calc(50% + ${arrowOffset});\n        top: 0;\n        width: 0;\n        height: 0;\n        margin-top: calc(-1 * ${arrowSize});\n        margin-left: calc(-1 * ${arrowSize});\n        border: ${arrowSize} solid transparent;\n        border-bottom-color: black;\n      }\n\n      #tooltip-text {\n        padding: 3px 8px;\n        border-radius: 4px;\n        background-color: #000;\n        color: white;\n        font-size: 1.2rem;\n        text-align: center;\n        text-decoration: none;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/sort-filter-bar/alpha-bar.d.ts

@@ -1,21 +1,21 @@
-import { LitElement, TemplateResult } from 'lit';
-import type { PrefixFilterCounts } from '../models';
-import './alpha-bar-tooltip';
-export declare class AlphaBar extends LitElement {
-    selectedLetter: string | null;
-    letterCounts?: PrefixFilterCounts;
-    ariaLandmarkLabel?: string;
-    private tooltipShown;
-    private hoveredLetter?;
-    private tooltip?;
-    private readonly alphabet;
-    private get selectedUppercaseLetter();
-    render(): TemplateResult<1>;
-    private letterButtonTemplate;
-    private tooltipTemplate;
-    private letterClicked;
-    private handleMouseMove;
-    private handleMouseLeave;
-    private positionTooltip;
-    static styles: import("lit").CSSResult;
-}
+import { LitElement, TemplateResult } from 'lit';
+import type { PrefixFilterCounts } from '../models';
+import './alpha-bar-tooltip';
+export declare class AlphaBar extends LitElement {
+    selectedLetter: string | null;
+    letterCounts?: PrefixFilterCounts;
+    ariaLandmarkLabel?: string;
+    private tooltipShown;
+    private hoveredLetter?;
+    private tooltip?;
+    private readonly alphabet;
+    private get selectedUppercaseLetter();
+    render(): TemplateResult<1>;
+    private letterButtonTemplate;
+    private tooltipTemplate;
+    private letterClicked;
+    private handleMouseMove;
+    private handleMouseLeave;
+    private positionTooltip;
+    static styles: import("lit").CSSResult;
+}

package/dist/src/sort-filter-bar/alpha-bar.js

@@ -1,134 +1,134 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css, nothing } from 'lit';
-import { customElement, property, state, query } from 'lit/decorators.js';
-import './alpha-bar-tooltip';
-let AlphaBar = class AlphaBar extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selectedLetter = null;
-        this.tooltipShown = false;
-        this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
-    }
-    get selectedUppercaseLetter() {
-        var _a;
-        return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
-    }
-    render() {
-        var _a;
+import { __decorate } from "tslib";
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property, state, query } from 'lit/decorators.js';
+import './alpha-bar-tooltip';
+let AlphaBar = class AlphaBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selectedLetter = null;
+        this.tooltipShown = false;
+        this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+    }
+    get selectedUppercaseLetter() {
+        var _a;
+        return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+    }
+    render() {
+        var _a;
         return html `
       <section id="container" aria-label=${(_a = this.ariaLandmarkLabel) !== null && _a !== void 0 ? _a : nothing}>
         <ul>
           ${this.alphabet.map(letter => html `
-                <li
-                  class=${letter === this.selectedUppercaseLetter
-            ? 'selected'
+              <li
+                class=${letter === this.selectedUppercaseLetter
+            ? 'selected'
             : nothing}
-                  @mousemove=${this.handleMouseMove}
-                  @mouseleave=${this.handleMouseLeave}
-                >
-                  ${this.letterButtonTemplate(letter)}
-                  ${this.tooltipTemplate(letter)}
-                </li>
-              `)}
+                @mousemove=${this.handleMouseMove}
+                @mouseleave=${this.handleMouseLeave}
+              >
+                ${this.letterButtonTemplate(letter)}
+                ${this.tooltipTemplate(letter)}
+              </li>
+            `)}
         </ul>
       </section>
-    `;
-    }
-    letterButtonTemplate(letter) {
-        var _a, _b, _c;
-        const ariaLabel = `${letter}: ${(_b = (_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[letter]) !== null && _b !== void 0 ? _b : 0} results`;
+    `;
+    }
+    letterButtonTemplate(letter) {
+        var _a, _b, _c;
+        const ariaLabel = `${letter}: ${(_b = (_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[letter]) !== null && _b !== void 0 ? _b : 0} results`;
         return html `
       <button
         aria-label=${ariaLabel}
         ?disabled=${!((_c = this.letterCounts) === null || _c === void 0 ? void 0 : _c[letter])}
-        @click=${() => {
-            this.letterClicked(letter);
+        @click=${() => {
+            this.letterClicked(letter);
         }}
       >
         ${letter}
       </button>
-    `;
-    }
-    tooltipTemplate(letter) {
-        var _a, _b;
-        if (this.hoveredLetter !== letter)
-            return nothing;
-        return this.tooltipShown
+    `;
+    }
+    tooltipTemplate(letter) {
+        var _a, _b;
+        if (this.hoveredLetter !== letter)
+            return nothing;
+        return this.tooltipShown
             ? html `<alpha-bar-tooltip
           data-letter=${letter}
           .numResults=${(_b = (_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[this.hoveredLetter]) !== null && _b !== void 0 ? _b : 0}
-        ></alpha-bar-tooltip>`
-            : nothing;
-    }
-    letterClicked(letter) {
-        if (letter === this.selectedUppercaseLetter) {
-            this.selectedLetter = null;
-        }
-        else {
-            this.selectedLetter = letter;
-        }
-        this.dispatchEvent(new CustomEvent('letterChanged', {
-            detail: { selectedLetter: this.selectedUppercaseLetter },
-        }));
-    }
-    async handleMouseMove(e) {
-        var _a, _b;
-        const target = e.target;
-        if (target && !this.tooltipShown) {
-            const targetLetter = (_b = (_a = target.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : undefined;
-            this.tooltipShown = true;
-            this.hoveredLetter = targetLetter;
-            await this.updateComplete;
-            await new Promise(resolve => {
-                setTimeout(resolve, 0);
-            });
-            if (this.tooltip && this.tooltip.dataset.letter === targetLetter) {
-                this.positionTooltip(target);
-            }
-        }
-    }
-    handleMouseLeave() {
-        this.tooltipShown = false;
-        this.hoveredLetter = undefined;
-    }
-    positionTooltip(targetElmt) {
-        if (!this.tooltip)
-            return;
-        // Basic positioning is just to center the whole tooltip on the letter box.
-        const tooltipWidth = this.tooltip.clientWidth;
-        const letterWidth = targetElmt.clientWidth;
-        let left = letterWidth / 2 - tooltipWidth / 2;
-        // But we also need to ensure the tooltip doesn't flow outside the viewport.
-        // First, calculate the full width of the document body, including margins
-        // (but not including any scrollbar).
-        const bodyStyle = getComputedStyle(document.body);
-        const bodyMarginLeft = parseFloat(bodyStyle.getPropertyValue('margin-left'));
-        const bodyMarginRight = parseFloat(bodyStyle.getPropertyValue('margin-right'));
-        const bodyWidthWithMargin = document.body.clientWidth + bodyMarginLeft + bodyMarginRight;
-        // Calculate the positions of the tooltip's left/right edges, and determine
-        // how much they overflow the viewport by (if at all).
-        const targetRect = targetElmt.getBoundingClientRect();
-        const tooltipLeft = targetRect.left + left;
-        const tooltipRight = tooltipLeft + tooltipWidth;
-        const offset = 1; // How many pixels the tooltip must be offset from the left/right edges
-        let overflowAmt;
-        if (tooltipLeft < offset) {
-            // Tooltip overflows left edge of viewport
-            overflowAmt = tooltipLeft - offset;
-        }
-        else if (tooltipRight > bodyWidthWithMargin - offset) {
-            // Tooltip overflows right edge of viewport
-            overflowAmt = tooltipRight - bodyWidthWithMargin + offset;
-        }
-        // Apply any needed adjustment to the tooltip and its arrow to keep it in the viewport
-        if (overflowAmt) {
-            left -= overflowAmt;
-            this.tooltip.style.setProperty('--tooltipArrowOffset', `${overflowAmt}px`);
-        }
-        this.tooltip.style.left = `${left}px`;
-        this.tooltip.classList.add('fade-in');
-    }
-};
+        ></alpha-bar-tooltip>`
+            : nothing;
+    }
+    letterClicked(letter) {
+        if (letter === this.selectedUppercaseLetter) {
+            this.selectedLetter = null;
+        }
+        else {
+            this.selectedLetter = letter;
+        }
+        this.dispatchEvent(new CustomEvent('letterChanged', {
+            detail: { selectedLetter: this.selectedUppercaseLetter },
+        }));
+    }
+    async handleMouseMove(e) {
+        var _a, _b;
+        const target = e.target;
+        if (target && !this.tooltipShown) {
+            const targetLetter = (_b = (_a = target.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : undefined;
+            this.tooltipShown = true;
+            this.hoveredLetter = targetLetter;
+            await this.updateComplete;
+            await new Promise(resolve => {
+                setTimeout(resolve, 0);
+            });
+            if (this.tooltip && this.tooltip.dataset.letter === targetLetter) {
+                this.positionTooltip(target);
+            }
+        }
+    }
+    handleMouseLeave() {
+        this.tooltipShown = false;
+        this.hoveredLetter = undefined;
+    }
+    positionTooltip(targetElmt) {
+        if (!this.tooltip)
+            return;
+        // Basic positioning is just to center the whole tooltip on the letter box.
+        const tooltipWidth = this.tooltip.clientWidth;
+        const letterWidth = targetElmt.clientWidth;
+        let left = letterWidth / 2 - tooltipWidth / 2;
+        // But we also need to ensure the tooltip doesn't flow outside the viewport.
+        // First, calculate the full width of the document body, including margins
+        // (but not including any scrollbar).
+        const bodyStyle = getComputedStyle(document.body);
+        const bodyMarginLeft = parseFloat(bodyStyle.getPropertyValue('margin-left'));
+        const bodyMarginRight = parseFloat(bodyStyle.getPropertyValue('margin-right'));
+        const bodyWidthWithMargin = document.body.clientWidth + bodyMarginLeft + bodyMarginRight;
+        // Calculate the positions of the tooltip's left/right edges, and determine
+        // how much they overflow the viewport by (if at all).
+        const targetRect = targetElmt.getBoundingClientRect();
+        const tooltipLeft = targetRect.left + left;
+        const tooltipRight = tooltipLeft + tooltipWidth;
+        const offset = 1; // How many pixels the tooltip must be offset from the left/right edges
+        let overflowAmt;
+        if (tooltipLeft < offset) {
+            // Tooltip overflows left edge of viewport
+            overflowAmt = tooltipLeft - offset;
+        }
+        else if (tooltipRight > bodyWidthWithMargin - offset) {
+            // Tooltip overflows right edge of viewport
+            overflowAmt = tooltipRight - bodyWidthWithMargin + offset;
+        }
+        // Apply any needed adjustment to the tooltip and its arrow to keep it in the viewport
+        if (overflowAmt) {
+            left -= overflowAmt;
+            this.tooltip.style.setProperty('--tooltipArrowOffset', `${overflowAmt}px`);
+        }
+        this.tooltip.style.left = `${left}px`;
+        this.tooltip.classList.add('fade-in');
+    }
+};
 AlphaBar.styles = css `
     h1 {
       font-size: 1.2rem;
@@ -215,27 +215,27 @@ AlphaBar.styles = css `
         grid-template-columns: repeat(13, 1fr);
       }
     }
-  `;
-__decorate([
-    property({ type: String })
-], AlphaBar.prototype, "selectedLetter", void 0);
-__decorate([
-    property({ type: Object })
-], AlphaBar.prototype, "letterCounts", void 0);
-__decorate([
-    property({ type: String })
-], AlphaBar.prototype, "ariaLandmarkLabel", void 0);
-__decorate([
-    state()
-], AlphaBar.prototype, "tooltipShown", void 0);
-__decorate([
-    state()
-], AlphaBar.prototype, "hoveredLetter", void 0);
-__decorate([
-    query('alpha-bar-tooltip')
-], AlphaBar.prototype, "tooltip", void 0);
-AlphaBar = __decorate([
-    customElement('alpha-bar')
-], AlphaBar);
-export { AlphaBar };
+  `;
+__decorate([
+    property({ type: String })
+], AlphaBar.prototype, "selectedLetter", void 0);
+__decorate([
+    property({ type: Object })
+], AlphaBar.prototype, "letterCounts", void 0);
+__decorate([
+    property({ type: String })
+], AlphaBar.prototype, "ariaLandmarkLabel", void 0);
+__decorate([
+    state()
+], AlphaBar.prototype, "tooltipShown", void 0);
+__decorate([
+    state()
+], AlphaBar.prototype, "hoveredLetter", void 0);
+__decorate([
+    query('alpha-bar-tooltip')
+], AlphaBar.prototype, "tooltip", void 0);
+AlphaBar = __decorate([
+    customElement('alpha-bar')
+], AlphaBar);
+export { AlphaBar };
 //# sourceMappingURL=alpha-bar.js.map

package/dist/src/sort-filter-bar/alpha-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-bar.js","sourceRoot":"","sources":["../../../src/sort-filter-bar/alpha-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1E,OAAO,qBAAqB,CAAC;AAI7B,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,UAAU;IAAxC;;QAC8B,mBAAc,GAAkB,IAAI,CAAC;QAOzD,iBAAY,GAAY,KAAK,CAAC;QAQrB,aAAQ,GAAG,4BAA4B,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAoOrE,CAAC;IAlOC,IAAY,uBAAuB;;QACjC,OAAO,MAAA,IAAI,CAAC,cAAc,0CAAE,WAAW,EAAE,CAAC;IAC5C,CAAC;IAED,MAAM;;QACJ,OAAO,IAAI,CAAA;2CAC4B,MAAA,IAAI,CAAC,iBAAiB,mCAAI,OAAO;;YAEhE,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,MAAM,CAAC,EAAE,CACP,IAAI,CAAA;;0BAEQ,MAAM,KAAK,IAAI,CAAC,uBAAuB;YAC7C,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,OAAO;+BACE,IAAI,CAAC,eAAe;gCACnB,IAAI,CAAC,gBAAgB;;oBAEjC,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;oBACjC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;;eAEjC,CACJ;;;KAGN,CAAC;IACJ,CAAC;IAEO,oBAAoB,CAAC,MAAc;;QACzC,MAAM,SAAS,GAAG,GAAG,MAAM,KAAK,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAG,MAAM,CAAC,mCAAI,CAAC,UAAU,CAAC;QAC3E,OAAO,IAAI,CAAA;;qBAEM,SAAS;oBACV,CAAC,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAG,MAAM,CAAC,CAAA;iBAC/B,GAAG,EAAE;YACZ,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;;UAEC,MAAM;;KAEX,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,MAAc;;QACpC,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM;YAAE,OAAO,OAAO,CAAC;QAElD,OAAO,IAAI,CAAC,YAAY;YACtB,CAAC,CAAC,IAAI,CAAA;wBACY,MAAM;wBACN,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAG,IAAI,CAAC,aAAa,CAAC,mCAAI,CAAC;8BACtC;YACxB,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAEO,aAAa,CAAC,MAAc;QAClC,IAAI,MAAM,KAAK,IAAI,CAAC,uBAAuB,EAAE;YAC3C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;SAC5B;aAAM;YACL,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;SAC9B;QACD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,uBAAuB,EAAE;SACzD,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,eAAe,CAAC,CAAa;;QACzC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAuB,CAAC;QACzC,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YAChC,MAAM,YAAY,GAAG,MAAA,MAAA,MAAM,CAAC,WAAW,0CAAE,IAAI,EAAE,mCAAI,SAAS,CAAC;YAC7D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;YAElC,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC1B,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;YACzB,CAAC,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,YAAY,EAAE;gBAChE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;aAC9B;SACF;IACH,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;IACjC,CAAC;IAEO,eAAe,CAAC,UAAuB;QAC7C,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAE1B,2EAA2E;QAC3E,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;QAC9C,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;QAC3C,IAAI,IAAI,GAAG,WAAW,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC;QAE9C,4EAA4E;QAC5E,0EAA0E;QAC1E,qCAAqC;QACrC,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAClD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAC1C,CAAC;QACF,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAC3C,CAAC;QACF,MAAM,mBAAmB,GACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,cAAc,GAAG,eAAe,CAAC;QAE/D,2EAA2E;QAC3E,sDAAsD;QACtD,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;QACtD,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;QAC3C,MAAM,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC;QAChD,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,uEAAuE;QACzF,IAAI,WAAW,CAAC;QAChB,IAAI,WAAW,GAAG,MAAM,EAAE;YACxB,0CAA0C;YAC1C,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;SACpC;aAAM,IAAI,YAAY,GAAG,mBAAmB,GAAG,MAAM,EAAE;YACtD,2CAA2C;YAC3C,WAAW,GAAG,YAAY,GAAG,mBAAmB,GAAG,MAAM,CAAC;SAC3D;QAED,sFAAsF;QACtF,IAAI,WAAW,EAAE;YACf,IAAI,IAAI,WAAW,CAAC;YACpB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAC5B,sBAAsB,EACtB,GAAG,WAAW,IAAI,CACnB,CAAC;SACH;QAED,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;CAyFF,CAAA;AAvFQ,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFlB,CAAC;AAlP0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAsC;AAErC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAmC;AAElC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAA4B;AAGvD;IADC,KAAK,EAAE;8CAC8B;AAGtC;IADC,KAAK,EAAE;+CACuB;AAG/B;IADC,KAAK,CAAC,mBAAmB,CAAC;yCACO;AAdvB,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAoPpB;SApPY,QAAQ","sourcesContent":["import { LitElement, html, css, nothing, TemplateResult } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport type { PrefixFilterCounts } from '../models';\n\nimport './alpha-bar-tooltip';\nimport type { AlphaBarTooltip } from './alpha-bar-tooltip';\n\n@customElement('alpha-bar')\nexport class AlphaBar extends LitElement {\n  @property({ type: String }) selectedLetter: string | null = null;\n\n  @property({ type: Object }) letterCounts?: PrefixFilterCounts;\n\n  @property({ type: String }) ariaLandmarkLabel?: string;\n\n  @state()\n  private tooltipShown: boolean = false;\n\n  @state()\n  private hoveredLetter?: string;\n\n  @query('alpha-bar-tooltip')\n  private tooltip?: AlphaBarTooltip;\n\n  private readonly alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');\n\n  private get selectedUppercaseLetter(): string | undefined {\n    return this.selectedLetter?.toUpperCase();\n  }\n\n  render() {\n    return html`\n      <section id=\"container\" aria-label=${this.ariaLandmarkLabel ?? nothing}>\n        <ul>\n          ${this.alphabet.map(\n            letter =>\n              html`\n                <li\n                  class=${letter === this.selectedUppercaseLetter\n                    ? 'selected'\n                    : nothing}\n                  @mousemove=${this.handleMouseMove}\n                  @mouseleave=${this.handleMouseLeave}\n                >\n                  ${this.letterButtonTemplate(letter)}\n                  ${this.tooltipTemplate(letter)}\n                </li>\n              `\n          )}\n        </ul>\n      </section>\n    `;\n  }\n\n  private letterButtonTemplate(letter: string) {\n    const ariaLabel = `${letter}: ${this.letterCounts?.[letter] ?? 0} results`;\n    return html`\n      <button\n        aria-label=${ariaLabel}\n        ?disabled=${!this.letterCounts?.[letter]}\n        @click=${() => {\n          this.letterClicked(letter);\n        }}\n      >\n        ${letter}\n      </button>\n    `;\n  }\n\n  private tooltipTemplate(letter: string): TemplateResult | typeof nothing {\n    if (this.hoveredLetter !== letter) return nothing;\n\n    return this.tooltipShown\n      ? html`<alpha-bar-tooltip\n          data-letter=${letter}\n          .numResults=${this.letterCounts?.[this.hoveredLetter] ?? 0}\n        ></alpha-bar-tooltip>`\n      : nothing;\n  }\n\n  private letterClicked(letter: string) {\n    if (letter === this.selectedUppercaseLetter) {\n      this.selectedLetter = null;\n    } else {\n      this.selectedLetter = letter;\n    }\n    this.dispatchEvent(\n      new CustomEvent('letterChanged', {\n        detail: { selectedLetter: this.selectedUppercaseLetter },\n      })\n    );\n  }\n\n  private async handleMouseMove(e: MouseEvent) {\n    const target = e.target as HTMLLIElement;\n    if (target && !this.tooltipShown) {\n      const targetLetter = target.textContent?.trim() ?? undefined;\n      this.tooltipShown = true;\n      this.hoveredLetter = targetLetter;\n\n      await this.updateComplete;\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      if (this.tooltip && this.tooltip.dataset.letter === targetLetter) {\n        this.positionTooltip(target);\n      }\n    }\n  }\n\n  private handleMouseLeave() {\n    this.tooltipShown = false;\n    this.hoveredLetter = undefined;\n  }\n\n  private positionTooltip(targetElmt: HTMLElement) {\n    if (!this.tooltip) return;\n\n    // Basic positioning is just to center the whole tooltip on the letter box.\n    const tooltipWidth = this.tooltip.clientWidth;\n    const letterWidth = targetElmt.clientWidth;\n    let left = letterWidth / 2 - tooltipWidth / 2;\n\n    // But we also need to ensure the tooltip doesn't flow outside the viewport.\n    // First, calculate the full width of the document body, including margins\n    // (but not including any scrollbar).\n    const bodyStyle = getComputedStyle(document.body);\n    const bodyMarginLeft = parseFloat(\n      bodyStyle.getPropertyValue('margin-left')\n    );\n    const bodyMarginRight = parseFloat(\n      bodyStyle.getPropertyValue('margin-right')\n    );\n    const bodyWidthWithMargin =\n      document.body.clientWidth + bodyMarginLeft + bodyMarginRight;\n\n    // Calculate the positions of the tooltip's left/right edges, and determine\n    // how much they overflow the viewport by (if at all).\n    const targetRect = targetElmt.getBoundingClientRect();\n    const tooltipLeft = targetRect.left + left;\n    const tooltipRight = tooltipLeft + tooltipWidth;\n    const offset = 1; // How many pixels the tooltip must be offset from the left/right edges\n    let overflowAmt;\n    if (tooltipLeft < offset) {\n      // Tooltip overflows left edge of viewport\n      overflowAmt = tooltipLeft - offset;\n    } else if (tooltipRight > bodyWidthWithMargin - offset) {\n      // Tooltip overflows right edge of viewport\n      overflowAmt = tooltipRight - bodyWidthWithMargin + offset;\n    }\n\n    // Apply any needed adjustment to the tooltip and its arrow to keep it in the viewport\n    if (overflowAmt) {\n      left -= overflowAmt;\n      this.tooltip.style.setProperty(\n        '--tooltipArrowOffset',\n        `${overflowAmt}px`\n      );\n    }\n\n    this.tooltip.style.left = `${left}px`;\n    this.tooltip.classList.add('fade-in');\n  }\n\n  static styles = css`\n    h1 {\n      font-size: 1.2rem;\n    }\n\n    #container {\n      background-color: #ddd;\n      color: #333;\n      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);\n    }\n\n    ul {\n      list-style: none;\n      display: flex;\n      margin: 0;\n      padding: 0.5rem 1rem;\n      justify-content: space-between;\n    }\n\n    ul li {\n      position: relative;\n      flex: 1;\n      text-align: center;\n      max-width: 2.5rem;\n      border-radius: 4px;\n    }\n\n    li:hover:not(.selected) button:not(:disabled) {\n      background-color: #c0c0c0;\n    }\n\n    button {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      aspect-ratio: 1 / 1;\n    }\n\n    button {\n      width: 100%;\n      height: 100%;\n      color: #333;\n      appearance: none;\n      background: none;\n      border: none;\n      border-radius: 4px;\n      font-family: inherit;\n      font-size: 1.2rem;\n      cursor: pointer;\n    }\n\n    button:disabled {\n      color: #aaa;\n      cursor: default;\n    }\n\n    .selected {\n      background-color: #2c2c2c;\n    }\n\n    .selected button {\n      color: white;\n    }\n\n    alpha-bar-tooltip {\n      position: absolute;\n      top: 100%;\n      left: -9999px;\n      margin-top: 3px;\n      z-index: 1;\n\n      opacity: 0;\n      transition: opacity 0.2s ease;\n    }\n\n    alpha-bar-tooltip.fade-in {\n      opacity: 1;\n    }\n\n    /* Make alphabet bar a 2-row container in small screen widths */\n    @media screen and (max-width: 768px) {\n      ul {\n        display: grid;\n        grid-template-columns: repeat(13, 1fr);\n      }\n    }\n  `;\n}\n"]}
+{"version":3,"file":"alpha-bar.js","sourceRoot":"","sources":["../../../src/sort-filter-bar/alpha-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1E,OAAO,qBAAqB,CAAC;AAItB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QACuB,mBAAc,GAAkB,IAAI,CAAC;QAOzD,iBAAY,GAAY,KAAK,CAAC;QAQrB,aAAQ,GAAG,4BAA4B,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAmOrE,CAAC;IAjOC,IAAY,uBAAuB;;QACjC,OAAO,MAAA,IAAI,CAAC,cAAc,0CAAE,WAAW,EAAE,CAAC;IAC5C,CAAC;IAED,MAAM;;QACJ,OAAO,IAAI,CAAA;2CAC4B,MAAA,IAAI,CAAC,iBAAiB,mCAAI,OAAO;;YAEhE,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;wBAEF,MAAM,KAAK,IAAI,CAAC,uBAAuB;YAC7C,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,OAAO;6BACE,IAAI,CAAC,eAAe;8BACnB,IAAI,CAAC,gBAAgB;;kBAEjC,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;kBACjC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;;aAEjC,CACF;;;KAGN,CAAC;IACJ,CAAC;IAEO,oBAAoB,CAAC,MAAc;;QACzC,MAAM,SAAS,GAAG,GAAG,MAAM,KAAK,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAG,MAAM,CAAC,mCAAI,CAAC,UAAU,CAAC;QAC3E,OAAO,IAAI,CAAA;;qBAEM,SAAS;oBACV,CAAC,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAG,MAAM,CAAC,CAAA;iBAC/B,GAAG,EAAE;YACZ,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;;UAEC,MAAM;;KAEX,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,MAAc;;QACpC,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM;YAAE,OAAO,OAAO,CAAC;QAElD,OAAO,IAAI,CAAC,YAAY;YACtB,CAAC,CAAC,IAAI,CAAA;wBACY,MAAM;wBACN,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAG,IAAI,CAAC,aAAa,CAAC,mCAAI,CAAC;8BACtC;YACxB,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAEO,aAAa,CAAC,MAAc;QAClC,IAAI,MAAM,KAAK,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC5C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;QAC/B,CAAC;QACD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,uBAAuB,EAAE;SACzD,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,eAAe,CAAC,CAAa;;QACzC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAuB,CAAC;QACzC,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACjC,MAAM,YAAY,GAAG,MAAA,MAAA,MAAM,CAAC,WAAW,0CAAE,IAAI,EAAE,mCAAI,SAAS,CAAC;YAC7D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;YAElC,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC1B,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;YACzB,CAAC,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,YAAY,EAAE,CAAC;gBACjE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;IACjC,CAAC;IAEO,eAAe,CAAC,UAAuB;QAC7C,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAE1B,2EAA2E;QAC3E,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;QAC9C,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;QAC3C,IAAI,IAAI,GAAG,WAAW,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC;QAE9C,4EAA4E;QAC5E,0EAA0E;QAC1E,qCAAqC;QACrC,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAClD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAC1C,CAAC;QACF,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAC3C,CAAC;QACF,MAAM,mBAAmB,GACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,cAAc,GAAG,eAAe,CAAC;QAE/D,2EAA2E;QAC3E,sDAAsD;QACtD,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;QACtD,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;QAC3C,MAAM,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC;QAChD,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,uEAAuE;QACzF,IAAI,WAAW,CAAC;QAChB,IAAI,WAAW,GAAG,MAAM,EAAE,CAAC;YACzB,0CAA0C;YAC1C,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;QACrC,CAAC;aAAM,IAAI,YAAY,GAAG,mBAAmB,GAAG,MAAM,EAAE,CAAC;YACvD,2CAA2C;YAC3C,WAAW,GAAG,YAAY,GAAG,mBAAmB,GAAG,MAAM,CAAC;QAC5D,CAAC;QAED,sFAAsF;QACtF,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,IAAI,WAAW,CAAC;YACpB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAC5B,sBAAsB,EACtB,GAAG,WAAW,IAAI,CACnB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACxC,CAAC;;AAEM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFlB,AAtFY,CAsFX;AAjP0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAsC;AAErC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAmC;AAElC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAA4B;AAG/C;IADP,KAAK,EAAE;8CAC8B;AAG9B;IADP,KAAK,EAAE;+CACuB;AAGvB;IADP,KAAK,CAAC,mBAAmB,CAAC;yCACO;AAdvB,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAmPpB","sourcesContent":["import { LitElement, html, css, nothing, TemplateResult } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport type { PrefixFilterCounts } from '../models';\n\nimport './alpha-bar-tooltip';\nimport type { AlphaBarTooltip } from './alpha-bar-tooltip';\n\n@customElement('alpha-bar')\nexport class AlphaBar extends LitElement {\n  @property({ type: String }) selectedLetter: string | null = null;\n\n  @property({ type: Object }) letterCounts?: PrefixFilterCounts;\n\n  @property({ type: String }) ariaLandmarkLabel?: string;\n\n  @state()\n  private tooltipShown: boolean = false;\n\n  @state()\n  private hoveredLetter?: string;\n\n  @query('alpha-bar-tooltip')\n  private tooltip?: AlphaBarTooltip;\n\n  private readonly alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');\n\n  private get selectedUppercaseLetter(): string | undefined {\n    return this.selectedLetter?.toUpperCase();\n  }\n\n  render() {\n    return html`\n      <section id=\"container\" aria-label=${this.ariaLandmarkLabel ?? nothing}>\n        <ul>\n          ${this.alphabet.map(\n            letter => html`\n              <li\n                class=${letter === this.selectedUppercaseLetter\n                  ? 'selected'\n                  : nothing}\n                @mousemove=${this.handleMouseMove}\n                @mouseleave=${this.handleMouseLeave}\n              >\n                ${this.letterButtonTemplate(letter)}\n                ${this.tooltipTemplate(letter)}\n              </li>\n            `,\n          )}\n        </ul>\n      </section>\n    `;\n  }\n\n  private letterButtonTemplate(letter: string) {\n    const ariaLabel = `${letter}: ${this.letterCounts?.[letter] ?? 0} results`;\n    return html`\n      <button\n        aria-label=${ariaLabel}\n        ?disabled=${!this.letterCounts?.[letter]}\n        @click=${() => {\n          this.letterClicked(letter);\n        }}\n      >\n        ${letter}\n      </button>\n    `;\n  }\n\n  private tooltipTemplate(letter: string): TemplateResult | typeof nothing {\n    if (this.hoveredLetter !== letter) return nothing;\n\n    return this.tooltipShown\n      ? html`<alpha-bar-tooltip\n          data-letter=${letter}\n          .numResults=${this.letterCounts?.[this.hoveredLetter] ?? 0}\n        ></alpha-bar-tooltip>`\n      : nothing;\n  }\n\n  private letterClicked(letter: string) {\n    if (letter === this.selectedUppercaseLetter) {\n      this.selectedLetter = null;\n    } else {\n      this.selectedLetter = letter;\n    }\n    this.dispatchEvent(\n      new CustomEvent('letterChanged', {\n        detail: { selectedLetter: this.selectedUppercaseLetter },\n      }),\n    );\n  }\n\n  private async handleMouseMove(e: MouseEvent) {\n    const target = e.target as HTMLLIElement;\n    if (target && !this.tooltipShown) {\n      const targetLetter = target.textContent?.trim() ?? undefined;\n      this.tooltipShown = true;\n      this.hoveredLetter = targetLetter;\n\n      await this.updateComplete;\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      if (this.tooltip && this.tooltip.dataset.letter === targetLetter) {\n        this.positionTooltip(target);\n      }\n    }\n  }\n\n  private handleMouseLeave() {\n    this.tooltipShown = false;\n    this.hoveredLetter = undefined;\n  }\n\n  private positionTooltip(targetElmt: HTMLElement) {\n    if (!this.tooltip) return;\n\n    // Basic positioning is just to center the whole tooltip on the letter box.\n    const tooltipWidth = this.tooltip.clientWidth;\n    const letterWidth = targetElmt.clientWidth;\n    let left = letterWidth / 2 - tooltipWidth / 2;\n\n    // But we also need to ensure the tooltip doesn't flow outside the viewport.\n    // First, calculate the full width of the document body, including margins\n    // (but not including any scrollbar).\n    const bodyStyle = getComputedStyle(document.body);\n    const bodyMarginLeft = parseFloat(\n      bodyStyle.getPropertyValue('margin-left'),\n    );\n    const bodyMarginRight = parseFloat(\n      bodyStyle.getPropertyValue('margin-right'),\n    );\n    const bodyWidthWithMargin =\n      document.body.clientWidth + bodyMarginLeft + bodyMarginRight;\n\n    // Calculate the positions of the tooltip's left/right edges, and determine\n    // how much they overflow the viewport by (if at all).\n    const targetRect = targetElmt.getBoundingClientRect();\n    const tooltipLeft = targetRect.left + left;\n    const tooltipRight = tooltipLeft + tooltipWidth;\n    const offset = 1; // How many pixels the tooltip must be offset from the left/right edges\n    let overflowAmt;\n    if (tooltipLeft < offset) {\n      // Tooltip overflows left edge of viewport\n      overflowAmt = tooltipLeft - offset;\n    } else if (tooltipRight > bodyWidthWithMargin - offset) {\n      // Tooltip overflows right edge of viewport\n      overflowAmt = tooltipRight - bodyWidthWithMargin + offset;\n    }\n\n    // Apply any needed adjustment to the tooltip and its arrow to keep it in the viewport\n    if (overflowAmt) {\n      left -= overflowAmt;\n      this.tooltip.style.setProperty(\n        '--tooltipArrowOffset',\n        `${overflowAmt}px`,\n      );\n    }\n\n    this.tooltip.style.left = `${left}px`;\n    this.tooltip.classList.add('fade-in');\n  }\n\n  static styles = css`\n    h1 {\n      font-size: 1.2rem;\n    }\n\n    #container {\n      background-color: #ddd;\n      color: #333;\n      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);\n    }\n\n    ul {\n      list-style: none;\n      display: flex;\n      margin: 0;\n      padding: 0.5rem 1rem;\n      justify-content: space-between;\n    }\n\n    ul li {\n      position: relative;\n      flex: 1;\n      text-align: center;\n      max-width: 2.5rem;\n      border-radius: 4px;\n    }\n\n    li:hover:not(.selected) button:not(:disabled) {\n      background-color: #c0c0c0;\n    }\n\n    button {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      aspect-ratio: 1 / 1;\n    }\n\n    button {\n      width: 100%;\n      height: 100%;\n      color: #333;\n      appearance: none;\n      background: none;\n      border: none;\n      border-radius: 4px;\n      font-family: inherit;\n      font-size: 1.2rem;\n      cursor: pointer;\n    }\n\n    button:disabled {\n      color: #aaa;\n      cursor: default;\n    }\n\n    .selected {\n      background-color: #2c2c2c;\n    }\n\n    .selected button {\n      color: white;\n    }\n\n    alpha-bar-tooltip {\n      position: absolute;\n      top: 100%;\n      left: -9999px;\n      margin-top: 3px;\n      z-index: 1;\n\n      opacity: 0;\n      transition: opacity 0.2s ease;\n    }\n\n    alpha-bar-tooltip.fade-in {\n      opacity: 1;\n    }\n\n    /* Make alphabet bar a 2-row container in small screen widths */\n    @media screen and (max-width: 768px) {\n      ul {\n        display: grid;\n        grid-template-columns: repeat(13, 1fr);\n      }\n    }\n  `;\n}\n"]}

package/dist/src/sort-filter-bar/img/compact.d.ts

@@ -1 +1 @@
-export declare const compactIcon: import("lit-html").TemplateResult<2>;
+export declare const compactIcon: import("lit").TemplateResult<2>;