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

package/dist/npm/dialogs/FindReplace.js

@@ -3,13 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FindAndReplaceDialogVue3 = exports.FindAndReplaceDialog = void 0; // @ts-ignore
+exports.FindAndReplaceDialogVue2 = exports.FindAndReplaceDialog = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
 
 var kendo_vue_layout_1 = require("@progress/kendo-vue-layout");
@@ -28,7 +30,7 @@ var enter = 13,
     esc = 27;
 var settings = toolsSettings_1.EditorToolsSettings.findAndReplace; // tslint:enable:max-line-length
 
-var FindAndReplaceDialog = {
+var FindAndReplaceDialogVue2 = {
   name: 'KendoFindAndReplaceDialog',
   props: {
     view: Object,
@@ -45,6 +47,9 @@ var FindAndReplaceDialog = {
       default: null
     }
   },
+  created: function created() {
+    this.matches = undefined;
+  },
   data: function data() {
     return {
       selectedTab: 0,
@@ -239,21 +244,41 @@ var FindAndReplaceDialog = {
     }, [localization.toLanguageString(findReplaceUseRegExp, messages_1.messages[findReplaceUseRegExp])])])]);
     var navigation = h("div", {
       "class": "k-matches-container"
-    }, [h("button", {
-      "class": "k-button k-flat k-primary",
+    }, [// @ts-ignore function children
+    h(kendo_vue_buttons_1.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_1.messages[findReplacePrevMatch])];
+    } : [h("span", {
       "class": "k-icon k-i-arrow-chevron-left"
-    }), localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])]), h("span", [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages_1.messages[findReplaceMatches]))]), h("button", {
-      "class": "k-button k-flat k-primary",
+    }), localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])]), h("span", [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages_1.messages[findReplaceMatches]))]), // @ts-ignore function children
+    h(kendo_vue_buttons_1.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_1.messages[findReplaceNextMatch]), h("span", {
+    }, this.v3 ? function () {
+      return [localization.toLanguageString(findReplaceNextMatch, messages_1.messages[findReplaceNextMatch]), h("span", {
+        "class": "k-icon k-i-arrow-chevron-right"
+      })];
+    } : [localization.toLanguageString(findReplaceNextMatch, messages_1.messages[findReplaceNextMatch]), h("span", {
       "class": "k-icon k-i-arrow-chevron-right"
     })])]);
     var findWhatLabel = h("div", {
@@ -274,7 +299,7 @@ var FindAndReplaceDialog = {
         autoFocus: true
       },
       type: "text",
-      "class": "k-textbox",
+      "class": "k-input",
       value: this.v3 ? searchText : null,
       domProps: this.v3 ? undefined : {
         "value": searchText
@@ -305,7 +330,7 @@ var FindAndReplaceDialog = {
         id: "replaceWith",
         type: "text"
       },
-      "class": "k-textbox",
+      "class": "k-input",
       type: "text",
       value: this.v3 ? replaceText : null,
       domProps: this.v3 ? undefined : {
@@ -388,8 +413,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(kendo_vue_buttons_1.Button, {
               disabled: !Boolean(nextMatch),
               attrs: _this.v3 ? undefined : {
                 disabled: !Boolean(nextMatch)
@@ -398,8 +423,10 @@ var FindAndReplaceDialog = {
               on: _this.v3 ? undefined : {
                 "click": _this.onReplace
               }
-            }, [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h("button", {
-              "class": "k-button",
+            }, _this.v3 ? function () {
+              return [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])];
+            } : [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), // @ts-ignore function children
+            h(kendo_vue_buttons_1.Button, {
               disabled: !Boolean(nextMatch),
               attrs: _this.v3 ? undefined : {
                 disabled: !Boolean(nextMatch)
@@ -408,13 +435,14 @@ var FindAndReplaceDialog = {
               on: _this.v3 ? undefined : {
                 "click": _this.onReplaceAll
               }
-            }, [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+            }, _this.v3 ? function () {
+              return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
+            } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.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(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -423,8 +451,9 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplace
             }
-          }, [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h("button", {
-            "class": "k-button",
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])];
+          } : [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -433,7 +462,9 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplaceAll
             }
-          }, [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
         } : [h(kendo_vue_layout_1.TabStripTab, {
           title: localization.toLanguageString(findReplaceTabFind, messages_1.messages[findReplaceTabFind]),
           attrs: _this.v3 ? undefined : {
@@ -455,8 +486,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(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -465,8 +495,9 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplace
             }
-          }, [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h("button", {
-            "class": "k-button",
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])];
+          } : [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -475,13 +506,14 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplaceAll
             }
-          }, [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.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(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -490,8 +522,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplace
           }
-        }, [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h("button", {
-          "class": "k-button",
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])];
+        } : [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -500,7 +533,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplaceAll
           }
-        }, [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])])];
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])])];
       } : [h(kendo_vue_layout_1.TabStrip, {
         selected: _this.selectedTab,
         attrs: _this.v3 ? undefined : {
@@ -535,8 +570,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(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -545,8 +579,9 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplace
             }
-          }, [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h("button", {
-            "class": "k-button",
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])];
+          } : [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
             attrs: _this.v3 ? undefined : {
               disabled: !Boolean(nextMatch)
@@ -555,13 +590,14 @@ var FindAndReplaceDialog = {
             on: _this.v3 ? undefined : {
               "click": _this.onReplaceAll
             }
-          }, [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+          }, _this.v3 ? function () {
+            return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.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(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -570,8 +606,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplace
           }
-        }, [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h("button", {
-          "class": "k-button",
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])];
+        } : [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -580,7 +617,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplaceAll
           }
-        }, [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
       } : [h(kendo_vue_layout_1.TabStripTab, {
         title: localization.toLanguageString(findReplaceTabFind, messages_1.messages[findReplaceTabFind]),
         attrs: _this.v3 ? undefined : {
@@ -602,8 +641,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(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -612,8 +650,9 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplace
           }
-        }, [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h("button", {
-          "class": "k-button",
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])];
+        } : [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
           attrs: _this.v3 ? undefined : {
             disabled: !Boolean(nextMatch)
@@ -622,13 +661,14 @@ var FindAndReplaceDialog = {
           on: _this.v3 ? undefined : {
             "click": _this.onReplaceAll
           }
-        }, [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+        }, _this.v3 ? function () {
+          return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.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(kendo_vue_buttons_1.Button, {
         disabled: !Boolean(nextMatch),
         attrs: _this.v3 ? undefined : {
           disabled: !Boolean(nextMatch)
@@ -637,8 +677,9 @@ var FindAndReplaceDialog = {
         on: _this.v3 ? undefined : {
           "click": _this.onReplace
         }
-      }, [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h("button", {
-        "class": "k-button",
+      }, _this.v3 ? function () {
+        return [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])];
+      } : [localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])]), h(kendo_vue_buttons_1.Button, {
         disabled: !Boolean(nextMatch),
         attrs: _this.v3 ? undefined : {
           disabled: !Boolean(nextMatch)
@@ -647,7 +688,9 @@ var FindAndReplaceDialog = {
         on: _this.v3 ? undefined : {
           "click": _this.onReplaceAll
         }
-      }, [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])])])
+      }, _this.v3 ? function () {
+        return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
+      } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])])])
     ); //    document.body);
   },
   methods: {
@@ -800,6 +843,6 @@ var FindAndReplaceDialog = {
     }
   }
 };
