@milkdown/plugin-emoji 6.5.2 → 6.5.4

package/lib/constant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../src/constant.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,IAAI,QAAqB,CAAC;AACvC,eAAO,MAAM,IAAI,QAAwB,CAAC;AAC1C,eAAO,MAAM,KAAK,QAAmB,CAAC"}
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../src/constant.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,IAAI,QAAqB,CAAA;AACtC,eAAO,MAAM,IAAI,QAAwB,CAAA;AACzC,eAAO,MAAM,KAAK,QAAmB,CAAA"}

package/lib/filter/helper.d.ts

@@ -1,5 +1,5 @@
-import { EditorView } from '@milkdown/prose/view';
+import type { EditorView } from '@milkdown/prose/view';
 import type { Emoji } from 'node-emoji';
 export declare const checkTrigger: (view: EditorView, from: number, to: number, text: string, setRange: (from: number, to: number) => void, setSearch: (words: string) => void) => boolean;
-export declare const renderDropdownList: (list: Emoji[], dropDown: HTMLElement, $active: HTMLElement | null, onConfirm: () => void, setActive: (active: HTMLElement | null) => void, twemojiOptions?: TwemojiOptions) => void;
+export declare const renderDropdownList: (list: Emoji[], dropDown: HTMLElement, onConfirm: () => void, setActive: (active: HTMLElement | null) => void, twemojiOptions?: TwemojiOptions) => void;
 //# sourceMappingURL=helper.d.ts.map

package/lib/filter/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/filter/helper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAKxC,eAAO,MAAM,YAAY,SACf,UAAU,QACV,MAAM,MACR,MAAM,QACJ,MAAM,mBACK,MAAM,MAAM,MAAM,KAAK,IAAI,qBACzB,MAAM,KAAK,IAAI,YAoBrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,SACrB,KAAK,EAAE,YACH,WAAW,WACZ,WAAW,GAAG,IAAI,aAChB,MAAM,IAAI,sBACD,WAAW,GAAG,IAAI,KAAK,IAAI,mBAC9B,cAAc,SAmDlC,CAAC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/filter/helper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,eAAO,MAAM,YAAY,SACjB,UAAU,QACV,MAAM,MACR,MAAM,QACJ,MAAM,mBACK,MAAM,MAAM,MAAM,KAAK,IAAI,qBACzB,MAAM,KAAK,IAAI,YAsBnC,CAAA;AAED,eAAO,MAAM,kBAAkB,SACvB,KAAK,EAAE,YACH,WAAW,aACV,MAAM,IAAI,sBACD,WAAW,GAAG,IAAI,KAAK,IAAI,mBAC9B,cAAc,SAuChC,CAAA"}

package/lib/filter/index.d.ts

@@ -1,5 +1,5 @@
 import { Plugin, PluginKey } from '@milkdown/prose/state';
-import { ThemeUtils } from '@milkdown/utils';
+import type { ThemeUtils } from '@milkdown/utils';
 export declare const key: PluginKey<any>;
 export declare const filter: (utils: ThemeUtils, maxListSize: number, twemojiOptions?: TwemojiOptions) => Plugin<any>;
 //# sourceMappingURL=index.d.ts.map

package/lib/filter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filter/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,eAAO,MAAM,GAAG,gBAAyC,CAAC;AAE1D,eAAO,MAAM,MAAM,UAAW,UAAU,eAAe,MAAM,mBAAmB,cAAc,gBA6M7F,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filter/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAMjD,eAAO,MAAM,GAAG,gBAAyC,CAAA;AAEzD,eAAO,MAAM,MAAM,UAAW,UAAU,eAAe,MAAM,mBAAmB,cAAc,gBA2M7F,CAAA"}

package/lib/filter/style.d.ts

@@ -1,3 +1,3 @@
-import { Emotion, ThemeManager } from '@milkdown/core';
+import type { Emotion, ThemeManager } from '@milkdown/core';
 export declare const injectStyle: (themeManager: ThemeManager, { css, cx }: Emotion) => string;
 //# sourceMappingURL=style.d.ts.map

