Initial port to svelte

vnshed/src/lib/components/img_button.svelte

@@ -0,0 +1,37 @@
+<!-- class ImgButton {
+
+    html = undefined;
+    id = undefined;
+
+    constructor(name, img) {
+        this.html = document.createElement('div');
+        this.html.classList.add("imgbutton");
+        this.id = makeid(8);
+        this.html.id = this.id;
+
+        let btn_img = document.createElement('img');
+        btn_img.src = img;
+        btn_img.innerHTML = name;
+        this.html.appendChild(btn_img);
+    }
+
+    addHadler(func) {
+        this.html.addEventListener("click", func);
+        return this;
+    }
+
+    setCssClass(name) {
+        this.html.classList.add(name);
+    }
+
+} -->
+
+<script>
+    import { makeid } from "$lib/functions.js"
+    let id = makeid(8);
+    let { style, image, name } = $props();
+</script>
+
+<div class="imgbutton {style}">
+    <img src={image} alt={name}>
+</div>