@dialpad/dialtone 9.161.0 → 9.162.0

package/dist/vue3/node_modules/@tiptap/vue-3.js

@@ -1,72 +1,25 @@
-import { BubbleMenuPlugin as g } from "@tiptap/extension-bubble-menu";
-import { defineComponent as d, ref as l, onMounted as c, onBeforeUnmount as a, h as u, getCurrentInstance as y, watchEffect as b, nextTick as C, unref as w, markRaw as f, reactive as S, render as h, shallowRef as _, customRef as x, provide as v } from "vue";
-import { Editor as N, NodeView as O } from "@tiptap/core";
+import { Editor as y, MarkView as g, NodeView as w } from "@tiptap/core";
 export * from "@tiptap/core";
-import { FloatingMenuPlugin as P } from "@tiptap/extension-floating-menu";
-const A = 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
-      }));
-    }), a(() => {
-      const { pluginKey: e, editor: o } = r;
-      o.unregisterPlugin(e);
-    }), () => {
-      var e;
-      return u("div", { ref: n }, (e = t.default) === null || e === void 0 ? void 0 : e.call(t));
-    };
-  }
-});
-function m(r) {
-  return x((t, n) => ({
+import { defineComponent as d, h as a, ref as p, getCurrentInstance as _, watchEffect as S, nextTick as x, unref as C, onBeforeUnmount as h, markRaw as v, toRaw as b, reactive as N, render as u, shallowRef as q, onMounted as E, customRef as O, provide as l } from "vue";
+function c(e) {
+  return O((t, r) => ({
     get() {
-      return t(), r;
+      return t(), e;
     },
-    set(e) {
-      r = e, requestAnimationFrame(() => {
+    set(n) {
+      e = n, requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          n();
+          r();
         });
       });
     }
   }));
 }
-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);
+var V = class extends y {
+  constructor(e = {}) {
+    return super(e), this.contentComponent = null, this.appContext = null, this.reactiveState = c(this.view.state), this.reactiveExtensionStorage = c(this.extensionStorage), this.on("beforeTransaction", ({ nextState: t }) => {
+      this.reactiveState.value = t, this.reactiveExtensionStorage.value = this.extensionStorage;
+    }), v(this);
   }
   get state() {
     return this.reactiveState ? this.reactiveState.value : this.view.state;
@@ -77,19 +30,18 @@ class D extends N {
   /**
    * Register a ProseMirror plugin.
    */
-  registerPlugin(t, n) {
-    const e = super.registerPlugin(t, n);
-    return this.reactiveState && (this.reactiveState.value = e), e;
+  registerPlugin(e, t) {
+    const r = super.registerPlugin(e, t);
+    return this.reactiveState && (this.reactiveState.value = r), r;
   }
   /**
    * Unregister a ProseMirror plugin.
    */
-  unregisterPlugin(t) {
-    const n = super.unregisterPlugin(t);
-    return this.reactiveState && n && (this.reactiveState.value = n), n;
+  unregisterPlugin(e) {
+    const t = super.unregisterPlugin(e);
+    return this.reactiveState && t && (this.reactiveState.value = t), t;
   }
-}
-const U = d({
+}, k = d({
   name: "EditorContent",
   props: {
     editor: {
@@ -97,78 +49,38 @@ const U = d({
       type: Object
     }
   },
-  setup(r) {
-    const t = l(), n = y();
-    return b(() => {
-      const e = r.editor;
-      e && e.options.element && t.value && C(() => {
-        if (!t.value || !e.options.element.firstChild)
+  setup(e) {
+    const t = p(), r = _();
+    return S(() => {
+      const n = e.editor;
+      n && n.options.element && t.value && x(() => {
+        var i;
+        if (!t.value || !((i = n.view.dom) != null && i.parentNode))
           return;
-        const o = w(t.value);
-        t.value.append(...e.options.element.childNodes), e.contentComponent = n.ctx._, n && (e.appContext = {
-          ...n.appContext,
+        const o = C(t.value);
+        t.value.append(...n.view.dom.parentNode.childNodes), n.contentComponent = r.ctx._, r && (n.appContext = {
+          ...r.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({
+          provides: r.provides
+        }), n.setOptions({
           element: o
-        }), e.createNodeViews();
+        }), n.createNodeViews();
       });
-    }), a(() => {
-      const e = r.editor;
-      e && (e.contentComponent = null, e.appContext = null);
+    }), h(() => {
+      const n = e.editor;
+      n && (n.contentComponent = null, n.appContext = null);
     }), { rootEl: t };
   },
   render() {
-    return u("div", {
-      ref: (r) => {
-        this.rootEl = r;
+    return a("div", {
+      ref: (e) => {
+        this.rootEl = e;
       }
     });
   }
-}), K = 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
-      }));
-    }), a(() => {
-      const { pluginKey: e, editor: o } = r;
-      o.unregisterPlugin(e);
-    }), () => {
-      var e;
-      return u("div", { ref: n }, (e = t.default) === null || e === void 0 ? void 0 : e.call(t));
-    };
-  }
-}), L = d({
+}), A = d({
   name: "NodeViewContent",
   props: {
     as: {
@@ -177,14 +89,14 @@ const U = d({
     }
   },
   render() {
-    return u(this.as, {
+    return a(this.as, {
       style: {
         whiteSpace: "pre-wrap"
       },
       "data-node-view-content": ""
     });
   }
-}), R = d({
+}), W = d({
   name: "NodeViewWrapper",
   props: {
     as: {
@@ -194,55 +106,146 @@ const U = d({
   },
   inject: ["onDragStart", "decorationClasses"],
   render() {
-    var r, t;
-    return u(this.as, {
-      // @ts-ignore
-      class: this.decorationClasses,
-      style: {
-        whiteSpace: "normal"
+    var e, 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
       },
-      "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));
-  }
-}), B = (r = {}) => {
-  const t = _();
-  return c(() => {
-    t.value = new D(r);
-  }), a(() => {
-    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 = (e = this.$slots).default) == null ? void 0 : t.call(e)
+    );
+  }
+}), R = (e = {}) => {
+  const t = q();
+  return E(() => {
+    t.value = new V(e);
+  }), h(() => {
+    var r, n, i, o;
+    const s = (n = (r = t.value) == null ? void 0 : r.view.dom) == null ? void 0 : n.parentNode, f = s == null ? void 0 : s.cloneNode(!0);
+    (i = s == null ? void 0 : s.parentNode) == null || i.replaceChild(f, s), (o = t.value) == null || 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 = S(n), this.renderedComponent = this.renderComponent();
+}, m = class {
+  constructor(e, { props: t = {}, editor: r }) {
+    this.destroyed = !1, this.editor = r, this.component = v(e), this.el = document.createElement("div"), this.props = N(t), 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;
+    var e, t, r, n;
+    return (t = (e = this.renderedComponent.vNode) == null ? void 0 : e.component) != null && t.exposed ? this.renderedComponent.vNode.component.exposed : (n = (r = this.renderedComponent.vNode) == null ? void 0 : r.component) == null ? void 0 : n.proxy;
   }
   renderComponent() {
-    let t = u(this.component, this.props);
-    return this.editor.appContext && (t.appContext = this.editor.appContext), typeof document < "u" && this.el && h(t, this.el), { vNode: t, destroy: () => {
-      this.el && h(null, this.el), this.el = null, t = null;
+    if (this.destroyed)
+      return this.renderedComponent;
+    let e = a(this.component, this.props);
+    return this.editor.appContext && (e.appContext = this.editor.appContext), typeof document < "u" && this.el && u(e, this.el), { vNode: e, destroy: () => {
+      this.el && u(null, this.el), this.el = null, e = null;
     }, el: this.el ? this.el.firstElementChild : null };
   }
-  updateProps(t = {}) {
-    Object.entries(t).forEach(([n, e]) => {
-      this.props[n] = e;
-    }), this.renderComponent();
+  updateProps(e = {}) {
+    this.destroyed || (Object.entries(e).forEach(([t, r]) => {
+      this.props[t] = r;
+    }), this.renderComponent());
   }
   destroy() {
-    this.renderedComponent.destroy();
+    this.destroyed || (this.destroyed = !0, this.renderedComponent.destroy());
   }
+}, U = {
+  editor: {
+    type: Object,
+    required: !0
+  },
+  mark: {
+    type: Object,
+    required: !0
+  },
+  extension: {
+    type: Object,
+    required: !0
+  },
+  inline: {
+    type: Boolean,
+    required: !0
+  },
+  view: {
+    type: Object,
+    required: !0
+  },
+  updateAttributes: {
+    type: Function,
+    required: !0
+  },
+  HTMLAttributes: {
+    type: Object,
+    required: !0
+  }
+}, L = d({
+  name: "MarkViewContent",
+  props: {
+    as: {
+      type: String,
+      default: "span"
+    }
+  },
+  render() {
+    return a(this.as, {
+      style: {
+        whiteSpace: "inherit"
+      },
+      "data-mark-view-content": ""
+    });
+  }
+}), M = class extends g {
+  constructor(e, t, r) {
+    super(e, t, r);
+    const n = { ...t, updateAttributes: this.updateAttributes.bind(this) }, i = d({
+      extends: { ...e },
+      props: Object.keys(n),
+      template: this.component.template,
+      setup: (o) => {
+        var s;
+        return (s = e.setup) == null ? void 0 : s.call(e, o, {
+          expose: () => {
+          }
+        });
+      },
+      // Add support for scoped styles
+      __scopeId: e.__scopeId,
+      __cssModules: e.__cssModules,
+      __name: e.__name,
+      __file: e.__file
+    });
+    this.renderer = new m(i, {
+      editor: this.editor,
+      props: n
+    });
+  }
+  get dom() {
+    return this.renderer.element;
+  }
+  get contentDOM() {
+    return this.dom.querySelector("[data-mark-view-content]");
+  }
+  updateAttributes(e) {
+    const t = b(this.mark);
+    super.updateAttributes(e, t);
+  }
+  destroy() {
+    this.renderer.destroy();
+  }
+};
+function F(e, t = {}) {
+  return (r) => r.editor.contentComponent ? new M(e, r, t) : {};
 }
-const T = {
+var I = {
   editor: {
     type: Object,
     required: !0
@@ -287,30 +290,49 @@ const T = {
     type: Object,
     required: !0
   }
-};
-class j extends O {
+}, P = class extends w {
+  constructor() {
+    super(...arguments), this.cachedExtensionWithSyncedStorage = null;
+  }
+  /**
+   * Returns a proxy of the extension that redirects storage access to the editor's mutable storage.
+   * This preserves the original prototype chain (instanceof checks, methods like configure/extend work).
+   * Cached to avoid proxy creation on every update.
+   */
+  get extensionWithSyncedStorage() {
+    if (!this.cachedExtensionWithSyncedStorage) {
+      const e = this.editor, t = this.extension;
+      this.cachedExtensionWithSyncedStorage = new Proxy(t, {
+        get(r, n, i) {
+          var o;
+          return n === "storage" ? (o = e.storage[t.name]) != null ? o : {} : Reflect.get(r, n, i);
+        }
+      });
+    }
+    return this.cachedExtensionWithSyncedStorage;
+  }
   mount() {
-    const t = {
+    const e = {
       editor: this.editor,
       node: this.node,
       decorations: this.decorations,
       innerDecorations: this.innerDecorations,
       view: this.view,
       selected: !1,
-      extension: this.extension,
+      extension: this.extensionWithSyncedStorage,
       HTMLAttributes: this.HTMLAttributes,
       getPos: () => this.getPos(),
-      updateAttributes: (o = {}) => this.updateAttributes(o),
+      updateAttributes: (n = {}) => this.updateAttributes(n),
       deleteNode: () => this.deleteNode()
-    }, n = this.onDragStart.bind(this);
-    this.decorationClasses = l(this.getDecorationClasses());
-    const e = d({
+    }, t = this.onDragStart.bind(this);
+    this.decorationClasses = p(this.getDecorationClasses());
+    const r = d({
       extends: { ...this.component },
-      props: Object.keys(t),
+      props: Object.keys(e),
       template: this.component.template,
-      setup: (o) => {
-        var i, s;
-        return v("onDragStart", n), v("decorationClasses", this.decorationClasses), (s = (i = this.component).setup) === null || s === void 0 ? void 0 : s.call(i, o, {
+      setup: (n) => {
+        var i, o;
+        return l("onDragStart", t), l("decorationClasses", this.decorationClasses), (o = (i = this.component).setup) == null ? void 0 : o.call(i, n, {
           expose: () => {
           }
         });
@@ -331,9 +353,9 @@ class j extends O {
       // 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, {
+    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.editor.on("selectionUpdate", this.handleSelectionUpdate), this.renderer = new m(r, {
       editor: this.editor,
-      props: t
+      props: e
     });
   }
   /**
@@ -357,9 +379,9 @@ class j extends O {
    * 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) {
+    const { from: e, to: t } = this.editor.state.selection, r = this.getPos();
+    if (typeof r == "number")
+      if (e <= r && t >= r + this.node.nodeSize) {
         if (this.renderer.props.selected)
           return;
         this.selectNode();
@@ -373,23 +395,23 @@ class j extends O {
    * On update, update the React component.
    * To prevent unnecessary updates, the `update` option can be used.
    */
-  update(t, n, e) {
-    const o = (i) => {
+  update(e, t, r) {
+    const n = (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({
+      const i = this.node, o = this.decorations, s = this.innerDecorations;
+      return this.node = e, this.decorations = t, this.innerDecorations = r, this.options.update({
         oldNode: i,
-        oldDecorations: s,
-        newNode: t,
-        newDecorations: n,
-        oldInnerDecorations: p,
-        innerDecorations: e,
-        updateProps: () => o({ node: t, decorations: n, innerDecorations: e })
+        oldDecorations: o,
+        newNode: e,
+        newDecorations: t,
+        oldInnerDecorations: s,
+        innerDecorations: r,
+        updateProps: () => n({ node: e, decorations: t, innerDecorations: r, extension: this.extensionWithSyncedStorage })
       });
     }
-    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);
+    return e.type !== this.node.type ? !1 : (e === this.node && this.decorations === t && this.innerDecorations === r || (this.node = e, this.decorations = t, this.innerDecorations = r, n({ node: e, decorations: t, innerDecorations: r, extension: this.extensionWithSyncedStorage })), !0);
   }
   /**
    * Select the node.
@@ -410,30 +432,32 @@ class j extends O {
     }), this.renderer.element && this.renderer.element.classList.remove("ProseMirror-selectednode");
   }
   getDecorationClasses() {
-    return this.decorations.map((t) => t.type.attrs.class).flat().join(" ");
+    return this.decorations.flatMap((e) => e.type.attrs.class).join(" ");
   }
   destroy() {
     this.renderer.destroy(), this.editor.off("selectionUpdate", this.handleSelectionUpdate);
   }
-}
-function I(r, t) {
-  return (n) => {
-    if (!n.editor.contentComponent)
+};
+function T(e, t) {
+  return (r) => {
+    if (!r.editor.contentComponent)
       return {};
-    const e = typeof r == "function" && "__vccOpts" in r ? r.__vccOpts : r;
-    return new j(e, n, t);
+    const n = typeof e == "function" && "__vccOpts" in e ? e.__vccOpts : e;
+    return new P(n, r, t);
   };
 }
 export {
-  A as BubbleMenu,
-  D as Editor,
-  U as EditorContent,
-  K as FloatingMenu,
-  L as NodeViewContent,
-  R as NodeViewWrapper,
-  I as VueNodeViewRenderer,
-  E as VueRenderer,
-  T as nodeViewProps,
-  B as useEditor
+  V as Editor,
+  k as EditorContent,
+  L as MarkViewContent,
+  A as NodeViewContent,
+  W as NodeViewWrapper,
+  M as VueMarkView,
+  F as VueMarkViewRenderer,
+  T as VueNodeViewRenderer,
+  m as VueRenderer,
+  U as markViewProps,
+  I as nodeViewProps,
+  R as useEditor
 };
 //# sourceMappingURL=vue-3.js.map