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

package/dist/npm/dialogs/FindReplace.js

@@ -32,6 +32,10 @@ var settings = toolsSettings_1.EditorToolsSettings.findAndReplace; // tslint:ena
 
 var FindAndReplaceDialogVue2 = {
   name: 'KendoFindAndReplaceDialog',
+  // @ts-ignore
+  emits: {
+    close: null
+  },
   props: {
     view: Object,
     settings: {
@@ -48,7 +52,8 @@ var FindAndReplaceDialogVue2 = {
     }
   },
   created: function created() {
-    this.matches = undefined;
+    this._prevMatch = undefined;
+    this.nextMatch = undefined;
   },
   data: function data() {
     return {
@@ -59,24 +64,33 @@ var FindAndReplaceDialogVue2 = {
       matchWord: false,
       matchCyclic: false,
       useRegExp: false,
-      nextMatch: undefined
+      matches: [],
+      hasMounted: false
     };
   },
   mounted: function mounted() {
     if (this.$el) {
       document.body.append(this.$el);
     }
+
+    this.setNextState();
+    this.hasMounted = true;
+    setTimeout(function () {
+      var findInput = document.getElementById('findWhatFind');
+
+      if (findInput) {
+        findInput.focus();
+      }
+    }, 10);
   },
 
   /**
    * @hidden
    */
   updated: function updated() {
+    var matches = this.matches || [];
+    var nextMatch = this.nextMatch;
     var view = this.$props.view;
-    var _a = this.$data,
-        _b = _a.matches,
-        matches = _b === void 0 ? [] : _b,
-        nextMatch = _a.nextMatch;
 
     if (this._prevMatch !== nextMatch) {
       var state = view.state; // highlight selection
@@ -108,11 +122,6 @@ var FindAndReplaceDialogVue2 = {
       this.$el.remove();
     }
   },
-  watch: {
-    nextMatch: function nextMatch(_newNextMatch, oldMatch) {
-      this._prevMatch = oldMatch;
-    }
-  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -242,80 +251,95 @@ var FindAndReplaceDialogVue2 = {
       },
       "class": "k-checkbox-label"
     }, [localization.toLanguageString(findReplaceUseRegExp, messages_1.messages[findReplaceUseRegExp])])])]);
