@fewangsit/wangsvue-fats 1.0.0-alpha.41 → 1.0.0-alpha.43

package/vendor/@tiptap/suggestion-Dg-vhPtN.es.js

@@ -0,0 +1,131 @@
+import { P as T, a as U } from "../prosemirror-state-BW6XGB3U.es.js";
+import { a as j, D as L } from "../prosemirror-view-C9ZQp8VZ.es.js";
+import { o as z } from "./core-DSbPv8xh.es.js";
+function G(R) {
+  var s;
+  const { char: q, allowSpaces: D, allowToIncludeChar: _, allowedPrefixes: f, startOfLine: B, $position: d } = R, E = D && !_, g = z(q), C = new RegExp(`\\s${g}$`), v = B ? "^" : "", I = _ ? "" : g, M = E ? new RegExp(`${v}${g}.*?(?=\\s${I}|$)`, "gm") : new RegExp(`${v}(?:^)?${g}[^\\s${I}]*`, "gm"), r = ((s = d.nodeBefore) === null || s === void 0 ? void 0 : s.isText) && d.nodeBefore.text;
+  if (!r)
+    return null;
+  const e = d.pos - r.length, o = Array.from(r.matchAll(M)).pop();
+  if (!o || o.input === void 0 || o.index === void 0)
+    return null;
+  const n = o.input.slice(Math.max(0, o.index - 1), o.index), i = new RegExp(`^[${f == null ? void 0 : f.join("")}\0]?$`).test(n);
+  if (f !== null && !i)
+    return null;
+  const a = e + o.index;
+  let l = a + o[0].length;
+  return E && C.test(r.slice(l - 1, l + 1)) && (o[0] += " ", l += 1), a < d.pos && l >= d.pos ? {
+    range: {
+      from: a,
+      to: l
+    },
+    query: o[0].slice(q.length),
+    text: o[0]
+  } : null;
+}
+const H = new U("suggestion");
+function W({ pluginKey: R = H, editor: s, char: q = "@", allowSpaces: D = !1, allowToIncludeChar: _ = !1, allowedPrefixes: f = [" "], startOfLine: B = !1, decorationTag: d = "span", decorationClass: E = "suggestion", command: g = () => null, items: C = () => [], render: v = () => ({}), allow: I = () => !0, findSuggestionMatch: M = G }) {
+  let r;
+  const e = v == null ? void 0 : v(), o = new T({
+    key: R,
+    view() {
+      return {
+        update: async (n, i) => {
+          var a, l, u, p, m, y, x;
+          const t = (a = this.key) === null || a === void 0 ? void 0 : a.getState(i), c = (l = this.key) === null || l === void 0 ? void 0 : l.getState(n.state), S = t.active && c.active && t.range.from !== c.range.from, N = !t.active && c.active, b = t.active && !c.active, k = !N && !b && t.query !== c.query, $ = N || S && k, P = k || S, A = b || S && k;
+          if (!$ && !P && !A)
+            return;
+          const h = A && !$ ? t : c, F = n.dom.querySelector(`[data-decoration-id="${h.decorationId}"]`);
+          r = {
+            editor: s,
+            range: h.range,
+            query: h.query,
+            text: h.text,
+            items: [],
+            command: (w) => g({
+              editor: s,
+              range: h.range,
+              props: w
+            }),
+            decorationNode: F,
+            // virtual node for popper.js or tippy.js
+            // this can be used for building popups without a DOM node
+            clientRect: F ? () => {
+              var w;
+              const { decorationId: O } = (w = this.key) === null || w === void 0 ? void 0 : w.getState(s.state), K = n.dom.querySelector(`[data-decoration-id="${O}"]`);
+              return (K == null ? void 0 : K.getBoundingClientRect()) || null;
+            } : null
+          }, $ && ((u = e == null ? void 0 : e.onBeforeStart) === null || u === void 0 || u.call(e, r)), P && ((p = e == null ? void 0 : e.onBeforeUpdate) === null || p === void 0 || p.call(e, r)), (P || $) && (r.items = await C({
+            editor: s,
+            query: h.query
+          })), A && ((m = e == null ? void 0 : e.onExit) === null || m === void 0 || m.call(e, r)), P && ((y = e == null ? void 0 : e.onUpdate) === null || y === void 0 || y.call(e, r)), $ && ((x = e == null ? void 0 : e.onStart) === null || x === void 0 || x.call(e, r));
+        },
+        destroy: () => {
+          var n;
+          r && ((n = e == null ? void 0 : e.onExit) === null || n === void 0 || n.call(e, r));
+        }
+      };
+    },
+    state: {
+      // Initialize the plugin's internal state.
+      init() {
+        return {
+          active: !1,
+          range: {
+            from: 0,
+            to: 0
+          },
+          query: null,
+          text: null,
+          composing: !1
+        };
+      },
+      // Apply changes to the plugin state from a view transaction.
+      apply(n, i, a, l) {
+        const { isEditable: u } = s, { composing: p } = s.view, { selection: m } = n, { empty: y, from: x } = m, t = { ...i };
+        if (t.composing = p, u && (y || s.view.composing)) {
+          (x < i.range.from || x > i.range.to) && !p && !i.composing && (t.active = !1);
+          const c = M({
+            char: q,
+            allowSpaces: D,
+            allowToIncludeChar: _,
+            allowedPrefixes: f,
+            startOfLine: B,
+            $position: m.$from
+          }), S = `id_${Math.floor(Math.random() * 4294967295)}`;
+          c && I({
+            editor: s,
+            state: l,
+            range: c.range,
+            isActive: i.active
+          }) ? (t.active = !0, t.decorationId = i.decorationId ? i.decorationId : S, t.range = c.range, t.query = c.query, t.text = c.text) : t.active = !1;
+        } else
+          t.active = !1;
+        return t.active || (t.decorationId = null, t.range = { from: 0, to: 0 }, t.query = null, t.text = null), t;
+      }
+    },
+    props: {
+      // Call the keydown hook if suggestion is active.
+      handleKeyDown(n, i) {
+        var a;
+        const { active: l, range: u } = o.getState(n.state);
+        return l && ((a = e == null ? void 0 : e.onKeyDown) === null || a === void 0 ? void 0 : a.call(e, { view: n, event: i, range: u })) || !1;
+      },
+      // Setup decorator on the currently active suggestion.
+      decorations(n) {
+        const { active: i, range: a, decorationId: l } = o.getState(n);
+        return i ? j.create(n.doc, [
+          L.inline(a.from, a.to, {
+            nodeName: d,
+            class: E,
+            "data-decoration-id": l
+          })
+        ]) : null;
+      }
+    }
+  });
+  return o;
+}
+export {
+  W as S
+};

