[4.0] Load webcomponents with asset manager

[Fedik]

Summary of Changes

This will load webcomponents with asset manager.

Testing Instructions

Apply patch run npm install
Click around, try create/edit content, all should work as before.

Expected result

Everything works

Actual result

Everything works

Documentation Changes Required

Need to update Asset documentation to describe how to add webcomponent to it.

ping @wilsonge

[jwaisner]

I have tested this item ✅ successfully on 0afe53a

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/27418.}

[dgrammatiko]

@Fedik are you also covering this hidden functionality:

joomla-cms/libraries/src/HTML/HTMLHelper.php

Line 765 in 543246a

self::_('stylesheet', str_replace('.js', '.css', $file), $options);

[Fedik]

nope, it not hidden now
it need to explicitly call to the style if webcomponent have a style, eg:

joomla-cms/layouts/joomla/form/field/color/simple.php

Lines 55 to 59 in 0afe53a

	Factory::getDocument()->getWebAssetManager()
	->useStyle('webcomponent.field-simple-color')
	->useScript('webcomponent.field-simple-color');

[dgrammatiko]

much better 👍

[wilsonge]

Thanks!

[wilsonge]

Thanks!

[Fedik]

the doc for this part https://docs.joomla.org/J4.x:Web_Assets#Working_with_a_web_component