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

package/dist/esm/dialogs/viewHtml.js

@@ -5,12 +5,11 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { Window, DialogActionsBar } from '@progress/kendo-vue-dialogs';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
-import { TextArea } from '@progress/kendo-vue-inputs';
 import { getHtml, setHtml, indentHtml, trimWhitespace } from '@progress/kendo-editor-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages } from '../messages/main.js';
 import { editorPropsKey } from './../utils/props-key.js';
-import { getRef, setRef } from '@progress/kendo-vue-common';
+import { getRef, setRef, guid } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -25,13 +24,25 @@ var ViewHtmlDialogVue2 = {
     settings: Object,
     dir: String
   },
+  created: function created() {
+    this.textAreaId = guid();
+  },
   inject: {
     kendoLocalizationService: {
       default: null
     }
   },
+  data: function data() {
+    var view = this.$props.view;
+    return {
+      textAreaValue: indentHtml(getHtml(view.state))
+    };
+  },
   mounted: function mounted() {
     this.htmlArea = getRef(this, 'htmlArea');
+    if (this.htmlArea) {
+      this.htmlArea.focus();
+    }
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -45,7 +56,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 = provideLocalizationService(this);
@@ -53,23 +63,31 @@ var ViewHtmlDialogVue2 = {
       viewHtmlDialogTitle = _b.viewHtmlDialogTitle,
       viewHtmlCancel = _b.viewHtmlCancel,
       viewHtmlUpdate = _b.viewHtmlUpdate;
-    var content = h(TextArea, {
-      "class": "k-editor-textarea",
-      defaultValue: indentHtml(getHtml(view.state)),
-      attrs: this.v3 ? undefined : {
-        defaultValue: indentHtml(getHtml(view.state)),
-        autoFocus: true,
-        autoSize: false,
-        value: indentHtml(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: 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: setRef(this, 'htmlArea'),
-      value: indentHtml(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(KButton, {
@@ -156,11 +174,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 = trimWhitespace(this.htmlArea ? this.htmlArea.value : '');
+      var html = trimWhitespace(this.htmlArea ? this.textAreaValue : '');
       var preserveWhitespace = editorPropsKey.getState(view.state).preserveWhitespace;
       setHtml(html, settings.commandName, {
         preserveWhitespace: preserveWhitespace

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var 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'
 };