@milkdown/plugin-slash 6.5.0 → 6.5.3

package/lib/config.d.ts

@@ -1,20 +1,20 @@
-import { Ctx } from '@milkdown/core';
-import { Node } from '@milkdown/prose/model';
-import { EditorState } from '@milkdown/prose/state';
-import { WrappedAction } from './item';
-declare type Nullable<T> = T | null | undefined;
-export declare type StatusConfig = {
+import type { Ctx } from '@milkdown/core';
+import type { Node } from '@milkdown/prose/model';
+import type { EditorState } from '@milkdown/prose/state';
+import type { WrappedAction } from './item';
+type Nullable<T> = T | null | undefined;
+export interface StatusConfig {
     placeholder?: Nullable<string>;
     actions?: Nullable<WrappedAction[]>;
-};
-export declare type StatusConfigBuilderParams = {
+}
+export interface StatusConfigBuilderParams {
     content: string;
     isTopLevel: boolean;
     parentNode: Node;
     state: EditorState;
-};
-export declare type StatusConfigBuilder = (params: StatusConfigBuilderParams) => Nullable<StatusConfig>;
-export declare type Config = (ctx: Ctx) => StatusConfigBuilder;
+}
+export type StatusConfigBuilder = (params: StatusConfigBuilderParams) => Nullable<StatusConfig>;
+export type Config = (ctx: Ctx) => StatusConfigBuilder;
 export declare const defaultActions: (ctx: Ctx, input?: string) => WrappedAction[];
 export declare const defaultConfig: Config;
 export {};

package/lib/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAA8B,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAExC,oBAAY,YAAY,GAAG;IACvB,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;CACvC,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,IAAI,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,oBAAY,mBAAmB,GAAG,CAAC,MAAM,EAAE,yBAAyB,KAAK,QAAQ,CAAC,YAAY,CAAC,CAAC;AAEhG,oBAAY,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,mBAAmB,CAAC;AAEvD,eAAO,MAAM,cAAc,QAAS,GAAG,qBAAgB,aAAa,EAuFnE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAqB3B,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAG3C,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;AAEvC,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,IAAI,CAAA;IAChB,KAAK,EAAE,WAAW,CAAA;CACnB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,yBAAyB,KAAK,QAAQ,CAAC,YAAY,CAAC,CAAA;AAE/F,MAAM,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,mBAAmB,CAAA;AAEtD,eAAO,MAAM,cAAc,QAAS,GAAG,qBAAgB,aAAa,EAuFnE,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,MAyB3B,CAAA"}

package/lib/index.d.ts

@@ -1,14 +1,14 @@
 import { AtomList } from '@milkdown/utils';
 import type { Config } from './config';
-import { CalcPosition } from './prose-plugin/view';
+import type { CalcPosition } from './prose-plugin/view';
 export type { Config, StatusConfig, StatusConfigBuilder, StatusConfigBuilderParams } from './config';
 export { defaultActions, defaultConfig } from './config';
 export type { Action, WrappedAction } from './item';
 export { createDropdownItem } from './utility';
-export declare type Options = {
+export interface Options {
     config: Config;
     calcPosition: CalcPosition;
-};
+}
 export declare const slashPlugin: import("@milkdown/utils").WithExtend<string, Options, import("@milkdown/utils").TypeMapping<string, string>, import("@milkdown/utils").PluginRest<string, string>>;
 export declare const slash: AtomList<import("@milkdown/utils").Metadata<import("@milkdown/utils").GetPlugin<string, Options>> & import("@milkdown/core").MilkdownPlugin>;
 //# sourceMappingURL=index.d.ts.map

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,EAAgB,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGvC,OAAO,EAAE,YAAY,EAAuB,MAAM,qBAAqB,CAAC;AAExE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzD,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,oBAAY,OAAO,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,WAAW,oKAatB,CAAC;AAEH,eAAO,MAAM,KAAK,8IAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAgB,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGvD,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxD,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,YAAY,CAAA;CAC3B;AAED,eAAO,MAAM,WAAW,oKAatB,CAAA;AAEF,eAAO,MAAM,KAAK,8IAAmC,CAAA"}

