Added Box

JavaScriptPlayground · Jan 14, 2024 · a0cca88 · a0cca88
1 parent fea15b1
commit a0cca88
Show file tree

Hide file tree

Showing 9 changed files with 104 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,5 @@
 .vscode/
 dist/
-deno.lock
 
 *.css
 report.xml
diff --git a/build.config.ts b/build.config.ts
@@ -51,11 +51,12 @@ const TSConfig: esbuild.BuildOptions = {
   outdir: './dist',
   entryNames: '[dir]/bundle.min',
   entryPoints: [
-    './src/**/index.ts',
+    './src/**/index.ts'
   ],
 };
 
 if (!args.watch) {
+
   console.log(bold('Coping HTML files...'));
 
   await esbuild.build(HTMLConfig);

diff --git a/deno.lock b/deno.lock
diff --git a/src/box/index.ts b/src/box/index.ts
@@ -0,0 +1,14 @@
+import {
+  LitElement,
+  TemplateResult,
+  customElement,
+  html
+} from '../../deps/lit.ts';
+
+@customElement('lit-box')
+export class LitBox extends LitElement {
+
+  render() : TemplateResult<1> {
+    return html`<div><slot></slot></div>`;
+  }
+}
diff --git a/src/box/styles/index.scss b/src/box/styles/index.scss
@@ -0,0 +1,4 @@
+lit-box {
+  background-color: red;
+}
+
diff --git a/src/button/mod.ts b/src/button/mod.ts
diff --git a/src/button_group/mod.ts b/src/button_group/mod.ts
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script type="module" src="./box/bundle.min.js" defer></script>
+    <link rel="stylesheet" href="./bundle.min.css">
+  </head>
+  <body>
+    <lit-box class="lit-box">Button</lit-box>
+  </body>
+</html>
diff --git a/src/index.ts b/src/index.ts