@tiptap/extension-drag-handle-vue-2 2.22.0

package/README.md

@@ -0,0 +1,14 @@
+# @tiptap/extension-drag-handle-vue-2
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-drag-handle-vue-2.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-vue-2)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-drag-handle-vue-2.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-drag-handle-vue-2.svg)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-vue-2)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.
+
+## Official Documentation
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).

package/dist/DragHandle.d.ts

@@ -0,0 +1,29 @@
+import { Editor } from '@tiptap/core';
+import { DragHandlePluginProps } from '@tiptap/extension-drag-handle';
+import Vue from 'vue';
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+export type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {
+    class?: string;
+    onNodeChange?: (data: {
+        node: Node | null;
+        editor: Editor;
+        pos: number;
+    }) => void;
+};
+export declare const DragHandle: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue>, unknown, unknown, unknown, {
+    pluginKey: string | import("prosemirror-state").PluginKey<any> | undefined;
+    editor: Editor;
+    tippyOptions: {} | undefined;
+    onNodeChange: (((data: {
+        editor: Editor;
+        node: import("prosemirror-model").Node | null;
+        pos: number;
+    }) => void) & ((data: {
+        node: Node | null;
+        editor: Editor;
+        pos: number;
+    }) => void)) | undefined;
+    class: string | undefined;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export {};
+//# sourceMappingURL=DragHandle.d.ts.map

package/dist/DragHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../src/DragHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAGL,qBAAqB,EACtB,MAAM,+BAA+B,CAAA;AACtC,OAAO,GAAiB,MAAM,KAAK,CAAA;AAEnC,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;0BAHC;QAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI;;gFA8DjF,CAAA"}

package/dist/index.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var extensionDragHandle = require('@tiptap/extension-drag-handle');
+var Vue = require('vue');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var Vue__default = /*#__PURE__*/_interopDefaultCompat(Vue);
+
+const DragHandle = Vue__default.default.extend({
+    name: 'DragHandleVue',
+    props: {
+        pluginKey: {
+            type: [String, Object],
+            default: extensionDragHandle.dragHandlePluginDefaultKey,
+        },
+        editor: {
+            type: Object,
+            required: true,
+        },
+        tippyOptions: {
+            type: Object,
+            default: () => ({}),
+        },
+        onNodeChange: {
+            type: Function,
+            default: null,
+        },
+        class: {
+            type: String,
+            default: 'drag-handle',
+        },
+    },
+    mounted() {
+        const { editor, pluginKey, onNodeChange, tippyOptions, } = this.$props;
+        editor.registerPlugin(extensionDragHandle.DragHandlePlugin({
+            editor,
+            element: this.$el,
+            pluginKey,
+            tippyOptions,
+            onNodeChange,
+        }));
+    },
+    // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
+    beforeDestroy() {
+        const { pluginKey, editor } = this.$props;
+        editor.unregisterPlugin(pluginKey);
+    },
+    render(h) {
+        return h('div', {
+            class: this.class,
+        }, this.$slots.default);
+    },
+});
+
+exports.DragHandle = DragHandle;
+exports.default = DragHandle;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/DragHandle.ts"],"sourcesContent":["import { Editor } from '@tiptap/core'\nimport {\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n  DragHandlePluginProps,\n} from '@tiptap/extension-drag-handle'\nimport Vue, { PropType } from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string;\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void;\n};\n\nexport const DragHandle = Vue.extend({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    tippyOptions: {\n      type: Object as PropType<DragHandleProps['tippyOptions']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  mounted() {\n    const {\n      editor,\n      pluginKey,\n      onNodeChange,\n      tippyOptions,\n    } = this.$props\n\n    editor.registerPlugin(DragHandlePlugin({\n      editor,\n      element: this.$el as HTMLElement,\n      pluginKey,\n      tippyOptions,\n      onNodeChange,\n    }))\n  },\n\n  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle\n  beforeDestroy() {\n    const { pluginKey, editor } = this.$props\n\n    editor.unregisterPlugin(pluginKey as string)\n  },\n\n  render(h) {\n    return h('div', {\n      class: this.class,\n    }, this.$slots.default)\n  },\n})\n"],"names":["Vue","dragHandlePluginDefaultKey","DragHandlePlugin"],"mappings":";;;;;;;;;;;AAea,MAAA,UAAU,GAAGA,oBAAG,CAAC,MAAM,CAAC;AACnC,IAAA,IAAI,EAAE,eAAe;AAErB,IAAA,KAAK,EAAE;AACL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA2C;AAChE,YAAA,OAAO,EAAEC,8CAA0B;AACpC,SAAA;AAED,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA6C;AACnD,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAmD;AACzD,YAAA,OAAO,EAAE,OAAO,EAAE,CAAC;AACpB,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,QAAqD;AAC3D,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAA4C;AAClD,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACF,KAAA;IAED,OAAO,GAAA;AACL,QAAA,MAAM,EACJ,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,GACb,GAAG,IAAI,CAAC,MAAM;AAEf,QAAA,MAAM,CAAC,cAAc,CAACC,oCAAgB,CAAC;YACrC,MAAM;YACN,OAAO,EAAE,IAAI,CAAC,GAAkB;YAChC,SAAS;YACT,YAAY;YACZ,YAAY;AACb,SAAA,CAAC,CAAC;KACJ;;IAGD,aAAa,GAAA;QACX,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM;AAEzC,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAmB,CAAC;KAC7C;AAED,IAAA,MAAM,CAAC,CAAC,EAAA;QACN,OAAO,CAAC,CAAC,KAAK,EAAE;YACd,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,SAAA,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;KACxB;AACF,CAAA;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { DragHandle } from './DragHandle.js';
+export * from './DragHandle.js';
+export default DragHandle;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,cAAc,iBAAiB,CAAA;AAE/B,eAAe,UAAU,CAAA"}

package/dist/index.js

@@ -0,0 +1,51 @@
+import { dragHandlePluginDefaultKey, DragHandlePlugin } from '@tiptap/extension-drag-handle';
+import Vue from 'vue';
+
+const DragHandle = Vue.extend({
+    name: 'DragHandleVue',
+    props: {
+        pluginKey: {
+            type: [String, Object],
+            default: dragHandlePluginDefaultKey,
+        },
+        editor: {
+            type: Object,
+            required: true,
+        },
+        tippyOptions: {
+            type: Object,
+            default: () => ({}),
+        },
+        onNodeChange: {
+            type: Function,
+            default: null,
+        },
+        class: {
+            type: String,
+            default: 'drag-handle',
+        },
+    },
+    mounted() {
+        const { editor, pluginKey, onNodeChange, tippyOptions, } = this.$props;
+        editor.registerPlugin(DragHandlePlugin({
+            editor,
+            element: this.$el,
+            pluginKey,
+            tippyOptions,
+            onNodeChange,
+        }));
+    },
+    // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
+    beforeDestroy() {
+        const { pluginKey, editor } = this.$props;
+        editor.unregisterPlugin(pluginKey);
+    },
+    render(h) {
+        return h('div', {
+            class: this.class,
+        }, this.$slots.default);
+    },
+});
+
+export { DragHandle, DragHandle as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/DragHandle.ts"],"sourcesContent":["import { Editor } from '@tiptap/core'\nimport {\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n  DragHandlePluginProps,\n} from '@tiptap/extension-drag-handle'\nimport Vue, { PropType } from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string;\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void;\n};\n\nexport const DragHandle = Vue.extend({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    tippyOptions: {\n      type: Object as PropType<DragHandleProps['tippyOptions']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  mounted() {\n    const {\n      editor,\n      pluginKey,\n      onNodeChange,\n      tippyOptions,\n    } = this.$props\n\n    editor.registerPlugin(DragHandlePlugin({\n      editor,\n      element: this.$el as HTMLElement,\n      pluginKey,\n      tippyOptions,\n      onNodeChange,\n    }))\n  },\n\n  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle\n  beforeDestroy() {\n    const { pluginKey, editor } = this.$props\n\n    editor.unregisterPlugin(pluginKey as string)\n  },\n\n  render(h) {\n    return h('div', {\n      class: this.class,\n    }, this.$slots.default)\n  },\n})\n"],"names":[],"mappings":";;;AAea,MAAA,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC;AACnC,IAAA,IAAI,EAAE,eAAe;AAErB,IAAA,KAAK,EAAE;AACL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA2C;AAChE,YAAA,OAAO,EAAE,0BAA0B;AACpC,SAAA;AAED,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA6C;AACnD,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAmD;AACzD,YAAA,OAAO,EAAE,OAAO,EAAE,CAAC;AACpB,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,QAAqD;AAC3D,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAA4C;AAClD,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACF,KAAA;IAED,OAAO,GAAA;AACL,QAAA,MAAM,EACJ,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,GACb,GAAG,IAAI,CAAC,MAAM;AAEf,QAAA,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC;YACrC,MAAM;YACN,OAAO,EAAE,IAAI,CAAC,GAAkB;YAChC,SAAS;YACT,YAAY;YACZ,YAAY;AACb,SAAA,CAAC,CAAC;KACJ;;IAGD,aAAa,GAAA;QACX,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM;AAEzC,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAmB,CAAC;KAC7C;AAED,IAAA,MAAM,CAAC,CAAC,EAAA;QACN,OAAO,CAAC,CAAC,KAAK,EAAE;YACd,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,SAAA,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;KACxB;AACF,CAAA;;;;"}

package/dist/index.umd.js

@@ -0,0 +1,59 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tiptap/extension-drag-handle'), require('vue')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@tiptap/extension-drag-handle', 'vue'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@tiptap/extension-drag-handle-vue-2"] = {}, global.extensionDragHandle, global.Vue));
+})(this, (function (exports, extensionDragHandle, Vue) { 'use strict';
+
+  const DragHandle = Vue.extend({
+      name: 'DragHandleVue',
+      props: {
+          pluginKey: {
+              type: [String, Object],
+              default: extensionDragHandle.dragHandlePluginDefaultKey,
+          },
+          editor: {
+              type: Object,
+              required: true,
+          },
+          tippyOptions: {
+              type: Object,
+              default: () => ({}),
+          },
+          onNodeChange: {
+              type: Function,
+              default: null,
+          },
+          class: {
+              type: String,
+              default: 'drag-handle',
+          },
+      },
+      mounted() {
+          const { editor, pluginKey, onNodeChange, tippyOptions, } = this.$props;
+          editor.registerPlugin(extensionDragHandle.DragHandlePlugin({
+              editor,
+              element: this.$el,
+              pluginKey,
+              tippyOptions,
+              onNodeChange,
+          }));
+      },
+      // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
+      beforeDestroy() {
+          const { pluginKey, editor } = this.$props;
+          editor.unregisterPlugin(pluginKey);
+      },
+      render(h) {
+          return h('div', {
+              class: this.class,
+          }, this.$slots.default);
+      },
+  });
+
+  exports.DragHandle = DragHandle;
+  exports.default = DragHandle;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/DragHandle.ts"],"sourcesContent":["import { Editor } from '@tiptap/core'\nimport {\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n  DragHandlePluginProps,\n} from '@tiptap/extension-drag-handle'\nimport Vue, { PropType } from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string;\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void;\n};\n\nexport const DragHandle = Vue.extend({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    tippyOptions: {\n      type: Object as PropType<DragHandleProps['tippyOptions']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  mounted() {\n    const {\n      editor,\n      pluginKey,\n      onNodeChange,\n      tippyOptions,\n    } = this.$props\n\n    editor.registerPlugin(DragHandlePlugin({\n      editor,\n      element: this.$el as HTMLElement,\n      pluginKey,\n      tippyOptions,\n      onNodeChange,\n    }))\n  },\n\n  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle\n  beforeDestroy() {\n    const { pluginKey, editor } = this.$props\n\n    editor.unregisterPlugin(pluginKey as string)\n  },\n\n  render(h) {\n    return h('div', {\n      class: this.class,\n    }, this.$slots.default)\n  },\n})\n"],"names":["dragHandlePluginDefaultKey","DragHandlePlugin"],"mappings":";;;;;;AAea,QAAA,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC;EACnC,IAAA,IAAI,EAAE,eAAe;EAErB,IAAA,KAAK,EAAE;EACL,QAAA,SAAS,EAAE;EACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA2C;EAChE,YAAA,OAAO,EAAEA,8CAA0B;EACpC,SAAA;EAED,QAAA,MAAM,EAAE;EACN,YAAA,IAAI,EAAE,MAA6C;EACnD,YAAA,QAAQ,EAAE,IAAI;EACf,SAAA;EAED,QAAA,YAAY,EAAE;EACZ,YAAA,IAAI,EAAE,MAAmD;EACzD,YAAA,OAAO,EAAE,OAAO,EAAE,CAAC;EACpB,SAAA;EAED,QAAA,YAAY,EAAE;EACZ,YAAA,IAAI,EAAE,QAAqD;EAC3D,YAAA,OAAO,EAAE,IAAI;EACd,SAAA;EAED,QAAA,KAAK,EAAE;EACL,YAAA,IAAI,EAAE,MAA4C;EAClD,YAAA,OAAO,EAAE,aAAa;EACvB,SAAA;EACF,KAAA;MAED,OAAO,GAAA;EACL,QAAA,MAAM,EACJ,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,GACb,GAAG,IAAI,CAAC,MAAM;EAEf,QAAA,MAAM,CAAC,cAAc,CAACC,oCAAgB,CAAC;cACrC,MAAM;cACN,OAAO,EAAE,IAAI,CAAC,GAAkB;cAChC,SAAS;cACT,YAAY;cACZ,YAAY;EACb,SAAA,CAAC,CAAC;OACJ;;MAGD,aAAa,GAAA;UACX,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM;EAEzC,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAmB,CAAC;OAC7C;EAED,IAAA,MAAM,CAAC,CAAC,EAAA;UACN,OAAO,CAAC,CAAC,KAAK,EAAE;cACd,KAAK,EAAE,IAAI,CAAC,KAAK;EAClB,SAAA,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;OACxB;EACF,CAAA;;;;;;;;;;;"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@tiptap/extension-drag-handle-vue-2",
+  "description": "drag handle extension for tiptap with vue 2",
+  "version": "2.22.0",
+  "homepage": "https://tiptap.dev",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "license": "MIT",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-drag-handle-vue-2"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "umd": "dist/index.umd.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "peerDependencies": {
+    "@tiptap/extension-drag-handle": "^2.14.0",
+    "@tiptap/pm": "^2.7.0",
+    "@tiptap/vue-2": "^2.7.0",
+    "vue": "^2.0.0"
+  },
+  "devDependencies": {
+    "@tiptap/extension-drag-handle": "^2.22.0",
+    "@tiptap/pm": "^2.22.0",
+    "@tiptap/vue-2": "^2.22.0",
+    "vue": "^2.0.0",
+    "vue-ts-types": "1.6.2"
+  },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npm run clean && rollup -c"
+  }
+}

package/src/DragHandle.ts

@@ -0,0 +1,75 @@
+import { Editor } from '@tiptap/core'
+import {
+  DragHandlePlugin,
+  dragHandlePluginDefaultKey,
+  DragHandlePluginProps,
+} from '@tiptap/extension-drag-handle'
+import Vue, { PropType } from 'vue'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+
+export type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {
+  class?: string;
+  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void;
+};
+
+export const DragHandle = Vue.extend({
+  name: 'DragHandleVue',
+
+  props: {
+    pluginKey: {
+      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,
+      default: dragHandlePluginDefaultKey,
+    },
+
+    editor: {
+      type: Object as PropType<DragHandleProps['editor']>,
+      required: true,
+    },
+
+    tippyOptions: {
+      type: Object as PropType<DragHandleProps['tippyOptions']>,
+      default: () => ({}),
+    },
+
+    onNodeChange: {
+      type: Function as PropType<DragHandleProps['onNodeChange']>,
+      default: null,
+    },
+
+    class: {
+      type: String as PropType<DragHandleProps['class']>,
+      default: 'drag-handle',
+    },
+  },
+
+  mounted() {
+    const {
+      editor,
+      pluginKey,
+      onNodeChange,
+      tippyOptions,
+    } = this.$props
+
+    editor.registerPlugin(DragHandlePlugin({
+      editor,
+      element: this.$el as HTMLElement,
+      pluginKey,
+      tippyOptions,
+      onNodeChange,
+    }))
+  },
+
+  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
+  beforeDestroy() {
+    const { pluginKey, editor } = this.$props
+
+    editor.unregisterPlugin(pluginKey as string)
+  },
+
+  render(h) {
+    return h('div', {
+      class: this.class,
+    }, this.$slots.default)
+  },
+})

package/src/index.ts

@@ -0,0 +1,5 @@
+import { DragHandle } from './DragHandle.js'
+
+export * from './DragHandle.js'
+
+export default DragHandle