Bundling `@duetds/date-picker` with Rollup doesn't work

Describe the bug Currently @duetds/date-picker does not work with Rollup (or I didn’t get it to). The problem appears to be a dynamic import statement with a template string:

return import(`./${bundleId}.entry.js${""}`);

Rollup seems to ignore these imports: “Dynamic imports on runtime are ignored by Rollup #2463”

To Reproduce Clone this repository https://github.com/sto3psl/rollup-duet-date-picker and follow the steps to create a bundle.

Expected behavior <duet-date-picker></duet-date-picker> should render in the browser with no errors.

Desktop (please complete the following information):

• OS: macOS 10.15.6
• Browser: all of them

---

I’m not sure if this problem comes through duetds/date-picker or Stencil.js or the way everything is published.

[sto3psl]

Well, that works flawlessly! Thanks @WickyNilliams!

I updated my repository and added a note with the “fix” if anyone else runs into this issue. I think it would be great to make it more clear in the docs that the single file bundle is supposed to be used with bundlers and that it also exports defineCustomElements.

[WickyNilliams]

I’ll reopen this to track the docs changes 😃

It indirectly contains a dynamic import, as it statically imports @stencil/core/internal, which itself contains a dynamic import