@progress/kendo-vue-editor 7.0.1-develop.1 → 7.0.1-develop.3

package/Editor.mjs

@@ -5,215 +5,216 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as j, toRaw as K, markRaw as F, createVNode as p, h as T, isVNode as J } from "vue";
+import { defineComponent as j, toRaw as K, markRaw as P, createVNode as h, h as T, isVNode as J } from "vue";
 import { ButtonGroup as q, Toolbar as Q, ToolbarSeparator as X } from "@progress/kendo-vue-buttons";
-import { guid as O, WatermarkOverlay as Y, classNames as Z, setRef as P, getRef as R, validatePackage as ee, shouldShowValidationUI as te, getLicenseMessage as ie, templateRendering as oe, getListeners as re, getTemplate as se } from "@progress/kendo-vue-common";
-import { Plugin as E, spacesFix as ne, history as ae, dropCursor as le, gapCursor as pe, tableEditing as de, PluginKey as H, Schema as ce, marks as me, EditorState as ue, keymap as M, baseKeymap as he, EditorView as fe, getMark as ge } from "@progress/kendo-editor-common";
+import { guid as V, WatermarkOverlay as Y, classNames as Z, setRef as M, getRef as R, validatePackage as ee, shouldShowValidationUI as te, getLicenseMessage as ie, templateRendering as oe, getListeners as se, getTemplate as re } from "@progress/kendo-vue-common";
+import { Plugin as $, spacesFix as ne, history as ae, dropCursor as le, gapCursor as pe, tableEditing as de, PluginKey as H, Schema as ce, marks as me, EditorState as ue, keymap as _, baseKeymap as he, EditorView as fe, getMark as ge } from "@progress/kendo-editor-common";
 import { nodes as ve } from "./config/schema.mjs";
-import { defaultStyle as we, tablesStyles as ke, rtlStyles as be } from "./config/defaultStyles.mjs";
-import { EditorToolsSettings as e } from "./config/toolsSettings.mjs";
+import { defaultStyle as we, tablesStyles as be, rtlStyles as ke } from "./config/defaultStyles.mjs";
+import { EditorToolsSettings as t } from "./config/toolsSettings.mjs";
 import { InsertLinkDialog as ye } from "./dialogs/insertLink.mjs";
 import { EditorUtils as y } from "./utils/main.mjs";
-import { editorPropsKey as D } from "./utils/props-key.mjs";
+import { editorPropsKey as x } from "./utils/props-key.mjs";
 import { updateEditorValue as Ce } from "./utils/controlled-value.mjs";
-import { firefox as _ } from "./utils/browser-detection.mjs";
+import { cleanupAndDestroyProseMirrorView as Se, nullifyObjectProperties as Le, cleanupIframe as Ee } from "./utils/cleanup.mjs";
+import { firefox as D } from "./utils/browser-detection.mjs";
 import { packageMetadata as A } from "./package-metadata.mjs";
-import { Align as S } from "./tools/align.mjs";
-import { Indent as Se } from "./tools/indent.mjs";
-import { List as x } from "./tools/lists.mjs";
-import { Outdent as Le } from "./tools/outdent.mjs";
-import { InlineFormat as v } from "./tools/inlineFormat.mjs";
-import { FontName as I } from "./tools/fontStyle.mjs";
-import { FormatBlock as Ve } from "./tools/formatBlock.mjs";
-import { ProseMirror as a } from "./tools/proseMirrorTool.mjs";
+import { Align as E } from "./tools/align.mjs";
+import { Indent as Ve } from "./tools/indent.mjs";
+import { List as I } from "./tools/lists.mjs";
+import { Outdent as $e } from "./tools/outdent.mjs";
+import { InlineFormat as b } from "./tools/inlineFormat.mjs";
+import { FontName as U } from "./tools/fontStyle.mjs";
+import { FormatBlock as Ae } from "./tools/formatBlock.mjs";
+import { ProseMirror as c } from "./tools/proseMirrorTool.mjs";
 import { LinkTool as N } from "./tools/insertLink.mjs";
