@progress/kendo-vue-editor 3.7.4-dev.202301161618 → 3.8.0-dev.202301180727

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 (8) hide show
  1. package/dist/cdn/js/kendo-vue-editor.js +1 -1
  2. package/dist/es/dialogs/viewHtml.js +37 -17
  3. package/dist/es/package-metadata.js +1 -1
  4. package/dist/esm/dialogs/viewHtml.js +37 -17
  5. package/dist/esm/package-metadata.js +1 -1
  6. package/dist/npm/dialogs/viewHtml.js +36 -16
  7. package/dist/npm/package-metadata.js +1 -1
  8. package/package.json +12 -12
package/dist/es/dialogs/viewHtml.js CHANGED
@@ -5,12 +5,11 @@ var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
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';
9
8
  import { getHtml, setHtml, indentHtml, trimWhitespace } from '@progress/kendo-editor-common';
10
9
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
11
10
  import { messages } from '../messages/main';
12
11
  import { editorPropsKey } from './../utils/props-key';
13
- import { getRef, setRef } from '@progress/kendo-vue-common';
12
+ import { getRef, setRef, guid } from '@progress/kendo-vue-common';
14
13
  /**
15
14
  * @hidden
16
15
  */
@@ -25,11 +24,20 @@ var ViewHtmlDialogVue2 = {
25
24
  settings: Object,
26
25
  dir: String
27
26
  },
27
+ created: function created() {
28
+ this.textAreaId = guid();
29
+ },
28
30
  inject: {
29
31
  kendoLocalizationService: {
30
32
  default: null
31
33
  }
32
34
  },
