reactjs-tiptap-editor 1.0.22 → 1.0.24

package/lib/{index-DXtVL0al.js → index-Cal5SPfB.js}

@@ -1,4 +1,4 @@
-import { N as g, w as b, m as L, r as $, E as O, g as K, p as x, i as I, a as V, b as X, c as S, d as z } from "./index-D0EmqTpe.js";
+import { N as g, w as b, m as L, r as $, E as S, a as K, p as x, i as I, b as z, c as V, d as O, e as X } from "./index-BblvcbTH.js";
 var F = Object.defineProperty, G = (t, e) => {
   for (var s in e)
     F(t, s, { get: e[s], enumerable: !0 });
@@ -56,7 +56,22 @@ var F = Object.defineProperty, G = (t, e) => {
       editor: this.editor
     })), [t];
   }
-}), Y = g.create({
+});
+function Y(t) {
+  var e, s;
+  const n = (e = t.tokens) == null ? void 0 : e[0];
+  return !!(t.text && ((s = t.tokens) == null ? void 0 : s.length) === 1 && (n == null ? void 0 : n.type) === "list" && n.ordered && n.raw === t.text);
+}
+function J(t, e) {
+  return e.tokenizeInline ? e.parseInline(e.tokenizeInline(t)) : e.parseInline([
+    {
+      type: "text",
+      raw: t,
+      text: t
+    }
+  ]);
+}
+var Q = g.create({
   name: "listItem",
   addOptions() {
     return {
@@ -84,24 +99,35 @@ var F = Object.defineProperty, G = (t, e) => {
       return [];
     const n = (s = e.parseBlockChildren) != null ? s : e.parseChildren;
     let r = [];
-    if (t.tokens && t.tokens.length > 0)
-      if (t.tokens.some((c) => c.type === "paragraph"))
+    if (t.tokens && t.tokens.length > 0) {
+      if (Y(t))
+        return {
+          type: "listItem",
+          content: [
+            {
+              type: "paragraph",
+              content: J(t.text || "", e)
+            }
+          ]
+        };
+      if (t.tokens.some((u) => u.type === "paragraph"))
         r = n(t.tokens);
       else {
-        const c = t.tokens[0];
-        if (c && c.type === "text" && c.tokens && c.tokens.length > 0) {
+        const u = t.tokens[0];
+        if (u && u.type === "text" && u.tokens && u.tokens.length > 0) {
           if (r = [
             {
               type: "paragraph",
-              content: e.parseInline(c.tokens)
+              content: e.parseInline(u.tokens)
             }
           ], t.tokens.length > 1) {
-            const u = t.tokens.slice(1), p = n(u);
-            r.push(...p);
+            const p = t.tokens.slice(1), h = n(p);
+            r.push(...h);
           }
         } else
           r = n(t.tokens);
       }
+    }
     return r.length === 0 && (r = [
       {
         type: "paragraph",
@@ -128,42 +154,42 @@ var F = Object.defineProperty, G = (t, e) => {
       "Shift-Tab": () => this.editor.commands.liftListItem(this.name)
     };
   }
-}), J = {};
-G(J, {
+}), U = {};
+G(U, {
   findListItemPos: () => y,
   getNextListDepth: () => A,
   handleBackspace: () => T,
   handleDelete: () => M,
   hasListBefore: () => _,
-  hasListItemAfter: () => Q,
-  hasListItemBefore: () => P,
-  listItemHasSubList: () => D,
-  nextListIsDeeper: () => R,
-  nextListIsHigher: () => B
+  hasListItemAfter: () => Z,
+  hasListItemBefore: () => B,
+  listItemHasSubList: () => P,
+  nextListIsDeeper: () => D,
+  nextListIsHigher: () => j
 });
 var y = (t, e) => {
-  const { $from: s } = e.selection, n = S(t, e.schema);
-  let r = null, i = s.depth, c = s.pos, a = null;
+  const { $from: s } = e.selection, n = O(t, e.schema);
+  let r = null, i = s.depth, u = s.pos, a = null;
   for (; i > 0 && a === null; )
-    r = s.node(i), r.type === n ? a = i : (i -= 1, c -= 1);
-  return a === null ? null : { $pos: e.doc.resolve(c), depth: a };
+    r = s.node(i), r.type === n ? a = i : (i -= 1, u -= 1);
+  return a === null ? null : { $pos: e.doc.resolve(u), depth: a };
 }, A = (t, e) => {
   const s = y(t, e);
   if (!s)
     return !1;
-  const [, n] = z(e, t, s.$pos.pos + 4);
+  const [, n] = X(e, t, s.$pos.pos + 4);
   return n;
 }, _ = (t, e, s) => {
   const { $anchor: n } = t.selection, r = Math.max(0, n.pos - 2), i = t.doc.resolve(r).node();
   return !(!i || !s.includes(i.type.name));
-}, P = (t, e) => {
+}, B = (t, e) => {
   var s;
   const { $anchor: n } = e.selection, r = e.doc.resolve(n.pos - 2);
   return !(r.index() === 0 || ((s = r.nodeBefore) == null ? void 0 : s.type.name) !== t);
-}, D = (t, e, s) => {
+}, P = (t, e, s) => {
   if (!s)
     return !1;
-  const n = S(t, e.schema);
+  const n = O(t, e.schema);
   let r = !1;
   return s.descendants((i) => {
     i.type === n && (r = !0);
@@ -174,39 +200,39 @@ var y = (t, e) => {
   if (t.state.selection.from !== t.state.selection.to)
     return !1;
   if (!I(t.state, e) && _(t.state, e, s)) {
-    const { $anchor: a } = t.state.selection, u = t.state.doc.resolve(a.before() - 1), p = [];
-    u.node().descendants((l, d) => {
-      l.type.name === e && p.push({ node: l, pos: d });
+    const { $anchor: a } = t.state.selection, p = t.state.doc.resolve(a.before() - 1), h = [];
+    p.node().descendants((c, l) => {
+      c.type.name === e && h.push({ node: c, pos: l });
     });
-    const h = p.at(-1);
-    if (!h)
+    const m = h.at(-1);
+    if (!m)
       return !1;
-    const o = t.state.doc.resolve(u.start() + h.pos + 1);
+    const o = t.state.doc.resolve(p.start() + m.pos + 1);
     return t.chain().cut({ from: a.start() - 1, to: a.end() + 1 }, o.end()).joinForward().run();
   }
-  if (!I(t.state, e) || !V(t.state))
+  if (!I(t.state, e) || !z(t.state))
     return !1;
   const n = y(e, t.state);
   if (!n)
     return !1;
-  const i = t.state.doc.resolve(n.$pos.pos - 2).node(n.depth), c = D(e, t.state, i);
-  return P(e, t.state) && !c ? t.commands.joinItemBackward() : t.chain().liftListItem(e).run();
-}, R = (t, e) => {
+  const i = t.state.doc.resolve(n.$pos.pos - 2).node(n.depth), u = P(e, t.state, i);
+  return B(e, t.state) && !u ? t.commands.joinItemBackward() : t.chain().liftListItem(e).run();
+}, D = (t, e) => {
   const s = A(t, e), n = y(t, e);
   return !n || !s ? !1 : s > n.depth;
-}, B = (t, e) => {
+}, j = (t, e) => {
   const s = A(t, e), n = y(t, e);
   return !n || !s ? !1 : s < n.depth;
 }, M = (t, e) => {
-  if (!I(t.state, e) || !X(t.state, e))
+  if (!I(t.state, e) || !V(t.state, e))
     return !1;
   const { selection: s } = t.state, { $from: n, $to: r } = s;
-  return !s.empty && n.sameParent(r) ? !1 : R(e, t.state) ? t.chain().focus(t.state.selection.from + 4).lift(e).joinBackward().run() : B(e, t.state) ? t.chain().joinForward().joinBackward().run() : t.commands.joinItemForward();
-}, Q = (t, e) => {
+  return !s.empty && n.sameParent(r) ? !1 : D(e, t.state) ? t.chain().focus(t.state.selection.from + 4).lift(e).joinBackward().run() : j(e, t.state) ? t.chain().joinForward().joinBackward().run() : t.commands.joinItemForward();
+}, Z = (t, e) => {
   var s;
   const { $anchor: n } = e.selection, r = e.doc.resolve(n.pos - n.parentOffset - 2);
   return !(r.index() === r.parent.childCount - 1 || ((s = r.nodeAfter) == null ? void 0 : s.type.name) !== t);
-}, U = O.create({
+}, tt = S.create({
   name: "listKeymap",
   addOptions() {
     return {
@@ -250,86 +276,115 @@ var y = (t, e) => {
       }
     };
   }
-}), N = /^(\s*)(\d+)\.\s+(.*)$/, Z = /^\s/;
-function tt(t) {
+}), N = /^(\s*)(\d+)\.\s+(.*)$/, et = /^\s/;
+function st(t) {
+  const e = t.trimStart();
+  return /^[-+*]\s+/.test(e) || /^\d+\.\s+/.test(e) || /^>\s?/.test(e) || /^```/.test(e) || /^~~~/.test(e);
+}
+function nt(t) {
+  const e = [], s = [];
+  let n = !1;
+  return t.forEach((r) => {
+    if (n) {
+      s.push(r);
+      return;
+    }
+    if (r.trim() === "") {
+      n = !0, s.push(r);
+      return;
+    }
+    if (e.length > 0 && st(r)) {
+      n = !0, s.push(r);
+      return;
+    }
+    e.push(r);
+  }), {
+    paragraphLines: e,
+    blockLines: s
+  };
+}
+function rt(t) {
   const e = [];
   let s = 0, n = 0;
   for (; s < t.length; ) {
     const r = t[s], i = r.match(N);
     if (!i)
       break;
-    const [, c, a, u] = i, p = c.length;
-    let h = u, o = s + 1;
-    const l = [r];
+    const [, u, a, p] = i, h = u.length, m = [p];
+    let o = s + 1;
+    const c = [r];
+    let l = !1;
     for (; o < t.length; ) {
       const d = t[o];
       if (d.match(N))
         break;
       if (d.trim() === "")
-        l.push(d), h += `
-`, o += 1;
-      else if (d.match(Z))
-        l.push(d), h += `
-${d.slice(p + 2)}`, o += 1;
-      else
-        break;
+        c.push(d), m.push(""), l = !0, o += 1;
+      else if (d.match(et))
+        c.push(d), m.push(d.slice(h + 2)), o += 1;
+      else {
+        if (l)
+          break;
+        c.push(d), m.push(d), o += 1;
+      }
     }
     e.push({
-      indent: p,
+      indent: h,
       number: parseInt(a, 10),
-      content: h.trim(),
-      raw: l.join(`
+      content: m.join(`
+`).trim(),
+      contentLines: m,
+      raw: c.join(`
 `)
     }), n = o, s = o;
   }
   return [e, n];
 }
-function j(t, e, s) {
-  var n;
-  const r = [];
-  let i = 0;
-  for (; i < t.length; ) {
-    const c = t[i];
-    if (c.indent === e) {
-      const a = c.content.split(`
-`), u = ((n = a[0]) == null ? void 0 : n.trim()) || "", p = [];
-      u && p.push({
+function R(t, e, s) {
+  const n = [];
+  let r = 0;
+  for (; r < t.length; ) {
+    const i = t[r];
+    if (i.indent === e) {
+      const { paragraphLines: u, blockLines: a } = nt(i.contentLines), p = u.join(`
+`).trim(), h = [];
+      p && h.push({
         type: "paragraph",
-        raw: u,
-        tokens: s.inlineTokens(u)
+        raw: p,
+        tokens: s.inlineTokens(p)
       });
-      const h = a.slice(1).join(`
+      const m = a.join(`
 `).trim();
-      if (h) {
-        const d = s.blockTokens(h);
-        p.push(...d);
+      if (m) {
+        const l = s.blockTokens(m);
+        h.push(...l);
       }
-      let o = i + 1;
-      const l = [];
+      let o = r + 1;
+      const c = [];
       for (; o < t.length && t[o].indent > e; )
-        l.push(t[o]), o += 1;
-      if (l.length > 0) {
-        const d = Math.min(...l.map((m) => m.indent)), k = j(l, d, s);
-        p.push({
+        c.push(t[o]), o += 1;
+      if (c.length > 0) {
+        const l = Math.min(...c.map((f) => f.indent)), d = R(c, l, s);
+        h.push({
           type: "list",
           ordered: !0,
-          start: l[0].number,
-          items: k,
-          raw: l.map((m) => m.raw).join(`
+          start: c[0].number,
+          items: d,
+          raw: c.map((f) => f.raw).join(`
 `)
         });
       }
-      r.push({
+      n.push({
         type: "list_item",
-        raw: c.raw,
-        tokens: p
-      }), i = o;
+        raw: i.raw,
+        tokens: h
+      }), r = o;
     } else
-      i += 1;
+      r += 1;
   }
-  return r;
+  return n;
 }
-function et(t, e) {
+function it(t, e) {
   return t.map((s) => {
     if (s.type !== "list_item")
       return e.parseChildren([s])[0];
@@ -353,7 +408,7 @@ function et(t, e) {
     };
   });
 }
-var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
+var at = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, ot = g.create({
   name: "orderedList",
   addOptions() {
     return {
@@ -394,7 +449,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
   parseMarkdown: (t, e) => {
     if (t.type !== "list" || !t.ordered)
       return [];
-    const s = t.start || 1, n = t.items ? et(t.items, e) : [];
+    const s = t.start || 1, n = t.items ? it(t.items, e) : [];
     return s !== 1 ? {
       type: "orderedList",
       attrs: { start: s },
@@ -416,16 +471,16 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
     tokenize: (t, e, s) => {
       var n;
       const r = t.split(`
-`), [i, c] = tt(r);
+`), [i, u] = rt(r);
       if (i.length === 0)
         return;
-      const a = j(i, 0, s);
+      const a = R(i, 0, s);
       return a.length === 0 ? void 0 : {
         type: "list",
         ordered: !0,
         start: ((n = i[0]) == null ? void 0 : n.number) || 1,
         items: a,
-        raw: r.slice(0, c).join(`
+        raw: r.slice(0, u).join(`
 `)
       };
     }
@@ -435,7 +490,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
   },
   addCommands() {
     return {
-      toggleOrderedList: () => ({ commands: t, chain: e }) => this.options.keepAttributes ? e().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(st, this.editor.getAttributes(E)).run() : t.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
+      toggleOrderedList: () => ({ commands: t, chain: e }) => this.options.keepAttributes ? e().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(at, this.editor.getAttributes(E)).run() : t.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
     };
   },
   addKeyboardShortcuts() {
@@ -460,7 +515,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
       editor: this.editor
     })), [t];
   }
-}), rt = /^\s*(\[([( |x])?\])\s$/, it = g.create({
+}), ut = /^\s*(\[([( |x])?\])\s$/, ct = g.create({
   name: "taskItem",
   addOptions() {
     return {
@@ -542,45 +597,45 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
   },
   addNodeView() {
     return ({ node: t, HTMLAttributes: e, getPos: s, editor: n }) => {
-      const r = document.createElement("li"), i = document.createElement("label"), c = document.createElement("span"), a = document.createElement("input"), u = document.createElement("div"), p = (o) => {
-        var l, d;
-        a.ariaLabel = ((d = (l = this.options.a11y) == null ? void 0 : l.checkboxLabel) == null ? void 0 : d.call(l, o, a.checked)) || `Task item checkbox for ${o.textContent || "empty task item"}`;
+      const r = document.createElement("li"), i = document.createElement("label"), u = document.createElement("span"), a = document.createElement("input"), p = document.createElement("div"), h = (o) => {
+        var c, l;
+        a.ariaLabel = ((l = (c = this.options.a11y) == null ? void 0 : c.checkboxLabel) == null ? void 0 : l.call(c, o, a.checked)) || `Task item checkbox for ${o.textContent || "empty task item"}`;
       };
-      p(t), i.contentEditable = "false", a.type = "checkbox", a.addEventListener("mousedown", (o) => o.preventDefault()), a.addEventListener("change", (o) => {
+      h(t), i.contentEditable = "false", a.type = "checkbox", a.addEventListener("mousedown", (o) => o.preventDefault()), a.addEventListener("change", (o) => {
         if (!n.isEditable && !this.options.onReadOnlyChecked) {
           a.checked = !a.checked;
           return;
         }
-        const { checked: l } = o.target;
-        n.isEditable && typeof s == "function" && n.chain().focus(void 0, { scrollIntoView: !1 }).command(({ tr: d }) => {
-          const k = s();
-          if (typeof k != "number")
+        const { checked: c } = o.target;
+        n.isEditable && typeof s == "function" && n.chain().focus(void 0, { scrollIntoView: !1 }).command(({ tr: l }) => {
+          const d = s();
+          if (typeof d != "number")
             return !1;
-          const m = d.doc.nodeAt(k);
-          return d.setNodeMarkup(k, void 0, {
-            ...m == null ? void 0 : m.attrs,
-            checked: l
+          const f = l.doc.nodeAt(d);
+          return l.setNodeMarkup(d, void 0, {
+            ...f == null ? void 0 : f.attrs,
+            checked: c
           }), !0;
-        }).run(), !n.isEditable && this.options.onReadOnlyChecked && (this.options.onReadOnlyChecked(t, l) || (a.checked = !a.checked));
-      }), Object.entries(this.options.HTMLAttributes).forEach(([o, l]) => {
-        r.setAttribute(o, l);
-      }), r.dataset.checked = t.attrs.checked, a.checked = t.attrs.checked, i.append(a, c), r.append(i, u), Object.entries(e).forEach(([o, l]) => {
-        r.setAttribute(o, l);
+        }).run(), !n.isEditable && this.options.onReadOnlyChecked && (this.options.onReadOnlyChecked(t, c) || (a.checked = !a.checked));
+      }), Object.entries(this.options.HTMLAttributes).forEach(([o, c]) => {
+        r.setAttribute(o, c);
+      }), r.dataset.checked = t.attrs.checked, a.checked = t.attrs.checked, i.append(a, u), r.append(i, p), Object.entries(e).forEach(([o, c]) => {
+        r.setAttribute(o, c);
       });
-      let h = new Set(Object.keys(e));
+      let m = new Set(Object.keys(e));
       return {
         dom: r,
-        contentDOM: u,
+        contentDOM: p,
         update: (o) => {
           if (o.type !== this.type)
             return !1;
-          r.dataset.checked = o.attrs.checked, a.checked = o.attrs.checked, p(o);
-          const l = n.extensionManager.attributes, d = K(o, l), k = new Set(Object.keys(d)), m = this.options.HTMLAttributes;
-          return h.forEach((f) => {
-            k.has(f) || (f in m ? r.setAttribute(f, m[f]) : r.removeAttribute(f));
-          }), Object.entries(d).forEach(([f, v]) => {
-            v == null ? f in m ? r.setAttribute(f, m[f]) : r.removeAttribute(f) : r.setAttribute(f, v);
-          }), h = k, !0;
+          r.dataset.checked = o.attrs.checked, a.checked = o.attrs.checked, h(o);
+          const c = n.extensionManager.attributes, l = K(o, c), d = new Set(Object.keys(l)), f = this.options.HTMLAttributes;
+          return m.forEach((k) => {
+            d.has(k) || (k in f ? r.setAttribute(k, f[k]) : r.removeAttribute(k));
+          }), Object.entries(l).forEach(([k, v]) => {
+            v == null ? k in f ? r.setAttribute(k, f[k]) : r.removeAttribute(k) : r.setAttribute(k, v);
+          }), m = d, !0;
         }
       };
     };
@@ -588,7 +643,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
   addInputRules() {
     return [
       b({
-        find: rt,
+        find: ut,
         type: this.type,
         getAttributes: (t) => ({
           checked: t[t.length - 1] === "x"
@@ -596,7 +651,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
       })
     ];
   }
-}), at = g.create({
+}), lt = g.create({
   name: "taskList",
   addOptions() {
     return {
@@ -632,7 +687,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
     },
     tokenize(t, e, s) {
       const n = (i) => {
-        const c = x(
+        const u = x(
           i,
           {
             itemPattern: /^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,
@@ -641,7 +696,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
               mainContent: a[4],
               checked: a[3].toLowerCase() === "x"
             }),
-            createToken: (a, u) => ({
+            createToken: (a, p) => ({
               type: "taskItem",
               raw: "",
               mainContent: a.mainContent,
@@ -649,18 +704,18 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
               checked: a.checked,
               text: a.mainContent,
               tokens: s.inlineTokens(a.mainContent),
-              nestedTokens: u
+              nestedTokens: p
             }),
             // Allow recursive nesting
             customNestedParser: n
           },
           s
         );
-        return c ? [
+        return u ? [
           {
             type: "taskList",
-            raw: c.raw,
-            items: c.items
+            raw: u.raw,
+            items: u.items
           }
         ] : s.blockTokens(i);
       }, r = x(
@@ -672,7 +727,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
             mainContent: i[4],
             checked: i[3].toLowerCase() === "x"
           }),
-          createToken: (i, c) => ({
+          createToken: (i, u) => ({
             type: "taskItem",
             raw: "",
             mainContent: i.mainContent,
@@ -680,7 +735,7 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
             checked: i.checked,
             text: i.mainContent,
             tokens: s.inlineTokens(i.mainContent),
-            nestedTokens: c
+            nestedTokens: u
           }),
           // Use the recursive parser for nested content
           customNestedParser: n
@@ -709,16 +764,16 @@ var st = "listItem", E = "textStyle", H = /^(\d+)\.\s$/, nt = g.create({
     };
   }
 });
-O.create({
+S.create({
   name: "listKit",
   addExtensions() {
     const t = [];
-    return this.options.bulletList !== !1 && t.push(q.configure(this.options.bulletList)), this.options.listItem !== !1 && t.push(Y.configure(this.options.listItem)), this.options.listKeymap !== !1 && t.push(U.configure(this.options.listKeymap)), this.options.orderedList !== !1 && t.push(nt.configure(this.options.orderedList)), this.options.taskItem !== !1 && t.push(it.configure(this.options.taskItem)), this.options.taskList !== !1 && t.push(at.configure(this.options.taskList)), t;
+    return this.options.bulletList !== !1 && t.push(q.configure(this.options.bulletList)), this.options.listItem !== !1 && t.push(Q.configure(this.options.listItem)), this.options.listKeymap !== !1 && t.push(tt.configure(this.options.listKeymap)), this.options.orderedList !== !1 && t.push(ot.configure(this.options.orderedList)), this.options.taskItem !== !1 && t.push(ct.configure(this.options.taskItem)), this.options.taskList !== !1 && t.push(lt.configure(this.options.taskList)), t;
   }
 });
 export {
   q as B,
-  nt as O,
-  at as T,
-  it as a
+  ot as O,
+  lt as T,
+  ct as a
 };

package/lib/{index-CjLxMm5d.js → index-D-Ouz0vF.js}

@@ -1,4 +1,4 @@
-import { T as D, s as m, S as Z, u as z, v as ft, D as Be, F, x as ut, A as dt } from "./index-D0EmqTpe.js";
+import { T as D, u as m, S as Z, v as z, x as ft, D as Be, F, y as ut, A as dt } from "./index-BblvcbTH.js";
 var $ = {
   8: "Backspace",
   9: "Tab",