[poc] add static stencil component

[janniks]

• adds dist-custom-elements distribution of connect-ui, since rollup-based projects don't handle dynamic loaded stencil well
• the new custom element is loaded (non-dynamically) in the new showConnectStatic method (just a copy of showConnect without dynamic loading)

using *Static would always bundle the connect-ui (ideally only shown when somebody has an incompatible browser, or is missing the wallet extension) into a project. however, developers could adjust their configs (e.g. rollup > manualChunks) to achieve similar dynamic loading/chunking, but handled by the last bundler in the build step (rather than stencil before distribution, which is optimized for webpack)

[janniks]

cc @kyranjamie does this make sense or are there other options to consider w/ stencil?

[kyranjamie]

So the gist here is just creating an alternate method that synchronously loads the connect dialog?

Code looks good but, I'm not so familiar with stencil so have nothing specific to suggest.

[janniks]

So the gist here is just creating an alternate method that synchronously loads the connect dialog?

Yep, although upon re-checking the latest release literally just added a fix for this, days ago. It's marked as experimental, but I'll test in a new PR.

UPDATE: the other fix doesn't seem to work in the case. so i'm going to stick with the static option proposed here. if the issue in stencil is resolved we can retry moving to the experimental imports.