@progress/kendo-vue-editor 3.7.4-dev.202211301436 → 3.7.4-dev.202212300853

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.
Files changed (12) hide show
  1. package/README.md +1 -1
  2. package/dist/cdn/js/kendo-vue-editor.js +1 -1
  3. package/dist/es/Editor.js +5 -2
  4. package/dist/es/dialogs/FindReplace.js +161 -147
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/esm/Editor.js +5 -2
  7. package/dist/esm/dialogs/FindReplace.js +161 -147
  8. package/dist/esm/package-metadata.js +1 -1
  9. package/dist/npm/Editor.js +5 -2
  10. package/dist/npm/dialogs/FindReplace.js +161 -147
  11. package/dist/npm/package-metadata.js +1 -1
  12. package/package.json +13 -13
package/dist/es/Editor.js CHANGED
@@ -350,14 +350,17 @@ var EditorVue2 = {
350
350
  defaultEditMode = _c === void 0 ? 'iframe' : _c,
351
351
  _d = _a.preserveWhitespace,
352
352
  preserveWhitespace = _d === void 0 ? 'full' : _d,
353
- style = _a.style;
353
+ style = _a.style,
354
+ value = _a.value;
354
355
  var view = this.getView();
355
356
  var ls = provideLocalizationService(this);
356
357
  if (this.view) {
357
358
  var editorProps = editorPropsKey.getState(this.view.state);
358
359
  editorProps.preserveWhitespace = preserveWhitespace;
359
360
  }
360
- var contentStyle = this.$props.contentStyle;
361
+ var cs = this.$props.contentStyle;
362
+ // vue 2 needs the value inside render in order to update correctly
363
+ var contentStyle = this.v3 ? cs : value ? cs : cs;
361
364
  if (contentStyle === undefined && (style || {}).height === undefined) {
362
365
  contentStyle = {
363
366
  height: '300px'
package/dist/es/dialogs/FindReplace.js CHANGED
@@ -11,6 +11,7 @@ import { messages } from '../messages/main';
11
11
  import { EditorToolsSettings } from './../config/toolsSettings';
12
12
  import { formatString } from './../tools/utils';
13
13
  import { find, replace, replaceAll, findAll, TextSelection, textHighlightKey, selectedLineTextOnly } from '@progress/kendo-editor-common';
14
+ import { Icon } from '@progress/kendo-vue-common';
14
15
  var enter = 13,
15
16
  esc = 27;
16
17
  var settings = EditorToolsSettings.findAndReplace;
@@ -114,7 +115,7 @@ var FindAndReplaceDialogVue2 = {
114
115
  },
115
116
  // @ts-ignore
116
117
  render: function render(createElement) {
117
- var _this = this;
118
+ var _this2 = this;
118
119
  var h = gh || createElement;
119
120
  var localization = provideLocalizationService(this);
120
121
  var _a = this.settings.messages,
@@ -232,6 +233,7 @@ var FindAndReplaceDialogVue2 = {
232
233
  "class": "k-checkbox-label"
233
234
  }, [localization.toLanguageString(findReplaceUseRegExp, messages[findReplaceUseRegExp])])])]);
