@progress/kendo-vue-editor 6.4.1 → 6.5.0-develop.1

package/Editor.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as j, createVNode as p, toRaw as K, markRaw as B, isVNode as J, h as F } from "vue";
+import { defineComponent as j, toRaw as K, markRaw as B, createVNode as p, h as F, isVNode as J } from "vue";
 import { ButtonGroup as q, Toolbar as Q, ToolbarSeparator as X } from "@progress/kendo-vue-buttons";
-import { guid as T, validatePackage as Y, shouldShowValidationUI as Z, getRef as O, WatermarkOverlay as ee, classNames as te, setRef as P, templateRendering as ie, getListeners as oe, getTemplate as re } from "@progress/kendo-vue-common";
-import { Plugin as E, PluginKey as R, spacesFix as se, history as ne, dropCursor as ae, gapCursor as le, tableEditing as pe, getMark as de, Schema as ce, marks as me, EditorState as ue, keymap as H, baseKeymap as he, EditorView as fe } from "@progress/kendo-editor-common";
+import { guid as T, WatermarkOverlay as Y, classNames as Z, setRef as O, getRef as P, validatePackage as ee, shouldShowValidationUI as te, templateRendering as ie, getListeners as oe, getTemplate as re } from "@progress/kendo-vue-common";
+import { Plugin as E, spacesFix as se, history as ne, dropCursor as ae, gapCursor as le, tableEditing as pe, PluginKey as R, Schema as de, marks as ce, EditorState as me, keymap as H, baseKeymap as ue, EditorView as he, getMark as fe } from "@progress/kendo-editor-common";
 import { nodes as ge } from "./config/schema.mjs";
 import { defaultStyle as ve, tablesStyles as we, rtlStyles as ke } from "./config/defaultStyles.mjs";
 import { EditorToolsSettings as e } from "./config/toolsSettings.mjs";
