jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-01 04:12:14 +02:00
Code Packages Releases Activity

🚀 🚧 improvements (handlign special cases) + docs

Browse Source
This commit is contained in:
Jan Andrle
2023-11-05 21:49:32 +01:00
parent d0b76727ee
commit b597c00176
16 changed files with 88 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs_src/components/example.html.js
View File

@ -1,12 +1,12 @@
let loaded= false;
let is_register= false;
import { styles } from "../index.css.js";
export const css= styles().scope(example).css`
:host{
--body-max-width: 80rem;
height: 20rem;
height: 25rem;
}
`
import { el } from "../../jsdom.js";
import { el } from "deka-dom-el";
export function example({ src, language= "javascript" }){
register();
const cwd= "components";
@ -32,12 +32,12 @@ function elCode({ id, content }){
files: [{ name: ".js", content }],
toolbar: false
});
return el("script", `Flems(document.getElementById("${id}"), JSON.parse(${options}));`);
return el("script", `Flems(document.getElementById("${id}"), JSON.parse(${JSON.stringify(options)}));`);
}
function register(){
if(loaded) return;
if(is_register) return;
document.head.append(
el("script", { src: "https://flems.io/flems.html", type: "text/javascript", charset: "utf-8" })
);
loaded= true;
is_register= true;
}