Function getLabels

src/label-helpers.ts:57–82

(
  container: Element,
  element: Element,
  {selector = '*'} = {},
)

}

function getLabels(
  container: Element,
  element: Element,
  {selector = '*'} = {},
): {content: string | null; formControl: HTMLElement | null}[] {
  const ariaLabelledBy = element.getAttribute('aria-labelledby')
  const labelsId = ariaLabelledBy ? ariaLabelledBy.split(' ') : []
  return labelsId.length
    ? labelsId.map(labelId => {
        const labellingElement = container.querySelector<HTMLElement>(
          `[id="${labelId}"]`,
        )
        return labellingElement
          ? {content: getLabelContent(labellingElement), formControl: null}
          : {content: '', formControl: null}
      })
    : Array.from(getRealLabels(element)).map(label => {
        const textToMatch = getLabelContent(label)
        const formControlSelector =
          'button, input, meter, output, progress, select, textarea'
        const labelledFormControl = Array.from(
          label.querySelectorAll<HTMLElement>(formControlSelector),
        ).filter(formControlElement => formControlElement.matches(selector))[0]
        return {content: textToMatch, formControl: labelledFormControl}
      })
}

export {getLabels, getRealLabels, getLabelContent}