package/lib/index.es.js

@@ -1,12 +1,12 @@
-import { createPlugin as b, AtomList as E } from "@milkdown/utils";
-import { ThemeSize as $, ThemeBorder as C, ThemeShadow as N, ThemeScrollbar as S, ThemeFont as k, ThemeColor as y, ThemeIcon as T, schemaCtx as I, themeManagerCtx as m, commandsCtx as u } from "@milkdown/core";
+import { createPlugin as b, AtomList as $ } from "@milkdown/utils";
+import { ThemeSize as C, ThemeBorder as E, ThemeShadow as T, ThemeScrollbar as N, ThemeFont as k, ThemeColor as y, ThemeIcon as S, schemaCtx as I, themeManagerCtx as u, commandsCtx as p, editorViewCtx as x } from "@milkdown/core";
 import { missingIcon as A, missingRootElement as D } from "@milkdown/exception";
-import { Plugin as x, PluginKey as _ } from "@milkdown/prose/state";
-import { findParentNode as M, calculateNodePosition as P } from "@milkdown/prose";
-import { DecorationSet as H, Decoration as O } from "@milkdown/prose/view";
+import { Plugin as _, PluginKey as M } from "@milkdown/prose/state";
+import { findParentNode as P, calculateNodePosition as H } from "@milkdown/prose";
+import { DecorationSet as q, Decoration as K } from "@milkdown/prose/view";
 import w from "smooth-scroll-into-view-if-needed";
-const q = (e, { css: t }) => {
-  const o = (n, s = 1) => e.get(y, [n, s]);
+const O = (e, { css: t }) => {
+  const n = (o, s = 1) => e.get(y, [o, s]);
   return t`
         .slash-dropdown-item {
             display: flex;
@@ -24,7 +24,7 @@ const q = (e, { css: t }) => {
 
             &,
             .icon {
-                color: ${o("neutral", 0.87)};
+                color: ${n("neutral", 0.87)};
                 transition: all 0.2s ease-in-out;
             }
 
@@ -33,216 +33,224 @@ const q = (e, { css: t }) => {
             }
 
             &.active {
-                background: ${o("secondary", 0.12)};
+                background: ${n("secondary", 0.12)};
                 &,
                 .icon {
-                    color: ${o("primary")};
+                    color: ${n("primary")};
                 }
             }
         }
     `;
-}, K = (e, t) => {
-  const o = (n, s = 1) => e.get(y, [n, s]);
+}, U = (e, t) => {
+  const n = (o, s = 1) => e.get(y, [o, s]);
   return t.css`
         width: 320px;
+        min-height: 48px;
         max-height: 320px;
         overflow-y: auto;
-        border-radius: ${e.get($, "radius")};
+        border-radius: ${e.get(C, "radius")};
         position: absolute;
-        background: ${o("surface")};
+        background: ${n("surface")};
 
-        ${e.get(C, void 0)}
+        ${e.get(E, void 0)}
+        ${e.get(T, void 0)}
         ${e.get(N, void 0)}
-        ${e.get(S, void 0)}
 
         &.hide {
             display: none;
         }
 
-        ${q(e, t)}
+        ${O(e, t)}
     `;
-}, U = (e, t) => {
-  const o = document.createElement("div");
-  return o.setAttribute("role", "listbox"), o.setAttribute("tabindex", "-1"), e.themeManager.onFlush(() => {
-    const n = e.getStyle((s) => K(e.themeManager, s));
-    n && o.classList.add(n);
-  }), o.classList.add(e.getClassName({}, t), "hide"), o;
-}, p = (e, t, o, n) => {
+}, W = (e, t) => {
+  const n = document.createElement("div");
+  return n.setAttribute("role", "listbox"), n.setAttribute("tabindex", "-1"), e.themeManager.onFlush(() => {
+    const o = e.getStyle((s) => U(e.themeManager, s));
+    o && n.classList.add(o);
+  }), n.classList.add(e.getClassName({}, t), "hide"), n;
+}, f = (e, t, n, o) => {
   var l;
-  const s = (l = n == null ? void 0 : n.textClassName) != null ? l : "text", r = document.createElement("div");
+  const s = (l = o == null ? void 0 : o.textClassName) != null ? l : "text", r = document.createElement("div");
   r.setAttribute("role", "option"), r.classList.add("slash-dropdown-item");
-  const a = e.get(T, o);
-  if (!a)
-    throw A(o);
-  const i = document.createElement("span");
-  return i.textContent = t, i.className = s, r.appendChild(a.dom), r.appendChild(i), r;
-}, W = (e, t) => {
-  const { selection: o } = e, { $from: n } = o, s = e.tr.deleteRange(n.start(), n.pos);
+  const i = e.get(S, n);
+  if (!i)
+    throw A(n);
+  const a = document.createElement("span");
+  return a.textContent = t, a.className = s, r.appendChild(i.dom), r.appendChild(a), r;
+}, B = (e, t) => {
+  const { selection: n } = e, { $from: o } = n, s = e.tr.deleteRange(o.start(), o.pos);
   return t == null || t(s), !1;
-}, F = (e) => (t, o, n) => (n && (W(t, o), e()), !0), L = (e, t = "/") => {
-  const { nodes: o } = e.get(I), n = [
+}, F = (e) => (t, n, o) => (o && (B(t, n), e()), !0), L = (e, t = "/") => {
+  const { nodes: n } = e.get(I), o = [
     {
       id: "h1",
-      dom: p(e.get(m), "Large Heading", "h1"),
-      command: () => e.get(u).call("TurnIntoHeading", 1),
+      dom: f(e.get(u), "Large Heading", "h1"),
+      command: () => e.get(p).call("TurnIntoHeading", 1),
       keyword: ["h1", "large heading"],
       typeName: "heading"
     },
     {
       id: "h2",
-      dom: p(e.get(m), "Medium Heading", "h2"),
-      command: () => e.get(u).call("TurnIntoHeading", 2),
+      dom: f(e.get(u), "Medium Heading", "h2"),
+      command: () => e.get(p).call("TurnIntoHeading", 2),
       keyword: ["h2", "medium heading"],
       typeName: "heading"
     },
     {
       id: "h3",
-      dom: p(e.get(m), "Small Heading", "h3"),
-      command: () => e.get(u).call("TurnIntoHeading", 3),
+      dom: f(e.get(u), "Small Heading", "h3"),
+      command: () => e.get(p).call("TurnIntoHeading", 3),
       keyword: ["h3", "small heading"],
       typeName: "heading"
     },
     {
       id: "bulletList",
-      dom: p(e.get(m), "Bullet List", "bulletList"),
-      command: () => e.get(u).call("WrapInBulletList"),
+      dom: f(e.get(u), "Bullet List", "bulletList"),
+      command: () => e.get(p).call("WrapInBulletList"),
       keyword: ["bullet list", "ul"],
       typeName: "bullet_list"
     },
     {
       id: "orderedList",
-      dom: p(e.get(m), "Ordered List", "orderedList"),
-      command: () => e.get(u).call("WrapInOrderedList"),
+      dom: f(e.get(u), "Ordered List", "orderedList"),
+      command: () => e.get(p).call("WrapInOrderedList"),
       keyword: ["ordered list", "ol"],
       typeName: "ordered_list"
     },
     {
       id: "taskList",
-      dom: p(e.get(m), "Task List", "taskList"),
-      command: () => e.get(u).call("TurnIntoTaskList"),
+      dom: f(e.get(u), "Task List", "taskList"),
+      command: () => e.get(p).call("TurnIntoTaskList"),
       keyword: ["task list", "task"],
       typeName: "task_list_item"
     },
     {
       id: "image",
-      dom: p(e.get(m), "Image", "image"),
-      command: () => e.get(u).call("InsertImage"),
+      dom: f(e.get(u), "Image", "image"),
+      command: () => e.get(p).call("InsertImage"),
       keyword: ["image"],
       typeName: "image"
     },
     {
       id: "blockquote",
-      dom: p(e.get(m), "Quote", "quote"),
-      command: () => e.get(u).call("WrapInBlockquote"),
+      dom: f(e.get(u), "Quote", "quote"),
+      command: () => e.get(p).call("WrapInBlockquote"),
       keyword: ["quote", "blockquote"],
       typeName: "blockquote"
     },
     {
       id: "table",
-      dom: p(e.get(m), "Table", "table"),
-      command: () => e.get(u).call("InsertTable"),
+      dom: f(e.get(u), "Table", "table"),
+      command: () => e.get(p).call("InsertTable"),
       keyword: ["table"],
       typeName: "table"
     },
     {
       id: "code",
-      dom: p(e.get(m), "Code Fence", "code"),
-      command: () => e.get(u).call("TurnIntoCodeFence"),
+      dom: f(e.get(u), "Code Fence", "code"),
+      command: () => e.get(p).call("TurnIntoCodeFence"),
       keyword: ["code"],
       typeName: "fence"
     },
     {
       id: "divider",
-      dom: p(e.get(m), "Divide Line", "divider"),
-      command: () => e.get(u).call("InsertHr"),
+      dom: f(e.get(u), "Divide Line", "divider"),
+      command: () => e.get(p).call("InsertHr"),
       keyword: ["divider", "hr"],
       typeName: "hr"
     }
   ], s = t.slice(1).toLocaleLowerCase();
-  return n.filter((r) => !!o[r.typeName] && r.keyword.some((a) => a.includes(s))).map(({ keyword: r, typeName: a, ...i }) => i);
-}, j = (e) => ({ content: t, isTopLevel: o }) => o ? t ? t.startsWith("/") ? t === "/" ? {
-  placeholder: "Type to filter...",
-  actions: L(e)
-} : {
-  actions: L(e, t)
-} : null : { placeholder: "Type / to use the slash commands..." } : null, z = (e, { css: t }) => {
-  const o = (s, r = 1) => e.get(y, [s, r]), n = e.get(k, "typography");
+  return o.filter((r) => !!n[r.typeName] && r.keyword.some((i) => i.includes(s))).map(({ keyword: r, typeName: i, ...a }) => a);
+}, j = (e) => ({ content: t, isTopLevel: n }) => {
+  if (!n)
+    return null;
+  const o = e.get(x);
+  return o != null && o.editable ? t ? t.startsWith("/") ? t === "/" ? {
+    placeholder: "Type to filter...",
+    actions: L(e)
+  } : {
+    actions: L(e, t)
+  } : null : { placeholder: "Type / to use the slash commands..." } : null;
+}, z = (e, { css: t }) => {
+  const n = (s, r = 1) => e.get(y, [s, r]), o = e.get(k, "typography");
   return t`
         position: relative;
         &::before {
             position: absolute;
             cursor: text;
-            font-family: ${n};
+            font-family: ${o};
             font-size: 14px;
-            color: ${o("neutral", 0.6)};
+            color: ${n("neutral", 0.6)};
             content: attr(data-text);
             height: 100%;
             display: flex;
             align-items: center;
         }
     `;
-}, B = (e, { css: t }) => t`
+}, V = (e, { css: t }) => t`
     &::before {
         left: 8px;
     }
 `, R = (e, t) => ({
-  handleKeyDown: (o, n) => !(e.isEmpty() || !(n instanceof KeyboardEvent) || !["ArrowUp", "ArrowDown", "Enter"].includes(n.key)),
-  decorations: (o) => {
-    const n = M(({ type: c }) => c.name === "paragraph")(o.selection), s = o.plugins.find((c) => c.key === "MILKDOWN_UPLOAD$"), r = s == null ? void 0 : s.getState(o);
-    if (r != null && r.find(o.selection.from, o.selection.to).length > 0 || !n || n.node.childCount > 1 || o.selection.$from.parentOffset !== n.node.textContent.length || n.node.firstChild && n.node.firstChild.type.name !== "text")
+  handleKeyDown: (n, o) => !(e.isEmpty() || !(o instanceof KeyboardEvent) || !["ArrowUp", "ArrowDown", "Enter"].includes(o.key)),
+  decorations: (n) => {
+    const o = P(({ type: d }) => d.name === "paragraph")(n.selection), s = n.plugins.find(
+      (d) => d.key === "MILKDOWN_UPLOAD$"
+    ), r = s == null ? void 0 : s.getState(n);
+    if (r != null && r.find(n.selection.from, n.selection.to).length > 0 || !o || o.node.childCount > 1 || n.selection.$from.parentOffset !== o.node.textContent.length || o.node.firstChild && o.node.firstChild.type.name !== "text")
       return e.clear(), null;
-    const { placeholder: a, actions: i } = e.update({
-      parentNode: o.selection.$from.node(o.selection.$from.depth - 1),
-      isTopLevel: o.selection.$from.depth === 1,
-      content: n.node.textContent,
-      state: o
+    const { placeholder: i, actions: a } = e.update({
+      parentNode: n.selection.$from.node(n.selection.$from.depth - 1),
+      isTopLevel: n.selection.$from.depth === 1,
+      content: o.node.textContent,
+      state: n
     });
-    if (!a)
+    if (!i)
       return null;
-    const l = (c, g) => {
-      const h = n.pos;
-      return H.create(o.doc, [
-        O.node(h, h + n.node.nodeSize, {
-          class: g.filter((v) => v).join(" "),
-          "data-text": c
+    const l = (d, h) => {
+      const g = o.pos;
+      return q.create(n.doc, [
+        K.node(g, g + o.node.nodeSize, {
+          class: h.filter((v) => v).join(" "),
+          "data-text": d
         })
       ]);
-    }, f = t.getStyle((c) => z(t.themeManager, c)), d = t.getStyle((c) => B(t.themeManager, c));
-    return i.length ? l(a, [f, d, "empty-node", "is-slash"]) : l(a, [f, "empty-node"]);
+    }, m = t.getStyle((d) => z(t.themeManager, d)), c = t.getStyle((d) => V(t.themeManager, d));
+    return a.length ? l(i, [m, c, "empty-node", "is-slash"]) : l(i, [m, "empty-node"]);
   }
-}), V = (e) => ({
+}), Q = (e) => ({
   id: e.id,
   $: e.dom,
   command: F(e.command)
-}), Q = () => ({
+}), G = () => ({
   placeholder: null,
   actions: []
-}), G = (e) => {
-  const t = Q();
+}), J = (e) => {
+  const t = G();
   return {
     get: () => t,
     clear: () => {
       t.placeholder = null, t.actions = [];
     },
-    update: (o) => {
+    update: (n) => {
       var s, r;
-      const n = e(o);
-      return t.placeholder = (s = n == null ? void 0 : n.placeholder) != null ? s : null, t.actions = ((r = n == null ? void 0 : n.actions) != null ? r : []).map(V), t;
+      const o = e(n);
+      return t.placeholder = (s = o == null ? void 0 : o.placeholder) != null ? s : null, t.actions = ((r = o == null ? void 0 : o.actions) != null ? r : []).map(Q), t;
     },
     isEmpty: () => t.actions.length === 0
   };
-}, J = (e, t, o) => {
-  const { actions: n } = e.get();
-  if (!n.length)
+}, X = (e, t, n) => {
+  const { actions: o } = e.get();
+  if (!o.length)
     return t.classList.add("hide"), !1;
   for (t.childNodes.forEach((r) => {
-    r.removeEventListener("mouseenter", o.mouseEnter), r.removeEventListener("mouseleave", o.mouseLeave);
+    r.removeEventListener("mouseenter", n.mouseEnter), r.removeEventListener("mouseleave", n.mouseLeave);
   }); t.firstChild; )
     t.firstChild.remove();
-  n.forEach(({ $: r }) => {
-    r.classList.remove("active"), r.addEventListener("mouseenter", o.mouseEnter), r.addEventListener("mouseleave", o.mouseLeave), t.appendChild(r);
-  }), t.classList.remove("hide");
-  const s = n[0];
+  o.forEach(({ $: r }) => {
+    r.classList.remove("active"), r.addEventListener("mouseenter", n.mouseEnter), r.addEventListener("mouseleave", n.mouseLeave), t.appendChild(r);
+  }), t.style.maxHeight = "", t.classList.remove("hide");
+  const s = o[0];
   return s && (s.$.classList.add("active"), requestAnimationFrame(() => {
     w(s.$, {
       scrollMode: "if-needed",
@@ -250,7 +258,7 @@ const q = (e, { css: t }) => {
       inline: "nearest"
     });
   })), !0;
-}, X = () => {
+}, Y = () => {
   let e = !1;
   return {
     isLock: () => e,
@@ -261,120 +269,121 @@ const q = (e, { css: t }) => {
       e = !1;
     }
   };
-}, Y = (e) => () => {
+}, Z = (e) => () => {
   e.unlock();
-}, Z = (e, t) => (o) => {
+}, ee = (e, t) => (n) => {
   if (t.isLock())
     return;
-  const { actions: n } = e.get(), s = n.findIndex((i) => i.$.classList.contains("active")), r = n[s];
+  const { actions: o } = e.get(), s = o.findIndex((a) => a.$.classList.contains("active")), r = o[s];
   r && s >= 0 && r.$.classList.remove("active");
-  const { target: a } = o;
-  a instanceof HTMLElement && a.classList.add("active");
-}, ee = () => (e) => {
+  const { target: i } = n;
+  i instanceof HTMLElement && i.classList.add("active");
+}, te = () => (e) => {
   const { target: t } = e;
   t instanceof HTMLElement && t.classList.remove("active");
-}, te = (e, t, o) => (n) => {
-  const { target: s } = n;
+}, oe = (e, t, n) => (o) => {
+  const { target: s } = o;
   if (!(s instanceof HTMLElement) || !t)
     return;
   const r = () => {
-    n.stopPropagation(), n.preventDefault();
-  }, { actions: a } = e.get(), i = Object.values(a).find(({ $: l }) => l.contains(s));
-  if (!i) {
+    o.stopPropagation(), o.preventDefault();
+  }, { actions: i } = e.get(), a = Object.values(i).find(({ $: l }) => l.contains(s));
+  if (!a) {
     if (e.isEmpty())
       return;
-    e.clear(), o.classList.add("hide"), r();
+    e.clear(), n.classList.add("hide"), r();
     return;
   }
-  r(), i.command(t.state, t.dispatch, t);
-}, oe = (e, t, o, n) => (s) => {
+  r(), a.command(t.state, t.dispatch, t);
+}, ne = (e, t, n, o) => (s) => {
   if (!(s instanceof KeyboardEvent))
     return;
-  n.isLock() || n.lock();
+  o.isLock() || o.lock();
   const { key: r } = s;
   if (e.isEmpty() || !["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(r))
     return;
-  const { actions: a } = e.get();
-  let i = a.findIndex(({ $: d }) => d.classList.contains("active"));
-  i < 0 && (i = 0);
-  const l = (d) => {
-    const c = a[i], g = a[d];
-    !c || !g || (c.$.classList.remove("active"), g.$.classList.add("active"), w(g.$, {
+  const { actions: i } = e.get();
+  let a = i.findIndex(({ $: c }) => c.classList.contains("active"));
+  a < 0 && (a = 0);
+  const l = (c) => {
+    const d = i[a], h = i[c];
+    !d || !h || (d.$.classList.remove("active"), h.$.classList.add("active"), w(h.$, {
       scrollMode: "if-needed",
       block: "nearest",
       inline: "nearest"
     }));
   };
   if (r === "ArrowDown") {
-    const d = i === a.length - 1 ? 0 : i + 1;
-    l(d);
+    const c = a === i.length - 1 ? 0 : a + 1;
+    l(c);
     return;
   }
   if (r === "ArrowUp") {
-    const d = i === 0 ? a.length - 1 : i - 1;
-    l(d);
+    const c = a === 0 ? i.length - 1 : a - 1;
+    l(c);
     return;
   }
   if (r === "Escape") {
     if (e.isEmpty())
       return;
-    e.clear(), o.classList.add("hide");
+    e.clear(), n.classList.add("hide");
     return;
   }
-  const f = a[i];
-  !f || (f.command(t.state, t.dispatch, t), f.$.classList.remove("active"));
-}, ne = (e, t) => {
-  P(e, t, (o, n, s) => {
+  const m = i[a];
+  !m || (m.command(t.state, t.dispatch, t), m.$.classList.remove("active"));
+}, re = (e, t) => {
+  H(e, t, (n, o, s) => {
     const r = t.parentElement;
     if (!r)
       throw D();
-    let a = o.left - s.left, i = o.bottom - s.top + 14 + r.scrollTop;
-    if (a < 0 && (a = 0), s.height + s.top - o.bottom < n.height) {
-      const l = o.top - s.top - n.height - 14 + r.scrollTop;
-      l > 0 && (i = l);
-    }
-    return [i, a];
+    let i = n.left - s.left;
+    i < 0 && (i = 0);
+    let a, l;
+    const m = n.top - s.top, c = s.height + s.top - n.bottom;
+    c >= o.height + 28 ? a = "bottom" : m >= o.height + 28 ? a = "top" : c >= m ? (a = "bottom", l = c - 28) : (a = "top", l = m - 28), (m < 0 || c < 0) && (l = s.height - n.height - 28, l > o.height && (l = void 0));
+    const d = a === "top" ? n.top - s.top - (l != null ? l : o.height) - 14 + r.scrollTop : n.bottom - s.top + 14 + r.scrollTop;
+    return t.style.maxHeight = l !== void 0 && l > 0 ? `${l}px` : "", [d, i];
   });
-}, re = (e, t, o, n, s) => {
+}, se = (e, t, n, o, s) => {
   const r = t.dom.parentNode;
   if (!r)
     return {};
-  const a = U(o, n), i = X();
-  r.appendChild(a);
-  const l = Y(i), f = te(e, t, a), d = oe(e, t, a, i), c = Z(e, i), g = ee();
-  return r.addEventListener("mousemove", l), r.addEventListener("mousedown", f), r.addEventListener("keydown", d), {
-    update: (h) => {
-      !J(e, a, {
-        mouseEnter: c,
-        mouseLeave: g
-      }) || s(h, a);
+  const i = W(n, o), a = Y();
+  r.appendChild(i);
+  const l = Z(a), m = oe(e, t, i), c = ne(e, t, i, a), d = ee(e, a), h = te();
+  return r.addEventListener("mousemove", l), r.addEventListener("mousedown", m), r.addEventListener("keydown", c), {
+    update: (g) => {
+      !X(e, i, {
+        mouseEnter: d,
+        mouseLeave: h
+      }) || s(g, i);
     },
     destroy: () => {
-      r.removeEventListener("mousemove", l), r.removeEventListener("mousedown", f), r.removeEventListener("keydown", d), a.remove();
+      r.removeEventListener("mousemove", l), r.removeEventListener("mousedown", m), r.removeEventListener("keydown", c), i.remove();
     }
   };
-}, se = "MILKDOWN_SLASH", ae = (e, t, o, n) => {
-  const s = G(t);
-  return new x({
-    key: new _(se),
+}, ie = "MILKDOWN_SLASH", ae = (e, t, n, o) => {
+  const s = J(t);
+  return new _({
+    key: new M(ie),
     props: R(s, e),
-    view: (r) => re(s, r, e, o, n)
+    view: (r) => se(s, r, e, n, o)
   });
-}, ie = b((e, t) => {
+}, le = b((e, t) => {
   var s, r;
-  const o = (s = t == null ? void 0 : t.config) != null ? s : j, n = (r = t == null ? void 0 : t.calcPosition) != null ? r : ne;
+  const n = (s = t == null ? void 0 : t.config) != null ? s : j, o = (r = t == null ? void 0 : t.calcPosition) != null ? r : re;
   return {
-    prosePlugins: (a, i) => {
-      const l = o(i);
-      return [ae(e, l, "slash-dropdown", n)];
+    prosePlugins: (i, a) => {
+      const l = n(a);
+      return [ae(e, l, "slash-dropdown", o)];
     }
   };
-}), ge = E.create([ie()]);
+}), ge = $.create([le()]);
 export {
-  p as createDropdownItem,
+  f as createDropdownItem,
   L as defaultActions,
   j as defaultConfig,
   ge as slash,
-  ie as slashPlugin
+  le as slashPlugin
 };
 //# sourceMappingURL=index.es.js.map