be-kibitzing

Insert a template into a Shadow DOM sequence.

be-kibitizing is an attribute-based equivalent of xtal-decorator.

<template be-kibitzing='{
    "selectorSequence": ["ginny-weasly", "book-bag"]
}'>
    <tom-riddles-diary></tom-riddles-diary>
</template>

...
<ginny-weasly>
    #shadow-root#
        <book-bag></book-bag>
</ginny-weasly>

Generates:

<template be-kibitzing='{
    "selectorSequence": ["ginny-weasly", "book-bag"]
}'>
    <tom-riddles-diary></tom-riddles-diary>
</template>

...
<ginny-weasly>
    #shadow-root#
        <book-bag>
            #shadow-root#
                <tom-riddles-diary></tom-riddles-diary>
        </book-bag>
</ginny-weasly>