@milkdown/plugin-tooltip 5.4.1 → 6.0.0-next.1

package/src/item.ts

@@ -1,22 +1,26 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { Ctx } from '@milkdown/core';
-import { EditorView, findSelectedNodeOfType, Schema, TextSelection } from '@milkdown/prose';
+import { commandsCtx, Ctx, ThemeIcon, themeManagerCtx } from '@milkdown/core';
+import type { Icon } from '@milkdown/design-system';
+import { EditorView, Schema } from '@milkdown/prose';
 
-import {
-    createToggleIcon,
-    hasMark,
-    modifyImage,
-    modifyInlineMath,
-    modifyLink,
-    updateImageView,
-    updateInlineMathView,
-    updateLinkView,
-} from './utility';
+import { createToggleIcon } from './utility';
 
 export type Pred = (view: EditorView) => boolean;
 export type Updater = (view: EditorView, $: HTMLElement) => void;
 export type Event2Command = (e: Event) => void;
 
+export type OnClick = (ctx: Ctx) => void;
+
+export type Item = {
+    icon: Icon | ((ctx: Ctx) => HTMLElement);
+
+    onClick: string | ((ctx: Ctx) => () => void);
+
+    isHidden: (ctx: Ctx) => Pred;
+
+    isActive: (ctx: Ctx) => Pred;
+};
+
 export type ButtonItem = {
     $: HTMLElement;
     command: () => void;
@@ -25,20 +29,13 @@ export type ButtonItem = {
     enable: Pred;
 };
 
-export type InputItem = {
-    command: Event2Command;
-    display: Pred;
-    update: Updater;
-    placeholder: string;
-} & (
-    | {
-          bind: true;
-      }
-    | {
-          bind?: false;
-          buttonText: string;
-      }
-);
+const Buttonize = ({ icon, onClick, isHidden, isActive }: Item, ctx: Ctx): ButtonItem => ({
+    $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),
+    command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),
+    disable: isHidden(ctx),
+    active: isActive(ctx),
+    enable: (view: EditorView) => !isHidden(ctx)(view),
+});
 
 export enum ButtonAction {
     ToggleBold,
@@ -48,70 +45,40 @@ export enum ButtonAction {
     ToggleLink,
 }
 
-export enum InputAction {
-    ModifyLink,
-    ModifyImage,
-    ModifyInlineMath,
-}
-
 export type ButtonMap = Record<ButtonAction, ButtonItem>;
-export type InputMap = Record<InputAction, InputItem>;
 
-export type InputOptions = {
-    link: {
-        placeholder: string;
-        buttonText: string;
-    };
-    image: {
-        placeholder: string;
-        buttonText: string;
-    };
-    inlineMath: {
-        placeholder: string;
-    };
-};
-
-export const inputMap = (schema: Schema, ctx: Ctx, inputOptions: InputOptions): InputMap => {
-    const { marks, nodes } = schema;
-    return {
-        [InputAction.ModifyLink]: {
-            display: (view) =>
-                view.state.selection.empty &&
-                view.state.selection instanceof TextSelection &&
-                hasMark(view.state, marks.link),
-            command: modifyLink(ctx),
-            update: updateLinkView,
-            ...inputOptions.link,
-        },
-        [InputAction.ModifyInlineMath]: {
-            display: (view) => Boolean(findSelectedNodeOfType(view.state.selection, nodes.math_inline)),
-            command: modifyInlineMath(ctx),
-            update: updateInlineMathView,
-            bind: true,
-            ...inputOptions.inlineMath,
-        },
-        [InputAction.ModifyImage]: {
-            display: (view) => Boolean(findSelectedNodeOfType(view.state.selection, nodes.image)),
-            command: modifyImage(ctx),
-            update: updateImageView,
-            ...inputOptions.image,
-        },
-    };
+export type TooltipOptions = {
+    bottom: boolean;
+    className: string;
+    items: Array<Item> | undefined;
 };
 
-export const buttonMap = (schema: Schema, ctx: Ctx): ButtonMap => {
+export const buttonMap = (schema: Schema, ctx: Ctx, items: Array<Item> | undefined): ButtonMap => {
     const { marks } = schema;
+    const ButtonItems = Array<ButtonItem>();
+    if (typeof items !== 'undefined') {
+        (items as Array<Item>).forEach((item) => {
+            ButtonItems.push(Buttonize(item, ctx));
+        });
+    }
     return {
-        [ButtonAction.ToggleBold]: createToggleIcon(ctx, 'bold', 'ToggleBold', marks.strong, marks.code_inline),
-        [ButtonAction.ToggleItalic]: createToggleIcon(ctx, 'italic', 'ToggleItalic', marks.em, marks.code_inline),
+        [ButtonAction.ToggleBold]: createToggleIcon(ctx, 'bold', 'ToggleBold', marks['strong'], marks['code_inline']),
+        [ButtonAction.ToggleItalic]: createToggleIcon(ctx, 'italic', 'ToggleItalic', marks['em'], marks['code_inline']),
         [ButtonAction.ToggleStrike]: createToggleIcon(
             ctx,
             'strikeThrough',
             'ToggleStrikeThrough',
-            marks.strike_through,
-            marks.code_inline,
+            marks['strike_through'],
+            marks['code_inline'],
+        ),
+        [ButtonAction.ToggleCode]: createToggleIcon(
+            ctx,
+            'code',
+            'ToggleInlineCode',
+            marks['code_inline'],
+            marks['link'],
         ),
-        [ButtonAction.ToggleCode]: createToggleIcon(ctx, 'code', 'ToggleInlineCode', marks.code_inline, marks.link),
-        [ButtonAction.ToggleLink]: createToggleIcon(ctx, 'link', 'ToggleLink', marks.link, marks.code_inline),
+        [ButtonAction.ToggleLink]: createToggleIcon(ctx, 'link', 'ToggleLink', marks['link'], marks['code_inline']),
+        ...ButtonItems,
     };
 };

package/src/selection-marks-tooltip.ts

@@ -3,17 +3,14 @@ import type { EditorState, EditorView } from '@milkdown/prose';
 import { Utils } from '@milkdown/utils';
 
 import { createButtonManager } from './button-manager';
-import { createInputManager } from './input-manager';
-import type { ButtonMap, InputMap } from './item';
+import type { ButtonMap } from './item';
 
-export const createPlugin = (buttonMap: ButtonMap, inputMap: InputMap, utils: Utils) => {
-    const buttonManager = createButtonManager(buttonMap, utils);
-    const inputManager = createInputManager(inputMap, utils);
+export const createPlugin = (buttonMap: ButtonMap, utils: Utils, bottom: boolean, containerClassName: string) => {
+    const buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);
     let shouldHide = false;
 
     const hide = () => {
         buttonManager.hide();
-        inputManager.hide();
     };
 
     const update = (view: EditorView, prevState?: EditorState) => {
@@ -28,18 +25,15 @@ export const createPlugin = (buttonMap: ButtonMap, inputMap: InputMap, utils: Ut
         if (isEqualSelection) return;
 
         buttonManager.update(view);
-        inputManager.update(view);
     };
 
     return {
         update,
         destroy: () => {
             buttonManager.destroy();
-            inputManager.destroy();
         },
         render: (editorView: EditorView) => {
             buttonManager.render(editorView);
-            inputManager.render(editorView);
             update(editorView);
         },
         setHide: (isTyping: boolean) => {

package/src/utility/index.ts

@@ -1,5 +1,4 @@
 /* Copyright 2021, Milkdown by Mirone. */
 export * from './element';
-export * from './input';
 export * from './prosemirror';
 export * from './toggle';

package/src/utility/prosemirror.ts

@@ -6,7 +6,10 @@ export type Position = {
     end: number;
 };
 
-export const hasMark = (editorState: EditorState, type: MarkType): boolean => {
+export const hasMark = (editorState: EditorState, type?: MarkType): boolean => {
+    if (!type) {
+        return false;
+    }
     const { from, to } = editorState.selection;
 
     return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type);
@@ -27,7 +30,7 @@ export const isTextSelection = (editorState: EditorState): boolean => {
 export const isInCodeFence = (editorState: EditorState): boolean =>
     Boolean(findParentNode((node) => !!node.type.spec.code)(editorState.selection));
 
-export const isTextAndNotHasMark = (editorState: EditorState, mark: MarkType): boolean =>
+export const isTextAndNotHasMark = (editorState: EditorState, mark?: MarkType): boolean =>
     !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark);
 
 export const equalNodeType = (nodeType: NodeType, node: Node) => {

package/src/utility/toggle.ts

@@ -1,5 +1,5 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { commandsCtx, Ctx, themeToolCtx } from '@milkdown/core';
+import { commandsCtx, Ctx, ThemeIcon, themeManagerCtx } from '@milkdown/core';
 import type { Icon } from '@milkdown/design-system';
 import type { MarkType } from '@milkdown/prose';
 
@@ -10,11 +10,11 @@ export const createToggleIcon = (
     ctx: Ctx,
     iconName: Icon,
     key: string,
-    mark: MarkType,
-    disableForMark: MarkType,
+    mark: MarkType | undefined,
+    disableForMark: MarkType | undefined,
 ): ButtonItem => ({
-    $: ctx.get(themeToolCtx).slots.icon(iconName),
-    command: () => ctx.get(commandsCtx).callByName(key),
+    $: ctx.get(themeManagerCtx).get(ThemeIcon, iconName)?.dom as HTMLElement,
+    command: () => ctx.get(commandsCtx).call(key),
     active: (view) => hasMark(view.state, mark),
     disable: (view) => isTextAndNotHasMark(view.state, disableForMark),
     enable: (view) => !!mark && !!view.state.schema.marks[mark.name],

package/lib/src/button-manager/calc-button-pos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calc-button-pos.d.ts","sourceRoot":"","sources":["calc-button-pos.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,aAAa,YAAa,WAAW,QAAQ,UAAU,SAmBnE,CAAC"}

package/lib/src/button-manager/create-tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-tooltip.d.ts","sourceRoot":"","sources":["create-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,aAAK,OAAO,GAAG;IACX,GAAG,EAAE,cAAc,CAAC;IACpB,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,cAAe,SAAS,SAAS,KAAK,KAAG,OAmBlE,CAAC"}

package/lib/src/button-manager/filter-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-button.d.ts","sourceRoot":"","sources":["filter-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,eAAO,MAAM,YAAY,cAAe,SAAS,QAAQ,UAAU,YAqBlE,CAAC"}

package/lib/src/button-manager/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,eAAO,MAAM,mBAAmB,cAAe,SAAS,SAAS,KAAK;;;yBAwBzC,UAAU;;CAUtC,CAAC"}

package/lib/src/button-manager/no-active.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-active.d.ts","sourceRoot":"","sources":["no-active.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,QAAQ,cAAe,SAAS,QAAQ,UAAU,YAI9D,CAAC"}

package/lib/src/button-manager/style.d.ts

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

package/lib/src/button-manager/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,eAAO,MAAM,WAAW,cAAe,SAAS,WAAW,OAAO,WA6CjE,CAAC"}

package/lib/src/index.d.ts

@@ -1,21 +0,0 @@
-import { PluginKey } from '@milkdown/prose';
-import { AtomList } from '@milkdown/utils';
-import { InputOptions } from './item';
-export declare const key: PluginKey<any, any>;
-export declare const tooltipPlugin: import("@milkdown/utils/lib/src/types").WithExtend<string, InputOptions, {
-    [x: string]: import("prosemirror-model").NodeType<any>;
-} & {
-    [x: string]: import("prosemirror-model").MarkType<any>;
-}, {
-    schema?: ((ctx: import("@milkdown/core").Ctx) => {
-        node?: Record<string, import("@milkdown/core").NodeSchema> | undefined;
-        mark?: Record<string, import("@milkdown/core").MarkSchema> | undefined;
-    }) | undefined;
-    view?: ((ctx: import("@milkdown/core").Ctx) => Partial<{
-        [x: string]: import("@milkdown/prose").NodeViewFactory;
-    } & {
-        [x: string]: import("@milkdown/prose").MarkViewFactory;
-    }>) | undefined;
-}>;
-export declare const tooltip: AtomList<import("@milkdown/utils/lib/src/types").Metadata<import("@milkdown/utils/lib/src/types").GetPlugin<string, InputOptions>> & import("@milkdown/core").MilkdownPlugin>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAU,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAA0B,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAuB,YAAY,EAAE,MAAM,QAAQ,CAAC;AAG3D,eAAO,MAAM,GAAG,qBAA2C,CAAC;AAE5D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;EAuDxB,CAAC;AAEH,eAAO,MAAM,OAAO,+KAAqC,CAAC"}

package/lib/src/input-manager/calc-input-pos.d.ts

@@ -1,3 +0,0 @@
-import { EditorView } from '@milkdown/prose';
-export declare const calcInputPos: (view: EditorView, input: HTMLDivElement) => void;
-//# sourceMappingURL=calc-input-pos.d.ts.map

package/lib/src/input-manager/calc-input-pos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calc-input-pos.d.ts","sourceRoot":"","sources":["calc-input-pos.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,YAAY,SAAU,UAAU,SAAS,cAAc,SAenE,CAAC"}

package/lib/src/input-manager/create-input.d.ts

@@ -1,7 +0,0 @@
-import type { Utils } from '@milkdown/utils';
-export declare const createInput: (utils: Utils) => {
-    readonly div: HTMLDivElement;
-    readonly input: HTMLInputElement;
-    readonly button: HTMLButtonElement;
-};
-//# sourceMappingURL=create-input.d.ts.map

package/lib/src/input-manager/create-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-input.d.ts","sourceRoot":"","sources":["create-input.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAI7C,eAAO,MAAM,WAAW,UAAW,KAAK;;;;CAiCvC,CAAC"}

package/lib/src/input-manager/filter-input.d.ts

@@ -1,19 +0,0 @@
-import type { EditorView } from '@milkdown/prose';
-import type { InputMap } from '../item';
-export declare const filterInput: (currentView: EditorView, inputMap: InputMap, div: HTMLDivElement, input: HTMLInputElement, button: HTMLButtonElement) => ({
-    command: import("../item").Event2Command;
-    display: import("../item").Pred;
-    update: import("../item").Updater;
-    placeholder: string;
-} & {
-    bind: true;
-}) | ({
-    command: import("../item").Event2Command;
-    display: import("../item").Pred;
-    update: import("../item").Updater;
-    placeholder: string;
-} & {
-    bind?: false | undefined;
-    buttonText: string;
-}) | undefined;
-//# sourceMappingURL=filter-input.d.ts.map

package/lib/src/input-manager/filter-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-input.d.ts","sourceRoot":"","sources":["filter-input.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,WAAW,gBACP,UAAU,YACb,QAAQ,OACb,cAAc,SACZ,gBAAgB,UACf,iBAAiB;;;;;;;;;;;;;;;cAsB5B,CAAC"}

package/lib/src/input-manager/index.d.ts

@@ -1,10 +0,0 @@
-import type { EditorView } from '@milkdown/prose';
-import { Utils } from '@milkdown/utils';
-import type { InputMap } from '../item';
-export declare const createInputManager: (inputMap: InputMap, utils: Utils) => {
-    destroy: () => void;
-    hide: () => void;
-    update: (editorView: EditorView) => void;
-    render: (editorView: EditorView) => void;
-};
-//# sourceMappingURL=index.d.ts.map

package/lib/src/input-manager/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKvD,eAAO,MAAM,kBAAkB,aAAc,QAAQ,SAAS,KAAK;;;yBAgCtC,UAAU;yBAOV,UAAU;CAMtC,CAAC"}

package/lib/src/input-manager/style.d.ts

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

package/lib/src/input-manager/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,eAAO,MAAM,WAAW,cAAe,SAAS,WAAW,OAAO,WA8DjE,CAAC"}

package/lib/src/item.d.ts

@@ -1,53 +0,0 @@
-import { Ctx } from '@milkdown/core';
-import { EditorView, Schema } from '@milkdown/prose';
-export declare type Pred = (view: EditorView) => boolean;
-export declare type Updater = (view: EditorView, $: HTMLElement) => void;
-export declare type Event2Command = (e: Event) => void;
-export declare type ButtonItem = {
-    $: HTMLElement;
-    command: () => void;
-    active: Pred;
-    disable?: Pred;
-    enable: Pred;
-};
-export declare type InputItem = {
-    command: Event2Command;
-    display: Pred;
-    update: Updater;
-    placeholder: string;
-} & ({
-    bind: true;
-} | {
-    bind?: false;
-    buttonText: string;
-});
-export declare enum ButtonAction {
-    ToggleBold = 0,
-    ToggleItalic = 1,
-    ToggleStrike = 2,
-    ToggleCode = 3,
-    ToggleLink = 4
-}
-export declare enum InputAction {
-    ModifyLink = 0,
-    ModifyImage = 1,
-    ModifyInlineMath = 2
-}
-export declare type ButtonMap = Record<ButtonAction, ButtonItem>;
-export declare type InputMap = Record<InputAction, InputItem>;
-export declare type InputOptions = {
-    link: {
-        placeholder: string;
-        buttonText: string;
-    };
-    image: {
-        placeholder: string;
-        buttonText: string;
-    };
-    inlineMath: {
-        placeholder: string;
-    };
-};
-export declare const inputMap: (schema: Schema, ctx: Ctx, inputOptions: InputOptions) => InputMap;
-export declare const buttonMap: (schema: Schema, ctx: Ctx) => ButtonMap;
-//# sourceMappingURL=item.d.ts.map

package/lib/src/item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,UAAU,EAA0B,MAAM,EAAiB,MAAM,iBAAiB,CAAC;AAa5F,oBAAY,IAAI,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;AACjD,oBAAY,OAAO,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;AACjE,oBAAY,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;AAE/C,oBAAY,UAAU,GAAG;IACrB,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,IAAI,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACvB,GAAG,CACE;IACI,IAAI,EAAE,IAAI,CAAC;CACd,GACD;IACI,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACtB,CACN,CAAC;AAEF,oBAAY,YAAY;IACpB,UAAU,IAAA;IACV,YAAY,IAAA;IACZ,YAAY,IAAA;IACZ,UAAU,IAAA;IACV,UAAU,IAAA;CACb;AAED,oBAAY,WAAW;IACnB,UAAU,IAAA;IACV,WAAW,IAAA;IACX,gBAAgB,IAAA;CACnB;AAED,oBAAY,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACzD,oBAAY,QAAQ,GAAG,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEtD,oBAAY,YAAY,GAAG;IACvB,IAAI,EAAE;QACF,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACH,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACR,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,QAAQ,WAAY,MAAM,OAAO,GAAG,gBAAgB,YAAY,KAAG,QA0B/E,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,MAAM,OAAO,GAAG,KAAG,SAepD,CAAC"}

package/lib/src/selection-marks-tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-marks-tooltip.d.ts","sourceRoot":"","sources":["selection-marks-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAIxC,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElD,eAAO,MAAM,YAAY,cAAe,SAAS,YAAY,QAAQ,SAAS,KAAK;mBAUzD,UAAU;;yBAqBP,UAAU;wBAKX,OAAO;CAIlC,CAAC"}

package/lib/src/utility/element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,YAAa,WAAW,WAAW,MAAM,KAAG,OACxB,CAAC"}

package/lib/src/utility/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}

package/lib/src/utility/input.d.ts

@@ -1,9 +0,0 @@
-import { Ctx } from '@milkdown/core';
-import { Event2Command, Updater } from '../item';
-export declare const modifyLink: (ctx: Ctx) => Event2Command;
-export declare const modifyInlineMath: (ctx: Ctx) => Event2Command;
-export declare const modifyImage: (ctx: Ctx) => Event2Command;
-export declare const updateLinkView: Updater;
-export declare const updateInlineMathView: Updater;
-export declare const updateImageView: Updater;
-//# sourceMappingURL=input.d.ts.map

package/lib/src/utility/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGjD,eAAO,MAAM,UAAU,QACb,GAAG,KAAG,aAiBX,CAAC;AAEN,eAAO,MAAM,gBAAgB,QACnB,GAAG,KAAG,aAaX,CAAC;AAEN,eAAO,MAAM,WAAW,QACd,GAAG,KAAG,aAiBX,CAAC;AAEN,eAAO,MAAM,cAAc,EAAE,OA4B5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAkBlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAkB7B,CAAC"}

package/lib/src/utility/prosemirror.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["prosemirror.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAkB,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAiB,MAAM,iBAAiB,CAAC;AAEvG,oBAAY,QAAQ,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,OAAO,gBAAiB,WAAW,QAAQ,QAAQ,KAAG,OAIlE,CAAC;AAEF,eAAO,MAAM,eAAe,gBAAiB,WAAW,KAAG,OAU1D,CAAC;AAEF,eAAO,MAAM,aAAa,gBAAiB,WAAW,KAAG,OAC0B,CAAC;AAEpF,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,QAAQ,QAAQ,KAAG,OACc,CAAC;AAE9F,eAAO,MAAM,aAAa,aAAc,QAAQ,QAAQ,IAAI,YAE3D,CAAC"}

package/lib/src/utility/toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["toggle.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAgB,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,gBAAgB,QACpB,GAAG,YACE,IAAI,OACT,MAAM,QACL,QAAQ,kBACE,QAAQ,KACzB,UAMD,CAAC"}

package/src/input-manager/calc-input-pos.ts

@@ -1,19 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { calculateTextPosition, EditorView } from '@milkdown/prose';
-
-export const calcInputPos = (view: EditorView, input: HTMLDivElement) => {
-    calculateTextPosition(view, input, (start, end, target, parent) => {
-        const $editor = input.parentElement;
-        if (!$editor) {
-            throw new Error();
-        }
-
-        const selectionWidth = end.left - start.left;
-        let left = start.left - parent.left - (target.width - selectionWidth) / 2;
-        const top = start.bottom - parent.top + 14 + $editor.scrollTop;
-
-        if (left < 0) left = 0;
-
-        return [top, left];
-    });
-};

package/src/input-manager/create-input.ts

@@ -1,39 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { Utils } from '@milkdown/utils';
-
-import { injectStyle } from './style';
-
-export const createInput = (utils: Utils) => {
-    const div = document.createElement('div');
-    const style = utils.getStyle(injectStyle);
-    if (style) {
-        div.classList.add(style);
-    }
-
-    div.classList.add('tooltip-input');
-
-    const input = document.createElement('input');
-    div.appendChild(input);
-    const button = document.createElement('button');
-    div.appendChild(button);
-
-    input.addEventListener('input', (e) => {
-        const { target } = e;
-        if (!(target instanceof HTMLInputElement)) {
-            return;
-        }
-
-        if (!target.value) {
-            button.classList.add('disable');
-            return;
-        }
-
-        button.classList.remove('disable');
-    });
-
-    return {
-        div,
-        input,
-        button,
-    } as const;
-};

package/src/input-manager/filter-input.ts

@@ -1,33 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { EditorView } from '@milkdown/prose';
-
-import type { InputMap } from '../item';
-
-export const filterInput = (
-    currentView: EditorView,
-    inputMap: InputMap,
-    div: HTMLDivElement,
-    input: HTMLInputElement,
-    button: HTMLButtonElement,
-) => {
-    const target = Object.values(inputMap).find((input) => input.display(currentView));
-
-    if (!target) {
-        div.classList.add('hide');
-        return;
-    }
-
-    div.classList.remove('hide');
-
-    if (target.bind) {
-        button.classList.add('hide');
-    } else {
-        button.classList.remove('hide');
-        button.textContent = target.buttonText;
-    }
-
-    input.placeholder = target.placeholder;
-    target.update(currentView, div);
-
-    return target;
-};

package/src/input-manager/index.ts

@@ -1,55 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { EditorView } from '@milkdown/prose';
-import { Utils } from '@milkdown/utils';
-
-import type { Event2Command, InputMap } from '../item';
-import { calcInputPos } from './calc-input-pos';
-import { createInput } from './create-input';
-import { filterInput } from './filter-input';
-
-export const createInputManager = (inputMap: InputMap, utils: Utils) => {
-    let inputCommand: Event2Command | undefined;
-    let binding = false;
-    const setCommand = (x?: Event2Command) => (inputCommand = x);
-
-    const { div, button, input } = createInput(utils);
-
-    const onClick = (e: Event) => {
-        if (!inputCommand || button.classList.contains('disable')) return;
-
-        e.stopPropagation();
-        inputCommand(e);
-        div.classList.add('hide');
-    };
-    const onInput = (e: Event) => {
-        if (!binding || !inputCommand) return;
-        inputCommand(e);
-    };
-
-    input.addEventListener('input', onInput);
-    button.addEventListener('mousedown', onClick);
-
-    return {
-        destroy: () => {
-            input.removeEventListener('input', onInput);
-            div.removeEventListener('mousedown', onClick);
-            div.remove();
-        },
-        hide: () => {
-            div.classList.add('hide');
-            setCommand();
-        },
-        update: (editorView: EditorView) => {
-            const result = filterInput(editorView, inputMap, div, input, button);
-            if (!result) return;
-            binding = !!result.bind;
-            setCommand(result.command);
-            calcInputPos(editorView, div);
-        },
-        render: (editorView: EditorView) => {
-            const wrapper = editorView.dom.parentNode;
-            if (!wrapper) throw new Error();
-            wrapper.appendChild(div);
-        },
-    };
-};