Support top-layer <dialog> recording & replay

[Juice10]

Fixes #1381.

Adds support for recording & replaying Top Layer <dialog> elements. These elements float over any other elements no matter the z-index.

What this PR does not do:

• trigger showModal() on rrweb-snapshot's rebuild
  • when rebuild is called we have no guarantee the element is added to the dom, and .showModal() has to be attached to be called, so the responsibility to do this is hoisted to rrweb & rrdom.
• add support for popover elements.
• add support for requestFullScreen elements.
• register order of top layer dialog elements, this is impossible to do without monkey patching HTMLDialogElement.showModal, and although that is possible I didn't have time to implement it. However most of the time this PR should sufficient. Unfortunately there is no way to query the dom for the order of elements in the top layer, as that would have made this doable without monkey patch, and recordable in rrweb-snapshot.
  • exact case where this breaks:

  • 
    const dialog1 = document.createElement('dialog') as HTMLDialogElement;
    dialog1.className = 'dialog1';
    document.body.appendChild(dialog1);
    const dialog2 = document.createElement('dialog') as HTMLDialogElement;
    dialog1.className = 'dialog2';
    document.body.appendChild(dialog2);
    dialog2.showModal(); // <== Note that dialog TWO is being triggered first, if dialog 1 was triggered first, this would have replayed as expected.
    dialog1.showModal();

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: d693da936fa9df1d9aa41113c57791528442e31d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 18 packages

| Name | Type | | ---------------------------------------- | ----- | | rrweb-snapshot | Major | | rrdom | Major | | rrweb | Major | | @rrweb/types | Major | | @rrweb/rrweb-plugin-canvas-webrtc-record | Major | | @rrweb/rrweb-plugin-canvas-webrtc-replay | Major | | @rrweb/rrweb-plugin-console-record | Major | | @rrweb/rrweb-plugin-console-replay | Major | | @rrweb/rrweb-plugin-sequential-id-record | Major | | @rrweb/rrweb-plugin-sequential-id-replay | Major | | rrdom-nodejs | Major | | rrweb-player | Major | | @rrweb/all | Major | | @rrweb/replay | Major | | @rrweb/record | Major | | @rrweb/packer | Major | | @rrweb/web-extension | Major | | rrvideo | Major |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR