@progress/kendo-vue-editor 3.4.0 → 3.4.2-dev.202207070519

package/dist/es/Editor.js

@@ -32,9 +32,10 @@ var __spreadArrays = this && this.__spreadArrays || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var markRaw = allVue.markRaw;
 import { ButtonGroup, Toolbar, ToolbarSeparator } from '@progress/kendo-vue-buttons';
-import { classNames, validatePackage, getTemplate, getListeners, templateRendering, guid } from '@progress/kendo-vue-common';
+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';
 import { marks, nodes } from './config/schema';
 import { defaultStyle, tablesStyles, rtlStyles } from './config/defaultStyles';
@@ -290,8 +291,8 @@ var EditorVue2 = {
     validatePackage(packageMetadata);
   },
   mounted: function mounted() {
-    this.iframe = this.v3 ? this.iframeRef : this.$refs.iframe;
-    this.contentElement = this.v3 ? this.contentElementRef : this.$refs.contentElement;
+    this.iframe = getRef(this, 'iframe');
+    this.contentElement = getRef(this, 'contentElement');
 
     if (!this.iframe || !firefox) {
       this.initialize();
@@ -314,7 +315,7 @@ var EditorVue2 = {
     this.trOnChange = null;
     this.htmlOnChange = null;
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     if (this.getView()) {
       this.getView().destroy();
     }
@@ -345,16 +346,14 @@ var EditorVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var toolindex = 100;
     var _a = this.$props,
@@ -478,12 +477,10 @@ var EditorVue2 = {
       on: this.v3 ? undefined : {
         "load": this.iframeLoad
       },
-      ref: this.v3 ? function (el) {
-        _this.iframeRef = el;
-      } : 'iframe',
-      frameBorder: "0",
+      ref: setRef(this, 'iframe'),
+      frameborder: "0",
       attrs: this.v3 ? undefined : {
-        frameBorder: "0"
+        frameborder: "0"
       },
       style: contentStyle,
       "class": "k-iframe"
@@ -491,9 +488,7 @@ var EditorVue2 = {
       style: contentStyle,
       "class": "k-editor-content"
     }, [h("div", {
-      ref: this.v3 ? function (el) {
-        _this.contentElementRef = el;
-      } : 'contentElement'
+      ref: setRef(this, 'contentElement')
     })]), renderDialog.call(this)]);
   },
   methods: {

package/dist/es/dialogs/FindReplace.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Button } from '@progress/kendo-vue-buttons';
 import { Window } from '@progress/kendo-vue-dialogs';
 import { TabStrip, TabStripTab } from '@progress/kendo-vue-layout';
@@ -98,7 +99,7 @@ var FindAndReplaceDialogVue2 = {
       view.dispatch(tr);
     }
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     if (this.$el) {
       this.$el.remove();
     }
@@ -110,8 +111,8 @@ var FindAndReplaceDialogVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/dialogs/insertImage.js

@@ -2,11 +2,13 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages';
+import { getRef, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -28,27 +30,25 @@ var InsertImageDialogVue2 = {
     }
   },
   mounted: function mounted() {
-    this.src = this.v3 ? this.srcRef : this.$refs.src;
-    this.altText = this.v3 ? this.altTextRef : this.$refs.altText;
-    this.title = this.v3 ? this.titleRef : this.$refs.title;
-    this.width = this.v3 ? this.widthRef : this.$refs.width;
-    this.height = this.v3 ? this.heightRef : this.$refs.height;
+    this.src = getRef(this, 'src');
+    this.altText = getRef(this, 'altText');
+    this.title = getRef(this, 'title');
+    this.width = getRef(this, 'width');
+    this.height = getRef(this, 'height');
 
     if (this.src) {
       this.src.focus();
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement;
@@ -98,9 +98,7 @@ var InsertImageDialogVue2 = {
       domProps: this.v3 ? undefined : {
         "value": attrs.src
       },
-      ref: this.v3 ? function (el) {
-        _this.srcRef = el;
-      } : 'src'
+      ref: setRef(this, 'src')
     })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
@@ -124,9 +122,7 @@ var InsertImageDialogVue2 = {
       domProps: this.v3 ? undefined : {
         "value": attrs.alt
       },
-      ref: this.v3 ? function (el) {
-        _this.altTextRef = el;
-      } : 'altText'
+      ref: setRef(this, 'altText')
     })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
