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

package/dist/es/dialogs/FindReplace.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -58,8 +57,8 @@ export interface FindAndReplaceDialogState {
 /**
  * @hidden
  */
-export interface FindAndReplaceDialogAll extends Vue, FindAndReplaceDialogMethods, FindAndReplaceDialogData, FindAndReplaceDialogComputed, FindAndReplaceDialogState {
+export interface FindAndReplaceDialogAll extends Vue2type, FindAndReplaceDialogMethods, FindAndReplaceDialogData, FindAndReplaceDialogComputed, FindAndReplaceDialogState {
 }
-declare let FindAndReplaceDialog: ComponentOptions<FindAndReplaceDialogAll, DefaultData<FindAndReplaceDialogData>, DefaultMethods<FindAndReplaceDialogAll>, FindAndReplaceDialogComputed, RecordPropsDefinition<FindAndReplaceDialogProps>>;
-declare const FindAndReplaceDialogVue3: DefineComponent<FindAndReplaceDialogProps, any, FindAndReplaceDialogData, FindAndReplaceDialogComputed, FindAndReplaceDialogMethods, {}, {}, {}, string, FindAndReplaceDialogProps, FindAndReplaceDialogProps, {}>;
-export { FindAndReplaceDialog, FindAndReplaceDialogVue3 };
+declare let FindAndReplaceDialogVue2: ComponentOptions<FindAndReplaceDialogAll, DefaultData<FindAndReplaceDialogData>, DefaultMethods<FindAndReplaceDialogAll>, FindAndReplaceDialogComputed, RecordPropsDefinition<FindAndReplaceDialogProps>>;
+declare const FindAndReplaceDialog: DefineComponent<FindAndReplaceDialogProps, any, FindAndReplaceDialogData, FindAndReplaceDialogComputed, FindAndReplaceDialogMethods, {}, {}, {}, string, FindAndReplaceDialogProps, FindAndReplaceDialogProps, {}>;
+export { FindAndReplaceDialog, FindAndReplaceDialogVue2 };

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,
@@ -134,7 +138,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",
@@ -156,7 +160,7 @@ var FindAndReplaceDialog = {
       },
       "class": "k-checkbox-label"
     }, [localization.toLanguageString(findReplaceMatchCase, 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",
@@ -178,7 +182,7 @@ var FindAndReplaceDialog = {
       },
       "class": "k-checkbox-label"
     }, [localization.toLanguageString(findReplaceMatchWord, 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",
@@ -200,7 +204,7 @@ var FindAndReplaceDialog = {
       },
       "class": "k-checkbox-label"
     }, [localization.toLanguageString(findReplaceMatchCyclic, 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",
@@ -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", {
@@ -251,6 +275,8 @@ var FindAndReplaceDialog = {
     }, [localization.toLanguageString(findReplaceFindWhat, 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 : {
@@ -259,7 +285,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
@@ -273,7 +299,7 @@ var FindAndReplaceDialog = {
       onFocus: this.onSearchChange,
       onKeydown: this.onKeyDown,
       autoFocus: true
-    })]);
+    })])]);
     var replaceWithLabel = h("div", {
       "class": "k-edit-label"
     }, [h("label", {
@@ -284,13 +310,15 @@ var FindAndReplaceDialog = {
     }, [localization.toLanguageString(findReplaceReplaceWith, 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 : {
@@ -300,7 +328,7 @@ var FindAndReplaceDialog = {
       on: this.v3 ? undefined : {
         "input": this.onReplaceChange
       }
-    })]);
+    })])]);
     return (// @ts-ignore function children
       h(Window, {
         title: localization.toLanguageString(findReplaceDialogTitle, messages[findReplaceDialogTitle]),
@@ -373,8 +401,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 +411,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 +423,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 +439,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 +450,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 +474,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 +483,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 +494,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 +510,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 +521,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 +558,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 +567,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 +578,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 +594,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 +605,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 +629,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 +638,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 +649,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 +665,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 +676,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 +831,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,
@@ -73,6 +73,8 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageAddress, 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 : {
@@ -80,7 +82,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 : {
@@ -90,7 +92,7 @@ var InsertImageDialog = {
         _this.srcRef = el;
       } : 'src',
       autoFocus: true
-    })]), h("div", {
+    })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {
       "for": "k-editor-image-alt",
@@ -99,13 +101,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageAltText, 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 : {
@@ -114,7 +118,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",
@@ -123,13 +127,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageTitle, 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 : {
@@ -138,7 +144,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",
@@ -147,13 +153,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageWidth, 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 : {
@@ -162,7 +170,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",
@@ -171,13 +179,15 @@ var InsertImageDialog = {
       }
     }, [localization.toLanguageString(insertImageHeight, 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 : {
@@ -186,7 +196,7 @@ var InsertImageDialog = {
       ref: this.v3 ? function (el) {
         _this.heightRef = el;
       } : 'height'
-    })])]);
+    })])])]);
     var actionButtons = [// @ts-ignore function children
     h(KButton, {
       onClick: this.onClose,
@@ -278,5 +288,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 };