qr-scanner component

[stepansnigirev]

Another custom component - qr scanner.
You can use it as a normal html tag.
If you want to add a button to trigger scanner - put it into the button slot:

  <qr-scanner id="myscanner">
    <button class="btn" slot="button">Scan me!</button>
  </qr-scanner>

Then to trigger popup add attribute open. Or click on the elements placed to button slot.
When scan is complete or cancelled a custom event is triggered.
To get scanned data subscribe to scan event in your js code:

  document.getElementById('myscanner').addEventListener('scan', (e)=>{
    console.log(e.detail.result);
  });

e.detail.result is null if scan was cancelled, a string with data otherwise.

[ben-kaufman]

Looks good to me :) (tested with Specter DIY).