35
+ data: function data() {
36
+ var view = this.$props.view;
37
+ return {
38
+ textAreaValue: indentHtml(getHtml(view.state))
39
+ };
40
+ },
33
41
  mounted: function mounted() {
34
42
  this.htmlArea = getRef(this, 'htmlArea');
35
43
  if (this.htmlArea) {
@@ -48,7 +56,6 @@ var ViewHtmlDialogVue2 = {
48
56
  var _this = this;
49
57
  var h = gh || createElement;
50
58
  var _a = this.$props,
51
- view = _a.view,
52
59
  settings = _a.settings,
53
60
  dir = _a.dir;
54
61
  var localization = provideLocalizationService(this);
@@ -56,21 +63,31 @@ var ViewHtmlDialogVue2 = {
56
63
  viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
57
64
  viewHtmlCancel = _b.viewHtmlCancel,
58
65
  viewHtmlUpdate = _b.viewHtmlUpdate;
59
- var content = h(TextArea, {
60
- "class": "k-editor-textarea",
61
- defaultValue: indentHtml(getHtml(view.state)),
62
- attrs: this.v3 ? undefined : {
63
- defaultValue: indentHtml(getHtml(view.state)),
64
- autoSize: false,
65
- value: indentHtml(getHtml(view.state))
66
+ var content = h("span", {
67
+ "class": "k-input k-textarea k-input-md k-input-solid k-rounded-md k-editor-textarea"
68
+ }, [h("textarea", {
69
+ ref: setRef(this, 'htmlArea'),
70
+ onInput: this.textAreaChange,
71
+ on: this.v3 ? undefined : {
72
+ "input": this.textAreaChange
66
73
  },
67
- style: {
68
- height: '275px'
74
+ value: this.v3 ? this.textAreaValue : null,
75
+ domProps: this.v3 ? undefined : {
76
+ "value": this.textAreaValue
69
77
  },
70
- autoSize: false,
71
- ref: setRef(this, 'htmlArea'),
72
- value: indentHtml(getHtml(view.state))
73
- });
78
+ id: this.textAreaId,
79
+ attrs: this.v3 ? undefined : {
80
+ id: this.textAreaId,
81
+ role: "textbox",
82
+ tabindex: "0",
83
+ "aria-multiline": "true"
84
+ },
85
+ role: "textbox",
86
+ "class": "k-input-inner !k-overflow-auto",
87
+ tabindex: "0",
88
+ "aria-multiline": "true",
89
+ style: "resize: none;"
90
+ })]);
74
91
  var actionButtons = [
75
92
  // @ts-ignore function children
76
93
  h(KButton, {
@@ -157,11 +174,14 @@ var ViewHtmlDialogVue2 = {
157
174
  return dialog;
158
175
  },
159
176
  methods: {
177
+ textAreaChange: function textAreaChange(e) {
178
+ this.textAreaValue = e.value;
179
+ },
160
180
  onUpdate: function onUpdate() {
161
181
  var _a = this.$props,
162
182
  view = _a.view,
163
183
  settings = _a.settings;
164
- var html = trimWhitespace(this.htmlArea ? this.htmlArea.value : '');
184
+ var html = trimWhitespace(this.htmlArea ? this.textAreaValue : '');
165
185
  var preserveWhitespace = editorPropsKey.getState(view.state).preserveWhitespace;
166
186
  setHtml(html, settings.commandName, {
167
187
  preserveWhitespace: preserveWhitespace
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: 1673885083,
8
+ publishDate: 1674026090,
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/dialogs/viewHtml.js CHANGED
@@ -5,12 +5,11 @@ var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
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';
9
8
  import { getHtml, setHtml, indentHtml, trimWhitespace } from '@progress/kendo-editor-common';
10
9
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
11
10
  import { messages } from '../messages/main.js';
12
11
  import { editorPropsKey } from './../utils/props-key.js';
13
- import { getRef, setRef } from '@progress/kendo-vue-common';
12
+ import { getRef, setRef, guid } from '@progress/kendo-vue-common';
14
13
  /**
15
14
  * @hidden
16
15
  */
@@ -25,11 +24,20 @@ var ViewHtmlDialogVue2 = {
25
24
  settings: Object,
26
25
  dir: String
27
26
  },
27
+ created: function created() {
28
+ this.textAreaId = guid();
29
+ },
28
30
  inject: {
29
31
  kendoLocalizationService: {
30
32
  default: null
31
33
  }
32
34
  },
35
+ data: function data() {
36
+ var view = this.$props.view;
37
+ return {
38
+ textAreaValue: indentHtml(getHtml(view.state))
39
+ };
40
+ },
33
41
  mounted: function mounted() {
34
42
  this.htmlArea = getRef(this, 'htmlArea');
35
43
  if (this.htmlArea) {
@@ -48,7 +56,6 @@ var ViewHtmlDialogVue2 = {
48
56
  var _this = this;
49
57
  var h = gh || createElement;
50
58
  var _a = this.$props,
51
- view = _a.view,
52
59
  settings = _a.settings,
53
60
  dir = _a.dir;
54
61
  var localization = provideLocalizationService(this);
@@ -56,21 +63,31 @@ var ViewHtmlDialogVue2 = {
56
63
  viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
57
64
  viewHtmlCancel = _b.viewHtmlCancel,
58
65
  viewHtmlUpdate = _b.viewHtmlUpdate;
59
- var content = h(TextArea, {
60
- "class": "k-editor-textarea",
61
- defaultValue: indentHtml(getHtml(view.state)),
62
- attrs: this.v3 ? undefined : {
63
- defaultValue: indentHtml(getHtml(view.state)),
64
- autoSize: false,
65
- value: indentHtml(getHtml(view.state))
66
+ var content = h("span", {
67
+ "class": "k-input k-textarea k-input-md k-input-solid k-rounded-md k-editor-textarea"
68
+ }, [h("textarea", {
69
+ ref: setRef(this, 'htmlArea'),
70
+ onInput: this.textAreaChange,
71
+ on: this.v3 ? undefined : {
72
+ "input": this.textAreaChange
66
73
  },
67
- style: {
68
- height: '275px'
74
+ value: this.v3 ? this.textAreaValue : null,
75
+ domProps: this.v3 ? undefined : {
76
+ "value": this.textAreaValue
69
77
  },
70
- autoSize: false,
71
- ref: setRef(this, 'htmlArea'),
72
- value: indentHtml(getHtml(view.state))
73
- });
78
+ id: this.textAreaId,
79
+ attrs: this.v3 ? undefined : {
80
+ id: this.textAreaId,
81
+ role: "textbox",
82
+ tabindex: "0",
83
+ "aria-multiline": "true"
84
+ },
85
+ role: "textbox",
86
+ "class": "k-input-inner !k-overflow-auto",
87
+ tabindex: "0",
88
+ "aria-multiline": "true",
89
+ style: "resize: none;"
90
+ })]);
74
91
  var actionButtons = [
75
92
  // @ts-ignore function children
76
93
  h(KButton, {
@@ -157,11 +174,14 @@ var ViewHtmlDialogVue2 = {
157
174
  return dialog;
158
175
  },
159
176
  methods: {
177
+ textAreaChange: function textAreaChange(e) {
178
+ this.textAreaValue = e.value;
179
+ },
160
180
  onUpdate: function onUpdate() {
161
181
  var _a = this.$props,
162
182
  view = _a.view,
163
183
  settings = _a.settings;
164
- var html = trimWhitespace(this.htmlArea ? this.htmlArea.value : '');
184
+ var html = trimWhitespace(this.htmlArea ? this.textAreaValue : '');
165
185
  var preserveWhitespace = editorPropsKey.getState(view.state).preserveWhitespace;
166
186
  setHtml(html, settings.commandName, {
167
187
  preserveWhitespace: preserveWhitespace
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: 1673885083,
8
+ publishDate: 1674026090,
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/dialogs/viewHtml.js CHANGED
@@ -11,7 +11,6 @@ var gh = allVue.h;
11
11
  var isV3 = allVue.version && allVue.version[0] === '3';
12
12
  var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
13
13
  var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
14
- var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
15
14
  var kendo_editor_common_1 = require("@progress/kendo-editor-common");
16
15
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
17
16
  var main_1 = require("../messages/main");
@@ -31,11 +30,20 @@ var ViewHtmlDialogVue2 = {
31
30
  settings: Object,
32
31
  dir: String
33
32
  },
33
+ created: function created() {
34
+ this.textAreaId = (0, kendo_vue_common_1.guid)();
35
+ },
34
36
  inject: {
35
37
  kendoLocalizationService: {
36
38
  default: null
37
39
  }
38
40
  },
41
+ data: function data() {
42
+ var view = this.$props.view;
43
+ return {
44
+ textAreaValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
45
+ };
46
+ },
39
47
  mounted: function mounted() {
40
48
  this.htmlArea = (0, kendo_vue_common_1.getRef)(this, 'htmlArea');
41
49
  if (this.htmlArea) {
@@ -54,7 +62,6 @@ var ViewHtmlDialogVue2 = {
54
62
  var _this = this;
55
63
  var h = gh || createElement;
56
64
  var _a = this.$props,
57
- view = _a.view,
58
65
  settings = _a.settings,
59
66
  dir = _a.dir;
60
67
  var localization = (0, kendo_vue_intl_1.provideLocalizationService)(this);
@@ -62,21 +69,31 @@ var ViewHtmlDialogVue2 = {
62
69
  viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
63
70
  viewHtmlCancel = _b.viewHtmlCancel,
64
71
  viewHtmlUpdate = _b.viewHtmlUpdate;
65
- var content = h(kendo_vue_inputs_1.TextArea, {
66
- "class": "k-editor-textarea",
67
- defaultValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)),
68
- attrs: this.v3 ? undefined : {
69
- defaultValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)),
70
- autoSize: false,
71
- value: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
72
+ var content = h("span", {
73
+ "class": "k-input k-textarea k-input-md k-input-solid k-rounded-md k-editor-textarea"
74
+ }, [h("textarea", {
75
+ ref: (0, kendo_vue_common_1.setRef)(this, 'htmlArea'),
76
+ onInput: this.textAreaChange,
77
+ on: this.v3 ? undefined : {
78
+ "input": this.textAreaChange
72
79
  },
73
- style: {
74
- height: '275px'
80
+ value: this.v3 ? this.textAreaValue : null,
81
+ domProps: this.v3 ? undefined : {
82
+ "value": this.textAreaValue
75
83
  },
76
- autoSize: false,
77
- ref: (0, kendo_vue_common_1.setRef)(this, 'htmlArea'),
78
- value: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
79
- });
84
+ id: this.textAreaId,
85
+ attrs: this.v3 ? undefined : {
86
+ id: this.textAreaId,
87
+ role: "textbox",
88
+ tabindex: "0",
89
+ "aria-multiline": "true"
90
+ },
91
+ role: "textbox",
92
+ "class": "k-input-inner !k-overflow-auto",
93
+ tabindex: "0",
94
+ "aria-multiline": "true",
95
+ style: "resize: none;"
96
+ })]);
80
97
  var actionButtons = [
81
98
  // @ts-ignore function children
82
99
  h(kendo_vue_buttons_1.Button, {
@@ -163,11 +180,14 @@ var ViewHtmlDialogVue2 = {
163
180
  return dialog;
164
181
  },
165
182
  methods: {
183
+ textAreaChange: function textAreaChange(e) {
184
+ this.textAreaValue = e.value;
185
+ },
166
186
  onUpdate: function onUpdate() {
167
187
  var _a = this.$props,
168
188
  view = _a.view,
169
189
  settings = _a.settings;
170
- var html = (0, kendo_editor_common_1.trimWhitespace)(this.htmlArea ? this.htmlArea.value : '');
190
+ var html = (0, kendo_editor_common_1.trimWhitespace)(this.htmlArea ? this.textAreaValue : '');
171
191
  var preserveWhitespace = props_key_1.editorPropsKey.getState(view.state).preserveWhitespace;
172
192
  (0, kendo_editor_common_1.setHtml)(html, settings.commandName, {
173
193
  preserveWhitespace: preserveWhitespace
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-editor',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1673885083,
11
+ publishDate: 1674026090,
12
12
  version: '',
13
13
  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'
14
14
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-editor",
3
3
  "description": "Kendo UI for Vue Editor package",
4
- "version": "3.7.4-dev.202301161618",
4
+ "version": "3.8.0-dev.202301180727",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -51,22 +51,22 @@
51
51
  },
52
52
  "dependencies": {
53
53
  "@progress/kendo-editor-common": "1.9.3",
54
- "@progress/kendo-vue-common": "3.7.4-dev.202301161618"
54
+ "@progress/kendo-vue-common": "3.8.0-dev.202301180727"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@progress/kendo-drawing": "^1.8.0",
58
58
  "@progress/kendo-licensing": "^1.3.0",
59
59
  "@progress/kendo-svg-icons": "^1.0.0",
60
- "@progress/kendo-vue-buttons": "3.7.4-dev.202301161618",
61
- "@progress/kendo-vue-dialogs": "3.7.4-dev.202301161618",
62
- "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301161618",
63
- "@progress/kendo-vue-form": "3.7.4-dev.202301161618",
64
- "@progress/kendo-vue-inputs": "3.7.4-dev.202301161618",
65
- "@progress/kendo-vue-intl": "3.7.4-dev.202301161618",
66
- "@progress/kendo-vue-layout": "3.7.4-dev.202301161618",
67
- "@progress/kendo-vue-pdf": "3.7.4-dev.202301161618",
68
- "@progress/kendo-vue-popup": "3.7.4-dev.202301161618",
69
- "@progress/kendo-vue-upload": "3.7.4-dev.202301161618",
60
+ "@progress/kendo-vue-buttons": "3.8.0-dev.202301180727",
61
+ "@progress/kendo-vue-dialogs": "3.8.0-dev.202301180727",
62
+ "@progress/kendo-vue-dropdowns": "3.8.0-dev.202301180727",
63
+ "@progress/kendo-vue-form": "3.8.0-dev.202301180727",
64
+ "@progress/kendo-vue-inputs": "3.8.0-dev.202301180727",
65
+ "@progress/kendo-vue-intl": "3.8.0-dev.202301180727",
66
+ "@progress/kendo-vue-layout": "3.8.0-dev.202301180727",
67
+ "@progress/kendo-vue-pdf": "3.8.0-dev.202301180727",
68
+ "@progress/kendo-vue-popup": "3.8.0-dev.202301180727",
69
+ "@progress/kendo-vue-upload": "3.8.0-dev.202301180727",
70
70
  "prosemirror-markdown": "1.10.1",
71
71
  "prosemirror-tables": "^1.2.5"
72
72
  },