-    var navigation = h("div", {
-      "class": "k-matches-container"
-    }, [// @ts-ignore function children
-    h(kendo_vue_buttons_1.Button, {
-      fillMode: 'flat',
-      attrs: this.v3 ? undefined : {
+
+    var navigation = function navigation(findWhatRef) {
+      var isRtl = this.$props.dir === 'rtl';
+      var prevButton = // @ts-ignore function children
+      h(kendo_vue_buttons_1.Button, {
         fillMode: 'flat',
-        themeColor: 'primary'
-      },
-      themeColor: 'primary',
-      onClick: this.onFindPrev,
-      on: this.v3 ? undefined : {
-        "click": this.onFindPrev
-      }
-    }, 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]))]), // @ts-ignore function children
-    h(kendo_vue_buttons_1.Button, {
-      fillMode: 'flat',
-      attrs: this.v3 ? undefined : {
+        attrs: this.v3 ? undefined : {
+          fillMode: 'flat',
+          themeColor: 'primary'
+        },
+        themeColor: 'primary',
+        onClick: this.onFindPrev,
+        on: this.v3 ? undefined : {
+          "click": this.onFindPrev
+        }
+      }, this.v3 ? function () {
+        return [h("span", {
+          "class": "k-icon k-i-arrow-chevron-" + (isRtl ? 'right' : 'left')
+        }), localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])];
+      } : [h("span", {
+        "class": "k-icon k-i-arrow-chevron-" + (isRtl ? 'right' : 'left')
+      }), localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])]);
+      var nextButton = // @ts-ignore function children
+      h(kendo_vue_buttons_1.Button, {
         fillMode: 'flat',
-        themeColor: 'primary'
-      },
-      themeColor: 'primary',
-      onClick: this.onFindNext,
-      on: this.v3 ? undefined : {
-        "click": this.onFindNext
-      }
-    }, 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", {
-      "class": "k-edit-label"
-    }, [h("label", {
-      "for": "findWhat",
-      attrs: this.v3 ? undefined : {
-        "for": "findWhat"
-      }
-    }, [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 : {
-        id: "findWhat",
+        attrs: this.v3 ? undefined : {
+          fillMode: 'flat',
+          themeColor: 'primary'
+        },
+        themeColor: 'primary',
+        onClick: this.onFindNext,
+        on: this.v3 ? undefined : {
+          "click": this.onFindNext
+        }
+      }, this.v3 ? function () {
+        return [localization.toLanguageString(findReplaceNextMatch, messages_1.messages[findReplaceNextMatch]), h("span", {
+          "class": "k-icon k-i-arrow-chevron-" + (isRtl ? 'left' : 'right')
+        })];
+      } : [localization.toLanguageString(findReplaceNextMatch, messages_1.messages[findReplaceNextMatch]), h("span", {
+        "class": "k-icon k-i-arrow-chevron-" + (isRtl ? 'left' : 'right')
+      })]);
+      return h("div", {
+        "class": "k-matches-container"
+      }, [prevButton, this.hasMounted && h("span", {
+        ref: findWhatRef
+      }, [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages_1.messages[findReplaceMatches]))]), nextButton]);
+    };
+
+    var findWhatLabel = function findWhatLabel(findWhatId) {
+      return h("div", {
+        "class": "k-edit-label"
+      }, [h("label", {
+        ref: findWhatId,
+        "for": findWhatId,
+        attrs: this.v3 ? undefined : {
+          "for": findWhatId
+        }
+      }, [localization.toLanguageString(findReplaceFindWhat, messages_1.messages[findReplaceFindWhat])])]);
+    };
+
+    var findWhat = function findWhat(findWhatId) {
+      return 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: findWhatId,
+        attrs: this.v3 ? undefined : {
+          id: findWhatId,
+          type: "text"
+        },
+        ref: findWhatId,
         type: "text",
-        autoFocus: true
-      },
-      type: "text",
-      "class": "k-input-inner",
-      value: this.v3 ? searchText : null,
-      domProps: this.v3 ? undefined : {
-        "value": searchText
-      },
-      onInput: this.onSearchChange,
-      on: this.v3 ? undefined : {
-        "input": this.onSearchChange,
-        "focus": this.onSearchChange,
-        "keydown": this.onKeyDown
-      },
-      onFocus: this.onSearchChange,
-      onKeydown: this.onKeyDown,
-      autoFocus: true
-    })])]);
+        "class": "k-input-inner",
+        value: this.v3 ? searchText : null,
+        domProps: this.v3 ? undefined : {
+          "value": searchText
+        },
+        onInput: this.onSearchChange,
+        on: this.v3 ? undefined : {
+          "input": this.onSearchChange,
+          "focus": this.onSearchChange,
+          "keydown": this.onKeyDown
+        },
+        onFocus: this.onSearchChange,
+        onKeydown: this.onKeyDown
+      })])]);
+    };
+
     var replaceWithLabel = h("div", {
       "class": "k-edit-label"
     }, [h("label", {
@@ -361,7 +385,8 @@ var FindAndReplaceDialogVue2 = {
           },
           maximizeButton: function maximizeButton() {
             return null;
-          }
+          },
+          dir: this.$props.dir
         },
         onClose: this.onClose,
         on: this.v3 ? undefined : {
@@ -378,15 +403,18 @@ var FindAndReplaceDialogVue2 = {
         },
         maximizeButton: function maximizeButton() {
           return null;
-        }
+        },
+        dir: this.$props.dir
       }, this.v3 ? function () {
         return [// @ts-ignore function children
         h(kendo_vue_layout_1.TabStrip, {
-          selected: _this.selectedTab,
+          dir: _this.$props.dir,
           attrs: _this.v3 ? undefined : {
+            dir: _this.$props.dir,
             selected: _this.selectedTab,
             animation: false
           },
+          selected: _this.selectedTab,
           "class": "k-editor-find-replace",
           onSelect: _this.onTabSelect,
           on: _this.v3 ? undefined : {
@@ -403,10 +431,10 @@ var FindAndReplaceDialogVue2 = {
           }, _this.v3 ? function () {
             return [h("div", {
               "class": "k-edit-form-container"
-            }, [findWhatLabel, findWhat]), checkboxes, navigation];
+            }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
           } : [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel, findWhat]), checkboxes, navigation]), // @ts-ignore function children
+          }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), // @ts-ignore function children
           h(kendo_vue_layout_1.TabStripTab, {
             title: localization.toLanguageString(findReplaceTabReplace, messages_1.messages[findReplaceTabReplace]),
             attrs: _this.v3 ? undefined : {
@@ -415,7 +443,7 @@ var FindAndReplaceDialogVue2 = {
           }, _this.v3 ? function () {
             return [h("div", {
               "class": "k-edit-form-container"
-            }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
+            }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
               "class": "k-actions k-hstack k-justify-content-end"
             }, [// @ts-ignore function children
             h(kendo_vue_buttons_1.Button, {
@@ -441,10 +469,10 @@ var FindAndReplaceDialogVue2 = {
               }
             }, _this.v3 ? function () {
               return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
-            } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+            } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
           } : [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
+          }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
             "class": "k-actions k-hstack k-justify-content-end"
           }, [h(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
@@ -468,7 +496,7 @@ var FindAndReplaceDialogVue2 = {
             }
           }, _this.v3 ? function () {
             return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
-          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
         } : [h(kendo_vue_layout_1.TabStripTab, {
           title: localization.toLanguageString(findReplaceTabFind, messages_1.messages[findReplaceTabFind]),
           attrs: _this.v3 ? undefined : {
@@ -477,10 +505,10 @@ var FindAndReplaceDialogVue2 = {
         }, _this.v3 ? function () {
           return [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel, findWhat]), checkboxes, navigation];
+          }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
         } : [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel, findWhat]), checkboxes, navigation]), h(kendo_vue_layout_1.TabStripTab, {
+        }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(kendo_vue_layout_1.TabStripTab, {
           title: localization.toLanguageString(findReplaceTabReplace, messages_1.messages[findReplaceTabReplace]),
           attrs: _this.v3 ? undefined : {
             title: localization.toLanguageString(findReplaceTabReplace, messages_1.messages[findReplaceTabReplace])
@@ -488,7 +516,7 @@ var FindAndReplaceDialogVue2 = {
         }, _this.v3 ? function () {
           return [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
+          }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
             "class": "k-actions k-hstack k-justify-content-end"
           }, [h(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
@@ -512,10 +540,10 @@ var FindAndReplaceDialogVue2 = {
             }
           }, _this.v3 ? function () {
             return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
-          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
         } : [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
+        }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
           "class": "k-actions k-hstack k-justify-content-end"
         }, [h(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
@@ -539,13 +567,15 @@ var FindAndReplaceDialogVue2 = {
           }
         }, _this.v3 ? function () {
           return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
-        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])])];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])];
       } : [h(kendo_vue_layout_1.TabStrip, {
-        selected: _this.selectedTab,
+        dir: _this.$props.dir,
         attrs: _this.v3 ? undefined : {
+          dir: _this.$props.dir,
           selected: _this.selectedTab,
           animation: false
         },
+        selected: _this.selectedTab,
         "class": "k-editor-find-replace",
         onSelect: _this.onTabSelect,
         on: _this.v3 ? undefined : {
@@ -561,10 +591,10 @@ var FindAndReplaceDialogVue2 = {
         }, _this.v3 ? function () {
           return [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel, findWhat]), checkboxes, navigation];
+          }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
         } : [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel, findWhat]), checkboxes, navigation]), h(kendo_vue_layout_1.TabStripTab, {
+        }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(kendo_vue_layout_1.TabStripTab, {
           title: localization.toLanguageString(findReplaceTabReplace, messages_1.messages[findReplaceTabReplace]),
           attrs: _this.v3 ? undefined : {
             title: localization.toLanguageString(findReplaceTabReplace, messages_1.messages[findReplaceTabReplace])
@@ -572,7 +602,7 @@ var FindAndReplaceDialogVue2 = {
         }, _this.v3 ? function () {
           return [h("div", {
             "class": "k-edit-form-container"
-          }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
+          }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
             "class": "k-actions k-hstack k-justify-content-end"
           }, [h(kendo_vue_buttons_1.Button, {
             disabled: !Boolean(nextMatch),
@@ -596,10 +626,10 @@ var FindAndReplaceDialogVue2 = {
             }
           }, _this.v3 ? function () {
             return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
-          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+          } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
         } : [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
+        }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
           "class": "k-actions k-hstack k-justify-content-end"
         }, [h(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
@@ -623,7 +653,7 @@ var FindAndReplaceDialogVue2 = {
           }
         }, _this.v3 ? function () {
           return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
-        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
       } : [h(kendo_vue_layout_1.TabStripTab, {
         title: localization.toLanguageString(findReplaceTabFind, messages_1.messages[findReplaceTabFind]),
         attrs: _this.v3 ? undefined : {
@@ -632,10 +662,10 @@ var FindAndReplaceDialogVue2 = {
       }, _this.v3 ? function () {
         return [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel, findWhat]), checkboxes, navigation];
+        }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
       } : [h("div", {
         "class": "k-edit-form-container"
-      }, [findWhatLabel, findWhat]), checkboxes, navigation]), h(kendo_vue_layout_1.TabStripTab, {
+      }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(kendo_vue_layout_1.TabStripTab, {
         title: localization.toLanguageString(findReplaceTabReplace, messages_1.messages[findReplaceTabReplace]),
         attrs: _this.v3 ? undefined : {
           title: localization.toLanguageString(findReplaceTabReplace, messages_1.messages[findReplaceTabReplace])
@@ -643,7 +673,7 @@ var FindAndReplaceDialogVue2 = {
       }, _this.v3 ? function () {
         return [h("div", {
           "class": "k-edit-form-container"
-        }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
+        }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
           "class": "k-actions k-hstack k-justify-content-end"
         }, [h(kendo_vue_buttons_1.Button, {
           disabled: !Boolean(nextMatch),
@@ -667,10 +697,10 @@ var FindAndReplaceDialogVue2 = {
           }
         }, _this.v3 ? function () {
           return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
-        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation];
+        } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
       } : [h("div", {
         "class": "k-edit-form-container"
-      }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
+      }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
         "class": "k-actions k-hstack k-justify-content-end"
       }, [h(kendo_vue_buttons_1.Button, {
         disabled: !Boolean(nextMatch),
@@ -694,7 +724,7 @@ var FindAndReplaceDialogVue2 = {
         }
       }, _this.v3 ? function () {
         return [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])];
-      } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation])])])
+      } : [localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])])
     ); //    document.body);
   },
   methods: {
@@ -757,7 +787,12 @@ var FindAndReplaceDialogVue2 = {
         var transaction = view.state.tr.setSelection(selectionResult);
         transaction.scrollIntoView();
         view.updateState(view.state.apply(transaction));
+        this._prevMatch = this.nextMatch;
         this.nextMatch = selectionResult;
+
+        if (this._prevMatch !== this.nextMatch) {
+          this.$forceUpdate();
+        }
       }
     },
     onReplace: function onReplace() {
@@ -838,10 +873,12 @@ var FindAndReplaceDialogVue2 = {
         var nextMatch = !this.searchText && matches[0] || matches.find(function (match) {
           return match.from >= selection_1.from;
         }) || this.matchCyclic && matches[0] || undefined;
+        this._prevMatch = this.nextMatch;
         this.matches = matches;
         this.nextMatch = nextMatch;
       } else {
-        this.matches = undefined;
+        this._prevMatch = this.nextMatch;
+        this.matches = [];
         this.nextMatch = undefined;
       }
     }