@@ -267,10 +267,10 @@ const C = {
     };
   },
   created() {
-    this._view = void 0, this.trOnChange = null, this.valueisUpdated = !1, this._prevValue = this.$props.value, Y(x), this.showLicenseWatermark = Z(x);
+    this._view = void 0, this.trOnChange = null, this.valueisUpdated = !1, this._prevValue = this.$props.value, ee(x), this.showLicenseWatermark = te(x);
   },
   mounted() {
-    this.iframe = O(this, "iframe"), this.contentElement = O(this, "contentElement"), (!this.iframe || !_) && this.initialize();
+    this.iframe = P(this, "iframe"), this.contentElement = P(this, "contentElement"), (!this.iframe || !_) && this.initialize();
   },
   watch: {
     value: function(t, i) {
@@ -294,7 +294,7 @@ const C = {
       preserveWhitespace: g = "full",
       style: c,
       value: k
-    } = this.$props, b = this.getView(), m = Re(this), L = this.showLicenseWatermark ? p(ee, null, null) : null;
+    } = this.$props, b = this.getView(), m = Re(this), L = this.showLicenseWatermark ? p(Y, null, null) : null;
     if (this.view) {
       const o = D.getState(this.view.state);
       o.preserveWhitespace = g;
@@ -362,7 +362,7 @@ const C = {
       }) : s.call(this, o, u);
     }, this);
     return p("div", {
-      class: te("k-editor", {
+      class: Z("k-editor", {
         "k-editor-resizable": this.$props.resizable
       }),
       dir: this.$props.dir
@@ -376,7 +376,7 @@ const C = {
       class: "k-editor-content"
     }, [p("iframe", {
       onLoad: this.iframeLoad,
-      ref: P(this, "iframe"),
+      ref: O(this, "iframe"),
       frameborder: "0",
       title: m.toLanguageString(w.iframeTitle, A[w.iframeTitle]),
       style: h,
@@ -385,7 +385,7 @@ const C = {
       style: h,
       class: "k-editor-content"
     }, [p("div", {
-      ref: P(this, "contentElement"),
+      ref: O(this, "contentElement"),
       role: "textbox",
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
@@ -475,7 +475,7 @@ const C = {
             linkDialog: s
           } = this.$data, d = this.getView();
           if (d) {
-            const n = d.state, o = n.selection.empty, u = de(n, n.schema.marks[z.mark]);
+            const n = d.state, o = n.selection.empty, u = fe(n, n.schema.marks[z.mark]);
             !s && !(o && !u) && (this.linkDialog = !0);
           }
           return !s;
@@ -484,14 +484,14 @@ const C = {
       const {
         defaultContent: b = "",
         value: m
-      } = this.$props, L = m && typeof m != "string" ? K(m) : y.createDocument(new ce({
+      } = this.$props, L = m && typeof m != "string" ? K(m) : y.createDocument(new de({
         nodes: ge,
-        marks: me
+        marks: ce
       }), m || b, {
         preserveWhitespace: r
       }), V = {
-        state: ue.create({
-          plugins: [...c, H(k), H(he)],
+        state: me.create({
+          plugins: [...c, H(k), H(ue)],
           doc: L
         }),
         transformPastedHTML: this.onPasteHtml,
@@ -509,7 +509,7 @@ const C = {
         dom: i
       };
       this.$emit("loaded", h);
-      const $ = this.$props.extendView && this.$props.extendView(h) || new fe({
+      const $ = this.$props.extendView && this.$props.extendView(h) || new he({
         mount: i
       }, V);
       this.view = B($);

package/config/shortcuts.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { chainCommands as u, exitCode as h, toggleInlineFormat as i, undo as p, redo as l, undoInputRule as f, splitListItem as S, goToNextCell as a } from "@progress/kendo-editor-common";
+import { chainCommands as u, exitCode as h, goToNextCell as l, splitListItem as p, undoInputRule as f, redo as a, undo as S, toggleInlineFormat as i } from "@progress/kendo-editor-common";
 import { EditorToolsSettings as M } from "./toolsSettings.mjs";
 const {
   bold: b,
@@ -20,10 +20,10 @@ const {
     "Mod-b": (t, o) => i(n.bold || b)(t, o),
     "Mod-i": (t, o) => i(n.italic || I)(t, o),
     "Mod-u": (t, o) => i(n.underline || y)(t, o),
-    "Mod-z": p,
-    "Shift-Mod-z": l,
+    "Mod-z": S,
+    "Shift-Mod-z": a,
     ...c ? {} : {
-      "Mod-y": l
+      "Mod-y": a
     },
     Backspace: f,
     "Mod-Enter": r,
@@ -31,9 +31,9 @@ const {
     ...c ? {
       "Ctrl-Enter": r
     } : {},
-    Enter: (t, o) => S(t.schema.nodes[s])(t, o),
-    Tab: a(1),
-    "Shift-Tab": a(-1)
+    Enter: (t, o) => p(t.schema.nodes[s])(t, o),
+    Tab: l(1),
+    "Shift-Tab": l(-1)
   };
 };
 export {

package/dialogs/FindReplace.mjs

@@ -14,7 +14,7 @@ import { provideLocalizationService as G } from "@progress/kendo-vue-intl";
 import { messages as l } from "../messages/main.mjs";
 import { EditorToolsSettings as J } from "../config/toolsSettings.mjs";
 import { formatString as Q } from "../tools/utils.mjs";
-import { selectedLineTextOnly as X, textHighlightKey as Y, TextSelection as g, find as Z, replace as ee, replaceAll as te, findAll as ne } from "@progress/kendo-editor-common";
+import { findAll as X, replaceAll as Y, replace as Z, TextSelection as g, find as ee, textHighlightKey as te, selectedLineTextOnly as ne } from "@progress/kendo-editor-common";
 import { Icon as N } from "@progress/kendo-vue-common";
 import { Error as se } from "@progress/kendo-vue-labels";
 function x(e) {
@@ -46,7 +46,7 @@ const ae = 13, ce = 27, ie = J.findAndReplace, be = /* @__PURE__ */ V({
   data() {
     return {
       selectedTab: 0,
-      searchText: X(this.$props.view.state),
+      searchText: ne(this.$props.view.state),
       replaceText: "",
       matchCase: !1,
       matchWord: !1,
@@ -77,7 +77,7 @@ const ae = 13, ce = 27, ie = J.findAndReplace, be = /* @__PURE__ */ V({
             class: n && o.eq(n) ? "k-text-selected" : "k-text-highlighted"
           }
         });
-      }), i.setMeta(Y, c), i.setSelection(n || g.create(a.doc, a.selection.from)), s.dispatch(i);
+      }), i.setMeta(te, c), i.setSelection(n || g.create(a.doc, a.selection.from)), s.dispatch(i);
     }
   },
   unmounted() {
@@ -299,7 +299,7 @@ const ae = 13, ce = 27, ie = J.findAndReplace, be = /* @__PURE__ */ V({
         useRegExp: o,
         backward: e,
         matchCyclic: i
-      }, p = Z(n.state, r);
+      }, p = ee(n.state, r);
       if (p) {
         const u = n.state.tr.setSelection(p);
         u.scrollIntoView(), n.updateState(n.state.apply(u)), this._prevMatch = this.nextMatch, this.nextMatch = p, this._prevMatch !== this.nextMatch && this.$forceUpdate();
@@ -310,7 +310,7 @@ const ae = 13, ce = 27, ie = J.findAndReplace, be = /* @__PURE__ */ V({
         replaceText: s
       } = this.$data;
       if (!n.empty) {
-        const a = n.from, i = a + s.length, c = ee(n, s, e.state.tr);
+        const a = n.from, i = a + s.length, c = Z(n, s, e.state.tr);
         c.setSelection(g.create(c.doc, a, i)), c.scrollIntoView(), e.dispatch(c), this.onFind(), this.setNextState({});
       }
     },
@@ -326,7 +326,7 @@ const ae = 13, ce = 27, ie = J.findAndReplace, be = /* @__PURE__ */ V({
         matchWord: i,
         matchCase: a,
         useRegExp: c
-      }, r = te(e.state, s, o);
+      }, r = Y(e.state, s, o);
       r && (e.dispatch(r), this.setNextState({}));
     },
     onKeyDown(e) {
@@ -361,7 +361,7 @@ const ae = 13, ce = 27, ie = J.findAndReplace, be = /* @__PURE__ */ V({
         }, s = e.state.selection;
         let a = [], i;
         try {
-          a = ne(e.state.doc, n);
+          a = X(e.state.doc, n);
         } catch (o) {
           o instanceof SyntaxError && (i = this.settings.messages.findReplaceInvalidRegExp);
         }

package/dialogs/insertImage.mjs

@@ -8,10 +8,10 @@
 import { defineComponent as L, createVNode as t, isVNode as T } from "vue";
 import { Window as j, DialogActionsBar as x } from "@progress/kendo-vue-dialogs";
 import { Button as S } from "@progress/kendo-vue-buttons";
-import { NodeSelection as C, insertNode as z } from "@progress/kendo-editor-common";
+import { insertNode as z, NodeSelection as C } from "@progress/kendo-editor-common";
 import { provideLocalizationService as A } from "@progress/kendo-vue-intl";
 import { messages as r } from "../messages/main.mjs";
-import { getRef as c, setRef as g } from "@progress/kendo-vue-common";
+import { setRef as c, getRef as g } from "@progress/kendo-vue-common";
 import { Form as N, FormElement as O, FieldWrapper as m } from "@progress/kendo-vue-form";
 import { Input as f } from "@progress/kendo-vue-inputs";
 function k(e) {
@@ -47,7 +47,7 @@ const K = /* @__PURE__ */ L({
     };
   },
   mounted() {
-    this.src = c(this, "src"), this.altText = c(this, "altText"), this.title = c(this, "title"), this.width = c(this, "width"), this.height = c(this, "height"), this.src && this.src.focus();
+    this.src = g(this, "src"), this.altText = g(this, "altText"), this.title = g(this, "title"), this.width = g(this, "width"), this.height = g(this, "height"), this.src && this.src.focus();
   },
   render() {
     let e, n;
@@ -80,7 +80,7 @@ const K = /* @__PURE__ */ L({
             id: "k-editor-image-url",
             value: this.srcValue,
             onInput: this.handleSrcInput,
-            ref: g(this, "src")
+            ref: c(this, "src")
           }, null)])]
         }), t(m, null, {
           default: () => [t("label", {
@@ -92,7 +92,7 @@ const K = /* @__PURE__ */ L({
             id: "k-editor-image-alt",
             value: this.altValue,
             onInput: this.handleAltInput,
-            ref: g(this, "altText")
+            ref: c(this, "altText")
           }, null)])]
         }), t(m, null, {
           default: () => [t("label", {
@@ -104,7 +104,7 @@ const K = /* @__PURE__ */ L({
             id: "k-editor-image-title",
             value: this.titleValue,
             onInput: this.handleTitleInput,
-            ref: g(this, "title")
+            ref: c(this, "title")
           }, null)])]
         }), t(m, null, {
           default: () => [t("label", {
@@ -116,7 +116,7 @@ const K = /* @__PURE__ */ L({
             id: "k-editor-image-width",
             value: this.widthValue,
             onInput: this.handleWidthInput,
-            ref: g(this, "width")
+            ref: c(this, "width")
           }, null)])]
         }), t(m, null, {
           default: () => [t("label", {
@@ -128,7 +128,7 @@ const K = /* @__PURE__ */ L({
             id: "k-editor-image-height",
             value: this.heightValue,
             onInput: this.handleHeightInput,
-            ref: g(this, "height")
+            ref: c(this, "height")
           }, null)])]
         })]
       })]

package/dialogs/insertLink.mjs

@@ -8,10 +8,10 @@
 import { defineComponent as w, createVNode as e, isVNode as y } from "vue";
 import { Window as V, DialogActionsBar as L } from "@progress/kendo-vue-dialogs";
 import { Button as p } from "@progress/kendo-vue-buttons";
-import { getMark as S, applyLink as I } from "@progress/kendo-editor-common";
+import { applyLink as S, getMark as I } from "@progress/kendo-editor-common";
 import { provideLocalizationService as z } from "@progress/kendo-vue-intl";
 import { messages as r } from "../messages/main.mjs";
-import { getRef as s, setRef as a } from "@progress/kendo-vue-common";
+import { setRef as s, getRef as a } from "@progress/kendo-vue-common";
 import { Form as H, FormElement as $, FieldWrapper as u } from "@progress/kendo-vue-form";
 import { Input as k, Checkbox as j } from "@progress/kendo-vue-inputs";
 function C(t) {
@@ -31,7 +31,7 @@ const M = /* @__PURE__ */ w({
     const {
       view: t,
       settings: l
-    } = this.$props, i = t ? S(t.state, t.state.schema.marks[l.mark]) : !1;
+    } = this.$props, i = t ? I(t.state, t.state.schema.marks[l.mark]) : !1;
     return {
       hrefValue: i && i.attrs.href || void 0,
       titleValue: i && i.attrs.title || void 0,
@@ -44,7 +44,7 @@ const M = /* @__PURE__ */ w({
     }
   },
   mounted() {
-    this.href = s(this, "href"), this.title = s(this, "title"), this.target = s(this, "target"), this.href && this.href.focus();
+    this.href = a(this, "href"), this.title = a(this, "title"), this.target = a(this, "target"), this.href && this.href.focus();
   },
   render() {
     let t, l;
@@ -70,7 +70,7 @@ const M = /* @__PURE__ */ w({
             class: "k-form-field-wrap"
           }, [e(k, {
             id: "k-editor-link-url",
-            ref: a(this, "href"),
+            ref: s(this, "href"),
             onInput: this.hrefChange,
             value: this.hrefValue
           }, null)])]
@@ -82,7 +82,7 @@ const M = /* @__PURE__ */ w({
             class: "k-form-field-wrap"
           }, [e(k, {
             id: "k-editor-link-text",
-            ref: a(this, "title"),
+            ref: s(this, "title"),
             onInput: this.titleChange,
             value: this.titleValue
           }, null)])]
@@ -93,7 +93,7 @@ const M = /* @__PURE__ */ w({
             class: "k-form-field-wrap"
           }, [e(j, {
             id: "k-editor-link-target",
-            ref: a(this, "target"),
+            ref: s(this, "target"),
             label: b,
             onChange: this.targetChange,
             checked: this.targetValue
@@ -152,7 +152,7 @@ const M = /* @__PURE__ */ w({
         title: this.title ? this.titleValue : void 0,
         target: this.target && this.targetValue ? "_blank" : void 0
       };
-      I({
+      S({
         mark: l,
         attrs: i
       }, this.$props.settings.commandName)(t.state, t.dispatch), this.onClose();

package/dialogs/viewHtml.mjs

@@ -8,11 +8,11 @@
 import { defineComponent as h, createVNode as i, isVNode as g } from "vue";
 import { Window as f, DialogActionsBar as x } from "@progress/kendo-vue-dialogs";
 import { Button as c } from "@progress/kendo-vue-buttons";
-import { indentHtml as A, getHtml as k, trimWhitespace as w, setHtml as v } from "@progress/kendo-editor-common";
+import { trimWhitespace as A, setHtml as k, indentHtml as w, getHtml as v } from "@progress/kendo-editor-common";
 import { provideLocalizationService as C } from "@progress/kendo-vue-intl";
 import { messages as r } from "../messages/main.mjs";
 import { editorPropsKey as y } from "../utils/props-key.mjs";
-import { guid as b, getRef as H, setRef as S } from "@progress/kendo-vue-common";
+import { setRef as b, getRef as H, guid as S } from "@progress/kendo-vue-common";
 function l(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !g(t);
 }
@@ -27,7 +27,7 @@ const I = /* @__PURE__ */ h({
     dir: String
   },
   created() {
-    this.textAreaId = b();
+    this.textAreaId = S();
   },
   inject: {
     kendoLocalizationService: {
@@ -39,7 +39,7 @@ const I = /* @__PURE__ */ h({
       view: t
     } = this.$props;
     return {
-      textAreaValue: A(k(t.state))
+      textAreaValue: w(v(t.state))
     };
   },
   mounted() {
@@ -57,7 +57,7 @@ const I = /* @__PURE__ */ h({
     } = n.messages, p = i("span", {
       class: "k-input k-textarea k-input-md k-input-solid k-rounded-md k-editor-textarea"
     }, [i("textarea", {
-      ref: S(this, "htmlArea"),
+      ref: b(this, "htmlArea"),
       onInput: this.textAreaChange,
       value: this.textAreaValue,
       id: this.textAreaId,
@@ -111,10 +111,10 @@ const I = /* @__PURE__ */ h({
       const {
         view: t,
         settings: o
-      } = this.$props, n = w(this.htmlArea ? this.textAreaValue : ""), {
+      } = this.$props, n = A(this.htmlArea ? this.textAreaValue : ""), {
         preserveWhitespace: e
       } = y.getState(t.state);
-      v(n, o.commandName, {
+      k(n, o.commandName, {
         preserveWhitespace: e
       })(t.state, t.dispatch), this.onClose();
     },