@progress/kendo-vue-editor 2.7.2-dev.202201020746 → 2.7.3

package/dist/npm/Editor.js

@@ -70,15 +70,15 @@ var browser_detection_1 = require("./utils/browser-detection");
 
 var package_metadata_1 = require("./package-metadata");
 
-var Align_1 = require("./tools/Align");
+var align_1 = require("./tools/align");
 
-var Indent_1 = require("./tools/Indent");
+var indent_1 = require("./tools/indent");
 
 var lists_1 = require("./tools/lists");
 
-var Outdent_1 = require("./tools/Outdent");
+var outdent_1 = require("./tools/outdent");
 
-var InlineFormat_1 = require("./tools/InlineFormat");
+var inlineFormat_1 = require("./tools/inlineFormat");
 
 var fontStyle_1 = require("./tools/fontStyle");
 
@@ -94,7 +94,7 @@ var cleanFormatting_1 = require("./tools/cleanFormatting");
 
 var selectAll_1 = require("./tools/selectAll");
 
-var InsertImage_1 = require("./tools/InsertImage");
+var insertImage_1 = require("./tools/insertImage");
 
 var tool_1 = require("./tools/insertTable/tool");
 
@@ -110,51 +110,51 @@ var applyColor_1 = require("./tools/applyColor");
 
 exports.allTools = {
   'Bold': {
-    comp: InlineFormat_1.InlineFormat,
+    comp: inlineFormat_1.InlineFormat,
     props: toolsSettings_1.EditorToolsSettings.bold
   },
   'Italic': {
-    comp: InlineFormat_1.InlineFormat,
+    comp: inlineFormat_1.InlineFormat,
     props: toolsSettings_1.EditorToolsSettings.italic
   },
   'Underline': {
-    comp: InlineFormat_1.InlineFormat,
+    comp: inlineFormat_1.InlineFormat,
     props: toolsSettings_1.EditorToolsSettings.underline
   },
   'Strikethrough': {
-    comp: InlineFormat_1.InlineFormat,
+    comp: inlineFormat_1.InlineFormat,
     props: toolsSettings_1.EditorToolsSettings.strikethrough
   },
   'Subscript': {
-    comp: InlineFormat_1.InlineFormat,
+    comp: inlineFormat_1.InlineFormat,
     props: toolsSettings_1.EditorToolsSettings.subscript
   },
   'Superscript': {
-    comp: InlineFormat_1.InlineFormat,
+    comp: inlineFormat_1.InlineFormat,
     props: toolsSettings_1.EditorToolsSettings.superscript
   },
   'AlignLeft': {
-    comp: Align_1.Align,
+    comp: align_1.Align,
     props: toolsSettings_1.EditorToolsSettings.alignLeft
   },
   'AlignCenter': {
-    comp: Align_1.Align,
+    comp: align_1.Align,
     props: toolsSettings_1.EditorToolsSettings.alignCenter
   },
   'AlignRight': {
-    comp: Align_1.Align,
+    comp: align_1.Align,
     props: toolsSettings_1.EditorToolsSettings.alignRight
   },
   'AlignJustify': {
-    comp: Align_1.Align,
+    comp: align_1.Align,
     props: toolsSettings_1.EditorToolsSettings.alignJustify
   },
   'Indent': {
-    comp: Indent_1.Indent,
+    comp: indent_1.Indent,
     props: toolsSettings_1.EditorToolsSettings.indent
   },
   'Outdent': {
-    comp: Outdent_1.Outdent,
+    comp: outdent_1.Outdent,
     props: toolsSettings_1.EditorToolsSettings.outdent
   },
   'OrderedList': {
@@ -194,7 +194,7 @@ exports.allTools = {
     props: toolsSettings_1.EditorToolsSettings.unlink
   },
   'InsertImage': {
-    comp: InsertImage_1.InsertImage,
+    comp: insertImage_1.InsertImage,
     props: toolsSettings_1.EditorToolsSettings.image
   },
   'ViewHtml': {
@@ -307,6 +307,7 @@ var Editor = {
     };
   },
   created: function created() {
+    this._view = undefined;
     kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
   },
   mounted: function mounted() {
@@ -324,7 +325,7 @@ var Editor = {
   },
   updated: function updated() {
     var value = this.$props.value;
-    var view = this.view;
+    var view = this._view;
 
     if (value === undefined || !view) {
       return;
@@ -343,8 +344,8 @@ var Editor = {
   },
   // @ts-ignore
   unmounted: function unmounted() {
-    if (this.view) {
-      this.view.destroy();
+    if (this._view) {
+      this._view.destroy();
     }
 
     this.view = undefined;
@@ -355,8 +356,8 @@ var Editor = {
         return this.trOnChange.doc;
       } else if (this.$props.value !== undefined) {
         return this.$props.value;
-      } else if (this.view) {
-        return this.view.state.doc;
+      } else if (this._view) {
+        return this._view.state.doc;
       }
 
       return this.$props.defaultContent || '';
@@ -382,9 +383,10 @@ var Editor = {
         _d = _a.preserveWhitespace,
         preserveWhitespace = _d === void 0 ? 'full' : _d,
         style = _a.style;
+    var view = this.v3 ? this._view : this.view;
 
-    if (this.view) {
-      var editorProps = props_key_1.editorPropsKey.getState(this.view.state);
+    if (view) {
+      var editorProps = props_key_1.editorPropsKey.getState(view.state);
       editorProps.preserveWhitespace = preserveWhitespace;
     }
 
@@ -399,9 +401,9 @@ var Editor = {
     var renderDialog = function renderDialog() {
       return this.linkDialog && // @ts-ignore function children
       h(insertLink_1.InsertLinkDialog, {
-        view: this.view,
+        view: view,
         attrs: this.v3 ? undefined : {
-          view: this.view,
+          view: view,
           settings: link,
           dir: this.$props.dir
         },
@@ -419,7 +421,7 @@ var Editor = {
 
       if (exports.allTools[currentTool]) {
         var toolProps = __assign({
-          view: this.view,
+          view: view,
           dir: this.$props.dir,
           key: kendo_vue_common_1.guid(),
           settings: exports.allTools[currentTool].props
@@ -436,7 +438,7 @@ var Editor = {
           defaultRendering: null,
           additionalListeners: {},
           additionalProps: {
-            view: this.view,
+            view: view,
             dir: this.$props.dir,
             key: index
           }
@@ -508,12 +510,17 @@ var Editor = {
   },
   methods: {
     focus: function focus() {
-      if (this.view) {
-        this.view.focus();
+      if (this._view) {
+        this._view.focus();
       }
     },
     updateTools: function updateTools(view) {
       this.view = view;
+
+      if (this.v3) {
+        this._view = view;
+        this.$forceUpdate();
+      }
     },
     iframeLoad: function iframeLoad() {
       if (browser_detection_1.firefox) {
@@ -591,7 +598,7 @@ var Editor = {
       })), {
         'Mod-k': function ModK() {
           var linkDialog = _this.$data.linkDialog;
-          var editorView = _this.view;
+          var editorView = _this._view;
 
           if (editorView) {
             var editorState = editorView.state;
@@ -639,7 +646,7 @@ var Editor = {
         viewProps: viewProps,
         dom: dom
       };
-      var view = this.view = onMount && onMount.call(undefined, mountEvent) || new kendo_editor_common_1.EditorView({
+      var view = this._view = onMount && onMount.call(undefined, mountEvent) || new kendo_editor_common_1.EditorView({
         mount: dom
       }, viewProps);
       this.view = view;
@@ -650,7 +657,8 @@ var Editor = {
         transaction: transaction,
         state: state
       };
-      return this.$emit('execute', event);
+      this.$emit('execute', event);
+      return true;
     },
     onPasteHtml: function onPasteHtml(html) {
       if (this.$props.onPasteHtml && this.pasteEvent) {
@@ -695,8 +703,8 @@ var Editor = {
         this.$emit('change', event_2);
       }
 
-      if (this.view && (this.$props.value === undefined || !docChanged)) {
-        this.view.updateState(this.view.state.apply(transaction));
+      if (this._view && (this.$props.value === undefined || !docChanged)) {
+        this._view.updateState(this._view.state.apply(transaction));
       }
     },
     onFocus: function onFocus(_view, nativeEvent) {

package/dist/npm/config/toolsSettings.js

@@ -130,7 +130,7 @@ var EditorToolsSettings;
      * The object of the AddColumnBefore tool settings.
      */
     EditorToolsSettings.addColumnBefore = {
-        command: kendo_editor_common_1.addRowBefore,
+        command: kendo_editor_common_1.addColumnBefore,
         props: __assign({ icon: 'table-column-insert-left' }, buttonCommonProps),
         messages: {
             title: messages_1.keys.addColumnBefore

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: 1641109077,
+    publishDate: 1641561315,
     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/tools/fontStyle.js

@@ -141,9 +141,14 @@ var FontName = {
   },
   methods: {
     customItemRender: function customItemRender(h, li, itemProps) {
-      return itemProps.dataItem.style ? h('li', __assign({}, li.data), [h('span', {
-        style: itemProps.dataItem.style,
-        onClick: itemProps.onChange
+      return itemProps.dataItem.style ? h('li', {
+        class: itemProps.itemClass,
+        onClick: itemProps.onClick,
+        on: {
+          click: itemProps.onClick
+        }
+      }, [h('span', {
+        style: itemProps.dataItem.style
       }, __spreadArrays(li.children))]) : li;
     },
     onChange: function onChange(e) {
@@ -153,7 +158,7 @@ var FontName = {
           settings = _a.settings;
       var style = settings.style;
 
-      if (view) {
+      if (view && item) {
         kendo_editor_common_1.applyInlineStyle({
           style: style,
           value: item.value

package/dist/npm/tools/formatBlock.js

@@ -138,9 +138,14 @@ var FormatBlock = {
   },
   methods: {
     customItemRender: function customItemRender(h, li, itemProps) {
-      return itemProps.dataItem.style ? h('li', __assign({}, li.data), [h('span', {
-        style: itemProps.dataItem.style,
-        onClick: itemProps.onChange
+      return itemProps.dataItem.style ? h('li', {
+        class: itemProps.itemClass,
+        onClick: itemProps.onClick,
+        on: {
+          click: itemProps.onClick
+        }
+      }, [h('span', {
+        style: itemProps.dataItem.style
       }, __spreadArrays(li.children))]) : li;
     },
     onChange: function onChange(e) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-editor",
   "description": "Kendo UI for Vue Editor package",
-  "version": "2.7.2-dev.202201020746",
+  "version": "2.7.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -43,21 +43,21 @@
   },
   "dependencies": {
     "@progress/kendo-editor-common": "1.6.0",
-    "@progress/kendo-vue-common": "2.7.2-dev.202201020746"
+    "@progress/kendo-vue-common": "2.7.3"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-dialogs": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-dropdowns": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-form": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-inputs": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-intl": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-layout": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-pdf": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-popup": "2.7.2-dev.202201020746",
-    "@progress/kendo-vue-upload": "2.7.2-dev.202201020746"
+    "@progress/kendo-vue-buttons": "2.7.3",
+    "@progress/kendo-vue-dialogs": "2.7.3",
+    "@progress/kendo-vue-dropdowns": "2.7.3",
+    "@progress/kendo-vue-form": "2.7.3",
+    "@progress/kendo-vue-inputs": "2.7.3",
+    "@progress/kendo-vue-intl": "2.7.3",
+    "@progress/kendo-vue-layout": "2.7.3",
+    "@progress/kendo-vue-pdf": "2.7.3",
+    "@progress/kendo-vue-popup": "2.7.3",
+    "@progress/kendo-vue-upload": "2.7.3"
   },
   "@progress": {
     "friendlyName": "Editor",