234
235
  var navigation = function navigation(findWhatRef) {
236
+ var _this = this;
235
237
  var isRtl = this.$props.dir === 'rtl';
236
238
  var prevButton =
237
239
  // @ts-ignore function children
@@ -247,11 +249,17 @@ var FindAndReplaceDialogVue2 = {
247
249
  "click": this.onFindPrev
248
250
  }
249
251
  }, this.v3 ? function () {
250
- return [h("span", {
251
- "class": "k-icon k-i-chevron-".concat(isRtl ? 'right' : 'left')
252
+ return [h(Icon, {
253
+ name: "chevron-".concat(isRtl ? 'right' : 'left'),
254
+ attrs: _this.v3 ? undefined : {
255
+ name: "chevron-".concat(isRtl ? 'right' : 'left')
256
+ }
252
257
  }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])];
253
- } : [h("span", {
254
- "class": "k-icon k-i-chevron-".concat(isRtl ? 'right' : 'left')
258
+ } : [h(Icon, {
259
+ name: "chevron-".concat(isRtl ? 'right' : 'left'),
260
+ attrs: _this.v3 ? undefined : {
261
+ name: "chevron-".concat(isRtl ? 'right' : 'left')
262
+ }
255
263
  }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]);
256
264
  var nextButton =
257
265
  // @ts-ignore function children
@@ -267,11 +275,17 @@ var FindAndReplaceDialogVue2 = {
267
275
  "click": this.onFindNext
268
276
  }
269
277
  }, this.v3 ? function () {
270
- return [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
271
- "class": "k-icon k-i-chevron-".concat(isRtl ? 'left' : 'right')
278
+ return [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h(Icon, {
279
+ name: "chevron-".concat(isRtl ? 'left' : 'right'),
280
+ attrs: _this.v3 ? undefined : {
281
+ name: "chevron-".concat(isRtl ? 'left' : 'right')
282
+ }
272
283
  })];
273
- } : [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
274
- "class": "k-icon k-i-chevron-".concat(isRtl ? 'left' : 'right')
284
+ } : [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h(Icon, {
285
+ name: "chevron-".concat(isRtl ? 'left' : 'right'),
286
+ attrs: _this.v3 ? undefined : {
287
+ name: "chevron-".concat(isRtl ? 'left' : 'right')
288
+ }
275
289
  })]);
276
290
  return h("div", {
277
291
  "class": "k-matches-container"
@@ -388,327 +402,327 @@ var FindAndReplaceDialogVue2 = {
388
402
  return [
389
403
  // @ts-ignore function children
390
404
  h(TabStrip, {
391
- dir: _this.$props.dir,
392
- attrs: _this.v3 ? undefined : {
393
- dir: _this.$props.dir,
394
- selected: _this.selectedTab,
405
+ dir: _this2.$props.dir,
406
+ attrs: _this2.v3 ? undefined : {
407
+ dir: _this2.$props.dir,
408
+ selected: _this2.selectedTab,
395
409
  animation: false
396
410
  },
397
- selected: _this.selectedTab,
411
+ selected: _this2.selectedTab,
398
412
  "class": "k-editor-find-replace",
399
- onSelect: _this.onTabSelect,
400
- on: _this.v3 ? undefined : {
401
- "select": _this.onTabSelect
413
+ onSelect: _this2.onTabSelect,
414
+ on: _this2.v3 ? undefined : {
415
+ "select": _this2.onTabSelect
402
416
  },
403
417
  animation: false
404
- }, _this.v3 ? function () {
418
+ }, _this2.v3 ? function () {
405
419
  return [
406
420
  // @ts-ignore function children
407
421
  h(TabStripTab, {
408
422
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
409
- attrs: _this.v3 ? undefined : {
423
+ attrs: _this2.v3 ? undefined : {
410
424
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind])
411
425
  }
412
- }, _this.v3 ? function () {
426
+ }, _this2.v3 ? function () {
413
427
  return [h("div", {
414
428
  "class": "k-edit-form-container"
415
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
429
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
416
430
  } : [h("div", {
417
431
  "class": "k-edit-form-container"
418
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]),
432
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]),
419
433
  // @ts-ignore function children
420
434
  h(TabStripTab, {
421
435
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
422
- attrs: _this.v3 ? undefined : {
436
+ attrs: _this2.v3 ? undefined : {
423
437
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
424
438
  }
425
- }, _this.v3 ? function () {
439
+ }, _this2.v3 ? function () {
426
440
  return [h("div", {
427
441
  "class": "k-edit-form-container"
428
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
442
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
429
443
  "class": "k-actions k-hstack k-justify-content-end"
430
444
  }, [
431
445
  // @ts-ignore function children
432
446
  h(Button, {
433
447
  disabled: !Boolean(nextMatch),
434
- attrs: _this.v3 ? undefined : {
448
+ attrs: _this2.v3 ? undefined : {
435
449
  disabled: !Boolean(nextMatch)
436
450
  },
437
- onClick: _this.onReplace,
438
- on: _this.v3 ? undefined : {
439
- "click": _this.onReplace
451
+ onClick: _this2.onReplace,
452
+ on: _this2.v3 ? undefined : {
453
+ "click": _this2.onReplace
440
454
  }
441
- }, _this.v3 ? function () {
455
+ }, _this2.v3 ? function () {
442
456
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
443
457
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]),
444
458
  // @ts-ignore function children
445
459
  h(Button, {
446
460
  disabled: !Boolean(nextMatch),
447
- attrs: _this.v3 ? undefined : {
461
+ attrs: _this2.v3 ? undefined : {
448
462
  disabled: !Boolean(nextMatch)
449
463
  },
450
- onClick: _this.onReplaceAll,
451
- on: _this.v3 ? undefined : {
452
- "click": _this.onReplaceAll
464
+ onClick: _this2.onReplaceAll,
465
+ on: _this2.v3 ? undefined : {
466
+ "click": _this2.onReplaceAll
453
467
  }
454
- }, _this.v3 ? function () {
468
+ }, _this2.v3 ? function () {
455
469
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
456
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
470
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')];
457
471
  } : [h("div", {
458
472
  "class": "k-edit-form-container"
459
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
473
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
460
474
  "class": "k-actions k-hstack k-justify-content-end"
461
475
  }, [h(Button, {
462
476
  disabled: !Boolean(nextMatch),
463
- attrs: _this.v3 ? undefined : {
477
+ attrs: _this2.v3 ? undefined : {
464
478
  disabled: !Boolean(nextMatch)
465
479
  },
466
- onClick: _this.onReplace,
467
- on: _this.v3 ? undefined : {
468
- "click": _this.onReplace
480
+ onClick: _this2.onReplace,
481
+ on: _this2.v3 ? undefined : {
482
+ "click": _this2.onReplace
469
483
  }
470
- }, _this.v3 ? function () {
484
+ }, _this2.v3 ? function () {
471
485
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
472
486
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
473
487
  disabled: !Boolean(nextMatch),
474
- attrs: _this.v3 ? undefined : {
488
+ attrs: _this2.v3 ? undefined : {
475
489
  disabled: !Boolean(nextMatch)
476
490
  },
477
- onClick: _this.onReplaceAll,
478
- on: _this.v3 ? undefined : {
479
- "click": _this.onReplaceAll
491
+ onClick: _this2.onReplaceAll,
492
+ on: _this2.v3 ? undefined : {
493
+ "click": _this2.onReplaceAll
480
494
  }
481
- }, _this.v3 ? function () {
495
+ }, _this2.v3 ? function () {
482
496
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
483
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
497
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')])];
484
498
  } : [h(TabStripTab, {
485
499
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
486
- attrs: _this.v3 ? undefined : {
500
+ attrs: _this2.v3 ? undefined : {
487
501
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind])
488
502
  }
489
- }, _this.v3 ? function () {
503
+ }, _this2.v3 ? function () {
490
504
  return [h("div", {
491
505
  "class": "k-edit-form-container"
492
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
506
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
493
507
  } : [h("div", {
494
508
  "class": "k-edit-form-container"
495
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
509
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
496
510
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
497
- attrs: _this.v3 ? undefined : {
511
+ attrs: _this2.v3 ? undefined : {
498
512
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
499
513
  }
500
- }, _this.v3 ? function () {
514
+ }, _this2.v3 ? function () {
501
515
  return [h("div", {
502
516
  "class": "k-edit-form-container"
503
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
517
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
504
518
  "class": "k-actions k-hstack k-justify-content-end"
505
519
  }, [h(Button, {
506
520
  disabled: !Boolean(nextMatch),
507
- attrs: _this.v3 ? undefined : {
521
+ attrs: _this2.v3 ? undefined : {
508
522
  disabled: !Boolean(nextMatch)
509
523
  },
510
- onClick: _this.onReplace,
511
- on: _this.v3 ? undefined : {
512
- "click": _this.onReplace
524
+ onClick: _this2.onReplace,
525
+ on: _this2.v3 ? undefined : {
526
+ "click": _this2.onReplace
513
527
  }
514
- }, _this.v3 ? function () {
528
+ }, _this2.v3 ? function () {
515
529
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
516
530
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
517
531
  disabled: !Boolean(nextMatch),
518
- attrs: _this.v3 ? undefined : {
532
+ attrs: _this2.v3 ? undefined : {
519
533
  disabled: !Boolean(nextMatch)
520
534
  },
521
- onClick: _this.onReplaceAll,
522
- on: _this.v3 ? undefined : {
523
- "click": _this.onReplaceAll
535
+ onClick: _this2.onReplaceAll,
536
+ on: _this2.v3 ? undefined : {
537
+ "click": _this2.onReplaceAll
524
538
  }
525
- }, _this.v3 ? function () {
539
+ }, _this2.v3 ? function () {
526
540
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
527
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
541
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')];
528
542
  } : [h("div", {
529
543
  "class": "k-edit-form-container"
530
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
544
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
531
545
  "class": "k-actions k-hstack k-justify-content-end"
532
546
  }, [h(Button, {
533
547
  disabled: !Boolean(nextMatch),
534
- attrs: _this.v3 ? undefined : {
548
+ attrs: _this2.v3 ? undefined : {
535
549
  disabled: !Boolean(nextMatch)
536
550
  },
537
- onClick: _this.onReplace,
538
- on: _this.v3 ? undefined : {
539
- "click": _this.onReplace
551
+ onClick: _this2.onReplace,
552
+ on: _this2.v3 ? undefined : {
553
+ "click": _this2.onReplace
540
554
  }
541
- }, _this.v3 ? function () {
555
+ }, _this2.v3 ? function () {
542
556
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
543
557
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
544
558
  disabled: !Boolean(nextMatch),
545
- attrs: _this.v3 ? undefined : {
559
+ attrs: _this2.v3 ? undefined : {
546
560
  disabled: !Boolean(nextMatch)
547
561
  },
548
- onClick: _this.onReplaceAll,
549
- on: _this.v3 ? undefined : {
550
- "click": _this.onReplaceAll
562
+ onClick: _this2.onReplaceAll,
563
+ on: _this2.v3 ? undefined : {
564
+ "click": _this2.onReplaceAll
551
565
  }
552
- }, _this.v3 ? function () {
566
+ }, _this2.v3 ? function () {
553
567
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
554
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])];
568
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')])])];
555
569
  } : [h(TabStrip, {
556
- dir: _this.$props.dir,
557
- attrs: _this.v3 ? undefined : {
558
- dir: _this.$props.dir,
559
- selected: _this.selectedTab,
570
+ dir: _this2.$props.dir,
571
+ attrs: _this2.v3 ? undefined : {
572
+ dir: _this2.$props.dir,
573
+ selected: _this2.selectedTab,
560
574
  animation: false
561
575
  },
562
- selected: _this.selectedTab,
576
+ selected: _this2.selectedTab,
563
577
  "class": "k-editor-find-replace",
564
- onSelect: _this.onTabSelect,
565
- on: _this.v3 ? undefined : {
566
- "select": _this.onTabSelect
578
+ onSelect: _this2.onTabSelect,
579
+ on: _this2.v3 ? undefined : {
580
+ "select": _this2.onTabSelect
567
581
  },
568
582
  animation: false
569
- }, _this.v3 ? function () {
583
+ }, _this2.v3 ? function () {
570
584
  return [h(TabStripTab, {
571
585
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
572
- attrs: _this.v3 ? undefined : {
586
+ attrs: _this2.v3 ? undefined : {
573
587
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind])
574
588
  }
575
- }, _this.v3 ? function () {
589
+ }, _this2.v3 ? function () {
576
590
  return [h("div", {
577
591
  "class": "k-edit-form-container"
578
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
592
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
579
593
  } : [h("div", {
580
594
  "class": "k-edit-form-container"
581
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
595
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
582
596
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
583
- attrs: _this.v3 ? undefined : {
597
+ attrs: _this2.v3 ? undefined : {
584
598
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
585
599
  }
586
- }, _this.v3 ? function () {
600
+ }, _this2.v3 ? function () {
587
601
  return [h("div", {
588
602
  "class": "k-edit-form-container"
589
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
603
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
590
604
  "class": "k-actions k-hstack k-justify-content-end"
591
605
  }, [h(Button, {
592
606
  disabled: !Boolean(nextMatch),
593
- attrs: _this.v3 ? undefined : {
607
+ attrs: _this2.v3 ? undefined : {
594
608
  disabled: !Boolean(nextMatch)
595
609
  },
596
- onClick: _this.onReplace,
597
- on: _this.v3 ? undefined : {
598
- "click": _this.onReplace
610
+ onClick: _this2.onReplace,
611
+ on: _this2.v3 ? undefined : {
612
+ "click": _this2.onReplace
599
613
  }
600
- }, _this.v3 ? function () {
614
+ }, _this2.v3 ? function () {
601
615
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
602
616
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
603
617
  disabled: !Boolean(nextMatch),
604
- attrs: _this.v3 ? undefined : {
618
+ attrs: _this2.v3 ? undefined : {
605
619
  disabled: !Boolean(nextMatch)
606
620
  },
607
- onClick: _this.onReplaceAll,
608
- on: _this.v3 ? undefined : {
609
- "click": _this.onReplaceAll
621
+ onClick: _this2.onReplaceAll,
622
+ on: _this2.v3 ? undefined : {
623
+ "click": _this2.onReplaceAll
610
624
  }
611
- }, _this.v3 ? function () {
625
+ }, _this2.v3 ? function () {
612
626
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
613
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
627
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')];
614
628
  } : [h("div", {
615
629
  "class": "k-edit-form-container"
616
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
630
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
617
631
  "class": "k-actions k-hstack k-justify-content-end"
618
632
  }, [h(Button, {
619
633
  disabled: !Boolean(nextMatch),
620
- attrs: _this.v3 ? undefined : {
634
+ attrs: _this2.v3 ? undefined : {
621
635
  disabled: !Boolean(nextMatch)
622
636
  },
623
- onClick: _this.onReplace,
624
- on: _this.v3 ? undefined : {
625
- "click": _this.onReplace
637
+ onClick: _this2.onReplace,
638
+ on: _this2.v3 ? undefined : {
639
+ "click": _this2.onReplace
626
640
  }
627
- }, _this.v3 ? function () {
641
+ }, _this2.v3 ? function () {
628
642
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
629
643
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
630
644
  disabled: !Boolean(nextMatch),
631
- attrs: _this.v3 ? undefined : {
645
+ attrs: _this2.v3 ? undefined : {
632
646
  disabled: !Boolean(nextMatch)
633
647
  },
634
- onClick: _this.onReplaceAll,
635
- on: _this.v3 ? undefined : {
636
- "click": _this.onReplaceAll
648
+ onClick: _this2.onReplaceAll,
649
+ on: _this2.v3 ? undefined : {
650
+ "click": _this2.onReplaceAll
637
651
  }
638
- }, _this.v3 ? function () {
652
+ }, _this2.v3 ? function () {
639
653
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
640
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
654
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')])];
641
655
  } : [h(TabStripTab, {
642
656
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
643
- attrs: _this.v3 ? undefined : {
657
+ attrs: _this2.v3 ? undefined : {
644
658
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind])
645
659
  }
646
- }, _this.v3 ? function () {
660
+ }, _this2.v3 ? function () {
647
661
  return [h("div", {
648
662
  "class": "k-edit-form-container"
649
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
663
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
650
664
  } : [h("div", {
651
665
  "class": "k-edit-form-container"
652
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
666
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
653
667
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
654
- attrs: _this.v3 ? undefined : {
668
+ attrs: _this2.v3 ? undefined : {
655
669
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
656
670
  }
657
- }, _this.v3 ? function () {
671
+ }, _this2.v3 ? function () {
658
672
  return [h("div", {
659
673
  "class": "k-edit-form-container"
660
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
674
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
661
675
  "class": "k-actions k-hstack k-justify-content-end"
662
676
  }, [h(Button, {
663
677
  disabled: !Boolean(nextMatch),
664
- attrs: _this.v3 ? undefined : {
678
+ attrs: _this2.v3 ? undefined : {
665
679
  disabled: !Boolean(nextMatch)
666
680
  },
667
- onClick: _this.onReplace,
668
- on: _this.v3 ? undefined : {
669
- "click": _this.onReplace
681
+ onClick: _this2.onReplace,
682
+ on: _this2.v3 ? undefined : {
683
+ "click": _this2.onReplace
670
684
  }
671
- }, _this.v3 ? function () {
685
+ }, _this2.v3 ? function () {
672
686
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
673
687
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
674
688
  disabled: !Boolean(nextMatch),
675
- attrs: _this.v3 ? undefined : {
689
+ attrs: _this2.v3 ? undefined : {
676
690
  disabled: !Boolean(nextMatch)
677
691
  },
678
- onClick: _this.onReplaceAll,
679
- on: _this.v3 ? undefined : {
680
- "click": _this.onReplaceAll
692
+ onClick: _this2.onReplaceAll,
693
+ on: _this2.v3 ? undefined : {
694
+ "click": _this2.onReplaceAll
681
695
  }
682
- }, _this.v3 ? function () {
696
+ }, _this2.v3 ? function () {
683
697
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
684
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
698
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')];
685
699
  } : [h("div", {
686
700
  "class": "k-edit-form-container"
687
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
701
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
688
702
  "class": "k-actions k-hstack k-justify-content-end"
689
703
  }, [h(Button, {
690
704
  disabled: !Boolean(nextMatch),
691
- attrs: _this.v3 ? undefined : {
705
+ attrs: _this2.v3 ? undefined : {
692
706
  disabled: !Boolean(nextMatch)
693
707
  },
694
- onClick: _this.onReplace,
695
- on: _this.v3 ? undefined : {
696
- "click": _this.onReplace
708
+ onClick: _this2.onReplace,
709
+ on: _this2.v3 ? undefined : {
710
+ "click": _this2.onReplace
697
711
  }
698
- }, _this.v3 ? function () {
712
+ }, _this2.v3 ? function () {
699
713
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
700
714
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
701
715
  disabled: !Boolean(nextMatch),
702
- attrs: _this.v3 ? undefined : {
716
+ attrs: _this2.v3 ? undefined : {
703
717
  disabled: !Boolean(nextMatch)
704
718
  },
705
- onClick: _this.onReplaceAll,
706
- on: _this.v3 ? undefined : {
707
- "click": _this.onReplaceAll
719
+ onClick: _this2.onReplaceAll,
720
+ on: _this2.v3 ? undefined : {
721
+ "click": _this2.onReplaceAll
708
722
  }
709
- }, _this.v3 ? function () {
723
+ }, _this2.v3 ? function () {
710
724
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
711
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])])
725
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')])])])
712
726
  );
713
727
  // document.body);
714
728
  },
package/dist/es/package-metadata.js CHANGED
@@ -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: 1669818392,
8
+ publishDate: 1672389771,
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
  };
package/dist/esm/Editor.js CHANGED
@@ -350,14 +350,17 @@ var EditorVue2 = {
350
350
  defaultEditMode = _c === void 0 ? 'iframe' : _c,
351
351
  _d = _a.preserveWhitespace,
352
352
  preserveWhitespace = _d === void 0 ? 'full' : _d,
353
- style = _a.style;
353
+ style = _a.style,
354
+ value = _a.value;
354
355
  var view = this.getView();
355
356
  var ls = provideLocalizationService(this);
356
357
  if (this.view) {
357
358
  var editorProps = editorPropsKey.getState(this.view.state);
358
359
  editorProps.preserveWhitespace = preserveWhitespace;
359
360
  }
360
- var contentStyle = this.$props.contentStyle;
361
+ var cs = this.$props.contentStyle;
362
+ // vue 2 needs the value inside render in order to update correctly
363
+ var contentStyle = this.v3 ? cs : value ? cs : cs;
361
364
  if (contentStyle === undefined && (style || {}).height === undefined) {
362
365
  contentStyle = {
363
366
  height: '300px'