@@ -150,9 +146,7 @@ var InsertImageDialogVue2 = {
       domProps: this.v3 ? undefined : {
         "value": attrs.title
       },
-      ref: this.v3 ? function (el) {
-        _this.titleRef = el;
-      } : 'title'
+      ref: setRef(this, 'title')
     })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
@@ -176,9 +170,7 @@ var InsertImageDialogVue2 = {
       domProps: this.v3 ? undefined : {
         "value": attrs.width
       },
-      ref: this.v3 ? function (el) {
-        _this.widthRef = el;
-      } : 'width'
+      ref: setRef(this, 'width')
     })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
@@ -202,9 +194,7 @@ var InsertImageDialogVue2 = {
       domProps: this.v3 ? undefined : {
         "value": attrs.height
       },
-      ref: this.v3 ? function (el) {
-        _this.heightRef = el;
-      } : 'height'
+      ref: setRef(this, 'height')
     })])])]);
     var actionButtons = [// @ts-ignore function children
     h(KButton, {
@@ -259,10 +249,10 @@ var InsertImageDialogVue2 = {
       } : undefined
     }, this.v3 ? function () {
       return [content, // @ts-ignore function children
-      h(DialogActionsBar, _this2.v3 ? function () {
+      h(DialogActionsBar, _this.v3 ? function () {
         return [actionButtons];
       } : [actionButtons])];
-    } : [content, h(DialogActionsBar, _this2.v3 ? function () {
+    } : [content, h(DialogActionsBar, _this.v3 ? function () {
       return [actionButtons];
     } : [actionButtons])]);
     return dialog;

package/dist/es/dialogs/insertLink.js

@@ -2,11 +2,13 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 import { getMark, applyLink } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages';
+import { getRef, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -28,16 +30,16 @@ var InsertLinkDialogVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   mounted: function mounted() {
-    this.href = this.v3 ? this.hrefRef : this.$refs.href;
-    this.title = this.v3 ? this.titleRef : this.$refs.title;
-    this.target = this.v3 ? this.targetRef : this.$refs.target;
+    this.href = getRef(this, 'href');
+    this.title = getRef(this, 'title');
+    this.target = getRef(this, 'target');
 
     if (this.href) {
       this.href.focus();
@@ -45,8 +47,6 @@ var InsertLinkDialogVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement;
@@ -83,9 +83,7 @@ var InsertLinkDialogVue2 = {
         id: "k-editor-link-url"
       },
       "class": "k-input-inner",
-      ref: this.v3 ? function (el) {
-        _this.hrefRef = el;
-      } : 'href',
+      ref: setRef(this, 'href'),
       id: "k-editor-link-url",
       value: this.v3 ? linkMark && linkMark.attrs.href || undefined : null,
       domProps: this.v3 ? undefined : {
@@ -110,9 +108,7 @@ var InsertLinkDialogVue2 = {
       },
       "class": "k-input-inner",
       id: "k-editor-link-text",
-      ref: this.v3 ? function (el) {
-        _this.titleRef = el;
-      } : 'title',
+      ref: setRef(this, 'title'),
       value: this.v3 ? linkMark && linkMark.attrs.title || undefined : null,
       domProps: this.v3 ? undefined : {
         "value": linkMark && linkMark.attrs.title || undefined
@@ -127,9 +123,7 @@ var InsertLinkDialogVue2 = {
       },
       "class": "k-checkbox k-checkbox-md k-rounded-md",
       id: "k-editor-link-target",
-      ref: this.v3 ? function (el) {
-        _this.targetRef = el;
-      } : 'target',
+      ref: setRef(this, 'target'),
       checked: this.v3 ? linkMark && !!linkMark.attrs.target || undefined : null,
       domProps: this.v3 ? undefined : {
         "checked": linkMark && !!linkMark.attrs.target || undefined
@@ -160,132 +154,132 @@ var InsertLinkDialogVue2 = {
       } : undefined
     }, this.v3 ? function () {
       return [content, // @ts-ignore function children
-      h(DialogActionsBar, _this2.v3 ? function () {
+      h(DialogActionsBar, _this.v3 ? function () {
         return [// @ts-ignore function children
         h(KButton, {
           type: "button",
-          attrs: _this2.v3 ? undefined : {
+          attrs: _this.v3 ? undefined : {
             type: "button",
             dir: dir
           },
-          onClick: _this2.onClose,
-          on: _this2.v3 ? undefined : {
-            "click": _this2.onClose
+          onClick: _this.onClose,
+          on: _this.v3 ? undefined : {
+            "click": _this.onClose
           },
           dir: dir,
           key: "cancel"
-        }, _this2.v3 ? function () {
+        }, _this.v3 ? function () {
           return [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])];
         } : [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])]), // @ts-ignore function children
         h(KButton, {
           type: "button",
-          attrs: _this2.v3 ? undefined : {
+          attrs: _this.v3 ? undefined : {
             type: "button",
             themeColor: 'primary',
             dir: dir
           },
-          onClick: _this2.onInsert,
-          on: _this2.v3 ? undefined : {
-            "click": _this2.onInsert
+          onClick: _this.onInsert,
+          on: _this.v3 ? undefined : {
+            "click": _this.onInsert
           },
           themeColor: 'primary',
           dir: dir,
           key: "insert"
-        }, _this2.v3 ? function () {
+        }, _this.v3 ? function () {
           return [localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])];
         } : [localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])])];
       } : [h(KButton, {
         type: "button",
-        attrs: _this2.v3 ? undefined : {
+        attrs: _this.v3 ? undefined : {
           type: "button",
           dir: dir
         },
-        onClick: _this2.onClose,
-        on: _this2.v3 ? undefined : {
-          "click": _this2.onClose
+        onClick: _this.onClose,
+        on: _this.v3 ? undefined : {
+          "click": _this.onClose
         },
         dir: dir,
         key: "cancel"
-      }, _this2.v3 ? function () {
+      }, _this.v3 ? function () {
         return [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])];
       } : [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])]), h(KButton, {
         type: "button",
-        attrs: _this2.v3 ? undefined : {
+        attrs: _this.v3 ? undefined : {
           type: "button",
           themeColor: 'primary',
           dir: dir
         },
-        onClick: _this2.onInsert,
-        on: _this2.v3 ? undefined : {
-          "click": _this2.onInsert
+        onClick: _this.onInsert,
+        on: _this.v3 ? undefined : {
+          "click": _this.onInsert
         },
         themeColor: 'primary',
         dir: dir,
         key: "insert"
-      }, _this2.v3 ? function () {
+      }, _this.v3 ? function () {
         return [localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])];
       } : [localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])])])];
-    } : [content, h(DialogActionsBar, _this2.v3 ? function () {
+    } : [content, h(DialogActionsBar, _this.v3 ? function () {
       return [h(KButton, {
         type: "button",
-        attrs: _this2.v3 ? undefined : {
+        attrs: _this.v3 ? undefined : {
           type: "button",
           dir: dir
         },
-        onClick: _this2.onClose,
-        on: _this2.v3 ? undefined : {
-          "click": _this2.onClose
+        onClick: _this.onClose,
+        on: _this.v3 ? undefined : {
+          "click": _this.onClose
         },
         dir: dir,
         key: "cancel"
-      }, _this2.v3 ? function () {
+      }, _this.v3 ? function () {
         return [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])];
       } : [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])]), h(KButton, {
         type: "button",
-        attrs: _this2.v3 ? undefined : {
+        attrs: _this.v3 ? undefined : {
           type: "button",
           themeColor: 'primary',
           dir: dir
         },
-        onClick: _this2.onInsert,
-        on: _this2.v3 ? undefined : {
-          "click": _this2.onInsert
+        onClick: _this.onInsert,
+        on: _this.v3 ? undefined : {
+          "click": _this.onInsert
         },
         themeColor: 'primary',
         dir: dir,
         key: "insert"
-      }, _this2.v3 ? function () {
+      }, _this.v3 ? function () {
         return [localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])];
       } : [localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])])];
     } : [h(KButton, {
       type: "button",
-      attrs: _this2.v3 ? undefined : {
+      attrs: _this.v3 ? undefined : {
         type: "button",
         dir: dir
       },
-      onClick: _this2.onClose,
-      on: _this2.v3 ? undefined : {
-        "click": _this2.onClose
+      onClick: _this.onClose,
+      on: _this.v3 ? undefined : {
+        "click": _this.onClose
       },
       dir: dir,
       key: "cancel"
-    }, _this2.v3 ? function () {
+    }, _this.v3 ? function () {
       return [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])];
     } : [localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel])]), h(KButton, {
       type: "button",
-      attrs: _this2.v3 ? undefined : {
+      attrs: _this.v3 ? undefined : {
         type: "button",
         themeColor: 'primary',
         dir: dir
       },
-      onClick: _this2.onInsert,
-      on: _this2.v3 ? undefined : {
-        "click": _this2.onInsert
+      onClick: _this.onInsert,
+      on: _this.v3 ? undefined : {
+        "click": _this.onInsert
       },
       themeColor: 'primary',
       dir: dir,
       key: "insert"
-    }, _this2.v3 ? function () {
+    }, _this.v3 ? function () {
       return [localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])];
     } : [localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])])])]);
     return dialog;