-import { Unlink as $e } from "./tools/unlink.mjs";
-import { CleanFormatting as Ee } from "./tools/cleanFormatting.mjs";
-import { SelectAll as Ae } from "./tools/selectAll.mjs";
-import { InsertImage as Be } from "./tools/insertImage.mjs";
-import { InsertTable as Fe } from "./tools/insertTable/tool.mjs";
-import { ViewHtml as Te } from "./tools/viewHtml.mjs";
-import { Pdf as Oe } from "./tools/pdf.mjs";
-import { Print as Pe } from "./tools/print.mjs";
-import { FindAndReplace as Re } from "./tools/findReplace.mjs";
-import { ApplyColor as U } from "./tools/applyColor.mjs";
-import { keys as w, messages as B } from "./messages/main.mjs";
-import { provideLocalizationService as He } from "@progress/kendo-vue-intl";
+import { Unlink as Oe } from "./tools/unlink.mjs";
+import { CleanFormatting as Be } from "./tools/cleanFormatting.mjs";
+import { SelectAll as Fe } from "./tools/selectAll.mjs";
+import { InsertImage as Pe } from "./tools/insertImage.mjs";
+import { InsertTable as Te } from "./tools/insertTable/tool.mjs";
+import { ViewHtml as Me } from "./tools/viewHtml.mjs";
+import { Pdf as Re } from "./tools/pdf.mjs";
+import { Print as He } from "./tools/print.mjs";
+import { FindAndReplace as _e } from "./tools/findReplace.mjs";
+import { ApplyColor as z } from "./tools/applyColor.mjs";
+import { keys as k, messages as O } from "./messages/main.mjs";
+import { provideLocalizationService as xe } from "@progress/kendo-vue-intl";
 const {
-  link: z,
-  bold: Me,
-  italic: De,
-  underline: _e
-} = e;
-function W(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !J(t);
+  link: W,
+  bold: De,
+  italic: Ie,
+  underline: Ue
+} = t;
+function G(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !J(e);
 }
 const C = {
   Bold: {
-    comp: v,
-    props: e.bold
+    comp: b,
+    props: t.bold
   },
   Italic: {
-    comp: v,
-    props: e.italic
+    comp: b,
+    props: t.italic
   },
   Underline: {
-    comp: v,
-    props: e.underline
+    comp: b,
+    props: t.underline
   },
   Strikethrough: {
-    comp: v,
-    props: e.strikethrough
+    comp: b,
+    props: t.strikethrough
   },
   Subscript: {
-    comp: v,
-    props: e.subscript
+    comp: b,
+    props: t.subscript
   },
   Superscript: {
-    comp: v,
-    props: e.superscript
+    comp: b,
+    props: t.superscript
   },
   AlignLeft: {
-    comp: S,
-    props: e.alignLeft
+    comp: E,
+    props: t.alignLeft
   },
   AlignCenter: {
-    comp: S,
-    props: e.alignCenter
+    comp: E,
+    props: t.alignCenter
   },
   AlignRight: {
-    comp: S,
-    props: e.alignRight
+    comp: E,
+    props: t.alignRight
   },
   AlignJustify: {
-    comp: S,
-    props: e.alignJustify
+    comp: E,
+    props: t.alignJustify
   },
   Indent: {
-    comp: Se,
-    props: e.indent
+    comp: Ve,
+    props: t.indent
   },
   Outdent: {
-    comp: Le,
-    props: e.outdent
+    comp: $e,
+    props: t.outdent
   },
   OrderedList: {
-    comp: x,
-    props: e.orderedList
+    comp: I,
+    props: t.orderedList
   },
   UnorderedList: {
-    comp: x,
-    props: e.bulletList
+    comp: I,
+    props: t.bulletList
   },
   FontSize: {
-    comp: I,
-    props: e.fontSize
+    comp: U,
+    props: t.fontSize
   },
   FontName: {
-    comp: I,
-    props: e.fontName
+    comp: U,
+    props: t.fontName
   },
   FormatBlock: {
-    comp: Ve,
-    props: e.formatBlock
+    comp: Ae,
+    props: t.formatBlock
   },
   Undo: {
-    comp: a,
-    props: e.undo
+    comp: c,
+    props: t.undo
   },
   Redo: {
-    comp: a,
-    props: e.redo
+    comp: c,
+    props: t.redo
   },
   Link: {
     comp: N,
-    props: e.link
+    props: t.link
   },
   Unlink: {
-    comp: $e,
-    props: e.unlink
+    comp: Oe,
+    props: t.unlink
   },
   InsertImage: {
-    comp: Be,
-    props: e.image
+    comp: Pe,
+    props: t.image
   },
   ViewHtml: {
-    comp: Te,
-    props: e.viewHtml
+    comp: Me,
+    props: t.viewHtml
   },
   CleanFormatting: {
-    comp: Ee,
-    props: e.cleanFormatting
+    comp: Be,
+    props: t.cleanFormatting
   },
   SelectAll: {
-    comp: Ae,
-    props: e.selectAll
+    comp: Fe,
+    props: t.selectAll
   },
   InsertTable: {
-    comp: Fe,
-    props: e.insertTable
+    comp: Te,
+    props: t.insertTable
   },
   MergeCells: {
-    comp: a,
-    props: e.mergeCells
+    comp: c,
+    props: t.mergeCells
   },
   SplitCell: {
-    comp: a,
-    props: e.splitCell
+    comp: c,
+    props: t.splitCell
   },
   AddRowBefore: {
-    comp: a,
-    props: e.addRowBefore
+    comp: c,
+    props: t.addRowBefore
   },
   AddRowAfter: {
-    comp: a,
-    props: e.addRowAfter
+    comp: c,
+    props: t.addRowAfter
   },
   AddColumnBefore: {
-    comp: a,
-    props: e.addColumnBefore
+    comp: c,
+    props: t.addColumnBefore
   },
   AddColumnAfter: {
-    comp: a,
-    props: e.addColumnAfter
+    comp: c,
+    props: t.addColumnAfter
   },
   DeleteRow: {
-    comp: a,
-    props: e.deleteRow
+    comp: c,
+    props: t.deleteRow
   },
   DeleteColumn: {
-    comp: a,
-    props: e.deleteColumn
+    comp: c,
+    props: t.deleteColumn
   },
   DeleteTable: {
-    comp: a,
-    props: e.deleteTable
+    comp: c,
+    props: t.deleteTable
   },
   Print: {
-    comp: Pe,
-    props: e.print
+    comp: He,
+    props: t.print
   },
   Pdf: {
-    comp: Oe,
-    props: e.pdf
+    comp: Re,
+    props: t.pdf
   },
   InsertFile: {
     comp: N,
-    props: e.insertFile
+    props: t.insertFile
   },
   FindAndReplace: {
-    comp: Re,
-    props: e.findAndReplace
+    comp: _e,
+    props: t.findAndReplace
   },
   ForeColor: {
-    comp: U,
-    props: e.foreColor
+    comp: z,
+    props: t.foreColor
   },
   BackColor: {
-    comp: U,
-    props: e.backColor
+    comp: z,
+    props: t.backColor
   }
-}, kt = /* @__PURE__ */ j({
+}, St = /* @__PURE__ */ j({
   name: "KendoEditor",
   emits: {
     focus: null,
@@ -233,8 +234,8 @@ const C = {
     defaultEditMode: {
       type: String,
       default: "iframe",
-      validator: function(t) {
-        return ["iframe", "div"].includes(t);
+      validator: function(e) {
+        return ["iframe", "div"].includes(e);
       }
     },
     contentStyle: Object,
@@ -248,8 +249,8 @@ const C = {
     preserveWhitespace: {
       type: [String, Boolean],
       default: "full",
-      validator: function(t) {
-        return [!0, !1, "full"].includes(t);
+      validator: function(e) {
+        return [!0, !1, "full"].includes(e);
       }
     },
     pasteHtml: Function,
@@ -260,7 +261,7 @@ const C = {
   },
   data() {
     return {
-      updateGuid: O(),
+      updateGuid: V(),
       view: void 0,
       linkDialog: !1,
       showLicenseWatermark: !1,
@@ -268,192 +269,215 @@ const C = {
     };
   },
   created() {
-    this._view = void 0, this.trOnChange = null, this.valueisUpdated = !1, this._prevValue = this.$props.value, ee(A), this.showLicenseWatermark = te(A), this.licenseMessage = ie(A);
+    this._view = void 0, this.trOnChange = null, this.valueisUpdated = !1, this._prevValue = this.$props.value, this.pluginViews = [], ee(A), this.showLicenseWatermark = te(A), this.licenseMessage = ie(A);
   },
   mounted() {
-    this.iframe = R(this, "iframe"), this.contentElement = R(this, "contentElement"), (!this.iframe || !_) && this.initialize();
+    this.iframe = R(this, "iframe"), this.contentElement = R(this, "contentElement"), (!this.iframe || !D) && this.initialize();
   },
   watch: {
-    value: function(t, i) {
+    value: function(e, i) {
       this.valueisUpdated = !0, this._prevValue = i;
     }
   },
   updated() {
     const {
-      value: t
+      value: e
     } = this.$props, i = this.getView();
-    t === void 0 || !this.valueisUpdated || !i || (Ce(i, this.computedValue(), this._prevValue, this.trOnChange, this.htmlOnChange), this.valueisUpdated = !1, this.trOnChange = null, this.htmlOnChange = null);
+    e === void 0 || !this.valueisUpdated || !i || (Ce(i, this.computedValue(), this._prevValue, this.trOnChange, this.htmlOnChange), this.valueisUpdated = !1, this.trOnChange = null, this.htmlOnChange = null);
+  },
+  beforeUnmount() {
+    var a, m;
+    this.iframe && (this.iframe.src = "about:blank");
+    const e = this.iframe, i = this.contentElement, s = this.getView();
+    if (s) {
+      (a = this.pluginViews) == null || a.forEach((l) => {
+        var f;
+        (f = l == null ? void 0 : l.destroy) == null || f.call(l);
+      });
+      const u = Se(s);
+      (m = u == null ? void 0 : u.parentNode) == null || m.removeChild(u);
+    }
+    this.view && Le(this.view), this.view = void 0, this._view = null, this.trOnChange = null, this.htmlOnChange = null, this.pasteEvent = void 0, this.valueisUpdated = !1, this._prevValue = void 0, this.pluginViews && (this.pluginViews.length = 0, this.pluginViews = null), this.iframe = void 0, this.contentElement = void 0, e && Ee(e, i), this.updateGuid = void 0, this.linkDialog = !1;
   },
   unmounted() {
-    this.getView() && this.getView().destroy(), this.view = void 0, this._view = void 0;
+    this.view = void 0, this._view = null, this.iframe = void 0, this.contentElement = void 0, this.pluginViews = null;
   },
   render() {
-    let t = 100;
+    let e = 100;
     const {
       tools: i = [],
-      defaultEditMode: r = "iframe",
-      preserveWhitespace: g = "full",
-      style: c,
-      value: k
-    } = this.$props, b = this.getView(), m = He(this), L = this.showLicenseWatermark ? p(Y, {
+      defaultEditMode: s = "iframe",
+      preserveWhitespace: a = "full",
+      style: m,
+      value: u
+    } = this.$props, l = this.getView(), f = xe(this), w = this.showLicenseWatermark ? h(Y, {
       message: this.licenseMessage
     }, null) : null;
     if (this.view) {
-      const o = D.getState(this.view.state);
-      o.preserveWhitespace = g;
+      const o = x.getState(this.view.state);
+      o.preserveWhitespace = a;
     }
-    let h = this.$props.contentStyle;
-    h === void 0 && (c || {}).height === void 0 && (h = {
+    let g = this.$props.contentStyle;
+    g === void 0 && (m || {}).height === void 0 && (g = {
       height: "300px"
     });
-    const $ = function() {
-      return this.linkDialog && p(ye, {
-        view: b,
-        settings: z,
+    const S = function() {
+      return this.linkDialog && h(ye, {
+        view: l,
+        settings: W,
         dir: this.$props.dir,
         onClose: this.handleClose
       }, null);
-    }, s = function(o, u) {
-      const l = C[o] || o, G = function() {
-        let f;
-        return o === "ForeColor" ? f = m.toLanguageString(w.foregroundColorAriaLabel, B[w.foregroundColorAriaLabel]) : o === "BackColor" && (f = m.toLanguageString(w.backgroundColor, B[w.backgroundColor])), f;
+    }, L = function(o, p) {
+      const d = C[o] || o, F = function() {
+        let v;
+        return o === "ForeColor" ? v = f.toLanguageString(k.foregroundColorAriaLabel, O[k.foregroundColorAriaLabel]) : o === "BackColor" && (v = f.toLanguageString(k.backgroundColor, O[k.backgroundColor])), v;
       };
       if (C[o]) {
-        t++;
-        const f = {
-          view: b,
+        e++;
+        const v = {
+          view: l,
           dir: this.$props.dir,
-          key: t,
+          key: e,
           updateGuid: this.updateGuid,
           settings: C[o].props,
           ...C[o].props,
-          ariaLabel: G()
+          ariaLabel: F()
         };
-        return T(F(C[o].comp), f);
+        return T(P(C[o].comp), v);
       } else {
-        if (l === "Separator")
-          return p(X, {
-            key: t
+        if (d === "Separator")
+          return h(X, {
+            key: e
           }, null);
         {
-          const f = oe.call(this, l.render, re.call(this));
-          return se.call(this, {
+          const v = oe.call(this, d.render, se.call(this));
+          return re.call(this, {
             h: T,
-            template: f,
+            template: v,
             defaultRendering: null,
             additionalListeners: {},
             additionalProps: {
-              view: b,
+              view: l,
               dir: this.$props.dir,
               updateGuid: this.updateGuid,
-              key: t,
-              settings: l.props
+              key: e,
+              settings: d.props
             }
           });
         }
       }
-    }, d = function(o, u) {
-      return o.map(function(l) {
-        return s.call(this, l, u);
+    }, r = function(o, p) {
+      return o.map(function(d) {
+        return L.call(this, d, p);
       }, this);
-    }, n = i.map(function(o, u) {
-      let l;
-      return Array.isArray(o) ? p(q, {
-        key: u
-      }, W(l = d.call(this, o, u)) ? l : {
-        default: () => [l]
-      }) : s.call(this, o, u);
+    }, n = i.map(function(o, p) {
+      let d;
+      return Array.isArray(o) ? h(q, {
+        key: p
+      }, G(d = r.call(this, o, p)) ? d : {
+        default: () => [d]
+      }) : L.call(this, o, p);
     }, this);
-    return p("div", {
+    return h("div", {
       class: Z("k-editor", {
         "k-editor-resizable": this.$props.resizable
       }),
       dir: this.$props.dir
-    }, [n.length > 0 && p(Q, {
+    }, [n.length > 0 && h(Q, {
       overflow: "none",
       class: "k-editor-toolbar",
       keyboardNavigation: this.$props.keyboardNavigation
-    }, W(n) ? n : {
+    }, G(n) ? n : {
       default: () => [n]
-    }), r === "iframe" ? p("div", {
+    }), s === "iframe" ? h("div", {
       class: "k-editor-content"
-    }, [p("iframe", {
+    }, [h("iframe", {
       onLoad: this.iframeLoad,
-      ref: P(this, "iframe"),
+      ref: M(this, "iframe"),
       frameborder: "0",
-      title: m.toLanguageString(w.iframeTitle, B[w.iframeTitle]),
-      style: h,
+      title: f.toLanguageString(k.iframeTitle, O[k.iframeTitle]),
+      style: g,
       class: "k-iframe"
-    }, null)]) : p("div", {
-      style: h,
+    }, null)]) : h("div", {
+      style: g,
       class: "k-editor-content"
-    }, [p("div", {
-      ref: P(this, "contentElement"),
+    }, [h("div", {
+      ref: M(this, "contentElement"),
       role: "textbox",
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       "aria-label": this.$props.ariaLabel
-    }, null)]), $.call(this), L]);
+    }, null)]), S.call(this), w]);
   },
   methods: {
     getView() {
       return this.view;
     },
     getHTML() {
-      const t = this.getView();
-      return t ? y.getHtml(t.state) : "";
+      const e = this.getView();
+      return e ? y.getHtml(e.state) : "";
     },
-    setHTML(t) {
+    setHTML(e) {
       const i = this.getView();
-      i && y.setHtml(i, t);
+      i && y.setHtml(i, e);
     },
     focus() {
       this.getView() && this.getView().focus();
     },
-    updateTools(t) {
-      this.view = t, this.updateGuid = O();
+    updateTools(e) {
+      this.view = e, this.updateGuid = V();
     },
     iframeLoad() {
-      _ && this.initialize();
+      D && this.initialize();
     },
     initialize() {
-      const t = this.iframe && this.iframe.contentWindow;
-      if (t) {
-        const s = t.document;
-        [we, ke, this.$props.dir === "rtl" ? be : void 0].forEach((n) => {
-          if (n) {
-            const o = s.createElement("style");
-            o.appendChild(s.createTextNode(n)), s.head.appendChild(o);
+      const e = this.iframe && this.iframe.contentWindow;
+      if (e) {
+        const r = e.document;
+        [we, be, this.$props.dir === "rtl" ? ke : void 0].forEach((o) => {
+          if (o) {
+            const p = r.createElement("style");
+            p.appendChild(r.createTextNode(o)), r.head.appendChild(p);
           }
         });
-        const d = s.createElement("meta");
-        d.setAttribute("charset", "utf-8"), s.head.appendChild(d), this.contentElement = s.createElement("div"), s.body.appendChild(this.contentElement), this.contentElement.classList.add("k-content"), this.contentElement.setAttribute("role", "main");
+        const n = r.createElement("meta");
+        n.setAttribute("charset", "utf-8"), r.head.appendChild(n), this.contentElement = r.createElement("div"), r.body.appendChild(this.contentElement), this.contentElement.classList.add("k-content"), this.contentElement.setAttribute("role", "main");
       }
       const i = this.contentElement;
       if (!i)
         return;
       const {
-        preserveWhitespace: r = "full"
-      } = this.$props, g = this;
-      let c = [
+        preserveWhitespace: s = "full"
+      } = this.$props, a = this, m = function(r) {
+        a.view = r, a.updateGuid = V();
+      };
+      let u = [
         // https://prosemirror.net/docs/ref/#state.PluginSpec
-        new E({
-          view: () => ({
-            update: this.updateTools
-          }),
+        new $({
+          view: (r) => {
+            const n = {
+              update: m,
+              destroy: () => {
+                const o = a.pluginViews.indexOf(n);
+                o > -1 && a.pluginViews.splice(o, 1);
+              }
+            };
+            return a.pluginViews.push(n), n;
+          },
           key: new H("toolbar-tools-update-plugin")
         }),
-        new E({
+        new $({
           filterTransaction: this.filterTransaction,
           key: new H("onExecute-event-plugin")
         }),
-        new E({
-          key: D,
+        new $({
+          key: x,
           state: {
             init: () => ({
-              preserveWhitespace: r
+              preserveWhitespace: s
             }),
-            apply: (s, d) => d
+            apply: (r, n) => n
           }
         }),
         ne(),
@@ -461,41 +485,41 @@ const C = {
         le(),
         pe(),
         de()
-      ], k = {
+      ], l = {
         ...y.getShortcuts({
           types: {
             listItem: "list_item",
             hardBreak: "hard_break"
           },
           toolsSettings: {
-            bold: Me,
-            italic: De,
-            underline: _e
+            bold: De,
+            italic: Ie,
+            underline: Ue
           }
         }),
         "Mod-k": () => {
           const {
-            linkDialog: s
-          } = this.$data, d = this.getView();
-          if (d) {
-            const n = d.state, o = n.selection.empty, u = ge(n, n.schema.marks[z.mark]);
-            !s && !(o && !u) && (this.linkDialog = !0);
+            linkDialog: r
+          } = this.$data, n = this.getView();
+          if (n) {
+            const o = n.state, p = o.selection.empty, d = ge(o, o.schema.marks[W.mark]);
+            !r && !(p && !d) && (this.linkDialog = !0);
           }
-          return !s;
+          return !r;
         }
       };
       const {
-        defaultContent: b = "",
-        value: m
-      } = this.$props, L = m && typeof m != "string" ? K(m) : y.createDocument(new ce({
+        defaultContent: f = "",
+        value: w
+      } = this.$props, B = w && typeof w != "string" ? K(w) : y.createDocument(new ce({
         nodes: ve,
         marks: me
-      }), m || b, {
-        preserveWhitespace: r
-      }), V = {
+      }), w || f, {
+        preserveWhitespace: s
+      }), g = {
         state: ue.create({
-          plugins: [...c, M(k), M(he)],
-          doc: L
+          plugins: [...u, _(l), _(he)],
+          doc: B
         }),
         transformPastedHTML: this.onPasteHtml,
         dispatchTransaction: this.dispatchTransaction,
@@ -504,74 +528,74 @@ const C = {
           blur: this.onBlur,
           paste: this.onPaste
         }
-      }, h = {
-        plugins: c,
-        shortcuts: k,
-        target: g,
-        viewProps: V,
+      }, S = {
+        plugins: u,
+        shortcuts: l,
+        target: a,
+        viewProps: g,
         dom: i
       };
-      this.$emit("loaded", h);
-      const $ = this.$props.extendView && this.$props.extendView(h) || new fe({
+      this.$emit("loaded", S);
+      const L = this.$props.extendView && this.$props.extendView(S) || new fe({
         mount: i
-      }, V);
-      this.view = F($);
+      }, g);
+      this.view = P(L);
     },
-    filterTransaction(t, i) {
-      const r = {
+    filterTransaction(e, i) {
+      const s = {
         target: this,
-        transaction: t,
+        transaction: e,
         state: i
       };
-      return this.$emit("execute", r), !0;
+      return this.$emit("execute", s), !0;
     },
-    onPasteHtml(t) {
+    onPasteHtml(e) {
       if (this.$props.pasteHtml && this.pasteEvent) {
         const i = {
           target: this,
-          pastedHtml: t,
+          pastedHtml: e,
           event: this.pasteEvent
-        }, r = this.$props.pasteHtml(i);
-        if (this.pasteEvent = void 0, typeof r == "string")
-          return r;
+        }, s = this.$props.pasteHtml(i);
+        if (this.pasteEvent = void 0, typeof s == "string")
+          return s;
       }
-      return t;
+      return e;
     },
-    dispatchTransaction(t) {
-      const i = t.docChanged;
+    dispatchTransaction(e) {
+      const i = e.docChanged;
       if (i) {
-        this.trOnChange = t;
-        const r = t.doc, g = t.doc.type.schema, c = this, k = {
-          target: c,
-          value: r,
+        this.trOnChange = e;
+        const s = e.doc, a = e.doc.type.schema, m = this, u = {
+          target: m,
+          value: s,
           get html() {
-            return c.htmlOnChange = y.getHtml({
-              doc: r,
-              schema: g
-            }), c.htmlOnChange;
+            return m.htmlOnChange = y.getHtml({
+              doc: s,
+              schema: a
+            }), m.htmlOnChange;
           },
-          transaction: t,
-          schema: g
+          transaction: e,
+          schema: a
         };
-        this.$emit("change", k);
+        this.$emit("change", u);
       }
-      this.getView() && (this.$props.value === void 0 || !i) && this.getView().updateState(this.getView().state.apply(t));
+      this.getView() && (this.$props.value === void 0 || !i) && this.getView().updateState(this.getView().state.apply(e));
     },
-    onFocus(t, i) {
-      const r = {
+    onFocus(e, i) {
+      const s = {
         target: this,
         event: i
       };
-      return this.$emit("focus", r), !1;
+      return this.$emit("focus", s), !1;
     },
-    onBlur(t, i) {
-      const r = {
+    onBlur(e, i) {
+      const s = {
         target: this,
         event: i
       };
-      return this.$emit("blur", r), !1;
+      return this.$emit("blur", s), !1;
     },
-    onPaste(t, i) {
+    onPaste(e, i) {
       return this.$props.pasteHtml && (this.pasteEvent = i), !1;
     },
     handleClose() {
@@ -583,6 +607,6 @@ const C = {
   }
 });
 export {
-  kt as Editor,
+  St as Editor,
   C as allTools
 };