package/vendor/@tiptap/vue-3-BOfcUn5G.es.js

@@ -0,0 +1,436 @@
+import { B as g } from "./extension-bubble-menu-DY29ulfu.es.js";
+import { defineComponent as d, shallowRef as y, onMounted as c, onBeforeUnmount as u, h as a, ref as l, getCurrentInstance as C, watchEffect as b, nextTick as w, unref as S, markRaw as f, provide as h, reactive as _, render as v, customRef as x } from "vue";
+import { q as N, r as O } from "./core-DSbPv8xh.es.js";
+import { a as P } from "./extension-floating-menu-BTwcx1u8.es.js";
+d({
+  name: "BubbleMenu",
+  props: {
+    pluginKey: {
+      type: [String, Object],
+      default: "bubbleMenu"
+    },
+    editor: {
+      type: Object,
+      required: !0
+    },
+    updateDelay: {
+      type: Number,
+      default: void 0
+    },
+    tippyOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    shouldShow: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(r, { slots: t }) {
+    const n = l(null);
+    return c(() => {
+      const { updateDelay: e, editor: o, pluginKey: i, shouldShow: s, tippyOptions: p } = r;
+      o.registerPlugin(g({
+        updateDelay: e,
+        editor: o,
+        element: n.value,
+        pluginKey: i,
+        shouldShow: s,
+        tippyOptions: p
+      }));
+    }), u(() => {
+      const { pluginKey: e, editor: o } = r;
+      o.unregisterPlugin(e);
+    }), () => {
+      var e;
+      return a("div", { ref: n }, (e = t.default) === null || e === void 0 ? void 0 : e.call(t));
+    };
+  }
+});
+function m(r) {
+  return x((t, n) => ({
+    get() {
+      return t(), r;
+    },
+    set(e) {
+      r = e, requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          n();
+        });
+      });
+    }
+  }));
+}
+class D extends N {
+  constructor(t = {}) {
+    return super(t), this.contentComponent = null, this.appContext = null, this.reactiveState = m(this.view.state), this.reactiveExtensionStorage = m(this.extensionStorage), this.on("beforeTransaction", ({ nextState: n }) => {
+      this.reactiveState.value = n, this.reactiveExtensionStorage.value = this.extensionStorage;
+    }), f(this);
+  }
+  get state() {
+    return this.reactiveState ? this.reactiveState.value : this.view.state;
+  }
+  get storage() {
+    return this.reactiveExtensionStorage ? this.reactiveExtensionStorage.value : super.storage;
+  }
+  /**
+   * Register a ProseMirror plugin.
+   */
+  registerPlugin(t, n) {
+    const e = super.registerPlugin(t, n);
+    return this.reactiveState && (this.reactiveState.value = e), e;
+  }
+  /**
+   * Unregister a ProseMirror plugin.
+   */
+  unregisterPlugin(t) {
+    const n = super.unregisterPlugin(t);
+    return this.reactiveState && n && (this.reactiveState.value = n), n;
+  }
+}
+const A = d({
+  name: "EditorContent",
+  props: {
+    editor: {
+      default: null,
+      type: Object
+    }
+  },
+  setup(r) {
+    const t = l(), n = C();
+    return b(() => {
+      const e = r.editor;
+      e && e.options.element && t.value && w(() => {
+        if (!t.value || !e.options.element.firstChild)
+          return;
+        const o = S(t.value);
+        t.value.append(...e.options.element.childNodes), e.contentComponent = n.ctx._, n && (e.appContext = {
+          ...n.appContext,
+          // Vue internally uses prototype chain to forward/shadow injects across the entire component chain
+          // so don't use object spread operator or 'Object.assign' and just set `provides` as is on editor's appContext
+          // @ts-expect-error forward instance's 'provides' into appContext
+          provides: n.provides
+        }), e.setOptions({
+          element: o
+        }), e.createNodeViews();
+      });
+    }), u(() => {
+      const e = r.editor;
+      e && (e.contentComponent = null, e.appContext = null);
+    }), { rootEl: t };
+  },
+  render() {
+    return a("div", {
+      ref: (r) => {
+        this.rootEl = r;
+      }
+    });
+  }
+}), U = d({
+  name: "FloatingMenu",
+  props: {
+    pluginKey: {
+      // TODO: TypeScript breaks :(
+      // type: [String, Object as PropType<Exclude<FloatingMenuPluginProps['pluginKey'], string>>],
+      type: null,
+      default: "floatingMenu"
+    },
+    editor: {
+      type: Object,
+      required: !0
+    },
+    tippyOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    shouldShow: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(r, { slots: t }) {
+    const n = l(null);
+    return c(() => {
+      const { pluginKey: e, editor: o, tippyOptions: i, shouldShow: s } = r;
+      o.registerPlugin(P({
+        pluginKey: e,
+        editor: o,
+        element: n.value,
+        tippyOptions: i,
+        shouldShow: s
+      }));
+    }), u(() => {
+      const { pluginKey: e, editor: o } = r;
+      o.unregisterPlugin(e);
+    }), () => {
+      var e;
+      return a("div", { ref: n }, (e = t.default) === null || e === void 0 ? void 0 : e.call(t));
+    };
+  }
+});
+d({
+  name: "NodeViewContent",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    }
+  },
+  render() {
+    return a(this.as, {
+      style: {
+        whiteSpace: "pre-wrap"
+      },
+      "data-node-view-content": ""
+    });
+  }
+});
+const K = d({
+  name: "NodeViewWrapper",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    }
+  },
+  inject: ["onDragStart", "decorationClasses"],
+  render() {
+    var r, t;
+    return a(this.as, {
+      // @ts-ignore
+      class: this.decorationClasses,
+      style: {
+        whiteSpace: "normal"
+      },
+      "data-node-view-wrapper": "",
+      // @ts-ignore (https://github.com/vuejs/vue-next/issues/3031)
+      onDragstart: this.onDragStart
+    }, (t = (r = this.$slots).default) === null || t === void 0 ? void 0 : t.call(r));
+  }
+}), L = (r = {}) => {
+  const t = y();
+  return c(() => {
+    t.value = new D(r);
+  }), u(() => {
+    var n, e, o;
+    const i = (n = t.value) === null || n === void 0 ? void 0 : n.options.element, s = i == null ? void 0 : i.cloneNode(!0);
+    (e = i == null ? void 0 : i.parentNode) === null || e === void 0 || e.replaceChild(s, i), (o = t.value) === null || o === void 0 || o.destroy();
+  }), t;
+};
+class E {
+  constructor(t, { props: n = {}, editor: e }) {
+    this.editor = e, this.component = f(t), this.el = document.createElement("div"), this.props = _(n), this.renderedComponent = this.renderComponent();
+  }
+  get element() {
+    return this.renderedComponent.el;
+  }
+  get ref() {
+    var t, n, e, o;
+    return !((n = (t = this.renderedComponent.vNode) === null || t === void 0 ? void 0 : t.component) === null || n === void 0) && n.exposed ? this.renderedComponent.vNode.component.exposed : (o = (e = this.renderedComponent.vNode) === null || e === void 0 ? void 0 : e.component) === null || o === void 0 ? void 0 : o.proxy;
+  }
+  renderComponent() {
+    let t = a(this.component, this.props);
+    return this.editor.appContext && (t.appContext = this.editor.appContext), typeof document < "u" && this.el && v(t, this.el), { vNode: t, destroy: () => {
+      this.el && v(null, this.el), this.el = null, t = null;
+    }, el: this.el ? this.el.firstElementChild : null };
+  }
+  updateProps(t = {}) {
+    Object.entries(t).forEach(([n, e]) => {
+      this.props[n] = e;
+    }), this.renderComponent();
+  }
+  destroy() {
+    this.renderedComponent.destroy();
+  }
+}
+const R = {
+  editor: {
+    type: Object,
+    required: !0
+  },
+  node: {
+    type: Object,
+    required: !0
+  },
+  decorations: {
+    type: Object,
+    required: !0
+  },
+  selected: {
+    type: Boolean,
+    required: !0
+  },
+  extension: {
+    type: Object,
+    required: !0
+  },
+  getPos: {
+    type: Function,
+    required: !0
+  },
+  updateAttributes: {
+    type: Function,
+    required: !0
+  },
+  deleteNode: {
+    type: Function,
+    required: !0
+  },
+  view: {
+    type: Object,
+    required: !0
+  },
+  innerDecorations: {
+    type: Object,
+    required: !0
+  },
+  HTMLAttributes: {
+    type: Object,
+    required: !0
+  }
+};
+class j extends O {
+  mount() {
+    const t = {
+      editor: this.editor,
+      node: this.node,
+      decorations: this.decorations,
+      innerDecorations: this.innerDecorations,
+      view: this.view,
+      selected: !1,
+      extension: this.extension,
+      HTMLAttributes: this.HTMLAttributes,
+      getPos: () => this.getPos(),
+      updateAttributes: (o = {}) => this.updateAttributes(o),
+      deleteNode: () => this.deleteNode()
+    }, n = this.onDragStart.bind(this);
+    this.decorationClasses = l(this.getDecorationClasses());
+    const e = d({
+      extends: { ...this.component },
+      props: Object.keys(t),
+      template: this.component.template,
+      setup: (o) => {
+        var i, s;
+        return h("onDragStart", n), h("decorationClasses", this.decorationClasses), (s = (i = this.component).setup) === null || s === void 0 ? void 0 : s.call(i, o, {
+          expose: () => {
+          }
+        });
+      },
+      // add support for scoped styles
+      // @ts-ignore
+      // eslint-disable-next-line
+      __scopeId: this.component.__scopeId,
+      // add support for CSS Modules
+      // @ts-ignore
+      // eslint-disable-next-line
+      __cssModules: this.component.__cssModules,
+      // add support for vue devtools
+      // @ts-ignore
+      // eslint-disable-next-line
+      __name: this.component.__name,
+      // @ts-ignore
+      // eslint-disable-next-line
+      __file: this.component.__file
+    });
+    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.editor.on("selectionUpdate", this.handleSelectionUpdate), this.renderer = new E(e, {
+      editor: this.editor,
+      props: t
+    });
+  }
+  /**
+   * Return the DOM element.
+   * This is the element that will be used to display the node view.
+   */
+  get dom() {
+    if (!this.renderer.element || !this.renderer.element.hasAttribute("data-node-view-wrapper"))
+      throw Error("Please use the NodeViewWrapper component for your node view.");
+    return this.renderer.element;
+  }
+  /**
+   * Return the content DOM element.
+   * This is the element that will be used to display the rich-text content of the node.
+   */
+  get contentDOM() {
+    return this.node.isLeaf ? null : this.dom.querySelector("[data-node-view-content]");
+  }
+  /**
+   * On editor selection update, check if the node is selected.
+   * If it is, call `selectNode`, otherwise call `deselectNode`.
+   */
+  handleSelectionUpdate() {
+    const { from: t, to: n } = this.editor.state.selection, e = this.getPos();
+    if (typeof e == "number")
+      if (t <= e && n >= e + this.node.nodeSize) {
+        if (this.renderer.props.selected)
+          return;
+        this.selectNode();
+      } else {
+        if (!this.renderer.props.selected)
+          return;
+        this.deselectNode();
+      }
+  }
+  /**
+   * On update, update the React component.
+   * To prevent unnecessary updates, the `update` option can be used.
+   */
+  update(t, n, e) {
+    const o = (i) => {
+      this.decorationClasses.value = this.getDecorationClasses(), this.renderer.updateProps(i);
+    };
+    if (typeof this.options.update == "function") {
+      const i = this.node, s = this.decorations, p = this.innerDecorations;
+      return this.node = t, this.decorations = n, this.innerDecorations = e, this.options.update({
+        oldNode: i,
+        oldDecorations: s,
+        newNode: t,
+        newDecorations: n,
+        oldInnerDecorations: p,
+        innerDecorations: e,
+        updateProps: () => o({ node: t, decorations: n, innerDecorations: e })
+      });
+    }
+    return t.type !== this.node.type ? !1 : (t === this.node && this.decorations === n && this.innerDecorations === e || (this.node = t, this.decorations = n, this.innerDecorations = e, o({ node: t, decorations: n, innerDecorations: e })), !0);
+  }
+  /**
+   * Select the node.
+   * Add the `selected` prop and the `ProseMirror-selectednode` class.
+   */
+  selectNode() {
+    this.renderer.updateProps({
+      selected: !0
+    }), this.renderer.element && this.renderer.element.classList.add("ProseMirror-selectednode");
+  }
+  /**
+   * Deselect the node.
+   * Remove the `selected` prop and the `ProseMirror-selectednode` class.
+   */
+  deselectNode() {
+    this.renderer.updateProps({
+      selected: !1
+    }), this.renderer.element && this.renderer.element.classList.remove("ProseMirror-selectednode");
+  }
+  getDecorationClasses() {
+    return this.decorations.map((t) => t.type.attrs.class).flat().join(" ");
+  }
+  destroy() {
+    this.renderer.destroy(), this.editor.off("selectionUpdate", this.handleSelectionUpdate);
+  }
+}
+function B(r, t) {
+  return (n) => {
+    if (!n.editor.contentComponent)
+      return {};
+    const e = typeof r == "function" && "__vccOpts" in r ? r.__vccOpts : r;
+    return new j(e, n, t);
+  };
+}
+export {
+  A as E,
+  U as F,
+  K as N,
+  B as V,
+  E as a,
+  R as n,
+  L as u
+};