package/dist/npm/dialogs/insertImage.js

@@ -23,6 +23,10 @@ var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 var InsertImageDialogVue2 = {
   name: 'KendoInsertImageDialog',
+  // @ts-ignore
+  emits: {
+    close: null
+  },
   props: {
     view: Object,
     settings: Object,
@@ -39,6 +43,10 @@ var InsertImageDialogVue2 = {
     this.title = this.v3 ? this.titleRef : this.$refs.title;
     this.width = this.v3 ? this.widthRef : this.$refs.width;
     this.height = this.v3 ? this.heightRef : this.$refs.height;
+
+    if (this.src) {
+      this.src.focus();
+    }
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -92,8 +100,7 @@ var InsertImageDialogVue2 = {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
-        id: "k-editor-image-url",
-        autoFocus: true
+        id: "k-editor-image-url"
       },
       "class": "k-input-inner",
       id: "k-editor-image-url",
@@ -103,8 +110,7 @@ var InsertImageDialogVue2 = {
       },
       ref: this.v3 ? function (el) {
         _this.srcRef = el;
-      } : 'src',
-      autoFocus: true
+      } : 'src'
     })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {

package/dist/npm/dialogs/insertLink.js

@@ -23,6 +23,10 @@ var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 var InsertLinkDialogVue2 = {
   name: 'KendoInsertLinkDialog',
+  // @ts-ignore
+  emits: {
+    close: null
+  },
   props: {
     view: Object,
     settings: Object,
@@ -44,6 +48,10 @@ var InsertLinkDialogVue2 = {
     this.href = this.v3 ? this.hrefRef : this.$refs.href;
     this.title = this.v3 ? this.titleRef : this.$refs.title;
     this.target = this.v3 ? this.targetRef : this.$refs.target;
+
+    if (this.href) {
+      this.href.focus();
+    }
   },
   // @ts-ignore
   render: function render(createElement) {
@@ -82,8 +90,7 @@ var InsertLinkDialogVue2 = {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
-        id: "k-editor-link-url",
-        autoFocus: true
+        id: "k-editor-link-url"
       },
       "class": "k-input-inner",
       ref: this.v3 ? function (el) {
@@ -93,8 +100,7 @@ var InsertLinkDialogVue2 = {
       value: this.v3 ? linkMark && linkMark.attrs.href || undefined : null,
       domProps: this.v3 ? undefined : {
         "value": linkMark && linkMark.attrs.href || undefined
-      },
-      autoFocus: true
+      }
     })])]), h("div", {
       "class": "k-edit-label k-editor-link-text-row"
     }, [h("label", {

package/dist/npm/dialogs/viewHtml.js

@@ -73,10 +73,6 @@ var ViewHtmlDialogVue2 = {
       value: this.v3 ? kendo_editor_common_1.indentHtml(kendo_editor_common_1.getHtml(view.state)) : null,
       domProps: this.v3 ? undefined : {
         "value": kendo_editor_common_1.indentHtml(kendo_editor_common_1.getHtml(view.state))
-      },
-      autoFocus: true,
-      attrs: this.v3 ? undefined : {
-        autoFocus: true
       }
     });
     var actionButtons = [// @ts-ignore function children

package/dist/npm/main.d.ts

@@ -163,4 +163,23 @@ export declare const ProseMirror: {
     goToNextCell: typeof goToNextCell;
     deleteTable: typeof deleteTable;
 };
+export { Align } from './tools/align';
+export { Indent } from './tools/indent';
+export { List } from './tools/lists';
+export { Outdent } from './tools/outdent';
+export { InlineFormat } from './tools/inlineFormat';
+export { FontName } from './tools/fontStyle';
+export { FormatBlock } from './tools/formatBlock';
+export { ProseMirror as ProseMirrorTool } from './tools/proseMirrorTool';
+export { LinkTool } from './tools/insertLink';
+export { Unlink } from './tools/unlink';
+export { CleanFormatting } from './tools/cleanFormatting';
+export { SelectAll } from './tools/selectAll';
+export { InsertImage } from './tools/insertImage';
+export { InsertTable } from './tools/insertTable/tool';
+export { ViewHtml } from './tools/viewHtml';
+export { Pdf } from './tools/pdf';
+export { Print } from './tools/print';
+export { FindAndReplace } from './tools/findReplace';
+export { ApplyColor } from './tools/applyColor';
 export { Editor, EditorProps, EditorMountEvent, EditorPasteEvent, EditorChangeEvent, EditorExecuteEvent, EditorFocusEvent, EditorBlurEvent, EditorTools, EditorToolsSettings, EditorUtils };

package/dist/npm/main.js

@@ -89,3 +89,41 @@ exports.ProseMirror = {
     goToNextCell: kendo_editor_common_1.goToNextCell,
     deleteTable: kendo_editor_common_1.deleteTable
 };
+var align_1 = require("./tools/align");
+Object.defineProperty(exports, "Align", { enumerable: true, get: function () { return align_1.Align; } });
+var indent_1 = require("./tools/indent");
+Object.defineProperty(exports, "Indent", { enumerable: true, get: function () { return indent_1.Indent; } });
+var lists_1 = require("./tools/lists");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return lists_1.List; } });
+var outdent_1 = require("./tools/outdent");
+Object.defineProperty(exports, "Outdent", { enumerable: true, get: function () { return outdent_1.Outdent; } });
+var inlineFormat_1 = require("./tools/inlineFormat");
+Object.defineProperty(exports, "InlineFormat", { enumerable: true, get: function () { return inlineFormat_1.InlineFormat; } });
+var fontStyle_1 = require("./tools/fontStyle");
+Object.defineProperty(exports, "FontName", { enumerable: true, get: function () { return fontStyle_1.FontName; } });
+var formatBlock_1 = require("./tools/formatBlock");
+Object.defineProperty(exports, "FormatBlock", { enumerable: true, get: function () { return formatBlock_1.FormatBlock; } });
+var proseMirrorTool_1 = require("./tools/proseMirrorTool");
+Object.defineProperty(exports, "ProseMirrorTool", { enumerable: true, get: function () { return proseMirrorTool_1.ProseMirror; } });
+var insertLink_1 = require("./tools/insertLink");
+Object.defineProperty(exports, "LinkTool", { enumerable: true, get: function () { return insertLink_1.LinkTool; } });
+var unlink_1 = require("./tools/unlink");
+Object.defineProperty(exports, "Unlink", { enumerable: true, get: function () { return unlink_1.Unlink; } });
+var cleanFormatting_1 = require("./tools/cleanFormatting");
+Object.defineProperty(exports, "CleanFormatting", { enumerable: true, get: function () { return cleanFormatting_1.CleanFormatting; } });
+var selectAll_1 = require("./tools/selectAll");
+Object.defineProperty(exports, "SelectAll", { enumerable: true, get: function () { return selectAll_1.SelectAll; } });
+var insertImage_1 = require("./tools/insertImage");
+Object.defineProperty(exports, "InsertImage", { enumerable: true, get: function () { return insertImage_1.InsertImage; } });
+var tool_1 = require("./tools/insertTable/tool");
+Object.defineProperty(exports, "InsertTable", { enumerable: true, get: function () { return tool_1.InsertTable; } });
+var viewHtml_1 = require("./tools/viewHtml");
+Object.defineProperty(exports, "ViewHtml", { enumerable: true, get: function () { return viewHtml_1.ViewHtml; } });
+var pdf_1 = require("./tools/pdf");
+Object.defineProperty(exports, "Pdf", { enumerable: true, get: function () { return pdf_1.Pdf; } });
+var print_1 = require("./tools/print");
+Object.defineProperty(exports, "Print", { enumerable: true, get: function () { return print_1.Print; } });
+var findReplace_1 = require("./tools/findReplace");
+Object.defineProperty(exports, "FindAndReplace", { enumerable: true, get: function () { return findReplace_1.FindAndReplace; } });
+var applyColor_1 = require("./tools/applyColor");
+Object.defineProperty(exports, "ApplyColor", { enumerable: true, get: function () { return applyColor_1.ApplyColor; } });

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: 1641982194,
+    publishDate: 1642407570,
     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'
 };