@dialpad/dialtone-vue 2.190.1 → 2.191.1

package/dist/node_modules/@tiptap/vue-2.js

@@ -1,24 +1,24 @@
-import { BubbleMenuPlugin as Q } from "@tiptap/extension-bubble-menu";
-import { Editor as U, NodeView as X } from "@tiptap/core";
+import { BubbleMenuPlugin as J } from "@tiptap/extension-bubble-menu";
+import { Editor as Q, NodeView as X } from "@tiptap/core";
 export * from "@tiptap/core";
 import { FloatingMenuPlugin as Y } from "@tiptap/extension-floating-menu";
 import v from "vue";
-var L = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, a = {}, m = {}, o = {}, p = {}, g = {};
-Object.defineProperty(g, "__esModule", { value: !0 });
-g.isInstanceOf = void 0;
+var L = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, l = {}, h = {}, o = {}, p = {}, m = {};
+Object.defineProperty(m, "__esModule", { value: !0 });
+m.isInstanceOf = void 0;
 const Z = (e) => (t) => {
   if (!(t instanceof e))
     return `value should be an instance of ${e.name}`;
 };
-g.isInstanceOf = Z;
-var h = {};
-Object.defineProperty(h, "__esModule", { value: !0 });
-h.isInteger = void 0;
+m.isInstanceOf = Z;
+var g = {};
+Object.defineProperty(g, "__esModule", { value: !0 });
+g.isInteger = void 0;
 const x = (e) => {
   if (typeof e != "number" || !Number.isInteger(e))
     return "value should be an integer";
 };
-h.isInteger = x;
+g.isInteger = x;
 var _ = {};
 Object.defineProperty(_, "__esModule", { value: !0 });
 _.isOneOf = void 0;
