components

A collection of custom elements / web components

• Code of Conduct
• Contributing

Requires @shgysk8zer0/polyfills and @shgysk8zer0/kazoo, at least via import map (use @shgysk8zer0/rollup-import). These are not included as dependencies, as it is not intended for use via npm i.

These components require modern & even experimental JS features, and the polyfills are not included here. You may need @shgysk8zer0/polyfills/elementInternals, @shgysk8zer0/polyfills/sanitizer.jsand @shgysk8zer0/trustedTypes.js at minimum (as of 5/2023). To be on the safe side, just import '@shghsk8zer0/polyfills'.

Example import map

<script type="importmap">
{
  "imports": {
    "@shgysk8zer0/kazoo/": "https://unpkg.com/@shgysk8zer0/[email protected]/",
    "@shgysk8zer0/konami": "https://unpkg.com/@shgysk8zer0/[email protected]/konami.js",
    "@shgysk8zer0/polyfills": "https://unpkg.com/@shgysk8zer0/[email protected]/all.min.js",
    "@shgysk8zer0/polyfills/": "https://unpkg.com/@shgysk8zer0/[email protected]/",
    "@shgysk8zer0/jswaggersheets": "https://unpkg.com/@shgysk8zer0/[email protected]/swagger.js",
    "@shgysk8zer0/jswaggersheets/": "https://unpkg.com/@shgysk8zer0/[email protected]/",
    "@shgysk8zer0/jss/": "https://unpkg.com/@shgysk8zer0/[email protected]/",
    "@shgysk8zer0/consts/": "https://unpkg.com/@shgysk8zer0/[email protected]/",
    "@shgysk8zer0/http/": "https://unpkg.com/@shgysk8zer0/[email protected]/",
    "@shgysk8zer0/http-status": "https://unpkg.com/@shgysk8zer0/[email protected]/http-status.js",
    "@aegisjsproject/trusted-types": "https://unpkg.com/@aegisjsproject/[email protected]/bundle.min.js",
    "@aegisjsproject/trusted-types/": "https://unpkg.com/@aegisjsproject/[email protected]/",
    "@aegisjsproject/parsers": "https://unpkg.com/@aegisjsproject/[email protected]/bundle.min.js",
    "@aegisjsproject/parsers/": "https://unpkg.com/@aegisjsproject/[email protected]/",
    "@aegisjsproject/sanitizer": "https://unpkg.com/@aegisjsproject/[email protected]/sanitizer.js",
    "@aegisjsproject/sanitizer/": "https://unpkg.com/@aegisjsproject/[email protected]/",
    "@aegisjsproject/core": "https://unpkg.com/@aegisjsproject/[email protected]/core.js",
    "@aegisjsproject/core/": "https://unpkg.com/@aegisjsproject/[email protected]/",
    "@aegisjsproject/styles": "https://unpkg.com/@aegisjsproject/[email protected]/styles.js",
    "@aegisjsproject/styles/": "https://unpkg.com/@aegisjsproject/[email protected]/",
    "@aegisjsproject/component": "https://unpkg.com/@aegisjsproject/[email protected]/component.js",
    "@aegisjsproject/component/": "https://unpkg.com/@aegisjsproject/[email protected]/",
    "@aegisjsproject/markdown": "https://unpkg.com/@aegisjsproject/[email protected]/markdown.js",
    "@aegisjsproject/markdown/": "https://unpkg.com/@aegisjsproject/[email protected]/",
    "@aegisjsproject/aegis-md": "https://unpkg.com/@aegisjsproject/[email protected]/aegis-md.js",
    "@aegisjsproject/aegis-md/": "https://unpkg.com/@aegisjsproject/[email protected]/",
    "@shgysk8zer0/components/": "https://unpkg.com/@shgysk8zer0/[email protected]/",
    "@kernvalley/components/": "https://unpkg.com/@kernvalley/[email protected]/",
    "@webcomponents/custom-elements": "https://unpkg.com/@webcomponents/[email protected]/custom-elements.min.js",
    "leaflet": "https://unpkg.com/[email protected]/dist/leaflet-src.esm.js",
    "urlpattern-polyfill": "https://unpkg.com/[email protected]/index.js",
    "highlight.js": "https://unpkg.com/@highlightjs/[email protected]/es/core.min.js",
    "highlight.js/": "https://unpkg.com/@highlightjs/[email protected]/es/",
    "@highlightjs/cdn-assets": "https://unpkg.com/@highlightjs/[email protected]/es/core.min.js",
    "@highlightjs/cdn-assets/": "https://unpkg.com/@highlightjs/[email protected]/es/",
    "marked": "https://unpkg.com/[email protected]/lib/marked.esm.js",
    "marked-highlight": "https://unpkg.com/[email protected]/src/index.js",
    "firebase/": "https://www.gstatic.com/firebasejs/9.23.0/"
    }
}
</script>