Please build the custom elements for reusability in Polymer apps

[JosefJezek]

We need reusable custom elements for Polymer app without TypeScript. Please build facets elements to pure JS and distribute these elements with this repo. Thank you.

[jameswex]

You can use the elements from this repo without typescript in a way similar to how our demo webpage (https://pair-code.github.io/facets/) does it. We ship a facets-dist.html in the dist directory of the repo and you can use this html to include the elements in your own website. You can see the HTML/JS that accomplishes this for the demo webpage here: https://github.com/PAIR-code/facets/blob/gh-pages/index.html#L311

Basically, if you import the facets-dist.html in your own html file then you can create facets-dive and facets-overview elements either in html or programmatically in javascript and reference them in your own javascript.

[JosefJezek]

We need pure custom elements without dependencies. Element facets-dist is a bad solution for Polymer apps. Element facets-dist contain dependencies Polymer lib and other elements. :-(

[libor-m]

The fact is that currently it's pretty difficult to use the elements in a 'normal' Polymer app - which is a little shame for a 'Polymer element'. The bundled version clashes with Polymer used in the app, and building/extracting unbundled version of the elements is not trivial. It requires knowing where to grab which files buried deep in the bazel build system, then tanspiling the ES6 scripts and manually resolving dependencies.

It would be nice if - at least - someone knowledgable of the code and the whole build system provided guidance how to 'build' an unbundled element with bazel.