@govbr-ds/webcomponents/dist/collection/pages/components/select/index.js

Biblioteca de Web Components baseado no GovBR-DS

if (!window.elementsToListen && !window.eventsToListen) {
  const elementsToListen = document.querySelectorAll('br-select')

  const eventsToListen = ['click']

  elementsToListen.forEach((domElement) => {
    eventsToListen.forEach((event) => {
      domElement.addEventListener(event, function (event) {
        console.log({
          Evento: event.type,
          Elemento: domElement.outerHTML,
          ...(event.detail && { Detail: event.detail }),
          ...(event.data && { Data: event.data }),
        })
      })
    })
  })

  // Testa a passagem de um array de objetos para a propriedade `options` no <br-select>
  // Array de opções
  const selectOptions = [
    { label: 'Opção 4', value: '4', selected: false },
    { label: 'Opção 5', value: '5', selected: true },
    { label: 'Opção 6', value: '6', selected: false },
  ]

  // Seleciona o elemento <br-select> com o ID "select-with-array-object"
  const selectElement = document.querySelector('br-select#select-with-array-object')

  if (selectElement !== null) {
    // Passa o array diretamente para a propriedade `options`
    selectElement.options = selectOptions
  } else {
    console.error('Elemento <br-select> com ID "select-with-array-object" não encontrado.')
  }
}