Feature: Shadow DOM without wrapping DIV element

[hbroer]

Background

I was playing arround with NanoJSX and found in case of using it to create WebCompontents it did wrap them into a div element because Component.update() expects the parent to be Element. This adds more elements to the DOM than needed and is not expected to happen when creating a WebComponent.

Changes

I did a small change to Component.update() to get the parent via oldElements[0].parentNode instead of oldElements[0].parentElement. I then removed the shadowroot conditions in class.buildEl() and class.appendEl() in defineAsCustomElements().

Tests

The tests are fixed by removing the wrapping <div> tags. I could not run the e2e tests localy. I only checked if it still works in my local project by mounting a component and do frequent update() calls.

Breaking Changes

This PR adds a breaking change to the "Shadow DOM" feature if someone expects the wrapping div to be rendered.

[yandeu]

Thanks for your PR!

I will check if your update in src/component.ts will have a big impact.

Also, it looks more like a bug fix than a breaking change to me.

[hbroer]

yea was not sure if it's a bug fix or a feature. I think it potentially fixes a workaround. :-D

[yandeu]

Everything work well, so I will merge it. Thanks a lot again!