@progress/kendo-vue-editor 3.7.2 → 3.7.3-dev.202211021441

package/dist/es/Editor.js

@@ -25,6 +25,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var markRaw = allVue.markRaw;
+var toRaw = allVue.toRaw;
 import { ButtonGroup, Toolbar, ToolbarSeparator } from '@progress/kendo-vue-buttons';
 import { classNames, validatePackage, getTemplate, getListeners, templateRendering, guid, setRef, getRef } from '@progress/kendo-vue-common';
 import { EditorState, Plugin, PluginKey, EditorView, Schema, baseKeymap, keymap, history, dropCursor, gapCursor, getMark, spacesFix, tableEditing } from '@progress/kendo-editor-common';
@@ -287,6 +288,7 @@ var EditorVue2 = {
   },
   created: function created() {
     this._view = undefined;
+    this.trOnChange = null;
     this.valueisUpdated = false;
     this._prevValue = this.$props.value;
     validatePackage(packageMetadata);
@@ -310,7 +312,7 @@ var EditorVue2 = {
     if (value === undefined || !this.valueisUpdated || !view) {
       return;
     }
-    updateEditorValue(view, value, this._prevValue, this.trOnChange, this.htmlOnChange);
+    updateEditorValue(view, this.computedValue(), this._prevValue, this.trOnChange, this.htmlOnChange);
     this.valueisUpdated = false;
     this.trOnChange = null;
     this.htmlOnChange = null;
@@ -330,18 +332,6 @@ var EditorVue2 = {
     this.view = undefined;
     this._view = undefined;
   },
-  computed: {
-    computedValue: function computedValue() {
-      if (this.trOnChange !== null) {
-        return this.trOnChange.doc;
-      } else if (this.$props.value !== undefined) {
-        return this.$props.value;
-      } else if (this.getView()) {
-        return this.getView().state.doc;
-      }
-      return this.$props.defaultContent || '';
-    }
-  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -614,7 +604,7 @@ var EditorVue2 = {
         _c = _b.defaultContent,
         defaultContent = _c === void 0 ? '' : _c,
         value = _b.value;
-      var doc = value && typeof value !== 'string' ? value : EditorUtils.createDocument(new Schema({
+      var doc = value && typeof value !== 'string' ? this.v3 ? toRaw(value) : value : EditorUtils.createDocument(new Schema({
         nodes: nodes,
         marks: marks
       }), value || defaultContent, {
@@ -720,6 +710,16 @@ var EditorVue2 = {
     },
     handleClose: function handleClose() {
       this.linkDialog = false;
+    },
+    computedValue: function computedValue() {
+      if (this.trOnChange !== null) {
+        return this.trOnChange.doc;
+      } else if (this.$props.value !== undefined) {
+        return this.$props.value;
+      } else if (this.getView()) {
+        return this.getView().state.doc;
+      }
+      return this.$props.defaultContent || '';
     }
   }
 };

package/dist/es/dialogs/insertImage.js

@@ -28,6 +28,11 @@ var InsertImageDialogVue2 = {
       default: null
     }
   },
+  data: function data() {
+    return {
+      srcValue: ''
+    };
+  },
   mounted: function mounted() {
     this.src = getRef(this, 'src');
     this.altText = getRef(this, 'altText');
@@ -89,9 +94,13 @@ var InsertImageDialogVue2 = {
       },
       "class": "k-input-inner",
       id: "k-editor-image-url",
-      value: this.v3 ? attrs.src : null,
+      value: this.v3 ? this.srcValue : null,
       domProps: this.v3 ? undefined : {
-        "value": attrs.src
+        "value": this.srcValue
+      },
+      onInput: this.handleSrcInput,
+      on: this.v3 ? undefined : {
+        "input": this.handleSrcInput
       },
       ref: setRef(this, 'src')
     })])]), h("div", {
@@ -213,9 +222,11 @@ var InsertImageDialogVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
+        disabled: !this.srcValue,
         themeColor: 'primary',
         dir: dir
       },
+      disabled: !this.srcValue,
       onClick: this.onInsert,
       on: this.v3 ? undefined : {
         "click": this.onInsert
@@ -257,6 +268,9 @@ var InsertImageDialogVue2 = {
     return dialog;
   },
   methods: {
+    handleSrcInput: function handleSrcInput(e) {
+      this.srcValue = e.target.value;
+    },
     onClose: function onClose() {
       this.$props.view.focus();
       this.$emit('close');
@@ -268,7 +282,7 @@ var InsertImageDialogVue2 = {
       var nodes = view.state.schema.nodes;
       var nodeType = nodes[settings.node];
       var data = {
-        src: this.src ? this.src.value : null,
+        src: this.src ? this.srcValue : null,
         title: this.title ? this.title.value : null,
         alt: this.altText ? this.altText.value : null,
         width: this.width ? this.width.value : null,

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-editor',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667290063,
+    publishDate: 1667399476,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/Editor.js

@@ -25,6 +25,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var markRaw = allVue.markRaw;
+var toRaw = allVue.toRaw;
 import { ButtonGroup, Toolbar, ToolbarSeparator } from '@progress/kendo-vue-buttons';
 import { classNames, validatePackage, getTemplate, getListeners, templateRendering, guid, setRef, getRef } from '@progress/kendo-vue-common';
 import { EditorState, Plugin, PluginKey, EditorView, Schema, baseKeymap, keymap, history, dropCursor, gapCursor, getMark, spacesFix, tableEditing } from '@progress/kendo-editor-common';
@@ -287,6 +288,7 @@ var EditorVue2 = {
   },
   created: function created() {
     this._view = undefined;
+    this.trOnChange = null;
     this.valueisUpdated = false;
     this._prevValue = this.$props.value;
     validatePackage(packageMetadata);
@@ -310,7 +312,7 @@ var EditorVue2 = {
     if (value === undefined || !this.valueisUpdated || !view) {
       return;
     }
-    updateEditorValue(view, value, this._prevValue, this.trOnChange, this.htmlOnChange);
+    updateEditorValue(view, this.computedValue(), this._prevValue, this.trOnChange, this.htmlOnChange);
     this.valueisUpdated = false;
     this.trOnChange = null;
     this.htmlOnChange = null;
@@ -330,18 +332,6 @@ var EditorVue2 = {
     this.view = undefined;
     this._view = undefined;
   },
-  computed: {
-    computedValue: function computedValue() {
-      if (this.trOnChange !== null) {
-        return this.trOnChange.doc;
-      } else if (this.$props.value !== undefined) {
-        return this.$props.value;
-      } else if (this.getView()) {
-        return this.getView().state.doc;
-      }
-      return this.$props.defaultContent || '';
-    }
-  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -614,7 +604,7 @@ var EditorVue2 = {
         _c = _b.defaultContent,
         defaultContent = _c === void 0 ? '' : _c,
         value = _b.value;
-      var doc = value && typeof value !== 'string' ? value : EditorUtils.createDocument(new Schema({
+      var doc = value && typeof value !== 'string' ? this.v3 ? toRaw(value) : value : EditorUtils.createDocument(new Schema({
         nodes: nodes,
         marks: marks
       }), value || defaultContent, {
@@ -720,6 +710,16 @@ var EditorVue2 = {
     },
     handleClose: function handleClose() {
       this.linkDialog = false;
+    },
+    computedValue: function computedValue() {
+      if (this.trOnChange !== null) {
+        return this.trOnChange.doc;
+      } else if (this.$props.value !== undefined) {
+        return this.$props.value;
+      } else if (this.getView()) {
+        return this.getView().state.doc;
+      }
+      return this.$props.defaultContent || '';
     }
   }
 };

package/dist/esm/dialogs/insertImage.js

@@ -28,6 +28,11 @@ var InsertImageDialogVue2 = {
       default: null
     }
   },
+  data: function data() {
+    return {
+      srcValue: ''
+    };
+  },
   mounted: function mounted() {
     this.src = getRef(this, 'src');
     this.altText = getRef(this, 'altText');
@@ -89,9 +94,13 @@ var InsertImageDialogVue2 = {
       },
       "class": "k-input-inner",
       id: "k-editor-image-url",
-      value: this.v3 ? attrs.src : null,
+      value: this.v3 ? this.srcValue : null,
       domProps: this.v3 ? undefined : {
-        "value": attrs.src
+        "value": this.srcValue
+      },
+      onInput: this.handleSrcInput,
+      on: this.v3 ? undefined : {
+        "input": this.handleSrcInput
       },
       ref: setRef(this, 'src')
     })])]), h("div", {
@@ -213,9 +222,11 @@ var InsertImageDialogVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
+        disabled: !this.srcValue,
         themeColor: 'primary',
         dir: dir
       },
+      disabled: !this.srcValue,
       onClick: this.onInsert,
       on: this.v3 ? undefined : {
         "click": this.onInsert
@@ -257,6 +268,9 @@ var InsertImageDialogVue2 = {
     return dialog;
   },
   methods: {
+    handleSrcInput: function handleSrcInput(e) {
+      this.srcValue = e.target.value;
+    },
     onClose: function onClose() {
       this.$props.view.focus();
       this.$emit('close');
@@ -268,7 +282,7 @@ var InsertImageDialogVue2 = {
       var nodes = view.state.schema.nodes;
       var nodeType = nodes[settings.node];
       var data = {
-        src: this.src ? this.src.value : null,
+        src: this.src ? this.srcValue : null,
         title: this.title ? this.title.value : null,
         alt: this.altText ? this.altText.value : null,
         width: this.width ? this.width.value : null,

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-editor',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667290063,
+    publishDate: 1667399476,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/Editor.js

@@ -31,6 +31,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var markRaw = allVue.markRaw;
+var toRaw = allVue.toRaw;
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
@@ -293,6 +294,7 @@ var EditorVue2 = {
   },
   created: function created() {
     this._view = undefined;
+    this.trOnChange = null;
     this.valueisUpdated = false;
     this._prevValue = this.$props.value;
     (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
@@ -316,7 +318,7 @@ var EditorVue2 = {
     if (value === undefined || !this.valueisUpdated || !view) {
       return;
     }
-    (0, controlled_value_1.updateEditorValue)(view, value, this._prevValue, this.trOnChange, this.htmlOnChange);
+    (0, controlled_value_1.updateEditorValue)(view, this.computedValue(), this._prevValue, this.trOnChange, this.htmlOnChange);
     this.valueisUpdated = false;
     this.trOnChange = null;
     this.htmlOnChange = null;
@@ -336,18 +338,6 @@ var EditorVue2 = {
     this.view = undefined;
     this._view = undefined;
   },
-  computed: {
-    computedValue: function computedValue() {
-      if (this.trOnChange !== null) {
-        return this.trOnChange.doc;
-      } else if (this.$props.value !== undefined) {
-        return this.$props.value;
-      } else if (this.getView()) {
-        return this.getView().state.doc;
-      }
-      return this.$props.defaultContent || '';
-    }
-  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -620,7 +610,7 @@ var EditorVue2 = {
         _c = _b.defaultContent,
         defaultContent = _c === void 0 ? '' : _c,
         value = _b.value;
-      var doc = value && typeof value !== 'string' ? value : main_1.EditorUtils.createDocument(new kendo_editor_common_1.Schema({
+      var doc = value && typeof value !== 'string' ? this.v3 ? toRaw(value) : value : main_1.EditorUtils.createDocument(new kendo_editor_common_1.Schema({
         nodes: schema_1.nodes,
         marks: schema_1.marks
       }), value || defaultContent, {
@@ -726,6 +716,16 @@ var EditorVue2 = {
     },
     handleClose: function handleClose() {
       this.linkDialog = false;
+    },
+    computedValue: function computedValue() {
+      if (this.trOnChange !== null) {
+        return this.trOnChange.doc;
+      } else if (this.$props.value !== undefined) {
+        return this.$props.value;
+      } else if (this.getView()) {
+        return this.getView().state.doc;
+      }
+      return this.$props.defaultContent || '';
     }
   }
 };

package/dist/npm/dialogs/insertImage.js

@@ -34,6 +34,11 @@ var InsertImageDialogVue2 = {
       default: null
     }
   },
+  data: function data() {
+    return {
+      srcValue: ''
+    };
+  },
   mounted: function mounted() {
     this.src = (0, kendo_vue_common_1.getRef)(this, 'src');
     this.altText = (0, kendo_vue_common_1.getRef)(this, 'altText');
@@ -95,9 +100,13 @@ var InsertImageDialogVue2 = {
       },
       "class": "k-input-inner",
       id: "k-editor-image-url",
-      value: this.v3 ? attrs.src : null,
+      value: this.v3 ? this.srcValue : null,
       domProps: this.v3 ? undefined : {
-        "value": attrs.src
+        "value": this.srcValue
+      },
+      onInput: this.handleSrcInput,
+      on: this.v3 ? undefined : {
+        "input": this.handleSrcInput
       },
       ref: (0, kendo_vue_common_1.setRef)(this, 'src')
     })])]), h("div", {
@@ -219,9 +228,11 @@ var InsertImageDialogVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
+        disabled: !this.srcValue,
         themeColor: 'primary',
         dir: dir
       },
+      disabled: !this.srcValue,
       onClick: this.onInsert,
       on: this.v3 ? undefined : {
         "click": this.onInsert
@@ -263,6 +274,9 @@ var InsertImageDialogVue2 = {
     return dialog;
   },
   methods: {
+    handleSrcInput: function handleSrcInput(e) {
+      this.srcValue = e.target.value;
+    },
     onClose: function onClose() {
       this.$props.view.focus();
       this.$emit('close');
@@ -274,7 +288,7 @@ var InsertImageDialogVue2 = {
       var nodes = view.state.schema.nodes;
       var nodeType = nodes[settings.node];
       var data = {
-        src: this.src ? this.src.value : null,
+        src: this.src ? this.srcValue : null,
         title: this.title ? this.title.value : null,
         alt: this.altText ? this.altText.value : null,
         width: this.width ? this.width.value : null,

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-editor',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667290063,
+    publishDate: 1667399476,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-editor",
   "description": "Kendo UI for Vue Editor package",
-  "version": "3.7.2",
+  "version": "3.7.3-dev.202211021441",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -49,21 +49,22 @@
   },
   "dependencies": {
     "@progress/kendo-editor-common": "1.9.3",
-    "@progress/kendo-vue-common": "3.7.2"
+    "@progress/kendo-vue-common": "3.7.3-dev.202211021441"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.7.2",
-    "@progress/kendo-vue-dialogs": "3.7.2",
-    "@progress/kendo-vue-dropdowns": "3.7.2",
-    "@progress/kendo-vue-form": "3.7.2",
-    "@progress/kendo-vue-inputs": "3.7.2",
-    "@progress/kendo-vue-intl": "3.7.2",
-    "@progress/kendo-vue-layout": "3.7.2",
-    "@progress/kendo-vue-pdf": "3.7.2",
-    "@progress/kendo-vue-popup": "3.7.2",
-    "@progress/kendo-vue-upload": "3.7.2"
+    "@progress/kendo-vue-buttons": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-dialogs": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-dropdowns": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-form": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-inputs": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-intl": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-layout": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-pdf": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-popup": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-upload": "3.7.3-dev.202211021441",
+    "prosemirror-markdown": "1.10.1"
   },
   "@progress": {
     "friendlyName": "Editor",