search.js

import { splitwords } from './permutate'
import qsa from 'dom101/query-selector-all'

/**
 * Show everything.
 *
 * @example
 *     Search.showAll()
 */

export function showAll () {
  qsa('[data-search-index]').forEach(el => {
    el.removeAttribute('aria-hidden')
  })
}

/**
 * Search for a given keyword.
 *
 * @example
 *     Search.show('hello')
 */

export function show (val) {
  const keywords = splitwords(val)

  if (!keywords.length) return showAll()

  const selectors = keywords
    .map(k => `[data-search-index~=${JSON.stringify(k)}]`)
    .join('')

  qsa('[data-search-index]').forEach(el => {
    el.setAttribute('aria-hidden', true)
  })

  qsa(selectors).forEach(el => {
    el.removeAttribute('aria-hidden')
  })
}