@progress/kendo-vue-editor 2.7.2 → 2.8.0-dev.202201121019

package/dist/npm/dialogs/insertLink.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InsertLinkDialogVue3 = exports.InsertLinkDialog = void 0; // @ts-ignore
+exports.InsertLinkDialogVue2 = exports.InsertLinkDialog = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -21,7 +21,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 
-var InsertLinkDialog = {
+var InsertLinkDialogVue2 = {
   name: 'KendoInsertLinkDialog',
   props: {
     view: Object,
@@ -76,6 +76,8 @@ var InsertLinkDialog = {
       }
     }, [localization.toLanguageString(insertHyperlinkAddress, messages_1.messages[insertHyperlinkAddress])])]), h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
@@ -83,7 +85,7 @@ var InsertLinkDialog = {
         id: "k-editor-link-url",
         autoFocus: true
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       ref: this.v3 ? function (el) {
         _this.hrefRef = el;
       } : 'href',
@@ -93,7 +95,7 @@ var InsertLinkDialog = {
         "value": linkMark && linkMark.attrs.href || undefined
       },
       autoFocus: true
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label k-editor-link-text-row"
     }, [h("label", {
       "for": "k-editor-link-text",
@@ -102,13 +104,15 @@ var InsertLinkDialog = {
       }
     }, [localization.toLanguageString(insertHyperlinkTitle, messages_1.messages[insertHyperlinkTitle])])]), h("div", {
       "class": "k-edit-field k-editor-link-text-row"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
         id: "k-editor-link-text"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-link-text",
       ref: this.v3 ? function (el) {
         _this.titleRef = el;
@@ -117,7 +121,7 @@ var InsertLinkDialog = {
       domProps: this.v3 ? undefined : {
         "value": linkMark && linkMark.attrs.title || undefined
       }
-    })]), settings.linkTarget !== false && h("div", {
+    })])]), settings.linkTarget !== false && h("div", {
       "class": "k-edit-field"
     }, [h("input", {
       type: "checkbox",
@@ -125,7 +129,7 @@ var InsertLinkDialog = {
         type: "checkbox",
         id: "k-editor-link-target"
       },
-      "class": "k-checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
       id: "k-editor-link-target",
       ref: this.v3 ? function (el) {
         _this.targetRef = el;
@@ -295,6 +299,6 @@ var InsertLinkDialog = {
     }
   }
 };
-exports.InsertLinkDialog = InsertLinkDialog;
-var InsertLinkDialogVue3 = InsertLinkDialog;
-exports.InsertLinkDialogVue3 = InsertLinkDialogVue3;
+exports.InsertLinkDialogVue2 = InsertLinkDialogVue2;
+var InsertLinkDialog = InsertLinkDialogVue2;
+exports.InsertLinkDialog = InsertLinkDialog;

package/dist/npm/dialogs/viewHtml.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -42,8 +41,8 @@ export interface ViewHtmlDialogData {
 /**
  * @hidden
  */
-export interface ViewHtmlDialogAll extends Vue, ViewHtmlDialogMethods, ViewHtmlDialogData, ViewHtmlDialogComputed, ViewHtmlDialogState {
+export interface ViewHtmlDialogAll extends Vue2type, ViewHtmlDialogMethods, ViewHtmlDialogData, ViewHtmlDialogComputed, ViewHtmlDialogState {
 }
-declare let ViewHtmlDialog: ComponentOptions<ViewHtmlDialogAll, DefaultData<ViewHtmlDialogData>, DefaultMethods<ViewHtmlDialogAll>, ViewHtmlDialogComputed, RecordPropsDefinition<ViewHtmlDialogProps>>;
-declare const ViewHtmlDialogVue3: DefineComponent<ViewHtmlDialogProps, any, ViewHtmlDialogData, ViewHtmlDialogComputed, ViewHtmlDialogMethods, {}, {}, {}, string, ViewHtmlDialogProps, ViewHtmlDialogProps, {}>;
-export { ViewHtmlDialog, ViewHtmlDialogVue3 };
+declare let ViewHtmlDialogVue2: ComponentOptions<ViewHtmlDialogAll, DefaultData<ViewHtmlDialogData>, DefaultMethods<ViewHtmlDialogAll>, ViewHtmlDialogComputed, RecordPropsDefinition<ViewHtmlDialogProps>>;
+declare const ViewHtmlDialog: DefineComponent<ViewHtmlDialogProps, any, ViewHtmlDialogData, ViewHtmlDialogComputed, ViewHtmlDialogMethods, {}, {}, {}, string, ViewHtmlDialogProps, ViewHtmlDialogProps, {}>;
+export { ViewHtmlDialog, ViewHtmlDialogVue2 };

package/dist/npm/dialogs/viewHtml.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ViewHtmlDialogVue3 = exports.ViewHtmlDialog = void 0; // @ts-ignore
+exports.ViewHtmlDialogVue2 = exports.ViewHtmlDialog = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -23,7 +23,7 @@ var messages_1 = require("./../messages");
 var props_key_1 = require("./../utils/props-key"); // tslint:enable:max-line-length
 
 
-var ViewHtmlDialog = {
+var ViewHtmlDialogVue2 = {
   name: 'KendoViewHtmlDialog',
   props: {
     view: Object,
@@ -154,6 +154,6 @@ var ViewHtmlDialog = {
     }
   }
 };
-exports.ViewHtmlDialog = ViewHtmlDialog;
-var ViewHtmlDialogVue3 = ViewHtmlDialog;
-exports.ViewHtmlDialogVue3 = ViewHtmlDialogVue3;
+exports.ViewHtmlDialogVue2 = ViewHtmlDialogVue2;
+var ViewHtmlDialog = ViewHtmlDialogVue2;
+exports.ViewHtmlDialog = ViewHtmlDialog;

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: 1641396794,
+    publishDate: 1641982194,
     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/align.d.ts

@@ -0,0 +1,36 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { EditorTools } from '../main';
+/**
+ * @hidden
+ */
+export interface AlignState {
+}
+/**
+ * @hidden
+ */
+export interface AlignComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AlignMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AlignData {
+}
+/**
+ * @hidden
+ */
+export interface AlignAll extends Vue2type, AlignMethods, AlignData, AlignComputed, AlignState {
+}
+declare let AlignVue2: ComponentOptions<AlignAll, DefaultData<AlignData>, DefaultMethods<AlignAll>, AlignComputed, RecordPropsDefinition<EditorTools.AlignToolProps>>;
+declare const Align: DefineComponent<EditorTools.AlignToolProps, any, AlignData, AlignComputed, AlignMethods, {}, {}, {}, string, EditorTools.AlignToolProps, EditorTools.AlignToolProps, {}>;
+export { Align, AlignVue2 };

package/dist/npm/tools/{Align.js → align.js}

@@ -32,7 +32,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AlignVue3 = exports.Align = void 0; // @ts-ignore
+exports.AlignVue2 = exports.Align = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -51,7 +51,7 @@ var messages_1 = require("./../messages");
 
 var alignRemove = toolsSettings_1.EditorToolsSettings.alignRemove; // tslint:enable:max-line-length
 
-var Align = {
+var AlignVue2 = {
   name: 'KendoAlign',
   props: __assign({
     view: Object,
@@ -125,6 +125,6 @@ var Align = {
     }
   }
 };
-exports.Align = Align;
-var AlignVue3 = Align;
-exports.AlignVue3 = AlignVue3;
+exports.AlignVue2 = AlignVue2;
+var Align = AlignVue2;
+exports.Align = Align;

package/dist/npm/tools/applyColor.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -36,8 +35,8 @@ export interface ApplyColorData {
 /**
  * @hidden
  */
-export interface ApplyColorAll extends Vue, ApplyColorMethods, ApplyColorData, ApplyColorComputed, ApplyColorState {
+export interface ApplyColorAll extends Vue2type, ApplyColorMethods, ApplyColorData, ApplyColorComputed, ApplyColorState {
 }
-declare let ApplyColor: ComponentOptions<ApplyColorAll, DefaultData<ApplyColorData>, DefaultMethods<ApplyColorAll>, ApplyColorComputed, RecordPropsDefinition<ApplyColorToolProps>>;
-declare const ApplyColorVue3: DefineComponent<ApplyColorToolProps, any, ApplyColorData, ApplyColorComputed, ApplyColorMethods, {}, {}, {}, string, ApplyColorToolProps, ApplyColorToolProps, {}>;
-export { ApplyColor, ApplyColorVue3 };
+declare let ApplyColorVue2: ComponentOptions<ApplyColorAll, DefaultData<ApplyColorData>, DefaultMethods<ApplyColorAll>, ApplyColorComputed, RecordPropsDefinition<ApplyColorToolProps>>;
+declare const ApplyColor: DefineComponent<ApplyColorToolProps, any, ApplyColorData, ApplyColorComputed, ApplyColorMethods, {}, {}, {}, string, ApplyColorToolProps, ApplyColorToolProps, {}>;
+export { ApplyColor, ApplyColorVue2 };

package/dist/npm/tools/applyColor.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ApplyColorVue3 = exports.ApplyColor = void 0; // @ts-ignore
+exports.ApplyColorVue2 = exports.ApplyColor = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -35,7 +35,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("../messages"); // tslint:enable:max-line-length
 
 
-var ApplyColor = {
+var ApplyColorVue2 = {
   name: 'KendoApplyColor',
   props: {
     view: Object,
@@ -100,6 +100,6 @@ var ApplyColor = {
     }
   }
 };
-exports.ApplyColor = ApplyColor;
-var ApplyColorVue3 = ApplyColor;
-exports.ApplyColorVue3 = ApplyColorVue3;
+exports.ApplyColorVue2 = ApplyColorVue2;
+var ApplyColor = ApplyColorVue2;
+exports.ApplyColor = ApplyColor;

package/dist/npm/tools/cleanFormatting.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -40,8 +39,8 @@ export interface CleanFormattingData {
 /**
  * @hidden
  */
-export interface CleanFormattingAll extends Vue, CleanFormattingMethods, CleanFormattingData, CleanFormattingComputed, CleanFormattingState {
+export interface CleanFormattingAll extends Vue2type, CleanFormattingMethods, CleanFormattingData, CleanFormattingComputed, CleanFormattingState {
 }
-declare let CleanFormatting: ComponentOptions<CleanFormattingAll, DefaultData<CleanFormattingData>, DefaultMethods<CleanFormattingAll>, CleanFormattingComputed, RecordPropsDefinition<CleanFormattingProps>>;
-declare const CleanFormattingVue3: DefineComponent<CleanFormattingProps, any, CleanFormattingData, CleanFormattingComputed, CleanFormattingMethods, {}, {}, {}, string, CleanFormattingProps, CleanFormattingProps, {}>;
-export { CleanFormatting, CleanFormattingVue3 };
+declare let CleanFormattingVue2: ComponentOptions<CleanFormattingAll, DefaultData<CleanFormattingData>, DefaultMethods<CleanFormattingAll>, CleanFormattingComputed, RecordPropsDefinition<CleanFormattingProps>>;
+declare const CleanFormatting: DefineComponent<CleanFormattingProps, any, CleanFormattingData, CleanFormattingComputed, CleanFormattingMethods, {}, {}, {}, string, CleanFormattingProps, CleanFormattingProps, {}>;
+export { CleanFormatting, CleanFormattingVue2 };

package/dist/npm/tools/cleanFormatting.js

@@ -32,7 +32,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CleanFormattingVue3 = exports.CleanFormatting = void 0; // @ts-ignore
+exports.CleanFormattingVue2 = exports.CleanFormatting = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -52,7 +52,7 @@ var toolsSettings_1 = require("./../config/toolsSettings");
 var cleanFormatting = toolsSettings_1.EditorToolsSettings.cleanFormatting;
 var command = kendo_editor_common_1.cleanFormatting(); // tslint:enable:max-line-length
 
-var CleanFormatting = {
+var CleanFormattingVue2 = {
   name: 'KendoCleanFormatting',
   props: __assign({
     view: Object,
@@ -123,6 +123,6 @@ var CleanFormatting = {
     }
   }
 };
-exports.CleanFormatting = CleanFormatting;
-var CleanFormattingVue3 = CleanFormatting;
-exports.CleanFormattingVue3 = CleanFormattingVue3;
+exports.CleanFormattingVue2 = CleanFormattingVue2;
+var CleanFormatting = CleanFormattingVue2;
+exports.CleanFormatting = CleanFormatting;

package/dist/npm/tools/findReplace.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -34,8 +33,8 @@ export interface FindAndReplaceData {
 /**
  * @hidden
  */
-export interface FindAndReplaceAll extends Vue, FindAndReplaceMethods, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceState {
+export interface FindAndReplaceAll extends Vue2type, FindAndReplaceMethods, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceState {
 }
-declare let FindAndReplace: ComponentOptions<FindAndReplaceAll, DefaultData<FindAndReplaceData>, DefaultMethods<FindAndReplaceAll>, FindAndReplaceComputed, RecordPropsDefinition<FindAndReplaceProps>>;
-declare const FindAndReplaceVue3: DefineComponent<FindAndReplaceProps, any, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceMethods, {}, {}, {}, string, FindAndReplaceProps, FindAndReplaceProps, {}>;
-export { FindAndReplace, FindAndReplaceVue3 };
+declare let FindAndReplaceVue2: ComponentOptions<FindAndReplaceAll, DefaultData<FindAndReplaceData>, DefaultMethods<FindAndReplaceAll>, FindAndReplaceComputed, RecordPropsDefinition<FindAndReplaceProps>>;
+declare const FindAndReplace: DefineComponent<FindAndReplaceProps, any, FindAndReplaceData, FindAndReplaceComputed, FindAndReplaceMethods, {}, {}, {}, string, FindAndReplaceProps, FindAndReplaceProps, {}>;
+export { FindAndReplace, FindAndReplaceVue2 };

package/dist/npm/tools/findReplace.js

@@ -32,7 +32,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FindAndReplaceVue3 = exports.FindAndReplace = void 0; // @ts-ignore
+exports.FindAndReplaceVue2 = exports.FindAndReplace = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -51,7 +51,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var settings = toolsSettings_1.EditorToolsSettings.findAndReplace; // tslint:enable:max-line-length
 
-var FindAndReplace = {
+var FindAndReplaceVue2 = {
   name: 'KendoFindAndReplace',
   props: __assign({
     view: Object
@@ -128,6 +128,6 @@ var FindAndReplace = {
     }
   }
 };
-exports.FindAndReplace = FindAndReplace;
-var FindAndReplaceVue3 = FindAndReplace;
-exports.FindAndReplaceVue3 = FindAndReplaceVue3;
+exports.FindAndReplaceVue2 = FindAndReplaceVue2;
+var FindAndReplace = FindAndReplaceVue2;
+exports.FindAndReplace = FindAndReplace;

package/dist/npm/tools/fontStyle.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -46,8 +45,8 @@ export interface FontNameData {
 /**
  * @hidden
  */
-export interface FontNameAll extends Vue, FontNameMethods, FontNameData, FontNameComputed, FontNameState {
+export interface FontNameAll extends Vue2type, FontNameMethods, FontNameData, FontNameComputed, FontNameState {
 }
-declare let FontName: ComponentOptions<FontNameAll, DefaultData<FontNameData>, DefaultMethods<FontNameAll>, FontNameComputed, RecordPropsDefinition<FontNameProps>>;
-declare const FontNameVue3: DefineComponent<FontNameProps, any, FontNameData, FontNameComputed, FontNameMethods, {}, {}, {}, string, FontNameProps, FontNameProps, {}>;
-export { FontName, FontNameVue3 };
+declare let FontNameVue2: ComponentOptions<FontNameAll, DefaultData<FontNameData>, DefaultMethods<FontNameAll>, FontNameComputed, RecordPropsDefinition<FontNameProps>>;
+declare const FontName: DefineComponent<FontNameProps, any, FontNameData, FontNameComputed, FontNameMethods, {}, {}, {}, string, FontNameProps, FontNameProps, {}>;
+export { FontName, FontNameVue2 };

package/dist/npm/tools/fontStyle.js

@@ -46,7 +46,7 @@ var __spreadArrays = undefined && undefined.__spreadArrays || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FontNameVue3 = exports.FontName = void 0; // @ts-ignore
+exports.FontNameVue2 = exports.FontName = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -64,7 +64,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 
-var FontName = {
+var FontNameVue2 = {
   name: 'KendoFontName',
   props: __assign({
     view: Object,
@@ -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
@@ -167,6 +172,6 @@ var FontName = {
     }
   }
 };
-exports.FontName = FontName;
-var FontNameVue3 = FontName;
-exports.FontNameVue3 = FontNameVue3;
+exports.FontNameVue2 = FontNameVue2;
+var FontName = FontNameVue2;
+exports.FontName = FontName;

package/dist/npm/tools/formatBlock.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -36,8 +35,8 @@ export interface FormatBlockData {
 /**
  * @hidden
  */
-export interface FormatBlockAll extends Vue, FormatBlockMethods, FormatBlockData, FormatBlockComputed, FormatBlockState {
+export interface FormatBlockAll extends Vue2type, FormatBlockMethods, FormatBlockData, FormatBlockComputed, FormatBlockState {
 }
-declare let FormatBlock: ComponentOptions<FormatBlockAll, DefaultData<FormatBlockData>, DefaultMethods<FormatBlockAll>, FormatBlockComputed, RecordPropsDefinition<FormatBlockProps>>;
-declare const FormatBlockVue3: DefineComponent<FormatBlockProps, any, FormatBlockData, FormatBlockComputed, FormatBlockMethods, {}, {}, {}, string, FormatBlockProps, FormatBlockProps, {}>;
-export { FormatBlock, FormatBlockVue3 };
+declare let FormatBlockVue2: ComponentOptions<FormatBlockAll, DefaultData<FormatBlockData>, DefaultMethods<FormatBlockAll>, FormatBlockComputed, RecordPropsDefinition<FormatBlockProps>>;
+declare const FormatBlock: DefineComponent<FormatBlockProps, any, FormatBlockData, FormatBlockComputed, FormatBlockMethods, {}, {}, {}, string, FormatBlockProps, FormatBlockProps, {}>;
+export { FormatBlock, FormatBlockVue2 };

package/dist/npm/tools/formatBlock.js

@@ -46,7 +46,7 @@ var __spreadArrays = undefined && undefined.__spreadArrays || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormatBlockVue3 = exports.FormatBlock = void 0; // @ts-ignore
+exports.FormatBlockVue2 = exports.FormatBlock = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -64,7 +64,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 
-var FormatBlock = {
+var FormatBlockVue2 = {
   name: 'KendoFormatBlock',
   props: __assign({
     view: Object,
@@ -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) {
@@ -159,6 +164,6 @@ var FormatBlock = {
     }
   }
 };
-exports.FormatBlock = FormatBlock;
-var FormatBlockVue3 = FormatBlock;
-exports.FormatBlockVue3 = FormatBlockVue3;
+exports.FormatBlockVue2 = FormatBlockVue2;
+var FormatBlock = FormatBlockVue2;
+exports.FormatBlock = FormatBlock;

package/dist/npm/tools/indent.d.ts

@@ -0,0 +1,41 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { ToolProps } from './ToolProps';
+/**
+ * @hidden
+ */
+export interface IndentProps extends ToolProps {
+}
+/**
+ * @hidden
+ */
+export interface IndentState {
+}
+/**
+ * @hidden
+ */
+export interface IndentComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface IndentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface IndentData {
+}
+/**
+ * @hidden
+ */
+export interface IndentAll extends Vue2type, IndentMethods, IndentData, IndentComputed, IndentState {
+}
+declare let IndentVue2: ComponentOptions<IndentAll, DefaultData<IndentData>, DefaultMethods<IndentAll>, IndentComputed, RecordPropsDefinition<IndentProps>>;
+declare const Indent: DefineComponent<IndentProps, any, IndentData, IndentComputed, IndentMethods, {}, {}, {}, string, IndentProps, IndentProps, {}>;
+export { Indent, IndentVue2 };

package/dist/npm/tools/{Indent.js → indent.js}

@@ -32,7 +32,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IndentVue3 = exports.Indent = void 0; // @ts-ignore
+exports.IndentVue2 = exports.Indent = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -48,7 +48,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 
-var Indent = {
+var IndentVue2 = {
   name: 'KendoIndent',
   props: __assign({
     view: Object,
@@ -135,6 +135,6 @@ var Indent = {
     }
   }
 };
-exports.Indent = Indent;
-var IndentVue3 = Indent;
-exports.IndentVue3 = IndentVue3;
+exports.IndentVue2 = IndentVue2;
+var Indent = IndentVue2;
+exports.Indent = Indent;

package/dist/{es/tools/InlineFormat.d.ts → npm/tools/inlineFormat.d.ts}

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -65,8 +64,8 @@ export interface InlineFormatData {
 /**
  * @hidden
  */
-export interface InlineFormatAll extends Vue, InlineFormatMethods, InlineFormatData, InlineFormatComputed, InlineFormatState {
+export interface InlineFormatAll extends Vue2type, InlineFormatMethods, InlineFormatData, InlineFormatComputed, InlineFormatState {
 }
-declare let InlineFormat: ComponentOptions<InlineFormatAll, DefaultData<InlineFormatData>, DefaultMethods<InlineFormatAll>, InlineFormatComputed, RecordPropsDefinition<InlineFormatToolProps>>;
-declare const InlineFormatVue3: DefineComponent<InlineFormatToolProps, any, InlineFormatData, InlineFormatComputed, InlineFormatMethods, {}, {}, {}, string, InlineFormatToolProps, InlineFormatToolProps, {}>;
-export { InlineFormat, InlineFormatVue3 };
+declare let InlineFormatVue2: ComponentOptions<InlineFormatAll, DefaultData<InlineFormatData>, DefaultMethods<InlineFormatAll>, InlineFormatComputed, RecordPropsDefinition<InlineFormatToolProps>>;
+declare const InlineFormat: DefineComponent<InlineFormatToolProps, any, InlineFormatData, InlineFormatComputed, InlineFormatMethods, {}, {}, {}, string, InlineFormatToolProps, InlineFormatToolProps, {}>;
+export { InlineFormat, InlineFormatVue2 };

package/dist/npm/tools/{InlineFormat.js → inlineFormat.js}

@@ -32,7 +32,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineFormatVue3 = exports.InlineFormat = void 0; // @ts-ignore
+exports.InlineFormatVue2 = exports.InlineFormat = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -48,7 +48,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var messages_1 = require("../messages"); // tslint:enable:max-line-length
 
 
-var InlineFormat = {
+var InlineFormatVue2 = {
   name: 'KendoInlineFormat',
   props: __assign({
     view: Object,
@@ -133,6 +133,6 @@ var InlineFormat = {
     }
   }
 };
-exports.InlineFormat = InlineFormat;
-var InlineFormatVue3 = InlineFormat;
-exports.InlineFormatVue3 = InlineFormatVue3;
+exports.InlineFormatVue2 = InlineFormatVue2;
+var InlineFormat = InlineFormatVue2;
+exports.InlineFormat = InlineFormat;

package/dist/npm/tools/insertImage.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -37,8 +36,8 @@ export interface InsertImageData {
 /**
  * @hidden
  */
-export interface InsertImageAll extends Vue, InsertImageMethods, InsertImageData, InsertImageComputed, InsertImageState {
+export interface InsertImageAll extends Vue2type, InsertImageMethods, InsertImageData, InsertImageComputed, InsertImageState {
 }
-declare let InsertImage: ComponentOptions<InsertImageAll, DefaultData<InsertImageData>, DefaultMethods<InsertImageAll>, InsertImageComputed, RecordPropsDefinition<InsertImageProps>>;
-declare const InsertImageVue3: DefineComponent<BasicToolProps, any, InsertImageData, InsertImageComputed, InsertImageMethods, {}, {}, {}, string, BasicToolProps, BasicToolProps, {}>;
-export { InsertImage, InsertImageVue3 };
+declare let InsertImageVue2: ComponentOptions<InsertImageAll, DefaultData<InsertImageData>, DefaultMethods<InsertImageAll>, InsertImageComputed, RecordPropsDefinition<InsertImageProps>>;
+declare const InsertImage: DefineComponent<BasicToolProps, any, InsertImageData, InsertImageComputed, InsertImageMethods, {}, {}, {}, string, BasicToolProps, BasicToolProps, {}>;
+export { InsertImage, InsertImageVue2 };