@progress/kendo-vue-editor 3.7.4-dev.202301120847 → 3.7.4-dev.202301131104

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 (20) hide show
  1. package/dist/cdn/js/kendo-vue-editor.js +1 -1
  2. package/dist/es/Editor.js +2 -2
  3. package/dist/es/dialogs/FindReplace.js +24 -8
  4. package/dist/es/dialogs/insertImage.js +27 -7
  5. package/dist/es/dialogs/insertLink.js +26 -9
  6. package/dist/es/dialogs/viewHtml.js +41 -15
  7. package/dist/es/package-metadata.js +1 -1
  8. package/dist/esm/Editor.js +2 -2
  9. package/dist/esm/dialogs/FindReplace.js +24 -8
  10. package/dist/esm/dialogs/insertImage.js +27 -7
  11. package/dist/esm/dialogs/insertLink.js +26 -9
  12. package/dist/esm/dialogs/viewHtml.js +41 -15
  13. package/dist/esm/package-metadata.js +1 -1
  14. package/dist/npm/Editor.js +2 -2
  15. package/dist/npm/dialogs/FindReplace.js +24 -8
  16. package/dist/npm/dialogs/insertImage.js +26 -6
  17. package/dist/npm/dialogs/insertLink.js +25 -8
  18. package/dist/npm/dialogs/viewHtml.js +40 -14
  19. package/dist/npm/package-metadata.js +1 -1
  20. package/package.json +12 -12
package/dist/es/Editor.js CHANGED
@@ -449,8 +449,8 @@ var EditorVue2 = {
449
449
  } : [renderTools.call(_this2, item, index)]) : renderTool.call(this, item, index);
450
450
  }, this);