-exports.FindAndReplaceDialog = FindAndReplaceDialog;
-var FindAndReplaceDialogVue3 = FindAndReplaceDialog;
-exports.FindAndReplaceDialogVue3 = FindAndReplaceDialogVue3;
+exports.FindAndReplaceDialogVue2 = FindAndReplaceDialogVue2;
+var FindAndReplaceDialog = FindAndReplaceDialogVue2;
+exports.FindAndReplaceDialog = FindAndReplaceDialog;

package/dist/npm/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/npm/dialogs/insertImage.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InsertImageDialogVue3 = exports.InsertImageDialog = void 0; // @ts-ignore
+exports.InsertImageDialogVue2 = exports.InsertImageDialog = 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 InsertImageDialog = {
+var InsertImageDialogVue2 = {
   name: 'KendoInsertImageDialog',
   props: {
     view: Object,
@@ -93,7 +93,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 : {
@@ -118,7 +118,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 : {
@@ -142,7 +142,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 : {
@@ -166,7 +166,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 : {
@@ -190,7 +190,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 : {
@@ -291,6 +291,6 @@ var InsertImageDialog = {
     }
   }
 };
-exports.InsertImageDialog = InsertImageDialog;
-var InsertImageDialogVue3 = InsertImageDialog;
-exports.InsertImageDialogVue3 = InsertImageDialogVue3;
+exports.InsertImageDialogVue2 = InsertImageDialogVue2;
+var InsertImageDialog = InsertImageDialogVue2;
+exports.InsertImageDialog = InsertImageDialog;

package/dist/npm/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/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,
@@ -83,7 +83,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',
@@ -108,7 +108,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;
@@ -295,6 +295,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: 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/npm/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/npm/tools/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 };