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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/es/Editor.js CHANGED
@@ -350,8 +350,8 @@ var EditorVue2 = {
350
350
  style = _a.style;
351
351
  var view = this.getView();
352
352
 
353
- if (view) {
354
- var editorProps = editorPropsKey.getState(view.state);
353
+ if (this.view) {
354
+ var editorProps = editorPropsKey.getState(this.view.state);
355
355
  editorProps.preserveWhitespace = preserveWhitespace;
356
356
  }
357
357
 
@@ -499,7 +499,6 @@ var EditorVue2 = {
499
499
 
500
500
  if (this.v3) {
501
501
  this._view = view;
502
- this.$forceUpdate();
503
502
  }
504
503
  },
505
504
  iframeLoad: function iframeLoad() {
@@ -598,8 +597,7 @@ var EditorVue2 = {
598
597
  var _b = this.$props,
599
598
  _c = _b.defaultContent,
600
599
  defaultContent = _c === void 0 ? '' : _c,
601
- value = _b.value,
602
- onMount = _b.onMount;
600
+ value = _b.value;
603
601
  var doc = value && typeof value !== 'string' ? value : EditorUtils.createDocument(new Schema({
604
602
  nodes: nodes,
605
603
  marks: marks
@@ -7,7 +7,7 @@ import { EditorToolsSettings } from './../config/toolsSettings';
7
7
  import { TextSelection, EditorView } from '@progress/kendo-editor-common';
8
8
  interface FindAndReplaceDialogData {
9
9
  selectedTab: number;
10
- matches?: TextSelection<any>[];
10
+ matches: TextSelection<any>[];
11
11
  nextMatch?: TextSelection<any>;
12
12
  searchText: string;
13
13
  replaceText: string;
@@ -32,7 +32,8 @@ var FindAndReplaceDialogVue2 = {
32
32
  }
33
33
  },
34
34
  created: function created() {
35
- this.matches = undefined;
35
+ this._prevMatch = undefined;
36
+ this.nextMatch = undefined;
36
37
  },
37
38
  data: function data() {
38
39
  return {
@@ -43,24 +44,26 @@ var FindAndReplaceDialogVue2 = {
43
44
  matchWord: false,
44
45
  matchCyclic: false,
45
46
  useRegExp: false,
46
- nextMatch: undefined
47
+ matches: [],
48
+ hasMounted: false
47
49
  };
48
50
  },
49
51
  mounted: function mounted() {
50
52
  if (this.$el) {
51
53
  document.body.append(this.$el);
52
54
  }
55
+
56
+ this.setNextState();
57
+ this.hasMounted = true;
53
58
  },
54
59
 
55
60
  /**
56
61
  * @hidden
57
62
  */
58
63
  updated: function updated() {
64
+ var matches = this.matches || [];
65
+ var nextMatch = this.nextMatch;
59
66
  var view = this.$props.view;
60
- var _a = this.$data,
61
- _b = _a.matches,
62
- matches = _b === void 0 ? [] : _b,
63
- nextMatch = _a.nextMatch;
64
67
 
65
68
  if (this._prevMatch !== nextMatch) {
66
69
  var state = view.state; // highlight selection
@@ -92,11 +95,6 @@ var FindAndReplaceDialogVue2 = {
92
95
  this.$el.remove();
93
96
  }
94
97
  },
95
- watch: {
96
- nextMatch: function nextMatch(_newNextMatch, oldMatch) {
97
- this._prevMatch = oldMatch;
98
- }
99
- },
100
98
  // @ts-ignore
101
99
  setup: !gh ? undefined : function () {
102
100
  var v3 = !!gh;
@@ -226,80 +224,92 @@ var FindAndReplaceDialogVue2 = {
226
224
  },
227
225
  "class": "k-checkbox-label"
228
226
  }, [localization.toLanguageString(findReplaceUseRegExp, messages[findReplaceUseRegExp])])])]);
229
- var navigation = h("div", {
230
- "class": "k-matches-container"
231
- }, [// @ts-ignore function children
232
- h(Button, {
233
- fillMode: 'flat',
234
- attrs: this.v3 ? undefined : {
227
+
228
+ var navigation = function navigation(findWhatRef) {
229
+ return h("div", {
230
+ "class": "k-matches-container"
231
+ }, [// @ts-ignore function children
232
+ h(Button, {
235
233
  fillMode: 'flat',
236
- themeColor: 'primary'
237
- },
238
- themeColor: 'primary',
239
- onClick: this.onFindPrev,
240
- on: this.v3 ? undefined : {
241
- "click": this.onFindPrev
242
- }
243
- }, this.v3 ? function () {
244
- return [h("span", {
234
+ attrs: this.v3 ? undefined : {
235
+ fillMode: 'flat',
236
+ themeColor: 'primary'
237
+ },
238
+ themeColor: 'primary',
239
+ onClick: this.onFindPrev,
240
+ on: this.v3 ? undefined : {
241
+ "click": this.onFindPrev
242
+ }
243
+ }, this.v3 ? function () {
244
+ return [h("span", {
245
+ "class": "k-icon k-i-arrow-chevron-left"
246
+ }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])];
247
+ } : [h("span", {
245
248
  "class": "k-icon k-i-arrow-chevron-left"
246
- }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])];
247
- } : [h("span", {
248
- "class": "k-icon k-i-arrow-chevron-left"
249
- }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]), h("span", [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages[findReplaceMatches]))]), // @ts-ignore function children
250
- h(Button, {
251
- fillMode: 'flat',
252
- attrs: this.v3 ? undefined : {
249
+ }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]), this.hasMounted && h("span", {
250
+ ref: findWhatRef
251
+ }, [this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages[findReplaceMatches]))]), // @ts-ignore function children
252
+ h(Button, {
253
253
  fillMode: 'flat',
254
- themeColor: 'primary'
255
- },
256
- themeColor: 'primary',
257
- onClick: this.onFindNext,
258
- on: this.v3 ? undefined : {
259
- "click": this.onFindNext
260
- }
261
- }, this.v3 ? function () {
262
- return [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
254
+ attrs: this.v3 ? undefined : {
255
+ fillMode: 'flat',
256
+ themeColor: 'primary'
257
+ },
258
+ themeColor: 'primary',
259
+ onClick: this.onFindNext,
260
+ on: this.v3 ? undefined : {
261
+ "click": this.onFindNext
262
+ }
263
+ }, this.v3 ? function () {
264
+ return [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
265
+ "class": "k-icon k-i-arrow-chevron-right"
266
+ })];
267
+ } : [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
263
268
  "class": "k-icon k-i-arrow-chevron-right"
264
- })];
265
- } : [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
266
- "class": "k-icon k-i-arrow-chevron-right"
267
- })])]);
268
- var findWhatLabel = h("div", {
269
- "class": "k-edit-label"
270
- }, [h("label", {
271
- "for": "findWhat",
272
- attrs: this.v3 ? undefined : {
273
- "for": "findWhat"
274
- }
275
- }, [localization.toLanguageString(findReplaceFindWhat, messages[findReplaceFindWhat])])]);
276
- var findWhat = h("div", {
277
- "class": "k-edit-field"
278
- }, [h("span", {
279
- "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
280
- }, [h("input", {
281
- id: "findWhat",
282
- attrs: this.v3 ? undefined : {
283
- id: "findWhat",
269
+ })])]);
270
+ };
271
+
272
+ var findWhatLabel = function findWhatLabel(findWhatId) {
273
+ return h("div", {
274
+ "class": "k-edit-label"
275
+ }, [h("label", {
276
+ ref: findWhatId,
277
+ "for": findWhatId,
278
+ attrs: this.v3 ? undefined : {
279
+ "for": findWhatId
280
+ }
281
+ }, [localization.toLanguageString(findReplaceFindWhat, messages[findReplaceFindWhat])])]);
282
+ };
283
+
284
+ var findWhat = function findWhat(findWhatId) {
285
+ return h("div", {
286
+ "class": "k-edit-field"
287
+ }, [h("span", {
288
+ "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
289
+ }, [h("input", {
290
+ id: findWhatId,
291
+ attrs: this.v3 ? undefined : {
292
+ id: findWhatId,
293
+ type: "text"
294
+ },
295
+ ref: findWhatId,
284
296
  type: "text",
285
- autoFocus: true
286
- },
287
- type: "text",
288
- "class": "k-input-inner",
289
- value: this.v3 ? searchText : null,
290
- domProps: this.v3 ? undefined : {
291
- "value": searchText
292
- },
293
- onInput: this.onSearchChange,
294
- on: this.v3 ? undefined : {
295
- "input": this.onSearchChange,
296
- "focus": this.onSearchChange,
297
- "keydown": this.onKeyDown
298
- },
299
- onFocus: this.onSearchChange,
300
- onKeydown: this.onKeyDown,
301
- autoFocus: true
302
- })])]);
297
+ "class": "k-input-inner",
298
+ value: this.v3 ? searchText : null,
299
+ domProps: this.v3 ? undefined : {
300
+ "value": searchText
301
+ },
302
+ onInput: this.onSearchChange,
303
+ on: this.v3 ? undefined : {
304
+ "input": this.onSearchChange,
305
+ "focus": this.onSearchChange,
306
+ "keydown": this.onKeyDown
307
+ },
308
+ onFocus: this.onSearchChange,
309
+ onKeydown: this.onKeyDown
310
+ })])]);
311
+ };
312
+
303
313
  var replaceWithLabel = h("div", {
304
314
  "class": "k-edit-label"
305
315
  }, [h("label", {
@@ -387,10 +397,10 @@ var FindAndReplaceDialogVue2 = {
387
397
  }, _this.v3 ? function () {
388
398
  return [h("div", {
389
399
  "class": "k-edit-form-container"
390
- }, [findWhatLabel, findWhat]), checkboxes, navigation];
400
+ }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
391
401
  } : [h("div", {
392
402
  "class": "k-edit-form-container"
393
- }, [findWhatLabel, findWhat]), checkboxes, navigation]), // @ts-ignore function children
403
+ }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), // @ts-ignore function children
394
404
  h(TabStripTab, {
395
405
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
396
406
  attrs: _this.v3 ? undefined : {
@@ -399,7 +409,7 @@ var FindAndReplaceDialogVue2 = {
399
409
  }, _this.v3 ? function () {
400
410
  return [h("div", {
401
411
  "class": "k-edit-form-container"
402
- }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
412
+ }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
403
413
  "class": "k-actions k-hstack k-justify-content-end"
404
414
  }, [// @ts-ignore function children
405
415
  h(Button, {
@@ -425,10 +435,10 @@ var FindAndReplaceDialogVue2 = {
425
435
  }
426
436
  }, _this.v3 ? function () {
427
437
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
428
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
438
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
429
439
  } : [h("div", {
430
440
  "class": "k-edit-form-container"
431
- }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
441
+ }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
432
442
  "class": "k-actions k-hstack k-justify-content-end"
433
443
  }, [h(Button, {
434
444
  disabled: !Boolean(nextMatch),
@@ -452,7 +462,7 @@ var FindAndReplaceDialogVue2 = {
452
462
  }
453
463
  }, _this.v3 ? function () {
454
464
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
455
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
465
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
456
466
  } : [h(TabStripTab, {
457
467
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
458
468
  attrs: _this.v3 ? undefined : {
@@ -461,10 +471,10 @@ var FindAndReplaceDialogVue2 = {
461
471
  }, _this.v3 ? function () {
462
472
  return [h("div", {
463
473
  "class": "k-edit-form-container"
464
- }, [findWhatLabel, findWhat]), checkboxes, navigation];
474
+ }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
465
475
  } : [h("div", {
466
476
  "class": "k-edit-form-container"
467
- }, [findWhatLabel, findWhat]), checkboxes, navigation]), h(TabStripTab, {
477
+ }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
468
478
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
469
479
  attrs: _this.v3 ? undefined : {
470
480
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -472,7 +482,7 @@ var FindAndReplaceDialogVue2 = {
472
482
  }, _this.v3 ? function () {
473
483
  return [h("div", {
474
484
  "class": "k-edit-form-container"
475
- }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
485
+ }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
476
486
  "class": "k-actions k-hstack k-justify-content-end"
477
487
  }, [h(Button, {
478
488
  disabled: !Boolean(nextMatch),
@@ -496,10 +506,10 @@ var FindAndReplaceDialogVue2 = {
496
506
  }
497
507
  }, _this.v3 ? function () {
498
508
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
499
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
509
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
500
510
  } : [h("div", {
501
511
  "class": "k-edit-form-container"
502
- }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
512
+ }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
503
513
  "class": "k-actions k-hstack k-justify-content-end"
504
514
  }, [h(Button, {
505
515
  disabled: !Boolean(nextMatch),
@@ -523,7 +533,7 @@ var FindAndReplaceDialogVue2 = {
523
533
  }
524
534
  }, _this.v3 ? function () {
525
535
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
526
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])])];
536
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])];
527
537
  } : [h(TabStrip, {
528
538
  selected: _this.selectedTab,
529
539
  attrs: _this.v3 ? undefined : {
@@ -545,10 +555,10 @@ var FindAndReplaceDialogVue2 = {
545
555
  }, _this.v3 ? function () {
546
556
  return [h("div", {
547
557
  "class": "k-edit-form-container"
548
- }, [findWhatLabel, findWhat]), checkboxes, navigation];
558
+ }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
549
559
  } : [h("div", {
550
560
  "class": "k-edit-form-container"
551
- }, [findWhatLabel, findWhat]), checkboxes, navigation]), h(TabStripTab, {
561
+ }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
552
562
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
553
563
  attrs: _this.v3 ? undefined : {
554
564
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -556,7 +566,7 @@ var FindAndReplaceDialogVue2 = {
556
566
  }, _this.v3 ? function () {
557
567
  return [h("div", {
558
568
  "class": "k-edit-form-container"
559
- }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
569
+ }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
560
570
  "class": "k-actions k-hstack k-justify-content-end"
561
571
  }, [h(Button, {
562
572
  disabled: !Boolean(nextMatch),
@@ -580,10 +590,10 @@ var FindAndReplaceDialogVue2 = {
580
590
  }
581
591
  }, _this.v3 ? function () {
582
592
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
583
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
593
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
584
594
  } : [h("div", {
585
595
  "class": "k-edit-form-container"
586
- }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
596
+ }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
587
597
  "class": "k-actions k-hstack k-justify-content-end"
588
598
  }, [h(Button, {
589
599
  disabled: !Boolean(nextMatch),
@@ -607,7 +617,7 @@ var FindAndReplaceDialogVue2 = {
607
617
  }
608
618
  }, _this.v3 ? function () {
609
619
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
610
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])];
620
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
611
621
  } : [h(TabStripTab, {
612
622
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
613
623
  attrs: _this.v3 ? undefined : {
@@ -616,10 +626,10 @@ var FindAndReplaceDialogVue2 = {
616
626
  }, _this.v3 ? function () {
617
627
  return [h("div", {
618
628
  "class": "k-edit-form-container"
619
- }, [findWhatLabel, findWhat]), checkboxes, navigation];
629
+ }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
620
630
  } : [h("div", {
621
631
  "class": "k-edit-form-container"
622
- }, [findWhatLabel, findWhat]), checkboxes, navigation]), h(TabStripTab, {
632
+ }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
623
633
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
624
634
  attrs: _this.v3 ? undefined : {
625
635
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -627,7 +637,7 @@ var FindAndReplaceDialogVue2 = {
627
637
  }, _this.v3 ? function () {
628
638
  return [h("div", {
629
639
  "class": "k-edit-form-container"
630
- }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
640
+ }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
631
641
  "class": "k-actions k-hstack k-justify-content-end"
632
642
  }, [h(Button, {
633
643
  disabled: !Boolean(nextMatch),
@@ -651,10 +661,10 @@ var FindAndReplaceDialogVue2 = {
651
661
  }
652
662
  }, _this.v3 ? function () {
653
663
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
654
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation];
664
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
655
665
  } : [h("div", {
656
666
  "class": "k-edit-form-container"
657
- }, [findWhatLabel, findWhat, replaceWithLabel, replaceWith]), h("div", {
667
+ }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
658
668
  "class": "k-actions k-hstack k-justify-content-end"
659
669
  }, [h(Button, {
660
670
  disabled: !Boolean(nextMatch),
@@ -678,7 +688,7 @@ var FindAndReplaceDialogVue2 = {
678
688
  }
679
689
  }, _this.v3 ? function () {
680
690
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
681
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation])])])
691
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])])
682
692
  ); // document.body);
683
693
  },
684
694
  methods: {
@@ -741,7 +751,12 @@ var FindAndReplaceDialogVue2 = {
741
751
  var transaction = view.state.tr.setSelection(selectionResult);
742
752
  transaction.scrollIntoView();
743
753
  view.updateState(view.state.apply(transaction));
754
+ this._prevMatch = this.nextMatch;
744
755
  this.nextMatch = selectionResult;
756
+
757
+ if (this._prevMatch !== this.nextMatch) {
758
+ this.$forceUpdate();
759
+ }
745
760
  }
746
761
  },
747
762
  onReplace: function onReplace() {
@@ -822,10 +837,12 @@ var FindAndReplaceDialogVue2 = {
822
837
  var nextMatch = !this.searchText && matches[0] || matches.find(function (match) {
823
838
  return match.from >= selection_1.from;
824
839
  }) || this.matchCyclic && matches[0] || undefined;
840
+ this._prevMatch = this.nextMatch;
825
841
  this.matches = matches;
826
842
  this.nextMatch = nextMatch;
827
843
  } else {
828
- this.matches = undefined;
844
+ this._prevMatch = this.nextMatch;
845
+ this.matches = [];
829
846
  this.nextMatch = undefined;
830
847
  }
831
848
  }
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-editor',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1641982194,
8
+ publishDate: 1642086914,
9
9
  version: '',
10
10
  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'
11
11
  };
@@ -390,8 +390,8 @@ var EditorVue2 = {
390
390
  style = _a.style;
391
391
  var view = this.getView();
392
392
 
393
- if (view) {
394
- var editorProps = props_key_1.editorPropsKey.getState(view.state);
393
+ if (this.view) {
394
+ var editorProps = props_key_1.editorPropsKey.getState(this.view.state);
395
395
  editorProps.preserveWhitespace = preserveWhitespace;
396
396
  }
397
397
 
@@ -539,7 +539,6 @@ var EditorVue2 = {
539
539
 
540
540
  if (this.v3) {
541
541
  this._view = view;
542
- this.$forceUpdate();
543
542
  }
544
543
  },
545
544
  iframeLoad: function iframeLoad() {
@@ -638,8 +637,7 @@ var EditorVue2 = {
638
637
  var _b = this.$props,
639
638
  _c = _b.defaultContent,
640
639
  defaultContent = _c === void 0 ? '' : _c,
641
- value = _b.value,
642
- onMount = _b.onMount;
640
+ value = _b.value;
643
641
  var doc = value && typeof value !== 'string' ? value : utils_1.EditorUtils.createDocument(new kendo_editor_common_1.Schema({
644
642
  nodes: schema_1.nodes,
645
643
  marks: schema_1.marks
@@ -7,7 +7,7 @@ import { EditorToolsSettings } from './../config/toolsSettings';
7
7
  import { TextSelection, EditorView } from '@progress/kendo-editor-common';
8
8
  interface FindAndReplaceDialogData {
9
9
  selectedTab: number;
10
- matches?: TextSelection<any>[];
10
+ matches: TextSelection<any>[];
11
11
  nextMatch?: TextSelection<any>;
12
12
  searchText: string;
13
13
  replaceText: string;