@draftably/editor 0.0.0-stage → 0.2.0

package/dist/element.js

@@ -0,0 +1,36 @@
+import { mountEditor as s } from "./index.js";
+typeof customElements < "u" && !customElements.get("draft-editor") && customElements.define(
+  "draft-editor",
+  class extends HTMLElement {
+    static observedAttributes = ["source"];
+    editor;
+    /** The text last sent to or received from the editor, so an echo is not redrawn. */
+    last = "";
+    get source() {
+      return this.editor?.source() ?? this.getAttribute("source") ?? "";
+    }
+    set source(t) {
+      this.setAttribute("source", String(t ?? ""));
+    }
+    constructor() {
+      if (super(), Object.hasOwn(this, "source")) {
+        const t = this.source;
+        delete this.source, t !== void 0 && this.setAttribute("source", String(t));
+      }
+    }
+    connectedCallback() {
+      this.last = this.getAttribute("source") ?? "", this.editor = s(this, {
+        source: this.last,
+        onChange: (t) => {
+          this.last = t, this.dispatchEvent(new CustomEvent("draft-change", { detail: t, bubbles: !0 }));
+        }
+      });
+    }
+    attributeChangedCallback(t, i, e) {
+      !this.editor || e === null || e === this.last || (this.last = e, this.editor.update(e));
+    }
+    disconnectedCallback() {
+      this.editor?.destroy(), this.editor = void 0;
+    }
+  }
+);