Correctly include editable css

qt/aqt/data/web/css/BUILD.bazel

@@ -47,6 +47,7 @@ filegroup(
     srcs = [
         "css_local",
         "editor",
+        "editable",
         "reviewer",
     ],
     visibility = ["//qt:__subpackages__"],

ts/editable/BUILD.bazel

@@ -65,6 +65,7 @@ esbuild(
     visibility = ["//visibility:public"],
     deps = [
         "editable",
+        "editable_scss",
         "svelte_components",
         "//ts/components",
         "//ts/components:svelte_components",

ts/editable/Mathjax.svelte

@@ -12,4 +12,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     $: converted = convertMathjax(`${delimiters[0]}${mathjax}${delimiters[1]}`);
 </script>
 
-{@html converted}
+<div on:click={console.log}>
+    {@html converted}
+</div>
+
+<style lang="scss">
+    div {
+        display: contents;
+    }
+</style>

ts/editable/editable-container.ts

@@ -20,7 +20,7 @@ export class EditableContainer extends HTMLDivElement {
 
         const rootStyle = document.createElement("link");
         rootStyle.setAttribute("rel", "stylesheet");
-        rootStyle.setAttribute("href", "./_anki/css/editable.css");
+        rootStyle.setAttribute("href", "./_anki/css/editable-build.css");
         shadow.appendChild(rootStyle);
 
         this.baseStyle = document.createElement("style");

ts/editable/index.ts

@@ -1,5 +1,7 @@
 // Copyright: Ankitects Pty Ltd and contributors
 // License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
+import "./editable-base.css";
 import "./editable-container";
 import "./editable";
+import "./mathjax-components";