@progress/kendo-vue-editor 2.7.3 → 2.8.0-dev.202201111325

package/dist/es/dialogs/FindReplace.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+import { Button } from '@progress/kendo-vue-buttons';
 import { Window } from '@progress/kendo-vue-dialogs';
 import { TabStrip, TabStripTab } from '@progress/kendo-vue-layout';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -13,7 +14,7 @@ var enter = 13,
     esc = 27;
 var settings = EditorToolsSettings.findAndReplace; // tslint:enable:max-line-length
 
-var FindAndReplaceDialog = {
+var FindAndReplaceDialogVue2 = {
   name: 'KendoFindAndReplaceDialog',
   props: {
     view: Object,
@@ -30,6 +31,9 @@ var FindAndReplaceDialog = {
       default: null
     }
   },
+  created: function created() {
+    this.matches = undefined;
+  },
   data: function data() {
     return {
       selectedTab: 0,
@@ -224,21 +228,41 @@ var FindAndReplaceDialog = {
     }, [localization.toLanguageString(findReplaceUseRegExp, messages[findReplaceUseRegExp])])])]);
     var navigation = h("div", {
       "class": "k-matches-container"
-    }, [h("button", {
-      "class": "k-button k-flat k-primary",
+    }, [// @ts-ignore function children
+    h(Button, {
+      fillMode: 'flat',
+      attrs: this.v3 ? undefined : {
+        fillMode: 'flat',
+        themeColor: 'primary'
+      },
+      themeColor: 'primary',
       onClick: this.onFindPrev,
       on: this.v3 ? undefined : {
         "click": this.onFindPrev
       }
-    }, [h("span", {
+    }, this.v3 ? function () {
+      return [h("span", {
+        "class": "k-icon k-i-arrow-chevron-left"
+      }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])];
+    } : [h("span", {
       "class": "k-icon k-i-arrow-chevron-left"
-    }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]), h("span", [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages[findReplaceMatches]))]), h("button", {
-      "class": "k-button k-flat k-primary",
+    }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]), h("span", [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages[findReplaceMatches]))]), // @ts-ignore function children
+    h(Button, {
+      fillMode: 'flat',
+      attrs: this.v3 ? undefined : {
+        fillMode: 'flat',
+        themeColor: 'primary'
+      },
+      themeColor: 'primary',
       onClick: this.onFindNext,
       on: this.v3 ? undefined : {
         "click": this.onFindNext
       }
-    }, [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
+    }, this.v3 ? function () {
+      return [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
+        "class": "k-icon k-i-arrow-chevron-right"
+      })];
+    } : [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
       "class": "k-icon k-i-arrow-chevron-right"
     })])]);
     var findWhatLabel = h("div", {
@@ -259,7 +283,7 @@ var FindAndReplaceDialog = {
         autoFocus: true
       },
       type: "text",
-      "class": "k-textbox",
+      "class": "k-input",
       value: this.v3 ? searchText : null,
       domProps: this.v3 ? undefined : {
         "value": searchText
@@ -290,7 +314,7 @@ var FindAndReplaceDialog = {
         id: "replaceWith",
         type: "text"
       },
-      "class": "k-textbox",
+      "class": "k-input",
       type: "text",
       value: this.v3 ? replaceText : null,
       domProps: this.v3 ? undefined : {
@@ -373,8 +397,8 @@ var FindAndReplaceDialog = {
               "class": "k-edit-form-container"
             }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
               "class": "k-actions k-hstack k-justify-content-end"
-            }, [h("button", {
-              "class": "k-button",
+            }, [// @ts-ignore function children
+            h(Button, {
               disabled: !Boolean(nextMatch),
               attrs: _this.v3 ? undefined : {
                 disabled: !Boolean(nextMatch)
@@ -383,8 +407,10 @@ var FindAndReplaceDialog = {
               on: _this.v3 ? undefined : {
                 "click": _this.onReplace
               }
-            }, [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h("button", {
-              "class": "k-button",
+            }, _this.v3 ? function () {
+              return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
+            } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), // @ts-ignore function children
+            h(Button, {
               disabled: !Boolean(nextMatch),
               attrs: _this.v3 ? undefined : {
                 disabled: !Boolean(nextMatch)
@@ -393,13 +419,14 @@ var FindAndReplaceDialog = {
               on: _this.v3 ? undefined : {
                 "click": _this.onReplaceAll
               }
-            }, [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+            }, _this.v3 ? function () {
+              return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
+            } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
           } : [h("div", {
             "class": "k-edit-form-container"
           }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
             "class": "k-actions k-hstack k-justify-content-end"
-          }, [h("button", {
-            "class": "k-button",
+          }, [h(Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -408,8 +435,9 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplace
             }
-          }, [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h("button", {
-            "class": "k-button",
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
+          } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -418,7 +446,9 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplaceAll
             }
-          }, [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
         } : [h(TabStripTab, {
           title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
           attrs: _this.v3 ? undefined : {
@@ -440,8 +470,7 @@ var FindAndReplaceDialog = {
             "class": "k-edit-form-container"
           }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
             "class": "k-actions k-hstack k-justify-content-end"
-          }, [h("button", {
-            "class": "k-button",
+          }, [h(Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -450,8 +479,9 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplace
             }
-          }, [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h("button", {
-            "class": "k-button",
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
+          } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -460,13 +490,14 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplaceAll
             }
-          }, [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
         } : [h("div", {
           "class": "k-edit-form-container"
         }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
           "class": "k-actions k-hstack k-justify-content-end"
-        }, [h("button", {
-          "class": "k-button",
+        }, [h(Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -475,8 +506,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplace
           }
-        }, [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h("button", {
-          "class": "k-button",
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
+        } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -485,7 +517,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplaceAll
           }
-        }, [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])])];
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])])];
       } : [h(TabStrip, {
         selected: _this.selectedTab,
         attrs: _this.v3 ? undefined : {
@@ -520,8 +554,7 @@ var FindAndReplaceDialog = {
             "class": "k-edit-form-container"
           }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
             "class": "k-actions k-hstack k-justify-content-end"
-          }, [h("button", {
-            "class": "k-button",
+          }, [h(Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -530,8 +563,9 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplace
             }
-          }, [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h("button", {
-            "class": "k-button",
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
+          } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -540,13 +574,14 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplaceAll
             }
-          }, [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
         } : [h("div", {
           "class": "k-edit-form-container"
         }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
           "class": "k-actions k-hstack k-justify-content-end"
-        }, [h("button", {
-          "class": "k-button",
+        }, [h(Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -555,8 +590,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplace
           }
-        }, [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h("button", {
-          "class": "k-button",
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
+        } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -565,7 +601,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplaceAll
           }
-        }, [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
       } : [h(TabStripTab, {
         title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
         attrs: _this.v3 ? undefined : {
@@ -587,8 +625,7 @@ var FindAndReplaceDialog = {
           "class": "k-edit-form-container"
         }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
           "class": "k-actions k-hstack k-justify-content-end"
-        }, [h("button", {
-          "class": "k-button",
+        }, [h(Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -597,8 +634,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplace
           }
-        }, [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h("button", {
-          "class": "k-button",
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
+        } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -607,13 +645,14 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplaceAll
           }
-        }, [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
       } : [h("div", {
         "class": "k-edit-form-container"
       }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
         "class": "k-actions k-hstack k-justify-content-end"
-      }, [h("button", {
-        "class": "k-button",
+      }, [h(Button, {
         disabled: !Boolean(nextMatch),
         attrs: _this.v3 ? undefined : {
           disabled: !Boolean(nextMatch)
@@ -622,8 +661,9 @@ var FindAndReplaceDialog = {
         on: _this.v3 ? undefined : {
           "click": _this.onReplace
         }
-      }, [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h("button", {
-        "class": "k-button",
+      }, _this.v3 ? function () {
+        return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
+      } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
         disabled: !Boolean(nextMatch),
         attrs: _this.v3 ? undefined : {
           disabled: !Boolean(nextMatch)
@@ -632,7 +672,9 @@ var FindAndReplaceDialog = {
         on: _this.v3 ? undefined : {
           "click": _this.onReplaceAll
         }
-      }, [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])])])
+      }, _this.v3 ? function () {
+        return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
+      } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])])])
     ); //    document.body);
   },
   methods: {
@@ -785,5 +827,5 @@ var FindAndReplaceDialog = {
     }
   }
 };
-var FindAndReplaceDialogVue3 = FindAndReplaceDialog;
-export { FindAndReplaceDialog, FindAndReplaceDialogVue3 };
+var FindAndReplaceDialog = FindAndReplaceDialogVue2;
+export { FindAndReplaceDialog, FindAndReplaceDialogVue2 };

package/dist/es/dialogs/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;
@@ -45,8 +44,8 @@ export interface InsertImageDialogData {
 /**
  * @hidden
  */
-export interface InsertImageDialogAll extends Vue, InsertImageDialogMethods, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogState {
+export interface InsertImageDialogAll extends Vue2type, InsertImageDialogMethods, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogState {
 }
-declare let InsertImageDialog: ComponentOptions<InsertImageDialogAll, DefaultData<InsertImageDialogData>, DefaultMethods<InsertImageDialogAll>, InsertImageDialogComputed, RecordPropsDefinition<InsertImageDialogProps>>;
-declare const InsertImageDialogVue3: DefineComponent<InsertImageDialogProps, any, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogMethods, {}, {}, {}, string, InsertImageDialogProps, InsertImageDialogProps, {}>;
-export { InsertImageDialog, InsertImageDialogVue3 };
+declare let InsertImageDialogVue2: ComponentOptions<InsertImageDialogAll, DefaultData<InsertImageDialogData>, DefaultMethods<InsertImageDialogAll>, InsertImageDialogComputed, RecordPropsDefinition<InsertImageDialogProps>>;
+declare const InsertImageDialog: DefineComponent<InsertImageDialogProps, any, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogMethods, {}, {}, {}, string, InsertImageDialogProps, InsertImageDialogProps, {}>;
+export { InsertImageDialog, InsertImageDialogVue2 };

package/dist/es/dialogs/insertImage.js

@@ -8,7 +8,7 @@ import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages'; // tslint:enable:max-line-length
 
-var InsertImageDialog = {
+var InsertImageDialogVue2 = {
   name: 'KendoInsertImageDialog',
   props: {
     view: Object,
@@ -80,7 +80,7 @@ var InsertImageDialog = {
         id: "k-editor-image-url",
         autoFocus: true
       },
-      "class": "k-textbox",
+      "class": "k-input",
       id: "k-editor-image-url",
       value: this.v3 ? attrs.src : null,
       domProps: this.v3 ? undefined : {
@@ -105,7 +105,7 @@ var InsertImageDialog = {
         type: "text",
         id: "k-editor-image-alt"
       },
-      "class": "k-textbox",
+      "class": "k-input",
       id: "k-editor-image-alt",
       value: this.v3 ? attrs.alt : null,
       domProps: this.v3 ? undefined : {
@@ -129,7 +129,7 @@ var InsertImageDialog = {
         type: "text",
         id: "k-editor-image-title"
       },
-      "class": "k-textbox",
+      "class": "k-input",
       id: "k-editor-image-title",
       value: this.v3 ? attrs.title : null,
       domProps: this.v3 ? undefined : {
@@ -153,7 +153,7 @@ var InsertImageDialog = {
         type: "text",
         id: "k-editor-image-width"
       },
-      "class": "k-textbox",
+      "class": "k-input",
       id: "k-editor-image-width",
       value: this.v3 ? attrs.width : null,
       domProps: this.v3 ? undefined : {
@@ -177,7 +177,7 @@ var InsertImageDialog = {
         type: "text",
         id: "k-editor-image-height"
       },
-      "class": "k-textbox",
+      "class": "k-input",
       id: "k-editor-image-height",
       value: this.v3 ? attrs.height : null,
       domProps: this.v3 ? undefined : {
@@ -278,5 +278,5 @@ var InsertImageDialog = {
     }
   }
 };
-var InsertImageDialogVue3 = InsertImageDialog;
-export { InsertImageDialog, InsertImageDialogVue3 };
+var InsertImageDialog = InsertImageDialogVue2;
+export { InsertImageDialog, InsertImageDialogVue2 };

package/dist/es/dialogs/insertLink.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;
@@ -43,8 +42,8 @@ export interface InsertLinkDialogData {
 /**
  * @hidden
  */
-export interface InsertLinkDialogAll extends Vue, InsertLinkDialogMethods, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogState {
+export interface InsertLinkDialogAll extends Vue2type, InsertLinkDialogMethods, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogState {
 }
-declare let InsertLinkDialog: ComponentOptions<InsertLinkDialogAll, DefaultData<InsertLinkDialogData>, DefaultMethods<InsertLinkDialogAll>, InsertLinkDialogComputed, RecordPropsDefinition<InsertLinkDialogProps>>;
-declare const InsertLinkDialogVue3: DefineComponent<InsertLinkDialogProps, any, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogMethods, {}, {}, {}, string, InsertLinkDialogProps, InsertLinkDialogProps, {}>;
-export { InsertLinkDialog, InsertLinkDialogVue3 };
+declare let InsertLinkDialogVue2: ComponentOptions<InsertLinkDialogAll, DefaultData<InsertLinkDialogData>, DefaultMethods<InsertLinkDialogAll>, InsertLinkDialogComputed, RecordPropsDefinition<InsertLinkDialogProps>>;
+declare const InsertLinkDialog: DefineComponent<InsertLinkDialogProps, any, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogMethods, {}, {}, {}, string, InsertLinkDialogProps, InsertLinkDialogProps, {}>;
+export { InsertLinkDialog, InsertLinkDialogVue2 };

package/dist/es/dialogs/insertLink.js

@@ -8,7 +8,7 @@ import { getMark, applyLink } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages'; // tslint:enable:max-line-length
 
-var InsertLinkDialog = {
+var InsertLinkDialogVue2 = {
   name: 'KendoInsertLinkDialog',
   props: {
     view: Object,
@@ -70,7 +70,7 @@ var InsertLinkDialog = {
         id: "k-editor-link-url",
         autoFocus: true
       },
-      "class": "k-textbox",
+      "class": "k-input",
       ref: this.v3 ? function (el) {
         _this.hrefRef = el;
       } : 'href',
@@ -95,7 +95,7 @@ var InsertLinkDialog = {
         type: "text",
         id: "k-editor-link-text"
       },
-      "class": "k-textbox",
+      "class": "k-input",
       id: "k-editor-link-text",
       ref: this.v3 ? function (el) {
         _this.titleRef = el;
@@ -282,5 +282,5 @@ var InsertLinkDialog = {
     }
   }
 };
-var InsertLinkDialogVue3 = InsertLinkDialog;
-export { InsertLinkDialog, InsertLinkDialogVue3 };
+var InsertLinkDialog = InsertLinkDialogVue2;
+export { InsertLinkDialog, InsertLinkDialogVue2 };

package/dist/es/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/es/dialogs/viewHtml.js

@@ -9,7 +9,7 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages';
 import { editorPropsKey } from './../utils/props-key'; // tslint:enable:max-line-length
 
-var ViewHtmlDialog = {
+var ViewHtmlDialogVue2 = {
   name: 'KendoViewHtmlDialog',
   props: {
     view: Object,
@@ -140,5 +140,5 @@ var ViewHtmlDialog = {
     }
   }
 };
-var ViewHtmlDialogVue3 = ViewHtmlDialog;
-export { ViewHtmlDialog, ViewHtmlDialogVue3 };
+var ViewHtmlDialog = ViewHtmlDialogVue2;
+export { ViewHtmlDialog, ViewHtmlDialogVue2 };

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: 1641561315,
+    publishDate: 1641906930,
     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.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;
@@ -30,8 +29,8 @@ export interface AlignData {
 /**
  * @hidden
  */
-export interface AlignAll extends Vue, AlignMethods, AlignData, AlignComputed, AlignState {
+export interface AlignAll extends Vue2type, AlignMethods, AlignData, AlignComputed, AlignState {
 }
-declare let Align: ComponentOptions<AlignAll, DefaultData<AlignData>, DefaultMethods<AlignAll>, AlignComputed, RecordPropsDefinition<EditorTools.AlignToolProps>>;
-declare const AlignVue3: DefineComponent<EditorTools.AlignToolProps, any, AlignData, AlignComputed, AlignMethods, {}, {}, {}, string, EditorTools.AlignToolProps, EditorTools.AlignToolProps, {}>;
-export { Align, AlignVue3 };
+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/es/tools/align.js

@@ -38,7 +38,7 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from './../messages';
 var alignRemove = EditorToolsSettings.alignRemove; // tslint:enable:max-line-length
 
-var Align = {
+var AlignVue2 = {
   name: 'KendoAlign',
   props: __assign({
     view: Object,
@@ -112,5 +112,5 @@ var Align = {
     }
   }
 };
-var AlignVue3 = Align;
-export { Align, AlignVue3 };
+var Align = AlignVue2;
+export { Align, AlignVue2 };

package/dist/es/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/es/tools/applyColor.js

@@ -23,7 +23,7 @@ import { applyInlineStyle } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from '../messages'; // tslint:enable:max-line-length
 
-var ApplyColor = {
+var ApplyColorVue2 = {
   name: 'KendoApplyColor',
   props: {
     view: Object,
@@ -88,5 +88,5 @@ var ApplyColor = {
     }
   }
 };
-var ApplyColorVue3 = ApplyColor;
-export { ApplyColor, ApplyColorVue3 };
+var ApplyColor = ApplyColorVue2;
+export { ApplyColor, ApplyColorVue2 };

package/dist/es/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 };