Layercontrol bundle is very big

[StefanBrand]

dist/eox-layercontrol.js  954.39 kB │ gzip: 178.57 kB
dist/eox-layercontrol.umd.cjs  690.15 kB │ gzip: 155.66 kB

[StefanBrand]

After #590 stats look like this:

dist/eox-layercontrol.js  547.90 kB │ gzip: 119.85 kB
dist/eox-layercontrol.umd.cjs  421.72 kB │ gzip: 102.76 kB

still a bit bulky. 🤔

This is the result of npx -w @eox/layercontrol vite-bundle-visualizer -o layercontrol-stats.html: layercontrol-stats.zip

We can see that via jsonform we bundle all theme providers (bootstrap<n>.js...), while we probably don't want to bundle all of them.

[StefanBrand]

We should probably move jsonform into it's own chunk because in many cases it will not be used by the downstream application.

[StefanBrand]

EOxElements/elements/layercontrol/src/components/layer-config.js

Line 2 in 9968efb

import "../../../jsonform/src/main";

could be changed

- import "../../../jsonform/src/main";
+ import("../../../jsonform/src/main");

which results in

dist/eox-layercontrol.js    0.08 kB │ gzip:  0.09 kB
dist/main-9gFS82QB.js     151.27 kB │ gzip: 41.08 kB
dist/main-LP96rjgB.js     396.83 kB │ gzip: 79.39 kB
dist/eox-layercontrol.umd.cjs  421.87 kB │ gzip: 102.75 kB

This is not ideal because it makes a very small entry point file and two main-<hash>.js files, which are difficult to identify. Possibly we can use https://rollupjs.org/configuration-options/#output-manualchunks, but I found this to conflict with the UMD bundle.