Bug Report

Since introducing scopes I've seen a couple of element not found errors

Describe the bug

CableReady innerHtml failed due to missing DOM element for selector: 'cubicle-element#cubicle-36bcb9ab85af3f0e0601d3ed2b7afa24[identifier='ImdpZDovL3N0ZXJvaWRkL1BoYXNlVG9waWMvMjAxNSI=--23bd8fe4b5447dda42c4737dfac98a4ccbd91261f56ba857f7c4f83f614f9525'][scope='InNob3ci--4a60a79bb92a091d1ce865583ba7b37e06e36842b3b778e545e70282836cc28e']'

where the scope cannot be found. Probably this is due to the use of signed stream verifiers (maybe expiration)?

Expected behavior

Should find appropriate elements. Maybe we should fall back to either plain strings or digests.

Feature Request

Elements scrolling into the viewport should trigger appear (and vice versa, disappear).

Describe the solution you'd like

As a new key, let's add :intersect, which will instantiate an IntersectionObserver in cubicle-element, which in turn will trigger this.appear and this.disappear.

Feature Request

Sometimes triggerRoot refers to an element that has not been attached to the DOM yet. It would be great to await those (but querySelector doesn't have that ability

Describe the solution you'd like

Use a MutationObserver to add event listeners to nodes that haven't appeared the moment cubicle is installed: https://stackoverflow.com/a/69071754