package/dist/es/dialogs/viewHtml.js

@@ -2,12 +2,14 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 import { getHtml, setHtml, indentHtml, trimWhitespace } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages';
 import { editorPropsKey } from './../utils/props-key';
+import { getRef, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -25,19 +27,17 @@ var ViewHtmlDialogVue2 = {
     }
   },
   mounted: function mounted() {
-    this.htmlArea = this.v3 ? this.htmlAreaRef : this.$refs.htmlArea;
+    this.htmlArea = getRef(this, 'htmlArea');
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement;
@@ -56,9 +56,7 @@ var ViewHtmlDialogVue2 = {
         height: '280px',
         width: '490px'
       },
-      ref: this.v3 ? function (el) {
-        _this.htmlAreaRef = el;
-      } : 'htmlArea',
+      ref: setRef(this, 'htmlArea'),
       value: this.v3 ? indentHtml(getHtml(view.state)) : null,
       domProps: this.v3 ? undefined : {
         "value": indentHtml(getHtml(view.state))
@@ -117,10 +115,10 @@ var ViewHtmlDialogVue2 = {
       } : undefined
     }, this.v3 ? function () {
       return [content, // @ts-ignore function children
-      h(DialogActionsBar, _this2.v3 ? function () {
+      h(DialogActionsBar, _this.v3 ? function () {
         return [actionButtons];
       } : [actionButtons])];
-    } : [content, h(DialogActionsBar, _this2.v3 ? function () {
+    } : [content, h(DialogActionsBar, _this.v3 ? function () {
       return [actionButtons];
     } : [actionButtons])]);
     return dialog;

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: 1655871760,
+    publishDate: 1657170712,
     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/es/tools/align.js

@@ -31,6 +31,7 @@ var __rest = this && this.__rest || function (s, e) {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Button as kbutton } from '@progress/kendo-vue-buttons';
 import { EditorToolsSettings } from '../config/toolsSettings';
 import { alignBlocks, isAligned } from '@progress/kendo-editor-common';
@@ -60,8 +61,8 @@ var AlignVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/tools/applyColor.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { ColorPicker } from '@progress/kendo-vue-inputs';
 import { applyInlineStyle } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -41,8 +42,8 @@ var ApplyColorVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/tools/cleanFormatting.js

@@ -31,6 +31,7 @@ var __rest = this && this.__rest || function (s, e) {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Button as kbutton } from '@progress/kendo-vue-buttons';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from '../messages';
@@ -59,8 +60,8 @@ var CleanFormattingVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/tools/findReplace.js

@@ -31,6 +31,7 @@ var __rest = this && this.__rest || function (s, e) {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Button as kbutton } from '@progress/kendo-vue-buttons';
 import { FindAndReplaceDialog } from '../dialogs/FindReplace';
 import { messages } from './../messages';
@@ -57,8 +58,8 @@ var FindAndReplaceVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/tools/fontStyle.js

@@ -45,6 +45,7 @@ var __spreadArrays = this && this.__spreadArrays || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { getInlineStyles, applyInlineStyle } from '@progress/kendo-editor-common';
 import { userSelectNone } from './utils';
@@ -73,8 +74,8 @@ var FontNameVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/tools/formatBlock.js

@@ -45,6 +45,7 @@ var __spreadArrays = this && this.__spreadArrays || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { getBlockFormats, formatBlockElements } from '@progress/kendo-editor-common';
 import { userSelectNone } from './utils';
@@ -73,8 +74,8 @@ var FormatBlockVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/tools/history.js

@@ -1,4 +1,5 @@
 // @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
-var gh = allVue.h;
+var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';