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

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,
@@ -149,7 +154,7 @@ var FindAndReplaceDialog = {
     var checkboxes = h("div", {
       "class": "k-search-options"
     }, [h("span", [h("input", {
-      "class": "k-checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
       type: "checkbox",
       attrs: this.v3 ? undefined : {
         type: "checkbox",
@@ -171,7 +176,7 @@ var FindAndReplaceDialog = {
       },
       "class": "k-checkbox-label"
     }, [localization.toLanguageString(findReplaceMatchCase, messages_1.messages[findReplaceMatchCase])])]), h("span", [h("input", {
-      "class": "k-checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
       type: "checkbox",
       attrs: this.v3 ? undefined : {
         type: "checkbox",
@@ -193,7 +198,7 @@ var FindAndReplaceDialog = {
       },
       "class": "k-checkbox-label"
     }, [localization.toLanguageString(findReplaceMatchWord, messages_1.messages[findReplaceMatchWord])])]), h("span", [h("input", {
-      "class": "k-checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
       type: "checkbox",
       attrs: this.v3 ? undefined : {
         type: "checkbox",
@@ -215,7 +220,7 @@ var FindAndReplaceDialog = {
       },
       "class": "k-checkbox-label"
     }, [localization.toLanguageString(findReplaceMatchCyclic, messages_1.messages[findReplaceMatchCyclic])])]), h("span", [h("input", {
-      "class": "k-checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
       type: "checkbox",
       attrs: this.v3 ? undefined : {
         type: "checkbox",
@@ -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", {
@@ -266,6 +291,8 @@ var FindAndReplaceDialog = {
     }, [localization.toLanguageString(findReplaceFindWhat, messages_1.messages[findReplaceFindWhat])])]);
     var findWhat = h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       id: "findWhat",
       attrs: this.v3 ? undefined : {
@@ -274,7 +301,7 @@ var FindAndReplaceDialog = {
         autoFocus: true
       },
       type: "text",
-      "class": "k-textbox",
+      "class": "k-input-inner",
       value: this.v3 ? searchText : null,
       domProps: this.v3 ? undefined : {
         "value": searchText
@@ -288,7 +315,7 @@ var FindAndReplaceDialog = {
       onFocus: this.onSearchChange,
       onKeydown: this.onKeyDown,
       autoFocus: true
-    })]);
+    })])]);
     var replaceWithLabel = h("div", {
       "class": "k-edit-label"
     }, [h("label", {
@@ -299,13 +326,15 @@ var FindAndReplaceDialog = {
     }, [localization.toLanguageString(findReplaceReplaceWith, messages_1.messages[findReplaceReplaceWith])])]);
     var replaceWith = h("div", {
       "class": "k-edit-field"
+    }, [h("span", {
+      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
     }, [h("input", {
       id: "replaceWith",
       attrs: this.v3 ? undefined : {
         id: "replaceWith",
         type: "text"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       type: "text",
       value: this.v3 ? replaceText : null,
       domProps: this.v3 ? undefined : {
@@ -315,7 +344,7 @@ var FindAndReplaceDialog = {
       on: this.v3 ? undefined : {
         "input": this.onReplaceChange
       }
-    })]);
+    })])]);
     return (// @ts-ignore function children
       h(kendo_vue_dialogs_1.Window, {
         title: localization.toLanguageString(findReplaceDialogTitle, messages_1.messages[findReplaceDialogTitle]),
@@ -388,8 +417,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 +427,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 +439,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 +455,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 +466,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 +490,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 +499,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 +510,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 +526,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 +537,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 +574,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 +583,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 +594,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 +610,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 +621,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 +645,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 +654,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 +665,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 +681,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 +692,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 +847,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,
@@ -86,6 +86,8 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageAddress, messages_1.messages[insertImageAddress])])]), 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 : {
@@ -93,7 +95,7 @@ var InsertImageDialog = {
         id: "k-editor-image-url",
         autoFocus: true
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-url",
       value: this.v3 ? attrs.src : null,
       domProps: this.v3 ? undefined : {
@@ -103,7 +105,7 @@ var InsertImageDialog = {
         _this.srcRef = el;
       } : 'src',
       autoFocus: true
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-alt",
@@ -112,13 +114,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageAltText, messages_1.messages[insertImageAltText])])]), 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 : {
         type: "text",
         id: "k-editor-image-alt"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-alt",
       value: this.v3 ? attrs.alt : null,
       domProps: this.v3 ? undefined : {
@@ -127,7 +131,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.altTextRef = el;
       } : 'altText'
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-title",
@@ -136,13 +140,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageTitle, messages_1.messages[insertImageTitle])])]), 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 : {
         type: "text",
         id: "k-editor-image-title"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-title",
       value: this.v3 ? attrs.title : null,
       domProps: this.v3 ? undefined : {
@@ -151,7 +157,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.titleRef = el;
       } : 'title'
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-width",
@@ -160,13 +166,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageWidth, messages_1.messages[insertImageWidth])])]), 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 : {
         type: "text",
         id: "k-editor-image-width"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-width",
       value: this.v3 ? attrs.width : null,
       domProps: this.v3 ? undefined : {
@@ -175,7 +183,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.widthRef = el;
       } : 'width'
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-height",
@@ -184,13 +192,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageHeight, messages_1.messages[insertImageHeight])])]), 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 : {
         type: "text",
         id: "k-editor-image-height"
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       id: "k-editor-image-height",
       value: this.v3 ? attrs.height : null,
       domProps: this.v3 ? undefined : {
@@ -199,7 +209,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.heightRef = el;
       } : 'height'
-    })])]);
+    })])])]);
     var actionButtons = [// @ts-ignore function children
     h(kendo_vue_buttons_1.Button, {
       onClick: this.onClose,
@@ -291,6 +301,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 };