@domternal/vue 0.6.2 → 0.7.1

package/README.md

@@ -3,29 +3,31 @@
 [![Version](https://img.shields.io/npm/v/@domternal/vue.svg)](https://www.npmjs.com/package/@domternal/vue)
 [![MIT License](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/domternal/domternal/blob/main/LICENSE)
 
-A lightweight, extensible rich text editor toolkit built on <u>[ProseMirror](https://prosemirror.net/)</u>. Framework-agnostic headless core with first-class Angular, React, and Vue support.  
+A lightweight, extensible rich text editor toolkit built on <u>[ProseMirror](https://prosemirror.net/)</u>. Framework-agnostic headless core with first-class Angular, React, Vue, and Vanilla wrappers.
 Use it headless with vanilla JS/TS, add the built-in toolbar and theme, or drop in ready-made framework components. Fully tree-shakeable, import only what you use, unused extensions are stripped from your bundle.
 
 ## Links
 
-<u>[Website](https://domternal.dev)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[Documentation](https://domternal.dev/v1/introduction)</u>  
-<u>[StackBlitz (Angular)](https://stackblitz.com/edit/domternal-angular-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (React)](https://stackblitz.com/edit/domternal-react-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (Vue)](https://stackblitz.com/edit/domternal-vue-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (Vanilla TS)](https://stackblitz.com/edit/domternal-vanilla-full-example)</u> 
+<u>[Website](https://domternal.dev)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[Documentation](https://domternal.dev/v1/introduction)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
+<u>[StackBlitz (Angular)](https://stackblitz.com/edit/domternal-angular-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (React)](https://stackblitz.com/edit/domternal-react-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (Vue)](https://stackblitz.com/edit/domternal-vue-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (Vanilla TS)](https://stackblitz.com/edit/domternal-vanilla-full-example)</u>
 
 ## Features
 
 See <u>[Packages & Bundle Size](https://domternal.dev/v1/packages)</u> for a full breakdown of all packages and what each one includes.
 
 - **Headless core** - use with any framework or vanilla JS/TS
-- **Angular components** - editor, toolbar, bubble menu, floating menu, emoji picker (signals, OnPush, zoneless-ready)
-- **React components** - composable `Domternal` component, toolbar, bubble menu, floating menu, emoji picker, custom node views (React 18+)
-- **Vue components** - composable `Domternal` component, `useEditor`/`useEditorState` composables, toolbar, bubble menu, floating menu, emoji picker, custom node views (Vue 3.3+)
-- **57 extensions across 12 packages** - 23 nodes, 9 marks, and 25 behavior extensions
-- **140+ chainable commands** - `editor.chain().focus().toggleBold().run()`
+- **Angular components** - editor, toolbar, bubble menu, floating menu, emoji picker, notion color picker (signals, OnPush, zoneless-ready)
+- **React components** - composable `Domternal` component, toolbar, bubble menu, floating menu, emoji picker, notion color picker, custom node views (React 18+)
+- **Vue components** - composable `Domternal` component, `useEditor`/`useEditorState` composables, toolbar, bubble menu, floating menu, emoji picker, notion color picker, custom node views (Vue 3.3+)
+- **Vanilla wrapper** - framework-free class-based API for Astro, Svelte, Solid, plain HTML, and Web Components - editor, toolbar, bubble menu, floating menu, emoji picker, notion color picker
+- **Notion-style block UX** - drag-to-reorder, block context menu, slash command, smart paste, keyboard reorder, floating Table of Contents
+- **65+ extensions across 15 packages** - nodes, marks, and behavior extensions
+- **120+ chainable commands** - `editor.chain().focus().toggleBold().run()`
 - **Full table support** - cell merging, column resize, row/column controls, cell toolbar, all free and MIT licensed
 - **Tree-shakeable** - import only what you use, your bundler strips the rest
-- **~38 KB gzipped** (own code), <u>[~108 KB total](https://domternal.dev/v1/packages)</u> with ProseMirror
+- **~44 KB gzipped** (own code), <u>[see Packages](https://domternal.dev/v1/packages)</u> for full bundle breakdown with ProseMirror
 - **TypeScript first** - 100% typed, zero `any`
-- **8,500+ tests** - 2,677 unit tests and 5,800+ E2E tests across 120+ Playwright specs
+- **15,000+ tests** - 4,000+ unit and 11,000+ E2E across 230+ Playwright specs and 4 demo apps
 - **Light and dark theme** - 70+ CSS custom properties for full visual control
 - **Inline styles export** - `getHTML({ styled: true })` produces inline CSS ready for email clients, CMS, and Google Docs
 - **SSR helpers** - `generateHTML`, `generateJSON`, `generateText` for server-side rendering

package/dist/Domternal.d.ts

@@ -0,0 +1,34 @@
+import type { Component } from 'vue';
+import { type UseEditorOptions } from './useEditor.js';
+export interface DomternalProps extends UseEditorOptions {
+}
+/**
+ * Composable root component that creates an editor and provides it to all
+ * subcomponents via inject. No need to pass `editor` prop to children.
+ *
+ * Supports namespaced subcomponents in `<script setup>` templates:
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { Domternal } from '@domternal/vue';
+ * </script>
+ * <template>
+ *   <Domternal :extensions="extensions" :content="content">
+ *     <Domternal.Toolbar />
+ *     <Domternal.Content />
+ *     <Domternal.BubbleMenu :contexts="{ text: ['bold', 'italic'] }" />
+ *     <Domternal.EmojiPicker :emojis="emojis" />
+ *   </Domternal>
+ * </template>
+ * ```
+ */
+export declare const Domternal: Component & {
+    Content: Component;
+    Loading: Component;
+    Toolbar: Component;
+    BubbleMenu: Component;
+    FloatingMenu: Component;
+    EmojiPicker: Component;
+};
+//# sourceMappingURL=Domternal.d.ts.map

package/dist/Domternal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Domternal.d.ts","sourceRoot":"","sources":["../src/Domternal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAOlE,MAAM,WAAW,cAAe,SAAQ,gBAAgB;CAEvD;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,EA4CL,SAAS,GAAG;IAC3B,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,SAAS,CAAC;CACxB,CAAC"}

package/dist/DomternalEditor.d.ts

@@ -0,0 +1,224 @@
+import type { PropType } from 'vue';
+import type { Content, AnyExtension, FocusPosition, JSONContent, Editor } from '@domternal/core';
+export interface DomternalEditorProps {
+    extensions?: AnyExtension[];
+    content?: Content;
+    editable?: boolean;
+    autofocus?: FocusPosition;
+    immediatelyRender?: boolean;
+    outputFormat?: 'html' | 'json';
+    modelValue?: Content;
+    class?: string;
+    onCreate?: (editor: Editor) => void;
+    onUpdate?: (props: {
+        editor: Editor;
+    }) => void;
+    onSelectionChange?: (props: {
+        editor: Editor;
+    }) => void;
+    onFocus?: (props: {
+        editor: Editor;
+        event: FocusEvent;
+    }) => void;
+    onBlur?: (props: {
+        editor: Editor;
+        event: FocusEvent;
+    }) => void;
+    onDestroy?: () => void;
+}
+/**
+ * All-in-one editor component with v-model support and integrated context.
+ *
+ * Wraps children with provideEditor automatically, so toolbar, bubble menu,
+ * and emoji picker components can access the editor via inject.
+ *
+ * @example Basic usage
+ * ```vue
+ * <DomternalEditor
+ *   :extensions="[Bold, Italic, Heading]"
+ *   content="<p>Hello</p>"
+ * />
+ * ```
+ *
+ * @example v-model (two-way binding)
+ * ```vue
+ * <DomternalEditor v-model="content" :extensions="extensions" />
+ * ```
+ *
+ * @example With children (toolbar, bubble menu)
+ * ```vue
+ * <DomternalEditor :extensions="extensions" v-model="content">
+ *   <DomternalToolbar />
+ *   <DomternalBubbleMenu :contexts="{ text: ['bold', 'italic'] }" />
+ * </DomternalEditor>
+ * ```
+ */
+export declare const DomternalEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    extensions: {
+        type: PropType<AnyExtension[]>;
+        default: undefined;
+    };
+    content: {
+        type: PropType<Content>;
+        default: undefined;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: PropType<FocusPosition>;
+        default: boolean;
+    };
+    immediatelyRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputFormat: {
+        type: PropType<"html" | "json">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<Content>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onCreate: {
+        type: PropType<(editor: Editor) => void>;
+        default: undefined;
+    };
+    onUpdate: {
+        type: PropType<(props: {
+            editor: Editor;
+        }) => void>;
+        default: undefined;
+    };
+    onSelectionChange: {
+        type: PropType<(props: {
+            editor: Editor;
+        }) => void>;
+        default: undefined;
+    };
+    onFocus: {
+        type: PropType<(props: {
+            editor: Editor;
+            event: FocusEvent;
+        }) => void>;
+        default: undefined;
+    };
+    onBlur: {
+        type: PropType<(props: {
+            editor: Editor;
+            event: FocusEvent;
+        }) => void>;
+        default: undefined;
+    };
+    onDestroy: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: Content | JSONContent) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    extensions: {
+        type: PropType<AnyExtension[]>;
+        default: undefined;
+    };
+    content: {
+        type: PropType<Content>;
+        default: undefined;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: PropType<FocusPosition>;
+        default: boolean;
+    };
+    immediatelyRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputFormat: {
+        type: PropType<"html" | "json">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<Content>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onCreate: {
+        type: PropType<(editor: Editor) => void>;
+        default: undefined;
+    };
+    onUpdate: {
+        type: PropType<(props: {
+            editor: Editor;
+        }) => void>;
+        default: undefined;
+    };
+    onSelectionChange: {
+        type: PropType<(props: {
+            editor: Editor;
+        }) => void>;
+        default: undefined;
+    };
+    onFocus: {
+        type: PropType<(props: {
+            editor: Editor;
+            event: FocusEvent;
+        }) => void>;
+        default: undefined;
+    };
+    onBlur: {
+        type: PropType<(props: {
+            editor: Editor;
+            event: FocusEvent;
+        }) => void>;
+        default: undefined;
+    };
+    onDestroy: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (_value: Content) => any;
+}>, {
+    onFocus: (props: {
+        editor: Editor;
+        event: FocusEvent;
+    }) => void;
+    class: string;
+    onBlur: (props: {
+        editor: Editor;
+        event: FocusEvent;
+    }) => void;
+    content: Content;
+    onCreate: (editor: Editor) => void;
+    onUpdate: (props: {
+        editor: Editor;
+    }) => void;
+    onSelectionChange: (props: {
+        editor: Editor;
+    }) => void;
+    onDestroy: () => void;
+    extensions: AnyExtension[];
+    editable: boolean;
+    autofocus: FocusPosition;
+    outputFormat: "html" | "json";
+    immediatelyRender: boolean;
+    modelValue: Content;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=DomternalEditor.d.ts.map

package/dist/DomternalEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalEditor.d.ts","sourceRoot":"","sources":["../src/DomternalEditor.ts"],"names":[],"mappings":"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"}

package/dist/DomternalFloatingMenu.d.ts

@@ -0,0 +1,94 @@
+import type { PropType } from 'vue';
+import type { Editor, FloatingMenuItemsOverride, IconSet } from '@domternal/core';
+import type { FloatingMenuKeymap, FloatingMenuOptions } from '@domternal/extension-block-menu';
+export interface DomternalFloatingMenuProps {
+    editor?: Editor;
+    shouldShow?: FloatingMenuOptions['shouldShow'];
+    offset?: number;
+    items?: FloatingMenuItemsOverride;
+    keymap?: FloatingMenuKeymap;
+    icons?: IconSet;
+    /**
+     * When true, the menu does NOT auto-show on every empty paragraph;
+     * it only opens when the BlockHandle `+` button (or any caller of
+     * `showFloatingMenu`) explicitly triggers it. Notion-style behaviour
+     * - empty rows show a placeholder, the slash menu is the keyboard
+     * trigger, the `+` button is the gutter trigger.
+     * @default false
+     */
+    requireExplicitTrigger?: boolean;
+}
+export declare const DomternalFloatingMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor>;
+        default: undefined;
+    };
+    shouldShow: {
+        type: PropType<FloatingMenuOptions["shouldShow"]>;
+        default: undefined;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    items: {
+        type: PropType<FloatingMenuItemsOverride>;
+        default: undefined;
+    };
+    keymap: {
+        type: PropType<FloatingMenuKeymap>;
+        default: undefined;
+    };
+    icons: {
+        type: PropType<IconSet>;
+        default: undefined;
+    };
+    requireExplicitTrigger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor>;
+        default: undefined;
+    };
+    shouldShow: {
+        type: PropType<FloatingMenuOptions["shouldShow"]>;
+        default: undefined;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    items: {
+        type: PropType<FloatingMenuItemsOverride>;
+        default: undefined;
+    };
+    keymap: {
+        type: PropType<FloatingMenuKeymap>;
+        default: undefined;
+    };
+    icons: {
+        type: PropType<IconSet>;
+        default: undefined;
+    };
+    requireExplicitTrigger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    editor: Editor;
+    icons: IconSet;
+    shouldShow: (props: {
+        editor: Editor;
+        view: import("prosemirror-view").EditorView;
+        state: import("prosemirror-state").EditorState;
+    }) => boolean;
+    offset: number;
+    items: FloatingMenuItemsOverride;
+    keymap: FloatingMenuKeymap;
+    requireExplicitTrigger: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=DomternalFloatingMenu.d.ts.map

package/dist/DomternalFloatingMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalFloatingMenu.d.ts","sourceRoot":"","sources":["../src/DomternalFloatingMenu.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAMpC,OAAO,KAAK,EACV,MAAM,EAEN,yBAAyB,EACzB,OAAO,EACR,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAGzC,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB;;cAGJ,QAAQ,CAAC,MAAM,CAAC;;;;cACV,QAAQ,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC;;;;;;;;cAG9C,QAAQ,CAAC,yBAAyB,CAAC;;;;cAGtC,QAAQ,CAAC,kBAAkB,CAAC;;;;cAC7B,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;cARhB,QAAQ,CAAC,MAAM,CAAC;;;;cACV,QAAQ,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC;;;;;;;;cAG9C,QAAQ,CAAC,yBAAyB,CAAC;;;;cAGtC,QAAQ,CAAC,kBAAkB,CAAC;;;;cAC7B,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;4EAsO5C,CAAC"}

package/dist/EditorContent.d.ts

@@ -0,0 +1,44 @@
+import type { PropType } from 'vue';
+import type { Editor } from '@domternal/core';
+/**
+ * Renders the ProseMirror editor view into a div element.
+ *
+ * Use this with `useEditor` for a flexible, decoupled pattern where the
+ * editor composable and rendering are separated.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useEditor, EditorContent } from '@domternal/vue';
+ * const { editor } = useEditor({ extensions, content });
+ * </script>
+ * <template>
+ *   <EditorContent :editor="editor" class="my-editor" />
+ * </template>
+ * ```
+ */
+export declare const EditorContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor | null>;
+        default: null;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor | null>;
+        default: null;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    editor: Editor | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=EditorContent.d.ts.map

package/dist/EditorContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContent.d.ts","sourceRoot":"","sources":["../src/EditorContent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa;;cAIJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;;;;cAAvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;;;4EA6B3C,CAAC"}

package/dist/EditorContext.d.ts

@@ -0,0 +1,38 @@
+import type { InjectionKey, ShallowRef } from 'vue';
+import type { Editor } from '@domternal/core';
+/**
+ * Typed injection key for the editor instance.
+ * Components use this via provide/inject to share the editor
+ * without prop drilling.
+ */
+export declare const EDITOR_KEY: InjectionKey<ShallowRef<Editor | null>>;
+/**
+ * Provides an editor instance to all descendant components via Vue's
+ * provide/inject system. Also stores the appContext in the WeakMap
+ * for VueNodeViewRenderer to forward the provide/inject chain.
+ *
+ * @example
+ * ```ts
+ * const { editor } = useEditor({ extensions, content });
+ * provideEditor(editor);
+ * ```
+ */
+export declare function provideEditor(editor: ShallowRef<Editor | null>): void;
+/**
+ * Access the editor instance from the nearest provider.
+ *
+ * @returns `{ editor }` where editor is a ShallowRef that may be null
+ *   if the provider has no editor yet or if used outside a provider.
+ *
+ * @example
+ * ```ts
+ * const { editor } = useCurrentEditor();
+ * if (editor.value) {
+ *   editor.value.commands.toggleBold();
+ * }
+ * ```
+ */
+export declare function useCurrentEditor(): {
+    editor: ShallowRef<Editor | null>;
+};
+//# sourceMappingURL=EditorContext.d.ts.map

package/dist/EditorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../src/EditorContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAA8B,CAAC;AAE9F;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CA8BrE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,IAAI;IAAE,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CAAE,CAGxE"}

package/dist/bubble-menu/DomternalBubbleMenu.d.ts

@@ -0,0 +1,98 @@
+import type { PropType, VNode } from 'vue';
+import type { Editor, IconSet, BubbleMenuOptions } from '@domternal/core';
+export interface DomternalBubbleMenuProps {
+    editor?: Editor;
+    shouldShow?: BubbleMenuOptions['shouldShow'];
+    placement?: 'top' | 'bottom';
+    offset?: number;
+    updateDelay?: number;
+    items?: string[];
+    contexts?: Record<string, string[] | true | null>;
+    /** Custom icon overrides. Falls back to default Phosphor icons for unmapped keys. */
+    icons?: IconSet;
+}
+export declare const DomternalBubbleMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor>;
+        default: undefined;
+    };
+    shouldShow: {
+        type: PropType<BubbleMenuOptions["shouldShow"]>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "bottom">;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    updateDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    items: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    contexts: {
+        type: PropType<Record<string, string[] | true | null>>;
+        default: undefined;
+    };
+    icons: {
+        type: PropType<IconSet>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<Editor>;
+        default: undefined;
+    };
+    shouldShow: {
+        type: PropType<BubbleMenuOptions["shouldShow"]>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "bottom">;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    updateDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    items: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    contexts: {
+        type: PropType<Record<string, string[] | true | null>>;
+        default: undefined;
+    };
+    icons: {
+        type: PropType<IconSet>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    placement: "bottom" | "top";
+    editor: Editor;
+    icons: IconSet;
+    shouldShow: (props: {
+        editor: Editor;
+        view: import("prosemirror-view").EditorView;
+        state: import("prosemirror-state").EditorState;
+        from: number;
+        to: number;
+    }) => boolean;
+    offset: number;
+    updateDelay: number;
+    items: string[];
+    contexts: Record<string, true | string[] | null>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=DomternalBubbleMenu.d.ts.map

package/dist/bubble-menu/DomternalBubbleMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalBubbleMenu.d.ts","sourceRoot":"","sources":["../../src/bubble-menu/DomternalBubbleMenu.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAc,KAAK,EAAE,MAAM,KAAK,CAAC;AAKvD,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAkC,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAQ1G,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAClD,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB;;cAGF,QAAQ,CAAC,MAAM,CAAC;;;;cACV,QAAQ,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;;;;cAC5C,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;;;;;;;;;;;;cAG/B,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;cACd,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;;;;cACnD,QAAQ,CAAC,OAAO,CAAC;;;;;;;cAPhB,QAAQ,CAAC,MAAM,CAAC;;;;cACV,QAAQ,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;;;;cAC5C,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;;;;;;;;;;;;cAG/B,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;cACd,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;;;;cACnD,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;4EAwJ5C,CAAC"}

package/dist/bubble-menu/useBubbleMenu.d.ts

@@ -0,0 +1,57 @@
+import type { Ref, ShallowRef } from 'vue';
+import type { Editor, IconSet, ToolbarButton, ToolbarDropdown, BubbleMenuOptions } from '@domternal/core';
+interface BubbleMenuSeparator {
+    type: 'separator';
+    name: string;
+}
+export type BubbleMenuItem = ToolbarButton | ToolbarDropdown | BubbleMenuSeparator;
+/**
+ * Live state for the bubble-menu trailing buttons. Mirrors Angular's
+ * `syncTrailingButtonsState` output. Computed per editor transaction and
+ * coalesced into a single object so each transaction triggers at most one
+ * re-render.
+ */
+export interface BubbleMenuTrailingState {
+    /** True when current selection is a NodeSelection (image, HR, ...). Trailing buttons hide in that case. */
+    isNodeSelection: boolean;
+    /** True when the `notionColorPicker` extension is loaded on this editor (cached once per editor). */
+    showColorPickerButton: boolean;
+    /** True when the `blockContextMenu` extension is loaded on this editor (cached once per editor). */
+    showBlockMenuButton: boolean;
+    /** True when the selection spans more than one top-level block (multi-block "..." disable). */
+    blockMenuButtonDisabled: boolean;
+    /** CSS color value for the "A" trigger glyph (e.g. `var(--dm-block-text-yellow)`), or null. */
+    currentTextColorVar: string | null;
+    /** CSS color value for the "A" trigger underline, or null. */
+    currentBgColorVar: string | null;
+    /** True when any token-based text or background color is applied at the cursor. */
+    hasAnyColor: boolean;
+}
+export interface UseBubbleMenuOptions {
+    editor: ShallowRef<Editor | null>;
+    shouldShow?: BubbleMenuOptions['shouldShow'] | undefined;
+    placement?: 'top' | 'bottom' | undefined;
+    offset?: number | undefined;
+    updateDelay?: number | undefined;
+    items?: string[] | undefined;
+    contexts?: Record<string, string[] | true | null> | undefined;
+    icons?: ShallowRef<IconSet | undefined> | undefined;
+}
+export interface UseBubbleMenuResult {
+    menuRef: Ref<HTMLDivElement | undefined>;
+    resolvedItems: ShallowRef<BubbleMenuItem[]>;
+    isItemActive: (item: ToolbarButton) => boolean;
+    isItemDisabled: (item: ToolbarButton) => boolean;
+    executeCommand: (item: ToolbarButton, event?: Event) => void;
+    activeVersion: Ref<number>;
+    getCachedIcon: (name: string) => string;
+    /** Live trailing-button state (color preview, node-selection gate, multi-block disable). */
+    trailing: ShallowRef<BubbleMenuTrailingState>;
+    /** Open the Notion color picker by emitting `notionColorOpen` with the trigger as anchor. */
+    openColorPicker: (anchor: HTMLElement) => void;
+    /** Open the block context menu by dispatching `dm:block-context-menu-open` on `.dm-editor`. */
+    openBlockContextMenu: (anchor: HTMLElement) => void;
+}
+export declare function useBubbleMenu(options: UseBubbleMenuOptions): UseBubbleMenuResult;
+export {};
+//# sourceMappingURL=useBubbleMenu.d.ts.map

package/dist/bubble-menu/useBubbleMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBubbleMenu.d.ts","sourceRoot":"","sources":["../../src/bubble-menu/useBubbleMenu.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQ3C,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAuB1G,UAAU,mBAAmB;IAAG,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE;AACjE,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEnF;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACtC,2GAA2G;IAC3G,eAAe,EAAE,OAAO,CAAC;IACzB,qGAAqG;IACrG,qBAAqB,EAAE,OAAO,CAAC;IAC/B,oGAAoG;IACpG,mBAAmB,EAAE,OAAO,CAAC;IAC7B,+FAA+F;IAC/F,uBAAuB,EAAE,OAAO,CAAC;IACjC,+FAA+F;IAC/F,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,8DAA8D;IAC9D,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mFAAmF;IACnF,WAAW,EAAE,OAAO,CAAC;CACtB;AA8BD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IACzD,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9D,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CACrD;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;IACzC,aAAa,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC;IAC5C,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,OAAO,CAAC;IAC/C,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,OAAO,CAAC;IACjD,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,4FAA4F;IAC5F,QAAQ,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC9C,6FAA6F;IAC7F,eAAe,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,+FAA+F;IAC/F,oBAAoB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,mBAAmB,CAgchF"}