@@ -36,73 +36,73 @@ const te = (e) => {
 };
 j.isSymbol = te;
 (function(e) {
-  var t = L && L.__importDefault || function(s) {
-    return s && s.__esModule ? s : { default: s };
+  var t = L && L.__importDefault || function(u) {
+    return u && u.__esModule ? u : { default: u };
   };
   Object.defineProperty(e, "__esModule", { value: !0 }), e.isSymbol = e.isOneOf = e.isInteger = e.isInstanceOf = e.vuePropValidator = void 0;
-  const r = t(v);
-  function n(s, ...P) {
-    const y = s ? [...P, s] : P;
+  const n = t(v);
+  function r(u, ...P) {
+    const y = u ? [...P, u] : P;
     if (y.length !== 0)
       return (c) => {
-        for (const A of y) {
-          const f = A(c);
+        for (const U of y) {
+          const f = U(c);
           if (f)
-            return typeof r.default == "object" && "util" in r.default ? r.default.util.warn(`${f} (received: '${String(c)}')`) : console.warn(`${f} (received: '${String(c)}')`), !1;
+            return typeof n.default == "object" && "util" in n.default ? n.default.util.warn(`${f} (received: '${String(c)}')`) : console.warn(`${f} (received: '${String(c)}')`), !1;
         }
         return !0;
       };
   }
-  e.vuePropValidator = n;
-  var i = g;
+  e.vuePropValidator = r;
+  var i = m;
   Object.defineProperty(e, "isInstanceOf", { enumerable: !0, get: function() {
     return i.isInstanceOf;
   } });
-  var u = h;
+  var s = g;
   Object.defineProperty(e, "isInteger", { enumerable: !0, get: function() {
-    return u.isInteger;
+    return s.isInteger;
   } });
-  var d = _;
+  var a = _;
   Object.defineProperty(e, "isOneOf", { enumerable: !0, get: function() {
-    return d.isOneOf;
+    return a.isOneOf;
   } });
-  var l = j;
+  var d = j;
   Object.defineProperty(e, "isSymbol", { enumerable: !0, get: function() {
-    return l.isSymbol;
+    return d.isSymbol;
   } });
 })(p);
 Object.defineProperty(o, "__esModule", { value: !0 });
 o.propOptionsGenerator = void 0;
-const O = p, re = (e, t, ...r) => ({
+const O = p, ne = (e, t, ...n) => ({
   optional: {
     type: e,
     required: !1,
     default: void 0,
-    validator: (0, O.vuePropValidator)(t, ...r)
+    validator: (0, O.vuePropValidator)(t, ...n)
   },
   nullable: {
     type: e,
     required: !1,
     default: null,
-    validator: (0, O.vuePropValidator)(t, ...r)
+    validator: (0, O.vuePropValidator)(t, ...n)
   },
-  withDefault: (n) => ({
+  withDefault: (r) => ({
     type: e,
     required: !1,
-    default: n,
-    validator: (0, O.vuePropValidator)(t, ...r)
+    default: r,
+    validator: (0, O.vuePropValidator)(t, ...n)
   }),
   required: {
     type: e,
     required: !0,
-    validator: (0, O.vuePropValidator)(t, ...r)
+    validator: (0, O.vuePropValidator)(t, ...n)
   }
 });
-o.propOptionsGenerator = re;
-Object.defineProperty(m, "__esModule", { value: !0 });
-m.stringProp = void 0;
-const ne = o, oe = (e) => (0, ne.propOptionsGenerator)(String, e);
-m.stringProp = oe;
+o.propOptionsGenerator = ne;
+Object.defineProperty(h, "__esModule", { value: !0 });
+h.stringProp = void 0;
+const re = o, oe = (e) => (0, re.propOptionsGenerator)(String, e);
+h.stringProp = oe;
 var N = {};
 Object.defineProperty(N, "__esModule", { value: !0 });
 N.booleanProp = void 0;
@@ -123,46 +123,46 @@ Object.defineProperty(M, "__esModule", { value: !0 });
 M.symbolProp = void 0;
 const ce = o, fe = p, ve = (e) => (0, ce.propOptionsGenerator)(void 0, e, fe.isSymbol);
 M.symbolProp = ve;
-var C = {};
-Object.defineProperty(C, "__esModule", { value: !0 });
-C.vueComponentProp = void 0;
-const be = o, Pe = (e) => (0, be.propOptionsGenerator)([Object, String], e);
-C.vueComponentProp = Pe;
 var S = {};
 Object.defineProperty(S, "__esModule", { value: !0 });
-S.anyProp = void 0;
+S.vueComponentProp = void 0;
+const be = o, Pe = (e) => (0, be.propOptionsGenerator)([Object, String], e);
+S.vueComponentProp = Pe;
+var C = {};
+Object.defineProperty(C, "__esModule", { value: !0 });
+C.anyProp = void 0;
 const ye = o, Oe = (e) => (0, ye.propOptionsGenerator)(void 0, e);
-S.anyProp = Oe;
+C.anyProp = Oe;
 var D = {};
 Object.defineProperty(D, "__esModule", { value: !0 });
 D.arrayProp = void 0;
-const me = o, ge = (e) => (0, me.propOptionsGenerator)(Array, e);
-D.arrayProp = ge;
+const he = o, me = (e) => (0, he.propOptionsGenerator)(Array, e);
+D.arrayProp = me;
 var q = {};
 Object.defineProperty(q, "__esModule", { value: !0 });
 q.objectProp = void 0;
-const he = o, _e = (e) => (0, he.propOptionsGenerator)(Object, e);
+const ge = o, _e = (e) => (0, ge.propOptionsGenerator)(Object, e);
 q.objectProp = _e;
 var I = {};
 Object.defineProperty(I, "__esModule", { value: !0 });
 I.functionProp = void 0;
-const B = p, je = (e) => ({
+const k = p, je = (e) => ({
   optional: {
     type: Function,
     required: !1,
     default: void 0,
-    validator: (0, B.vuePropValidator)(e)
+    validator: (0, k.vuePropValidator)(e)
   },
   nullable: {
     type: Function,
     required: !1,
     default: null,
-    validator: (0, B.vuePropValidator)(e)
+    validator: (0, k.vuePropValidator)(e)
   },
   required: {
     type: Function,
     required: !0,
-    validator: (0, B.vuePropValidator)(e)
+    validator: (0, k.vuePropValidator)(e)
   }
 });
 I.functionProp = je;
@@ -171,11 +171,11 @@ Object.defineProperty(b, "__esModule", { value: !0 });
 b.oneOfProp = void 0;
 const Ne = o, $e = p, we = (e) => {
   const t = [
-    ...new Set(e.flatMap((r) => {
-      var n;
-      return r == null ? [] : (
+    ...new Set(e.flatMap((n) => {
+      var r;
+      return n == null ? [] : (
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-        (n = r.constructor) !== null && n !== void 0 ? n : []
+        (r = n.constructor) !== null && r !== void 0 ? r : []
       );
     }))
   ];
@@ -183,29 +183,29 @@ const Ne = o, $e = p, we = (e) => {
     return t.length === 1 ? t[0] : t;
 }, Me = (e, t) => (0, Ne.propOptionsGenerator)(we(e), t, (0, $e.isOneOf)(e));
 b.oneOfProp = Me;
+var T = {};
+Object.defineProperty(T, "__esModule", { value: !0 });
+T.oneOfObjectKeysProp = void 0;
+const Se = b, Ce = (e, t) => (0, Se.oneOfProp)(Object.keys(e), t);
+T.oneOfObjectKeysProp = Ce;
 var G = {};
 Object.defineProperty(G, "__esModule", { value: !0 });
-G.oneOfObjectKeysProp = void 0;
-const Ce = b, Se = (e, t) => (0, Ce.oneOfProp)(Object.keys(e), t);
-G.oneOfObjectKeysProp = Se;
+G.oneOfTypesProp = void 0;
+const De = o, qe = (e, t) => (0, De.propOptionsGenerator)(e, t);
+G.oneOfTypesProp = qe;
 var K = {};
 Object.defineProperty(K, "__esModule", { value: !0 });
-K.oneOfTypesProp = void 0;
-const De = o, qe = (e, t) => (0, De.propOptionsGenerator)(e, t);
-K.oneOfTypesProp = qe;
-var T = {};
-Object.defineProperty(T, "__esModule", { value: !0 });
-T.instanceOfProp = void 0;
-const Ie = o, Ge = p, Ke = (e, t) => (0, Ie.propOptionsGenerator)(e, t, (0, Ge.isInstanceOf)(e));
-T.instanceOfProp = Ke;
+K.instanceOfProp = void 0;
+const Ie = o, Te = p, Ge = (e, t) => (0, Ie.propOptionsGenerator)(e, t, (0, Te.isInstanceOf)(e));
+K.instanceOfProp = Ge;
 var V = {};
 Object.defineProperty(V, "__esModule", { value: !0 });
 V.isNegative = void 0;
-const Te = (e) => {
+const Ke = (e) => {
   if (typeof e != "number" || e >= 0 || Number.isNaN(e))
     return "value should be a negative number";
 };
-V.isNegative = Te;
+V.isNegative = Ke;
 var E = {};
 Object.defineProperty(E, "__esModule", { value: !0 });
 E.isPositive = void 0;
@@ -222,47 +222,47 @@ const Ee = (e) => {
     return "value should be a non-negative number";
 };
 F.isNonNegative = Ee;
-var k = {};
-Object.defineProperty(k, "__esModule", { value: !0 });
-k.isNonPositive = void 0;
+var A = {};
+Object.defineProperty(A, "__esModule", { value: !0 });
+A.isNonPositive = void 0;
 const Fe = (e) => {
   if (typeof e != "number" || e > 0 || Number.isNaN(e))
     return "value should be a non-positive number";
 };
-k.isNonPositive = Fe;
+A.isNonPositive = Fe;
 (function(e) {
   Object.defineProperty(e, "__esModule", { value: !0 }), e.isNonPositive = e.isNonNegative = e.isPositive = e.isNegative = e.instanceOfProp = e.oneOfTypesProp = e.oneOfObjectKeysProp = e.oneOfProp = e.functionProp = e.objectProp = e.arrayProp = e.anyProp = e.vueComponentProp = e.symbolProp = e.integerProp = e.numberProp = e.booleanProp = e.stringProp = void 0;
-  var t = m;
+  var t = h;
   Object.defineProperty(e, "stringProp", { enumerable: !0, get: function() {
     return t.stringProp;
   } });
-  var r = N;
+  var n = N;
   Object.defineProperty(e, "booleanProp", { enumerable: !0, get: function() {
-    return r.booleanProp;
+    return n.booleanProp;
   } });
-  var n = $;
+  var r = $;
   Object.defineProperty(e, "numberProp", { enumerable: !0, get: function() {
-    return n.numberProp;
+    return r.numberProp;
   } });
   var i = w;
   Object.defineProperty(e, "integerProp", { enumerable: !0, get: function() {
     return i.integerProp;
   } });
-  var u = M;
+  var s = M;
   Object.defineProperty(e, "symbolProp", { enumerable: !0, get: function() {
-    return u.symbolProp;
+    return s.symbolProp;
   } });
-  var d = C;
+  var a = S;
   Object.defineProperty(e, "vueComponentProp", { enumerable: !0, get: function() {
-    return d.vueComponentProp;
+    return a.vueComponentProp;
   } });
-  var l = S;
+  var d = C;
   Object.defineProperty(e, "anyProp", { enumerable: !0, get: function() {
-    return l.anyProp;
+    return d.anyProp;
   } });
-  var s = D;
+  var u = D;
   Object.defineProperty(e, "arrayProp", { enumerable: !0, get: function() {
-    return s.arrayProp;
+    return u.arrayProp;
   } });
   var P = q;
   Object.defineProperty(e, "objectProp", { enumerable: !0, get: function() {
@@ -276,36 +276,36 @@ k.isNonPositive = Fe;
   Object.defineProperty(e, "oneOfProp", { enumerable: !0, get: function() {
     return c.oneOfProp;
   } });
-  var A = G;
+  var U = T;
   Object.defineProperty(e, "oneOfObjectKeysProp", { enumerable: !0, get: function() {
-    return A.oneOfObjectKeysProp;
+    return U.oneOfObjectKeysProp;
   } });
-  var f = K;
+  var f = G;
   Object.defineProperty(e, "oneOfTypesProp", { enumerable: !0, get: function() {
     return f.oneOfTypesProp;
   } });
-  var R = T;
+  var B = K;
   Object.defineProperty(e, "instanceOfProp", { enumerable: !0, get: function() {
-    return R.instanceOfProp;
+    return B.instanceOfProp;
   } });
-  var W = V;
+  var H = V;
   Object.defineProperty(e, "isNegative", { enumerable: !0, get: function() {
-    return W.isNegative;
+    return H.isNegative;
   } });
-  var z = E;
+  var R = E;
   Object.defineProperty(e, "isPositive", { enumerable: !0, get: function() {
-    return z.isPositive;
+    return R.isPositive;
   } });
-  var H = F;
+  var W = F;
   Object.defineProperty(e, "isNonNegative", { enumerable: !0, get: function() {
-    return H.isNonNegative;
+    return W.isNonNegative;
   } });
-  var J = k;
+  var z = A;
   Object.defineProperty(e, "isNonPositive", { enumerable: !0, get: function() {
-    return J.isNonPositive;
+    return z.isNonPositive;
   } });
-})(a);
-const ze = {
+})(l);
+const Re = {
   name: "BubbleMenu",
   props: {
     pluginKey: {
@@ -333,7 +333,7 @@ const ze = {
       immediate: !0,
       handler(e) {
         e && this.$nextTick(() => {
-          e.registerPlugin(Q({
+          e.registerPlugin(J({
             updateDelay: this.updateDelay,
             editor: e,
             element: this.$el,
@@ -352,12 +352,12 @@ const ze = {
     this.editor.unregisterPlugin(this.pluginKey);
   }
 };
-class He extends U {
+class We extends Q {
   constructor() {
     super(...arguments), this.contentComponent = null;
   }
 }
-const Je = {
+const ze = {
   name: "EditorContent",
   props: {
     editor: {
@@ -392,7 +392,7 @@ const Je = {
       element: t
     });
   }
-}, Qe = {
+}, Je = {
   name: "FloatingMenu",
   props: {
     pluginKey: {
@@ -434,7 +434,7 @@ const Je = {
   beforeDestroy() {
     this.editor.unregisterPlugin(this.pluginKey);
   }
-}, Ue = {
+}, Qe = {
   props: {
     as: {
       type: String,
@@ -474,94 +474,136 @@ const Je = {
     }, this.$slots.default);
   }
 };
-class ke {
-  constructor(t, r) {
-    const n = typeof t == "function" ? t : v.extend(t);
-    this.ref = new n(r).$mount();
+class Ae {
+  constructor(t, n) {
+    const r = typeof t == "function" ? t : v.extend(t);
+    this.ref = new r(n).$mount();
   }
   get element() {
     return this.ref.$el;
   }
   updateProps(t = {}) {
-    var r, n, i;
+    var n, r, i;
     if (!this.ref.$props)
       return;
-    const u = (i = (n = (r = this.ref.$props.editor) === null || r === void 0 ? void 0 : r.contentComponent) === null || n === void 0 ? void 0 : n.$options._base) !== null && i !== void 0 ? i : v, d = u.config.silent;
-    u.config.silent = !0, Object.entries(t).forEach(([l, s]) => {
-      this.ref.$props[l] = s;
-    }), u.config.silent = d;
+    const s = (i = (r = (n = this.ref.$props.editor) === null || n === void 0 ? void 0 : n.contentComponent) === null || r === void 0 ? void 0 : r.$options._base) !== null && i !== void 0 ? i : v, a = s.config.silent;
+    s.config.silent = !0, Object.entries(t).forEach(([d, u]) => {
+      this.ref.$props[d] = u;
+    }), s.config.silent = a;
   }
   destroy() {
     this.ref.$destroy();
   }
 }
 const Ye = {
-  editor: a.objectProp().required,
-  node: a.objectProp().required,
-  decorations: a.objectProp().required,
-  selected: a.booleanProp().required,
-  extension: a.objectProp().required,
-  getPos: a.functionProp().required,
-  updateAttributes: a.functionProp().required,
-  deleteNode: a.functionProp().required
+  editor: l.objectProp().required,
+  node: l.objectProp().required,
+  decorations: l.objectProp().required,
+  selected: l.booleanProp().required,
+  extension: l.objectProp().required,
+  getPos: l.functionProp().required,
+  updateAttributes: l.functionProp().required,
+  deleteNode: l.functionProp().required
 };
-class Ae extends X {
+class Ue extends X {
   mount() {
-    var t, r;
-    const n = {
+    var t, n;
+    const r = {
       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: (l = {}) => this.updateAttributes(l),
+      updateAttributes: (d = {}) => this.updateAttributes(d),
       deleteNode: () => this.deleteNode()
     }, i = this.onDragStart.bind(this);
     this.decorationClasses = v.observable({
       value: this.getDecorationClasses()
     });
-    const d = ((r = (t = this.editor.contentComponent) === null || t === void 0 ? void 0 : t.$options._base) !== null && r !== void 0 ? r : v).extend(this.component).extend({
-      props: Object.keys(n),
+    const a = ((n = (t = this.editor.contentComponent) === null || t === void 0 ? void 0 : t.$options._base) !== null && n !== void 0 ? n : v).extend(this.component).extend({
+      props: Object.keys(r),
       provide: () => ({
         onDragStart: i,
         decorationClasses: this.decorationClasses
       })
     });
-    this.renderer = new ke(d, {
+    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.editor.on("selectionUpdate", this.handleSelectionUpdate), this.renderer = new Ae(a, {
       parent: this.editor.contentComponent,
-      propsData: n
+      propsData: r
     });
   }
+  /**
+   * Return the DOM element.
+   * This is the element that will be used to display the node view.
+   */
   get dom() {
     if (!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]") || this.dom;
   }
-  update(t, r) {
-    const n = (i) => {
-      this.decorationClasses.value = this.getDecorationClasses(), this.renderer.updateProps(i);
+  /**
+   * 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, r = this.getPos();
+    if (typeof r == "number")
+      if (t <= r && n >= r + this.node.nodeSize) {
+        if (this.renderer.ref.$props.selected)
+          return;
+        this.selectNode();
+      } else {
+        if (!this.renderer.ref.$props.selected)
+          return;
+        this.deselectNode();
+      }
+  }
+  /**
+   * On update, update the React component.
+   * To prevent unnecessary updates, the `update` option can be used.
+   */
+  update(t, n, r) {
+    const i = (s) => {
+      this.decorationClasses.value = this.getDecorationClasses(), this.renderer.updateProps(s);
     };
     if (typeof this.options.update == "function") {
-      const i = this.node, u = this.decorations;
-      return this.node = t, this.decorations = r, this.options.update({
-        oldNode: i,
-        oldDecorations: u,
+      const s = this.node, a = this.decorations, d = this.innerDecorations;
+      return this.node = t, this.decorations = n, this.innerDecorations = r, this.options.update({
+        oldNode: s,
+        oldDecorations: a,
         newNode: t,
-        newDecorations: r,
-        updateProps: () => n({ node: t, decorations: r })
+        newDecorations: n,
+        oldInnerDecorations: d,
+        innerDecorations: r,
+        updateProps: () => i({ node: t, decorations: n, innerDecorations: r })
       });
     }
-    return t.type !== this.node.type ? !1 : (t === this.node && this.decorations === r || (this.node = t, this.decorations = r, n({ node: t, decorations: r })), !0);
+    return t.type !== this.node.type ? !1 : (t === this.node && this.decorations === n && this.innerDecorations === r || (this.node = t, this.decorations = n, this.innerDecorations = r, i({ node: t, decorations: n, innerDecorations: r })), !0);
   }
+  /**
+   * Select the node.
+   * Add the `selected` prop and the `ProseMirror-selectednode` class.
+   */
   selectNode() {
     this.renderer.updateProps({
       selected: !0
     }), 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
@@ -571,21 +613,21 @@ class Ae extends X {
     return this.decorations.map((t) => t.type.attrs.class).flat().join(" ");
   }
   destroy() {
-    this.renderer.destroy();
+    this.renderer.destroy(), this.editor.off("selectionUpdate", this.handleSelectionUpdate);
   }
 }
 function Ze(e, t) {
-  return (r) => r.editor.contentComponent ? new Ae(e, r, t) : {};
+  return (n) => n.editor.contentComponent ? new Ue(e, n, t) : {};
 }
 export {
-  ze as BubbleMenu,
-  He as Editor,
-  Je as EditorContent,
-  Qe as FloatingMenu,
-  Ue as NodeViewContent,
+  Re as BubbleMenu,
+  We as Editor,
+  ze as EditorContent,
+  Je as FloatingMenu,
+  Qe as NodeViewContent,
   Xe as NodeViewWrapper,
   Ze as VueNodeViewRenderer,
-  ke as VueRenderer,
+  Ae as VueRenderer,
   Ye as nodeViewProps
 };
 //# sourceMappingURL=vue-2.js.map