Support slots without shadow dom

[Machy8]

The component will have to travers dom until it reaches another web component:

• During this process, every slot will be replaced by a new one.
• It will have to be connected to correct hook in the web component lifecycle (constructor vs connected).

Code from old prototype (it won't work anymore in current state):

const convertInnerHtmlToFragment = () => {
	const template = document.createElement('template');
	template.innerHTML = this.innerHTML.trim();
	return template;
}


if (options?.shadow) {
	if (template === undefined) {
		template = convertInnerHtmlToFragment();
		this.innerHTML = '';
	}
} else if (template !== undefined) {
	const fragment = convertInnerHtmlToFragment();

	for (const slot of fragment.querySelectorAll('[slot]')) {
		const slotName = slot.getAttribute('slot');
		slot.removeAttribute('slot');
		template.content.querySelector(`slot[name="${slotName}"]`)?.replaceWith(slot);
	}

	template.content.querySelector('slot:not([name])')?.replaceWith(currentTemplate.content);
}