package/lib/filter/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/filter/style.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,OAAO,EAIP,YAAY,EAIf,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,WAAW,iBAAkB,YAAY,eAAe,OAAO,WA6C3E,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/filter/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,OAAO,EACP,YAAY,EACb,MAAM,gBAAgB,CAAA;AAUvB,eAAO,MAAM,WAAW,iBAAkB,YAAY,eAAe,OAAO,WA6C3E,CAAA"}

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,cAAc,QAAQ,CAAC;AAEvB,eAAO,MAAM,KAAK,oKAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG1C,cAAc,QAAQ,CAAA;AAEtB,eAAO,MAAM,KAAK,oKAAiC,CAAA"}

package/lib/index.es.js

@@ -1,58 +1,54 @@
-import { createNode as A, AtomList as H } from "@milkdown/utils";
-import { missingRootElement as N, expectDomTypeError as O } from "@milkdown/exception";
+import { createNode as _, AtomList as O } from "@milkdown/utils";
+import { missingRootElement as N, expectDomTypeError as H } from "@milkdown/exception";
 import { InputRule as F } from "@milkdown/prose/inputrules";
-import D from "node-emoji";
+import A from "node-emoji";
 import I from "remark-emoji";
-import { calculateNodePosition as R } from "@milkdown/prose";
-import { PluginKey as B, Plugin as K } from "@milkdown/prose/state";
-import W from "twemoji";
-import { ThemeBorder as $, ThemeShadow as z, ThemeScrollbar as U, ThemeSize as q, ThemeFont as J, ThemeColor as G } from "@milkdown/core";
+import { calculateNodePosition as $ } from "@milkdown/prose";
+import { PluginKey as R, Plugin as B } from "@milkdown/prose/state";
+import K from "twemoji";
+import { ThemeBorder as W, ThemeShadow as z, ThemeScrollbar as U, ThemeSize as q, ThemeFont as J, ThemeColor as G } from "@milkdown/core";
 import Q from "emoji-regex";
