Exception when using it...

[jogibear9988]

I tried using your element in my designer:
https://node-projects.github.io/web-component-designer-demo/index.html

With this code:

    <html-demo-element legend="with legend attribute 🤗" description="👓
                    Description will be kept next to legend
                    but less emphasized ">Eating own dog food 🦴</html-demo-element>

I always get this exception:

[sashafirsov]

@jogibear9988 , the sample in raw works as expected. Within your designer I was not able to replicate it either.
Please upgrade to latest 1.0.9 where I added the safety checks for programmatic use.
It should fix the exception but perhaps not your use case.

Please let me know if upgrade works.

[sashafirsov]

<script type="module" src="https://unpkg.com/html-demo-element@1.0.10/html-demo-element.js"></script>
<html-demo-element legend="with legend attribute 🤗" description="👓
                    Description will be kept next to legend
                    but less emphasized ">Eating own<code>dog food</code>🦴</html-demo-element>

in code editor does the work in designer:
https://node-projects.github.io/web-component-designer-demo/index.html

Only trouble is styling by prysmjs is broken :(

[jogibear9988]

I load it as a NPM package:

but now it seems to work

[sashafirsov]

the DOM part is OK, but prysm css is not. Network panel shows it is loaded but rules are not applied

[jogibear9988]

I now also see, you link to packages on unpkg, a component should include it's dependecies in package.json and then link to the node module

    import "https://unpkg.com/prismjs@1.29.0/components/prism-core.min.js";
    import "https://unpkg.com/prismjs@1.29.0/components/prism-markup.min.js";
    import "https://unpkg.com/prismjs@1.29.0/components/prism-css.min.js";
    import "https://unpkg.com/prismjs@1.29.0/components/prism-clike.min.js";
    import "https://unpkg.com/prismjs@1.29.0/components/prism-javascript.min.js";
    import "https://unpkg.com/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js";

[jogibear9988]

my designer uses shadow dom, so your global style injection will not work on nested webcomponents

[sashafirsov]

Styles would be addressed in #6
closing