package/vendor/@tiptap/vue-3-ZMNXXvBd.system.js

@@ -0,0 +1 @@
+System.register(["./extension-bubble-menu-0_0wc2P7.system.js","vue","./core-D4rHEGhs.system.js","./extension-floating-menu-Dtu9tcTW.system.js"],function(a,V){"use strict";var y,u,C,h,c,l,p,b,w,S,_,v,f,x,m,N,O,P,j;return{setters:[o=>{y=o.B},o=>{u=o.defineComponent,C=o.shallowRef,h=o.onMounted,c=o.onBeforeUnmount,l=o.h,p=o.ref,b=o.getCurrentInstance,w=o.watchEffect,S=o.nextTick,_=o.unref,v=o.markRaw,f=o.provide,x=o.reactive,m=o.render,N=o.customRef},o=>{O=o.q,P=o.r},o=>{j=o.a}],execute:function(){a("V",M),u({name:"BubbleMenu",props:{pluginKey:{type:[String,Object],default:"bubbleMenu"},editor:{type:Object,required:!0},updateDelay:{type:Number,default:void 0},tippyOptions:{type:Object,default:()=>({})},shouldShow:{type:Function,default:null}},setup(r,{slots:t}){const n=p(null);return h(()=>{const{updateDelay:e,editor:i,pluginKey:s,shouldShow:d,tippyOptions:g}=r;i.registerPlugin(y({updateDelay:e,editor:i,element:n.value,pluginKey:s,shouldShow:d,tippyOptions:g}))}),c(()=>{const{pluginKey:e,editor:i}=r;i.unregisterPlugin(e)}),()=>{var e;return l("div",{ref:n},(e=t.default)===null||e===void 0?void 0:e.call(t))}}});function o(r){return N((t,n)=>({get(){return t(),r},set(e){r=e,requestAnimationFrame(()=>{requestAnimationFrame(()=>{n()})})}}))}class D extends O{constructor(t={}){return super(t),this.contentComponent=null,this.appContext=null,this.reactiveState=o(this.view.state),this.reactiveExtensionStorage=o(this.extensionStorage),this.on("beforeTransaction",({nextState:n})=>{this.reactiveState.value=n,this.reactiveExtensionStorage.value=this.extensionStorage}),v(this)}get state(){return this.reactiveState?this.reactiveState.value:this.view.state}get storage(){return this.reactiveExtensionStorage?this.reactiveExtensionStorage.value:super.storage}registerPlugin(t,n){const e=super.registerPlugin(t,n);return this.reactiveState&&(this.reactiveState.value=e),e}unregisterPlugin(t){const n=super.unregisterPlugin(t);return this.reactiveState&&n&&(this.reactiveState.value=n),n}}const F=a("E",u({name:"EditorContent",props:{editor:{default:null,type:Object}},setup(r){const t=p(),n=b();return w(()=>{const e=r.editor;e&&e.options.element&&t.value&&S(()=>{if(!t.value||!e.options.element.firstChild)return;const i=_(t.value);t.value.append(...e.options.element.childNodes),e.contentComponent=n.ctx._,n&&(e.appContext={...n.appContext,provides:n.provides}),e.setOptions({element:i}),e.createNodeViews()})}),c(()=>{const e=r.editor;e&&(e.contentComponent=null,e.appContext=null)}),{rootEl:t}},render(){return l("div",{ref:r=>{this.rootEl=r}})}})),A=a("F",u({name:"FloatingMenu",props:{pluginKey:{type:null,default:"floatingMenu"},editor:{type:Object,required:!0},tippyOptions:{type:Object,default:()=>({})},shouldShow:{type:Function,default:null}},setup(r,{slots:t}){const n=p(null);return h(()=>{const{pluginKey:e,editor:i,tippyOptions:s,shouldShow:d}=r;i.registerPlugin(j({pluginKey:e,editor:i,element:n.value,tippyOptions:s,shouldShow:d}))}),c(()=>{const{pluginKey:e,editor:i}=r;i.unregisterPlugin(e)}),()=>{var e;return l("div",{ref:n},(e=t.default)===null||e===void 0?void 0:e.call(t))}}}));u({name:"NodeViewContent",props:{as:{type:String,default:"div"}},render(){return l(this.as,{style:{whiteSpace:"pre-wrap"},"data-node-view-content":""})}});const R=a("N",u({name:"NodeViewWrapper",props:{as:{type:String,default:"div"}},inject:["onDragStart","decorationClasses"],render(){var r,t;return l(this.as,{class:this.decorationClasses,style:{whiteSpace:"normal"},"data-node-view-wrapper":"",onDragstart:this.onDragStart},(t=(r=this.$slots).default)===null||t===void 0?void 0:t.call(r))}})),U=a("u",(r={})=>{const t=C();return h(()=>{t.value=new D(r)}),c(()=>{var n,e,i;const s=(n=t.value)===null||n===void 0?void 0:n.options.element,d=s==null?void 0:s.cloneNode(!0);(e=s==null?void 0:s.parentNode)===null||e===void 0||e.replaceChild(d,s),(i=t.value)===null||i===void 0||i.destroy()}),t});class E{constructor(t,{props:n={},editor:e}){this.editor=e,this.component=v(t),this.el=document.createElement("div"),this.props=x(n),this.renderedComponent=this.renderComponent()}get element(){return this.renderedComponent.el}get ref(){var t,n,e,i;return!((n=(t=this.renderedComponent.vNode)===null||t===void 0?void 0:t.component)===null||n===void 0)&&n.exposed?this.renderedComponent.vNode.component.exposed:(i=(e=this.renderedComponent.vNode)===null||e===void 0?void 0:e.component)===null||i===void 0?void 0:i.proxy}renderComponent(){let t=l(this.component,this.props);return this.editor.appContext&&(t.appContext=this.editor.appContext),typeof document<"u"&&this.el&&m(t,this.el),{vNode:t,destroy:()=>{this.el&&m(null,this.el),this.el=null,t=null},el:this.el?this.el.firstElementChild:null}}updateProps(t={}){Object.entries(t).forEach(([n,e])=>{this.props[n]=e}),this.renderComponent()}destroy(){this.renderedComponent.destroy()}}a("a",E);const B=a("n",{editor:{type:Object,required:!0},node:{type:Object,required:!0},decorations:{type:Object,required:!0},selected:{type:Boolean,required:!0},extension:{type:Object,required:!0},getPos:{type:Function,required:!0},updateAttributes:{type:Function,required:!0},deleteNode:{type:Function,required:!0},view:{type:Object,required:!0},innerDecorations:{type:Object,required:!0},HTMLAttributes:{type:Object,required:!0}});class q extends P{mount(){const t={editor:this.editor,node:this.node,decorations:this.decorations,innerDecorations:this.innerDecorations,view:this.view,selected:!1,extension:this.extension,HTMLAttributes:this.HTMLAttributes,getPos:()=>this.getPos(),updateAttributes:(i={})=>this.updateAttributes(i),deleteNode:()=>this.deleteNode()},n=this.onDragStart.bind(this);this.decorationClasses=p(this.getDecorationClasses());const e=u({extends:{...this.component},props:Object.keys(t),template:this.component.template,setup:i=>{var s,d;return f("onDragStart",n),f("decorationClasses",this.decorationClasses),(d=(s=this.component).setup)===null||d===void 0?void 0:d.call(s,i,{expose:()=>{}})},__scopeId:this.component.__scopeId,__cssModules:this.component.__cssModules,__name:this.component.__name,__file:this.component.__file});this.handleSelectionUpdate=this.handleSelectionUpdate.bind(this),this.editor.on("selectionUpdate",this.handleSelectionUpdate),this.renderer=new E(e,{editor:this.editor,props:t})}get dom(){if(!this.renderer.element||!this.renderer.element.hasAttribute("data-node-view-wrapper"))throw Error("Please use the NodeViewWrapper component for your node view.");return this.renderer.element}get contentDOM(){return this.node.isLeaf?null:this.dom.querySelector("[data-node-view-content]")}handleSelectionUpdate(){const{from:t,to:n}=this.editor.state.selection,e=this.getPos();if(typeof e=="number")if(t<=e&&n>=e+this.node.nodeSize){if(this.renderer.props.selected)return;this.selectNode()}else{if(!this.renderer.props.selected)return;this.deselectNode()}}update(t,n,e){const i=s=>{this.decorationClasses.value=this.getDecorationClasses(),this.renderer.updateProps(s)};if(typeof this.options.update=="function"){const s=this.node,d=this.decorations,g=this.innerDecorations;return this.node=t,this.decorations=n,this.innerDecorations=e,this.options.update({oldNode:s,oldDecorations:d,newNode:t,newDecorations:n,oldInnerDecorations:g,innerDecorations:e,updateProps:()=>i({node:t,decorations:n,innerDecorations:e})})}return t.type!==this.node.type?!1:(t===this.node&&this.decorations===n&&this.innerDecorations===e||(this.node=t,this.decorations=n,this.innerDecorations=e,i({node:t,decorations:n,innerDecorations:e})),!0)}selectNode(){this.renderer.updateProps({selected:!0}),this.renderer.element&&this.renderer.element.classList.add("ProseMirror-selectednode")}deselectNode(){this.renderer.updateProps({selected:!1}),this.renderer.element&&this.renderer.element.classList.remove("ProseMirror-selectednode")}getDecorationClasses(){return this.decorations.map(t=>t.type.attrs.class).flat().join(" ")}destroy(){this.renderer.destroy(),this.editor.off("selectionUpdate",this.handleSelectionUpdate)}}function M(r,t){return n=>{if(!n.editor.contentComponent)return{};const e=typeof r=="function"&&"__vccOpts"in r?r.__vccOpts:r;return new q(e,n,t)}}}}});