451
451
  return h("div", {
452
- "class": classNames('k-widget k-editor', {
453
- 'k-resizable': this.$props.resizable
452
+ "class": classNames('k-editor', {
453
+ 'k-editor-resizable': this.$props.resizable
454
454
  }),
455
455
  dir: this.$props.dir,
456
456
  attrs: this.v3 ? undefined : {
package/dist/es/dialogs/FindReplace.js CHANGED
@@ -435,10 +435,14 @@ var FindAndReplaceDialogVue2 = {
435
435
  }, _this2.v3 ? function () {
436
436
  return [h("div", {
437
437
  "class": "k-edit-form-container"
438
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
438
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
439
+ "class": "k-actions k-hstack k-justify-content-end"
440
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')];
439
441
  } : [h("div", {
440
442
  "class": "k-edit-form-container"
441
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]),
443
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
444
+ "class": "k-actions k-hstack k-justify-content-end"
445
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')]),
442
446
  // @ts-ignore function children
443
447
  h(TabStripTab, {
444
448
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
@@ -512,10 +516,14 @@ var FindAndReplaceDialogVue2 = {
512
516
  }, _this2.v3 ? function () {
513
517
  return [h("div", {
514
518
  "class": "k-edit-form-container"
515
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
519
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
520
+ "class": "k-actions k-hstack k-justify-content-end"
521
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')];
516
522
  } : [h("div", {
517
523
  "class": "k-edit-form-container"
518
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
524
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
525
+ "class": "k-actions k-hstack k-justify-content-end"
526
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
519
527
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
520
528
  attrs: _this2.v3 ? undefined : {
521
529
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -598,10 +606,14 @@ var FindAndReplaceDialogVue2 = {
598
606
  }, _this2.v3 ? function () {
599
607
  return [h("div", {
600
608
  "class": "k-edit-form-container"
601
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
609
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
610
+ "class": "k-actions k-hstack k-justify-content-end"
611
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')];
602
612
  } : [h("div", {
603
613
  "class": "k-edit-form-container"
604
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
614
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
615
+ "class": "k-actions k-hstack k-justify-content-end"
616
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
605
617
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
606
618
  attrs: _this2.v3 ? undefined : {
607
619
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -669,10 +681,14 @@ var FindAndReplaceDialogVue2 = {
669
681
  }, _this2.v3 ? function () {
670
682
  return [h("div", {
671
683
  "class": "k-edit-form-container"
672
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
684
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
685
+ "class": "k-actions k-hstack k-justify-content-end"
686
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')];
673
687
  } : [h("div", {
674
688
  "class": "k-edit-form-container"
675
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
689
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
690
+ "class": "k-actions k-hstack k-justify-content-end"
691
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
676
692
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
677
693
  attrs: _this2.v3 ? undefined : {
678
694
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
package/dist/es/dialogs/insertImage.js CHANGED
@@ -3,7 +3,7 @@ import * as Vue from 'vue';
3
3
  var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
- import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
6
+ import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
7
7
  import { Button as KButton } from '@progress/kendo-vue-buttons';
8
8
  import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
9
9
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -239,23 +239,43 @@ var InsertImageDialogVue2 = {
239
239
  } : [localization.toLanguageString(insertImageInsert, messages[insertImageInsert])])];
240
240
  var dialog =
241
241
  // @ts-ignore function children
242
- h(Dialog, {
243
- title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
242
+ h(Window, {
243
+ initialWidth: 500,
244
244
  attrs: this.v3 ? undefined : {
245
+ initialWidth: 500,
246
+ initialHeight: 360,
247
+ windowClass: 'k-editor-window',
245
248
  title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
246
- closeIcon: true,
247
- dir: dir
249
+ dir: dir,
250
+ modal: true,
251
+ minimizeButton: function minimizeButton() {
252
+ return null;
253
+ },
254
+ maximizeButton: function maximizeButton() {
255
+ return null;
256
+ },
257
+ resizable: false
248
258
  },
259
+ initialHeight: 360,
260
+ windowClass: 'k-editor-window',
261
+ title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
249
262
  onClose: this.onClose,
250
263
  on: this.v3 ? undefined : {
251
264
  "close": this.onClose
252
265
  },
253
266
  key: "dialog",
254
- closeIcon: true,
255
267
  dir: dir,
256
268
  style: dir === 'rtl' ? {
257
269
  textAlign: 'right'
258
- } : undefined
270
+ } : undefined,
271
+ modal: true,
272
+ minimizeButton: function minimizeButton() {
273
+ return null;
274
+ },
275
+ maximizeButton: function maximizeButton() {
276
+ return null;
277
+ },
278
+ resizable: false
259
279
  }, this.v3 ? function () {
260
280
  return [content,
261
281
  // @ts-ignore function children
package/dist/es/dialogs/insertLink.js CHANGED
@@ -3,7 +3,7 @@ import * as Vue from 'vue';
3
3
  var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
- import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
6
+ import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
7
7
  import { Button as KButton } from '@progress/kendo-vue-buttons';
8
8
  import { getMark, applyLink } from '@progress/kendo-editor-common';
9
9
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -134,22 +134,39 @@ var InsertLinkDialogVue2 = {
134
134
  }, [localization.toLanguageString(insertHyperlinkNewWindow, messages[insertHyperlinkNewWindow])])])]);
135
135
  var dialog =
136
136
  // @ts-ignore function children
137
- h(Dialog, {
138
- title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
137
+ h(Window, {
138
+ initialWidth: 450,
139
139
  attrs: this.v3 ? undefined : {
140
+ initialWidth: 450,
141
+ initialHeight: 250,
142
+ windowClass: 'k-editor-window',
140
143
  title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
141
- closeIcon: true,
142
- dir: dir
144
+ dir: dir,
145
+ modal: true,
146
+ minimizeButton: function minimizeButton() {
147
+ return null;
148
+ },
149
+ maximizeButton: function maximizeButton() {
150
+ return null;
151
+ },
152
+ resizable: false
143
153
  },
154
+ initialHeight: 250,
155
+ windowClass: 'k-editor-window',
156
+ title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
144
157
  onClose: this.onClose,
145
158
  on: this.v3 ? undefined : {
146
159
  "close": this.onClose
147
160
  },
148
- closeIcon: true,
149
161
  dir: dir,
150
- style: dir === 'rtl' ? {
151
- textAlign: 'right'
152
- } : undefined
162
+ modal: true,
163
+ minimizeButton: function minimizeButton() {
164
+ return null;
165
+ },
166
+ maximizeButton: function maximizeButton() {
167
+ return null;
168
+ },
169
+ resizable: false
153
170
  }, this.v3 ? function () {
154
171
  return [content,
155
172
  // @ts-ignore function children
package/dist/es/dialogs/viewHtml.js CHANGED
@@ -3,8 +3,9 @@ import * as Vue from 'vue';
3
3
  var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
- import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
6
+ import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
7
7
  import { Button as KButton } from '@progress/kendo-vue-buttons';
8
+ import { TextArea } from '@progress/kendo-vue-inputs';
8
9
  import { getHtml, setHtml, indentHtml, trimWhitespace } from '@progress/kendo-editor-common';
9
10
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
10
11
  import { messages } from '../messages/main';
@@ -52,17 +53,22 @@ var ViewHtmlDialogVue2 = {
52
53
  viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
53
54
  viewHtmlCancel = _b.viewHtmlCancel,
54
55
  viewHtmlUpdate = _b.viewHtmlUpdate;
55
- var content = h("textarea", {
56
- "class": "k-textarea k-editor-textarea",
56
+ var content = h(TextArea, {
57
+ "class": "k-editor-textarea",
58
+ defaultValue: indentHtml(getHtml(view.state)),
59
+ attrs: this.v3 ? undefined : {
60
+ defaultValue: indentHtml(getHtml(view.state)),
61
+ autoFocus: true,
62
+ autoSize: false,
63
+ value: indentHtml(getHtml(view.state))
64
+ },
57
65
  style: {
58
- height: '280px',
59
- width: '490px'
66
+ height: '275px'
60
67
  },
68
+ autoFocus: true,
69
+ autoSize: false,
61
70
  ref: setRef(this, 'htmlArea'),
62
- value: this.v3 ? indentHtml(getHtml(view.state)) : null,
63
- domProps: this.v3 ? undefined : {
64
- "value": indentHtml(getHtml(view.state))
65
- }
71
+ value: indentHtml(getHtml(view.state))
66
72
  });
67
73
  var actionButtons = [
68
74
  // @ts-ignore function children
@@ -101,23 +107,43 @@ var ViewHtmlDialogVue2 = {
101
107
  } : [localization.toLanguageString(viewHtmlUpdate, messages[viewHtmlUpdate])])];
102
108
  var dialog =
103
109
  // @ts-ignore function children
104
- h(Dialog, {
105
- title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
110
+ h(Window, {
111
+ initialHeight: 400,
106
112
  attrs: this.v3 ? undefined : {
113
+ initialHeight: 400,
114
+ initialWidth: 500,
115
+ windowClass: 'k-editor-window',
107
116
  title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
108
- closeIcon: true,
109
- dir: dir
117
+ dir: dir,
118
+ modal: true,
119
+ minimizeButton: function minimizeButton() {
120
+ return null;
121
+ },
122
+ maximizeButton: function maximizeButton() {
123
+ return null;
124
+ },
125
+ resizable: false
110
126
  },
127
+ initialWidth: 500,
128
+ windowClass: 'k-editor-window',
129
+ title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
111
130
  onClose: this.onClose,
112
131
  on: this.v3 ? undefined : {
113
132
  "close": this.onClose
114
133
  },
115
134
  key: "dialog",
116
- closeIcon: true,
117
135
  dir: dir,
118
136
  style: dir === 'rtl' ? {
119
137
  textAlign: 'right'
120
- } : undefined
138
+ } : undefined,
139
+ modal: true,
140
+ minimizeButton: function minimizeButton() {
141
+ return null;
142
+ },
143
+ maximizeButton: function maximizeButton() {
144
+ return null;
145
+ },
146
+ resizable: false
121
147
  }, this.v3 ? function () {
122
148
  return [content,
123
149
  // @ts-ignore function children
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: 1673512324,
8
+ publishDate: 1673606993,
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
@@ -449,8 +449,8 @@ var EditorVue2 = {
449
449
  } : [renderTools.call(_this2, item, index)]) : renderTool.call(this, item, index);
450
450
  }, this);
451
451
  return h("div", {
452
- "class": classNames('k-widget k-editor', {
453
- 'k-resizable': this.$props.resizable
452
+ "class": classNames('k-editor', {
453
+ 'k-editor-resizable': this.$props.resizable
454
454
  }),
455
455
  dir: this.$props.dir,
456
456
  attrs: this.v3 ? undefined : {
package/dist/esm/dialogs/FindReplace.js CHANGED
@@ -435,10 +435,14 @@ var FindAndReplaceDialogVue2 = {
435
435
  }, _this2.v3 ? function () {
436
436
  return [h("div", {
437
437
  "class": "k-edit-form-container"
438
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
438
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
439
+ "class": "k-actions k-hstack k-justify-content-end"
440
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')];
439
441
  } : [h("div", {
440
442
  "class": "k-edit-form-container"
441
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]),
443
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
444
+ "class": "k-actions k-hstack k-justify-content-end"
445
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')]),
442
446
  // @ts-ignore function children
443
447
  h(TabStripTab, {
444
448
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
@@ -512,10 +516,14 @@ var FindAndReplaceDialogVue2 = {
512
516
  }, _this2.v3 ? function () {
513
517
  return [h("div", {
514
518
  "class": "k-edit-form-container"
515
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
519
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
520
+ "class": "k-actions k-hstack k-justify-content-end"
521
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')];
516
522
  } : [h("div", {
517
523
  "class": "k-edit-form-container"
518
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
524
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
525
+ "class": "k-actions k-hstack k-justify-content-end"
526
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
519
527
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
520
528
  attrs: _this2.v3 ? undefined : {
521
529
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -598,10 +606,14 @@ var FindAndReplaceDialogVue2 = {
598
606
  }, _this2.v3 ? function () {
599
607
  return [h("div", {
600
608
  "class": "k-edit-form-container"
601
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
609
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
610
+ "class": "k-actions k-hstack k-justify-content-end"
611
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')];
602
612
  } : [h("div", {
603
613
  "class": "k-edit-form-container"
604
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
614
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
615
+ "class": "k-actions k-hstack k-justify-content-end"
616
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
605
617
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
606
618
  attrs: _this2.v3 ? undefined : {
607
619
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
@@ -669,10 +681,14 @@ var FindAndReplaceDialogVue2 = {
669
681
  }, _this2.v3 ? function () {
670
682
  return [h("div", {
671
683
  "class": "k-edit-form-container"
672
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
684
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
685
+ "class": "k-actions k-hstack k-justify-content-end"
686
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')];
673
687
  } : [h("div", {
674
688
  "class": "k-edit-form-container"
675
- }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
689
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), h("div", {
690
+ "class": "k-actions k-hstack k-justify-content-end"
691
+ }), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
676
692
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
677
693
  attrs: _this2.v3 ? undefined : {
678
694
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
package/dist/esm/dialogs/insertImage.js CHANGED
@@ -3,7 +3,7 @@ import * as Vue from 'vue';
3
3
  var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
- import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
6
+ import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
7
7
  import { Button as KButton } from '@progress/kendo-vue-buttons';
8
8
  import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
9
9
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -239,23 +239,43 @@ var InsertImageDialogVue2 = {
239
239
  } : [localization.toLanguageString(insertImageInsert, messages[insertImageInsert])])];
240
240
  var dialog =
241
241
  // @ts-ignore function children
242
- h(Dialog, {
243
- title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
242
+ h(Window, {
243
+ initialWidth: 500,
244
244
  attrs: this.v3 ? undefined : {
245
+ initialWidth: 500,
246
+ initialHeight: 360,
247
+ windowClass: 'k-editor-window',
245
248
  title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
246
- closeIcon: true,
247
- dir: dir
249
+ dir: dir,
250
+ modal: true,
251
+ minimizeButton: function minimizeButton() {
252
+ return null;
253
+ },
254
+ maximizeButton: function maximizeButton() {
255
+ return null;
256
+ },
257
+ resizable: false
248
258
  },
259
+ initialHeight: 360,
260
+ windowClass: 'k-editor-window',
261
+ title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]),
249
262
  onClose: this.onClose,
250
263
  on: this.v3 ? undefined : {
251
264
  "close": this.onClose
252
265
  },
253
266
  key: "dialog",
254
- closeIcon: true,
255
267
  dir: dir,
256
268
  style: dir === 'rtl' ? {
257
269
  textAlign: 'right'
258
- } : undefined
270
+ } : undefined,
271
+ modal: true,
272
+ minimizeButton: function minimizeButton() {
273
+ return null;
274
+ },
275
+ maximizeButton: function maximizeButton() {
276
+ return null;
277
+ },
278
+ resizable: false
259
279
  }, this.v3 ? function () {
260
280
  return [content,
261
281
  // @ts-ignore function children
package/dist/esm/dialogs/insertLink.js CHANGED
@@ -3,7 +3,7 @@ import * as Vue from 'vue';
3
3
  var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
- import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
6
+ import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
7
7
  import { Button as KButton } from '@progress/kendo-vue-buttons';
8
8
  import { getMark, applyLink } from '@progress/kendo-editor-common';
9
9
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -134,22 +134,39 @@ var InsertLinkDialogVue2 = {
134
134
  }, [localization.toLanguageString(insertHyperlinkNewWindow, messages[insertHyperlinkNewWindow])])])]);
135
135
  var dialog =
136
136
  // @ts-ignore function children
137
- h(Dialog, {
138
- title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
137
+ h(Window, {
138
+ initialWidth: 450,
139
139
  attrs: this.v3 ? undefined : {
140
+ initialWidth: 450,
141
+ initialHeight: 250,
142
+ windowClass: 'k-editor-window',
140
143
  title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
141
- closeIcon: true,
142
- dir: dir
144
+ dir: dir,
145
+ modal: true,
146
+ minimizeButton: function minimizeButton() {
147
+ return null;
148
+ },
149
+ maximizeButton: function maximizeButton() {
150
+ return null;
151
+ },
152
+ resizable: false
143
153
  },
154
+ initialHeight: 250,
155
+ windowClass: 'k-editor-window',
156
+ title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]),
144
157
  onClose: this.onClose,
145
158
  on: this.v3 ? undefined : {
146
159
  "close": this.onClose
147
160
  },
148
- closeIcon: true,
149
161
  dir: dir,
150
- style: dir === 'rtl' ? {
151
- textAlign: 'right'
152
- } : undefined
162
+ modal: true,
163
+ minimizeButton: function minimizeButton() {
164
+ return null;
165
+ },
166
+ maximizeButton: function maximizeButton() {
167
+ return null;
168
+ },
169
+ resizable: false
153
170
  }, this.v3 ? function () {
154
171
  return [content,
155
172
  // @ts-ignore function children
package/dist/esm/dialogs/viewHtml.js CHANGED
@@ -3,8 +3,9 @@ import * as Vue from 'vue';
3
3
  var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
- import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
6
+ import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
7
7
  import { Button as KButton } from '@progress/kendo-vue-buttons';
8
+ import { TextArea } from '@progress/kendo-vue-inputs';
8
9
  import { getHtml, setHtml, indentHtml, trimWhitespace } from '@progress/kendo-editor-common';
9
10
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
10
11
  import { messages } from '../messages/main.js';
@@ -52,17 +53,22 @@ var ViewHtmlDialogVue2 = {
52
53
  viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
53
54
  viewHtmlCancel = _b.viewHtmlCancel,
54
55
  viewHtmlUpdate = _b.viewHtmlUpdate;
55
- var content = h("textarea", {
56
- "class": "k-textarea k-editor-textarea",
56
+ var content = h(TextArea, {
57
+ "class": "k-editor-textarea",
58
+ defaultValue: indentHtml(getHtml(view.state)),
59
+ attrs: this.v3 ? undefined : {
60
+ defaultValue: indentHtml(getHtml(view.state)),
61
+ autoFocus: true,
62
+ autoSize: false,
63
+ value: indentHtml(getHtml(view.state))
64
+ },
57
65
  style: {
58
- height: '280px',
59
- width: '490px'
66
+ height: '275px'
60
67
  },
68
+ autoFocus: true,
69
+ autoSize: false,
61
70
  ref: setRef(this, 'htmlArea'),
62
- value: this.v3 ? indentHtml(getHtml(view.state)) : null,
63
- domProps: this.v3 ? undefined : {
64
- "value": indentHtml(getHtml(view.state))
65
- }
71
+ value: indentHtml(getHtml(view.state))
66
72
  });
67
73
  var actionButtons = [
68
74
  // @ts-ignore function children
@@ -101,23 +107,43 @@ var ViewHtmlDialogVue2 = {
101
107
  } : [localization.toLanguageString(viewHtmlUpdate, messages[viewHtmlUpdate])])];
102
108
  var dialog =
103
109
  // @ts-ignore function children
104
- h(Dialog, {
105
- title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
110
+ h(Window, {
111
+ initialHeight: 400,
106
112
  attrs: this.v3 ? undefined : {
113
+ initialHeight: 400,
114
+ initialWidth: 500,
115
+ windowClass: 'k-editor-window',
107
116
  title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
108
- closeIcon: true,
109
- dir: dir
117
+ dir: dir,
118
+ modal: true,
119
+ minimizeButton: function minimizeButton() {
120
+ return null;
121
+ },
122
+ maximizeButton: function maximizeButton() {
123
+ return null;
124
+ },
125
+ resizable: false
110
126
  },
127
+ initialWidth: 500,
128
+ windowClass: 'k-editor-window',
129
+ title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]),
111
130
  onClose: this.onClose,
112
131
  on: this.v3 ? undefined : {
113
132
  "close": this.onClose
114
133
  },
115
134
  key: "dialog",
116
- closeIcon: true,
117
135
  dir: dir,
118
136
  style: dir === 'rtl' ? {
119
137
  textAlign: 'right'
120
- } : undefined
138
+ } : undefined,
139
+ modal: true,
140
+ minimizeButton: function minimizeButton() {
141
+ return null;
142
+ },
143
+ maximizeButton: function maximizeButton() {
144
+ return null;
145
+ },
146
+ resizable: false
121
147
  }, this.v3 ? function () {
122
148
  return [content,
123
149
  // @ts-ignore function children
package/dist/esm/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: 1673512324,
8
+ publishDate: 1673606993,
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/npm/Editor.js CHANGED
@@ -455,8 +455,8 @@ var EditorVue2 = {
455
455
  } : [renderTools.call(_this2, item, index)]) : renderTool.call(this, item, index);
456
456
  }, this);
457
457
  return h("div", {
458
- "class": (0, kendo_vue_common_1.classNames)('k-widget k-editor', {
459
- 'k-resizable': this.$props.resizable
458
+ "class": (0, kendo_vue_common_1.classNames)('k-editor', {
459
+ 'k-editor-resizable': this.$props.resizable
460
460
  }),
461
461
  dir: this.$props.dir,
462
462
  attrs: this.v3 ? undefined : {