@progress/kendo-vue-editor 3.7.4-dev.202301151601 → 3.7.4-dev.202301171215

package/dist/npm/dialogs/viewHtml.js

@@ -11,7 +11,6 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var main_1 = require("../messages/main");
@@ -31,13 +30,25 @@ var ViewHtmlDialogVue2 = {
     settings: Object,
     dir: String
   },
+  created: function created() {
+    this.textAreaId = (0, kendo_vue_common_1.guid)();
+  },
   inject: {
     kendoLocalizationService: {
       default: null
     }
   },
+  data: function data() {
+    var view = this.$props.view;
+    return {
+      textAreaValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
+    };
+  },
   mounted: function mounted() {
     this.htmlArea = (0, kendo_vue_common_1.getRef)(this, 'htmlArea');
+    if (this.htmlArea) {
+      this.htmlArea.focus();
+    }
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -51,7 +62,6 @@ var ViewHtmlDialogVue2 = {
     var _this = this;
     var h = gh || createElement;
     var _a = this.$props,
-      view = _a.view,
       settings = _a.settings,
       dir = _a.dir;
     var localization = (0, kendo_vue_intl_1.provideLocalizationService)(this);
@@ -59,23 +69,31 @@ var ViewHtmlDialogVue2 = {
       viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
       viewHtmlCancel = _b.viewHtmlCancel,
       viewHtmlUpdate = _b.viewHtmlUpdate;
-    var content = h(kendo_vue_inputs_1.TextArea, {
-      "class": "k-editor-textarea",
-      defaultValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)),
-      attrs: this.v3 ? undefined : {
-        defaultValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)),
-        autoFocus: true,
-        autoSize: false,
-        value: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
+    var content = h("span", {
+      "class": "k-input k-textarea k-input-md k-input-solid k-rounded-md k-editor-textarea"
+    }, [h("textarea", {
+      ref: (0, kendo_vue_common_1.setRef)(this, 'htmlArea'),
+      onInput: this.textAreaChange,
+      on: this.v3 ? undefined : {
+        "input": this.textAreaChange
       },
-      style: {
-        height: '275px'
+      value: this.v3 ? this.textAreaValue : null,
+      domProps: this.v3 ? undefined : {
+        "value": this.textAreaValue
       },
-      autoFocus: true,
-      autoSize: false,
-      ref: (0, kendo_vue_common_1.setRef)(this, 'htmlArea'),
-      value: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state))
-    });
+      id: this.textAreaId,
+      attrs: this.v3 ? undefined : {
+        id: this.textAreaId,
+        role: "textbox",
+        tabindex: "0",
+        "aria-multiline": "true"
+      },
+      role: "textbox",
+      "class": "k-input-inner !k-overflow-auto",
+      tabindex: "0",
+      "aria-multiline": "true",
+      style: "resize: none;"
+    })]);
     var actionButtons = [
     // @ts-ignore function children
     h(kendo_vue_buttons_1.Button, {
@@ -162,11 +180,14 @@ var ViewHtmlDialogVue2 = {
     return dialog;
   },
   methods: {
+    textAreaChange: function textAreaChange(e) {
+      this.textAreaValue = e.value;
+    },
     onUpdate: function onUpdate() {
       var _a = this.$props,
         view = _a.view,
         settings = _a.settings;
-      var html = (0, kendo_editor_common_1.trimWhitespace)(this.htmlArea ? this.htmlArea.value : '');
+      var html = (0, kendo_editor_common_1.trimWhitespace)(this.htmlArea ? this.textAreaValue : '');
       var preserveWhitespace = props_key_1.editorPropsKey.getState(view.state).preserveWhitespace;
       (0, kendo_editor_common_1.setHtml)(html, settings.commandName, {
         preserveWhitespace: preserveWhitespace

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-editor',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673797735,
+    publishDate: 1673956950,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-editor",
   "description": "Kendo UI for Vue Editor package",
-  "version": "3.7.4-dev.202301151601",
+  "version": "3.7.4-dev.202301171215",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -41,6 +41,7 @@
     "@progress/kendo-vue-buttons": "^3.6.0",
     "@progress/kendo-vue-dialogs": "^3.6.0",
     "@progress/kendo-vue-dropdowns": "^3.6.0",
+    "@progress/kendo-vue-form": "^3.6.0",
     "@progress/kendo-vue-inputs": "^3.6.0",
     "@progress/kendo-vue-intl": "^3.6.0",
     "@progress/kendo-vue-layout": "^3.6.0",
@@ -50,22 +51,22 @@
   },
   "dependencies": {
     "@progress/kendo-editor-common": "1.9.3",
-    "@progress/kendo-vue-common": "3.7.4-dev.202301151601"
+    "@progress/kendo-vue-common": "3.7.4-dev.202301171215"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-dialogs": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-form": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-inputs": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-layout": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-pdf": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202301151601",
-    "@progress/kendo-vue-upload": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-dialogs": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-form": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-inputs": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-layout": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-pdf": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301171215",
+    "@progress/kendo-vue-upload": "3.7.4-dev.202301171215",
     "prosemirror-markdown": "1.10.1",
     "prosemirror-tables": "^1.2.5"
   },