-const X = /:\+1|:-1|:[\w-]+/, Y = /:\+1:|:-1:|:[\w-]+:/, Z = /(:([^:\s]+):)$/, V = (r) => ({ title: r }), b = (r, a) => W.parse(r, { attributes: V, ...a }), ee = (r, a, f, e, i, s) => {
-  if (r.composing)
+const X = /:\+1|:-1|:[\w-]+/, Y = /:\+1:|:-1:|:[\w-]+:/, Z = /(:([^:\s]+):)$/, V = (n) => ({ title: n }), C = (n, s) => K.parse(n, { attributes: V, ...s }), ee = (n, s, d, e, l, o) => {
+  if (n.composing)
     return !1;
-  const { state: o } = r, l = o.doc.resolve(a);
-  if (l.parent.type.spec.code)
+  const { state: r } = n, i = r.doc.resolve(s);
+  if (i.parent.type.spec.code)
     return !1;
-  const c = (l.parent.textBetween(Math.max(0, l.parentOffset - 10), l.parentOffset, void 0, "\uFFFC") + e).toLowerCase();
-  if (Y.test(c))
+  const a = (i.parent.textBetween(Math.max(0, i.parentOffset - 10), i.parentOffset, void 0, "\uFFFC") + e).toLowerCase();
+  if (Y.test(a))
     return !1;
-  const t = X.exec(c);
-  if (t && t[0] && c.endsWith(t[0])) {
-    const n = t[0];
-    return i(a - (n.length - e.length), f), s(n), !0;
+  const t = X.exec(a);
+  if (t && t[0] && a.endsWith(t[0])) {
+    const m = t[0];
+    return l(s - (m.length - e.length), d), o(m), !0;
   }
   return !1;
-}, te = (r, a, f, e, i, s) => {
-  for (; a.firstChild; )
-    a.firstChild.remove();
-  r.forEach(({ emoji: o, key: l }, c) => {
-    const t = document.createElement("div");
-    t.className = "milkdown-emoji-filter_item";
-    const n = document.createElement("span");
-    n.innerHTML = b(o, s), n.className = "milkdown-emoji-filter_item-emoji";
-    const h = document.createElement("span");
-    h.textContent = ":" + l + ":", h.className = "milkdown-emoji-filter_item-key", t.appendChild(n), t.appendChild(h), a.appendChild(t), c === 0 && (t.classList.add("active"), i(t));
-    const g = (d) => {
-      f && f.classList.remove("active");
-      const { target: m } = d;
-      m instanceof HTMLElement && (m.classList.add("active"), i(m));
-    }, w = (d) => {
-      const { target: m } = d;
-      m instanceof HTMLElement && m.classList.remove("active");
-    }, u = (d) => {
-      d.preventDefault(), e();
+}, te = (n, s, d, e, l) => {
+  for (; s.firstChild; )
+    s.firstChild.remove();
+  n.forEach(({ emoji: o, key: r }, i) => {
+    const a = document.createElement("div");
+    a.className = "milkdown-emoji-filter_item";
+    const t = document.createElement("span");
+    t.innerHTML = C(o, l), t.className = "milkdown-emoji-filter_item-emoji";
+    const m = document.createElement("span");
+    m.textContent = `:${r}:`, m.className = "milkdown-emoji-filter_item-key", a.appendChild(t), a.appendChild(m), s.appendChild(a), i === 0 && e(a);
+    const c = (u) => {
+      const { target: j } = u;
+      j instanceof HTMLElement && e(j);
+    }, w = (u) => {
+      u.preventDefault(), d();
     };
-    t.addEventListener("mouseenter", g), t.addEventListener("mouseleave", w), t.addEventListener("mousedown", u);
+    a.addEventListener("mouseenter", c), a.addEventListener("mousedown", w);
   });
-}, ne = (r, { css: a, cx: f }) => {
-  const e = r.get($, void 0), i = r.get(z, void 0), s = r.get(U, void 0), o = r.get(q, "radius"), l = r.get(J, "typography"), c = (n, h = 1) => r.get(G, [n, h]), t = a`
+}, ne = (n, { css: s, cx: d }) => {
+  const e = n.get(W, void 0), l = n.get(z, void 0), o = n.get(U, void 0), r = n.get(q, "radius"), i = n.get(J, "typography"), a = (m, c = 1) => n.get(G, [m, c]), t = s`
         min-height: 36px;
         max-height: 320px;
         overflow-y: auto;
-        border-radius: ${o};
+        border-radius: ${r};
         position: absolute;
-        background: ${c("surface")};
+        background: ${a("surface")};
 
         &.hide {
             display: none;
@@ -67,11 +63,11 @@ const X = /:\+1|:-1|:[\w-]+/, Y = /:\+1:|:-1:|:[\w-]+:/, Z = /(:([^:\s]+):)$/, V
             justify-content: flex-start;
             cursor: pointer;
             line-height: 2;
-            font-family: ${l};
+            font-family: ${i};
             font-size: 14px;
             &.active {
-                background: ${c("secondary", 0.12)};
-                color: ${c("primary")};
+                background: ${a("secondary", 0.12)};
+                color: ${a("primary")};
             }
         }
 
@@ -82,146 +78,138 @@ const X = /:\+1|:-1|:[\w-]+/, Y = /:\+1:|:-1:|:[\w-]+:/, Z = /(:([^:\s]+):)$/, V
             vertical-align: -1.5px;
         }
     `;
-  return f(e, i, s, t);
-}, oe = new B("MILKDOWN_EMOJI_FILTER"), re = (r, a, f) => {
-  let e = !1, i = 0, s = "", o = null;
-  const l = () => {
-    e = !1, i = 0, s = "", o = null;
+  return d(e, l, o, t);
+}, oe = new R("MILKDOWN_EMOJI_FILTER"), re = (n, s, d) => {
+  let e = !1, l = 0, o = "", r = null;
+  const i = () => {
+    e = !1, l = 0, o = "", r = null;
+  }, a = (t) => {
+    r && r.classList.remove("active"), t && t.classList.add("active"), r = t;
   };
-  return new K({
+  return new B({
     key: oe,
     props: {
-      handleKeyDown(c, t) {
-        return ["Delete", "Backspace"].includes(t.key) ? (s = s.slice(0, -1), s.length <= 1 && l(), !1) : !(!e || !["ArrowUp", "ArrowDown", "Enter"].includes(t.key));
+      handleKeyDown(t, m) {
+        return ["Delete", "Backspace"].includes(m.key) ? (o = o.slice(0, -1), o.length <= 1 && i(), !1) : !(!e || !["ArrowUp", "ArrowDown", "Enter"].includes(m.key));
       },
-      handleTextInput(c, t, n, h) {
+      handleTextInput(t, m, c, w) {
         return e = ee(
-          c,
           t,
-          n,
-          h,
-          (g) => {
-            i = g;
+          m,
+          c,
+          w,
+          (u) => {
+            l = u;
           },
-          (g) => {
-            s = g;
+          (u) => {
+            o = u;
           }
-        ), e || l(), !1;
+        ), e || i(), !1;
       }
     },
-    view: (c) => {
-      const { parentNode: t } = c.dom;
-      if (!t)
+    view: (t) => {
+      const { parentNode: m } = t.dom;
+      if (!m)
         throw N();
-      const n = document.createElement("div");
-      n.classList.add("milkdown-emoji-filter", "hide"), r.themeManager.onFlush(() => {
-        const u = n.className.split(" ").filter((m) => ["hide", "milkdown-emoji-filter"].includes(m));
-        n.className = u.join(" ");
-        const d = r.getStyle((m) => ne(r.themeManager, m));
-        d && d.split(" ").forEach((m) => n.classList.add(m));
+      const c = document.createElement("div");
+      c.classList.add("milkdown-emoji-filter", "hide"), n.themeManager.onFlush(() => {
+        const h = c.className.split(" ").filter((f) => ["hide", "milkdown-emoji-filter"].includes(f));
+        c.className = h.join(" ");
+        const p = n.getStyle((f) => ne(n.themeManager, f));
+        p && p.split(" ").forEach((f) => c.classList.add(f));
       });
-      const h = () => {
-        var m;
-        if (!o)
+      const w = () => {
+        var f;
+        if (!r)
           return;
-        const { tr: u } = c.state, d = c.state.schema.node("emoji", { html: (m = o.firstElementChild) == null ? void 0 : m.innerHTML });
-        c.dispatch(u.delete(i, i + s.length).insert(i, d)), l(), n.classList.add("hide");
+        const { tr: h } = t.state, p = t.state.schema.node("emoji", { html: (f = r.firstElementChild) == null ? void 0 : f.innerHTML });
+        t.dispatch(h.delete(l, l + o.length).insert(l, p)), i(), c.classList.add("hide");
       };
-      t.appendChild(n);
-      const g = (u) => {
-        if (!e || !(u instanceof KeyboardEvent))
+      m.appendChild(c);
+      const u = (h) => {
+        if (!e || !(h instanceof KeyboardEvent))
           return;
-        const { key: d } = u;
-        if (d === "Enter") {
-          h();
+        const { key: p } = h;
+        if (p === "Enter") {
+          w();
           return;
         }
-        if (["ArrowDown", "ArrowUp"].includes(d)) {
-          const m = d === "ArrowDown" ? (o == null ? void 0 : o.nextElementSibling) || n.firstElementChild : (o == null ? void 0 : o.previousElementSibling) || n.lastElementChild;
-          if (o && o.classList.remove("active"), !m)
+        if (["ArrowDown", "ArrowUp"].includes(p)) {
+          const f = p === "ArrowDown" ? (r == null ? void 0 : r.nextElementSibling) || c.firstElementChild : (r == null ? void 0 : r.previousElementSibling) || c.lastElementChild;
+          if (!f)
             return;
-          m.classList.add("active"), o = m;
-          return;
+          a(f);
         }
-      }, w = (u) => {
-        !e || (u.stopPropagation(), l(), n.classList.add("hide"));
+      }, j = (h) => {
+        !e || (h.stopPropagation(), i(), c.classList.add("hide"));
       };
-      return t.addEventListener("keydown", g), t.addEventListener("mousedown", w), {
-        update: (u) => {
-          const { selection: d } = u.state;
-          if (d.from - d.to !== 0 || !e)
-            return l(), n.classList.add("hide"), null;
-          const m = D.search(s).slice(0, a), { node: P } = u.domAtPos(i);
-          return m.length === 0 || !P ? (n.classList.add("hide"), null) : (n.style.maxHeight = "", n.classList.remove("hide"), te(
-            m,
-            n,
-            o,
-            h,
-            (C) => {
-              o = C;
-            },
-            f
-          ), R(u, n, (C, j, y) => {
-            const E = n.parentElement;
-            if (!E)
+      return m.addEventListener("keydown", u), m.addEventListener("mousedown", j), {
+        update: (h) => {
+          const { selection: p } = h.state;
+          if (p.from - p.to !== 0 || !e)
+            return i(), c.classList.add("hide"), null;
+          const f = A.search(o).slice(0, s), { node: D } = h.domAtPos(l);
+          return f.length === 0 || !D ? (c.classList.add("hide"), null) : (c.style.maxHeight = "", c.classList.remove("hide"), te(f, c, w, a, d), $(h, c, (me, v, y) => {
+            const k = c.parentElement;
+            if (!k)
               throw N();
-            const v = u.coordsAtPos(i);
-            let L = v.left - y.left;
-            L < 0 && (L = 0);
-            let x, p;
-            const k = v.top - y.top, T = y.height + y.top - v.bottom;
-            T >= j.height + 28 ? x = "bottom" : k >= j.height + 28 ? x = "top" : T >= k ? (x = "bottom", p = T - 28) : (x = "top", p = k - 28), (k < 0 || T < 0) && (p = y.height - (v.bottom - v.top) - 28, p > j.height && (p = void 0));
-            const _ = x === "top" ? v.top - y.top - (p != null ? p : j.height) - 14 + E.scrollTop : v.bottom - y.top + 14 + E.scrollTop;
-            n.style.maxHeight = p !== void 0 && p > 0 ? `${p}px` : "";
-            const M = E.clientWidth - (n.offsetWidth + 4);
-            return L > M && (L = M), [_, L];
+            const x = h.coordsAtPos(l);
+            let E = x.left - y.left;
+            E < 0 && (E = 0);
+            let L, g;
+            const T = x.top - y.top, b = y.height + y.top - x.bottom;
+            b >= v.height + 28 ? L = "bottom" : T >= v.height + 28 ? L = "top" : b >= T ? (L = "bottom", g = b - 28) : (L = "top", g = T - 28), (T < 0 || b < 0) && (g = y.height - (x.bottom - x.top) - 28, g > v.height && (g = void 0));
+            const P = L === "top" ? x.top - y.top - (g != null ? g : v.height) - 14 + k.scrollTop : x.bottom - y.top + 14 + k.scrollTop;
+            c.style.maxHeight = g !== void 0 && g > 0 ? `${g}px` : "";
+            const M = k.clientWidth - (c.offsetWidth + 4);
+            return E > M && (E = M), [P, E];
           }), null);
         },
         destroy: () => {
-          t.removeEventListener("keydown", g), t.removeEventListener("mousedown", w), n.remove();
+          m.removeEventListener("keydown", u), m.removeEventListener("mousedown", j), c.remove();
         }
       };
     }
   });
-}, S = Q(), se = (r) => !!r.children, ie = (r) => !!r.value;
-function le(r, a) {
-  return f(r, 0, null)[0];
-  function f(e, i, s) {
-    if (se(e)) {
-      const o = [];
-      for (let l = 0, c = e.children.length; l < c; l++) {
-        const t = e.children[l];
+}, S = Q(), ie = (n) => !!n.children, se = (n) => !!n.value;
+function le(n, s) {
+  return d(n, 0, null)[0];
+  function d(e, l, o) {
+    if (ie(e)) {
+      const r = [];
+      for (let i = 0, a = e.children.length; i < a; i++) {
+        const t = e.children[i];
         if (t) {
-          const n = f(t, l, e);
-          if (n)
-            for (let h = 0, g = n.length; h < g; h++) {
-              const w = n[h];
-              w && o.push(w);
+          const m = d(t, i, e);
+          if (m)
+            for (let c = 0, w = m.length; c < w; c++) {
+              const u = m[c];
+              u && r.push(u);
             }
         }
       }
-      e.children = o;
+      e.children = r;
     }
-    return a(e, i, s);
+    return s(e, l, o);
   }
 }
-const ae = (r) => () => {
-  function a(f) {
-    le(f, (e) => {
-      if (!ie(e))
+const ce = (n) => () => {
+  function s(d) {
+    le(d, (e) => {
+      if (!se(e))
         return [e];
-      const i = e.value, s = [];
-      let o, l = i;
-      for (; o = S.exec(l); ) {
-        const { index: c } = o, t = o[0];
-        t && (c > 0 && s.push({ ...e, value: l.slice(0, c) }), s.push({ ...e, value: b(t, r), type: "emoji" }), l = l.slice(c + t.length)), S.lastIndex = 0;
+      const l = e.value, o = [];
+      let r, i = l;
+      for (; r = S.exec(i); ) {
+        const { index: a } = r, t = r[0];
+        t && (a > 0 && o.push({ ...e, value: i.slice(0, a) }), o.push({ ...e, value: C(t, n), type: "emoji" }), i = i.slice(a + t.length)), S.lastIndex = 0;
       }
-      return l.length && s.push({ ...e, value: l }), s;
+      return i.length && o.push({ ...e, value: i }), o;
     });
   }
-  return a;
-}, ce = A((r, a) => {
-  const f = () => r.getStyle(
+  return s;
+}, ae = _((n, s) => {
+  const d = () => n.getStyle(
     ({ css: e }) => e`
                 .emoji {
                     height: 1em;
@@ -247,55 +235,55 @@ const ae = (r) => () => {
           tag: 'span[data-type="emoji"]',
           getAttrs: (e) => {
             if (!(e instanceof HTMLElement))
-              throw O(e);
+              throw H(e);
             return { html: e.innerHTML };
           }
         }
       ],
       toDOM: (e) => {
-        const i = document.createElement("span");
-        return i.classList.add("emoji-wrapper"), i.dataset.type = "emoji", r.themeManager.onFlush(() => {
-          const s = f();
-          s && i.classList.add(s);
-        }), i.innerHTML = e.attrs.html, { dom: i };
+        const l = document.createElement("span");
+        return l.classList.add("emoji-wrapper"), l.dataset.type = "emoji", n.themeManager.onFlush(() => {
+          const o = d();
+          o && l.classList.add(o);
+        }), l.innerHTML = e.attrs.html, { dom: l };
       },
       parseMarkdown: {
         match: ({ type: e }) => e === "emoji",
-        runner: (e, i, s) => {
-          e.addNode(s, { html: i.value });
+        runner: (e, l, o) => {
+          e.addNode(o, { html: l.value });
         }
       },
       toMarkdown: {
         match: (e) => e.type.name === "emoji",
-        runner: (e, i) => {
-          const s = document.createElement("span");
-          s.innerHTML = i.attrs.html;
-          const o = s.querySelector("img"), l = o == null ? void 0 : o.title;
-          s.remove(), e.addNode("text", void 0, l);
+        runner: (e, l) => {
+          const o = document.createElement("span");
+          o.innerHTML = l.attrs.html;
+          const r = o.querySelector("img"), i = r == null ? void 0 : r.title;
+          o.remove(), e.addNode("text", void 0, i);
         }
       }
     }),
     inputRules: (e) => [
-      new F(Z, (i, s, o, l) => {
-        const c = s[0];
-        if (!c)
+      new F(Z, (l, o, r, i) => {
+        const a = o[0];
+        if (!a)
           return null;
-        const t = D.get(c);
-        if (!t || c.includes(t))
+        const t = A.get(a);
+        if (!t || a.includes(t))
           return null;
-        const n = b(t, a == null ? void 0 : a.twemojiOptions);
-        return i.tr.setMeta("emoji", !0).replaceRangeWith(o, l, e.create({ html: n })).scrollIntoView();
+        const m = C(t, s == null ? void 0 : s.twemojiOptions);
+        return l.tr.setMeta("emoji", !0).replaceRangeWith(r, i, e.create({ html: m })).scrollIntoView();
       })
     ],
-    remarkPlugins: () => [I, ae(a == null ? void 0 : a.twemojiOptions)],
+    remarkPlugins: () => [I, ce(s == null ? void 0 : s.twemojiOptions)],
     prosePlugins: () => {
       var e;
-      return [re(r, (e = a == null ? void 0 : a.maxListSize) != null ? e : 6, a == null ? void 0 : a.twemojiOptions)];
+      return [re(n, (e = s == null ? void 0 : s.maxListSize) != null ? e : 6, s == null ? void 0 : s.twemojiOptions)];
     }
   };
-}), Le = H.create([ce()]);
+}), Ee = O.create([ae()]);
 export {
-  Le as emoji,
-  ce as emojiNode
+  Ee as emoji,
+  ae as emojiNode
 };
 //# sourceMappingURL=index.es.js.map