@progress/kendo-vue-editor 3.0.0-dev.202201161025 → 3.0.0-dev.202201170830

package/dist/npm/dialogs/insertImage.js

@@ -23,6 +23,10 @@ var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 var InsertImageDialogVue2 = {
   name: 'KendoInsertImageDialog',
+  // @ts-ignore
+  emits: {
+    close: null
+  },
   props: {
     view: Object,
     settings: Object,
@@ -39,6 +43,10 @@ var InsertImageDialogVue2 = {
     this.title = this.v3 ? this.titleRef : this.$refs.title;
     this.width = this.v3 ? this.widthRef : this.$refs.width;
     this.height = this.v3 ? this.heightRef : this.$refs.height;
+
+    if (this.src) {
+      this.src.focus();
+    }
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -92,8 +100,7 @@ var InsertImageDialogVue2 = {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
-        id: "k-editor-image-url",
-        autoFocus: true
+        id: "k-editor-image-url"
       },
       "class": "k-input-inner",
       id: "k-editor-image-url",
@@ -103,8 +110,7 @@ var InsertImageDialogVue2 = {
       },
       ref: this.v3 ? function (el) {
         _this.srcRef = el;
-      } : 'src',
-      autoFocus: true
+      } : 'src'
     })])]), h("div", {
       "class": "k-edit-label"
     }, [h("label", {

package/dist/npm/dialogs/insertLink.js

@@ -23,6 +23,10 @@ var messages_1 = require("./../messages"); // tslint:enable:max-line-length
 
 var InsertLinkDialogVue2 = {
   name: 'KendoInsertLinkDialog',
+  // @ts-ignore
+  emits: {
+    close: null
+  },
   props: {
     view: Object,
     settings: Object,
@@ -44,6 +48,10 @@ var InsertLinkDialogVue2 = {
     this.href = this.v3 ? this.hrefRef : this.$refs.href;
     this.title = this.v3 ? this.titleRef : this.$refs.title;
     this.target = this.v3 ? this.targetRef : this.$refs.target;
+
+    if (this.href) {
+      this.href.focus();
+    }
   },
   // @ts-ignore
   render: function render(createElement) {
@@ -82,8 +90,7 @@ var InsertLinkDialogVue2 = {
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text",
-        id: "k-editor-link-url",
-        autoFocus: true
+        id: "k-editor-link-url"
       },
       "class": "k-input-inner",
       ref: this.v3 ? function (el) {
@@ -93,8 +100,7 @@ var InsertLinkDialogVue2 = {
       value: this.v3 ? linkMark && linkMark.attrs.href || undefined : null,
       domProps: this.v3 ? undefined : {
         "value": linkMark && linkMark.attrs.href || undefined
-      },
-      autoFocus: true
+      }
     })])]), h("div", {
       "class": "k-edit-label k-editor-link-text-row"
     }, [h("label", {

package/dist/npm/dialogs/viewHtml.js

@@ -73,10 +73,6 @@ var ViewHtmlDialogVue2 = {
       value: this.v3 ? kendo_editor_common_1.indentHtml(kendo_editor_common_1.getHtml(view.state)) : null,
       domProps: this.v3 ? undefined : {
         "value": kendo_editor_common_1.indentHtml(kendo_editor_common_1.getHtml(view.state))
-      },
-      autoFocus: true,
-      attrs: this.v3 ? undefined : {
-        autoFocus: true
       }
     });
     var actionButtons = [// @ts-ignore function children

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: 1642328162,
+    publishDate: 1642407570,
     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/dist/npm/tools/fontStyle.js

@@ -57,8 +57,6 @@ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
 
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var utils_1 = require("./utils");
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
@@ -91,30 +89,6 @@ var FontNameVue2 = {
       v3: v3
     };
   },
-  data: function data() {
-    return {
-      currentValue: null,
-      currentOpened: false
-    };
-  },
-  computed: {
-    computedValue: function computedValue() {
-      var _a = this.$props,
-          view = _a.view,
-          settings = _a.settings,
-          dataItems = _a.dataItems;
-      var style = settings.style;
-      var items = dataItems || settings.items;
-      var styles = view ? kendo_editor_common_1.getInlineStyles(view.state, {
-        name: style,
-        value: /^.+$/
-      }) : [];
-      var value = new Set(styles).size === 1 ? styles[0] : null;
-      return this.currentValue ? this.currentValue : value ? items.find(function (i) {
-        return i.value === value;
-      }) : value;
-    }
-  },
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
@@ -127,6 +101,12 @@ var FontNameVue2 = {
         defaultItemProps = _a.defaultItem,
         other = __rest(_a, ["view", "render", "dataItems", "settings", "defaultItem"]);
 
+    var style = settings.style;
+    var styles = view ? kendo_editor_common_1.getInlineStyles(view.state, {
+      name: style,
+      value: /^.+$/
+    }) : [];
+    var value = new Set(styles).size === 1 ? styles[0] : null;
     var items = dataItems || settings.items;
     var defaultItem = defaultItemProps || settings.defaultItem;
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
@@ -137,7 +117,9 @@ var FontNameVue2 = {
     }
 
     var ddlProps = __assign(__assign(__assign({}, other), {
-      value: this.computedValue,
+      value: value ? items.find(function (i) {
+        return i.value === value;
+      }) : value,
       dataItems: items,
       defaultItem: defaultItem,
       itemRender: this.customItemRender,
@@ -149,12 +131,8 @@ var FontNameVue2 = {
     var dropdown = h(kendo_vue_dropdowns_1.DropDownList, __assign({
       onChange: this.onChange,
       on: this.v3 ? undefined : {
-        'change': this.onChange,
-        'close': this.onClose,
-        'open': this.onOpen
+        'change': this.onChange
       },
-      onClose: this.onClose,
-      onOpen: this.onOpen,
       style: utils_1.userSelectNone,
       attrs: this.v3 ? undefined : ddlProps
     }, ddlProps));
@@ -177,35 +155,19 @@ var FontNameVue2 = {
           view = _a.view,
           settings = _a.settings;
       var style = settings.style;
+      var item = e.target.value;
 
-      if (!this.currentOpened) {
+      if (view) {
         kendo_editor_common_1.applyInlineStyle({
           style: style,
-          value: e.target.value.value
+          value: item.value
         }, settings.commandName)(view.state, view.dispatch);
-        view.focus();
-        this.currentValue = null;
-      } else {
-        this.currentValue = e.target.value;
-      }
-    },
-    onClose: function onClose(e) {
-      var _a = this.$props,
-          view = _a.view,
-          settings = _a.settings;
-      var style = settings.style;
+        var event_1 = e.event;
 
-      if (view && this.computedValue && (e.event.type === 'click' || e.event.keyCode && e.event.keyCode === kendo_vue_common_1.Keys.enter)) {
-        kendo_editor_common_1.applyInlineStyle({
-          style: style,
-          value: this.computedValue.value
-        }, settings.commandName)(view.state, view.dispatch);
-        view.focus();
-        this.currentValue = null;
+        if (event_1 && event_1.type === 'click') {
+          view.focus();
+        }
       }
-    },
-    onOpen: function onOpen() {
-      this.currentOpened = true;
     }
   }
 };

package/dist/npm/tools/formatBlock.js

@@ -57,8 +57,6 @@ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
 
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var utils_1 = require("./utils");
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
@@ -84,27 +82,6 @@ var FormatBlockVue2 = {
       default: null
     }
   },
-  data: function data() {
-    return {
-      currentValue: null,
-      currentOpened: false
-    };
-  },
-  computed: {
-    computedValue: function computedValue() {
-      var _a = this.$props,
-          view = _a.view,
-          settings = _a.settings,
-          dataItems = _a.dataItems;
-      var items = dataItems || settings.items;
-      var state = view && view.state;
-      var formats = state ? kendo_editor_common_1.getBlockFormats(state) : [];
-      var value = new Set(formats).size === 1 ? formats[0] : null;
-      return this.currentValue ? this.currentValue : value ? items.find(function (i) {
-        return i.value === value;
-      }) : value;
-    }
-  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -125,6 +102,9 @@ var FormatBlockVue2 = {
         other = __rest(_a, ["view", "render", "dataItems", "settings", "defaultItem"]);
 
     var items = dataItems || settings.items;
+    var state = view && view.state;
+    var formats = state ? kendo_editor_common_1.getBlockFormats(state) : [];
+    var value = new Set(formats).size === 1 ? formats[0] : null;
     var defaultItem = defaultItemProps || settings.defaultItem;
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
 
@@ -134,24 +114,25 @@ var FormatBlockVue2 = {
     }
 
     var ddlProps = __assign(__assign(__assign({}, other), {
-      value: this.computedValue,
+      value: value ? items.find(function (i) {
+        return i.value === value;
+      }) : value,
       dataItems: items,
       defaultItem: defaultItem,
       itemRender: this.customItemRender,
       textField: 'text',
       dataItemKey: 'value',
-      leftRightKeysNavigation: false
+      leftRightKeysNavigation: false,
+      popupSettings: {
+        width: '170px'
+      }
     }), settings.props);
 
     var dropdown = h(kendo_vue_dropdowns_1.DropDownList, __assign({
       onChange: this.onChange,
       on: this.v3 ? undefined : {
-        'change': this.onChange,
-        'close': this.onClose,
-        'open': this.onOpen
+        'change': this.onChange
       },
-      onClose: this.onClose,
-      onOpen: this.onOpen,
       style: utils_1.userSelectNone,
       attrs: this.v3 ? undefined : ddlProps
     }, ddlProps));
@@ -173,29 +154,15 @@ var FormatBlockVue2 = {
       var _a = this.$props,
           view = _a.view,
           settings = _a.settings;
+      var item = e.target.value;
 
-      if (!this.currentOpened) {
-        kendo_editor_common_1.formatBlockElements(e.target.value.value, settings.commandName)(view.state, view.dispatch);
-        view.focus();
-        this.currentValue = null;
-      } else {
-        this.currentValue = e.target.value;
-      }
-    },
-    onClose: function onClose(e) {
-      var _a = this.$props,
-          view = _a.view,
-          settings = _a.settings;
-      this.currentOpened = false;
+      if (view && kendo_editor_common_1.formatBlockElements(item.value, settings.commandName)(view.state, view.dispatch)) {
+        var event_1 = e.event;
 
-      if (view && this.computedValue && (e.event.type === 'click' || e.event.keyCode && e.event.keyCode === kendo_vue_common_1.Keys.enter)) {
-        kendo_editor_common_1.formatBlockElements(this.computedValue.value, settings.commandName)(view.state, view.dispatch);
-        view.focus();
-        this.currentValue = null;
+        if (event_1 && event_1.type === 'click') {
+          view.focus();
+        }
       }
-    },
-    onOpen: function onOpen() {
-      this.currentOpened = true;
     }
   }
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-editor",
   "description": "Kendo UI for Vue Editor package",
-  "version": "3.0.0-dev.202201161025",
+  "version": "3.0.0-dev.202201170830",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -43,21 +43,21 @@
   },
   "dependencies": {
     "@progress/kendo-editor-common": "1.6.0",
-    "@progress/kendo-vue-common": "3.0.0-dev.202201161025"
+    "@progress/kendo-vue-common": "3.0.0-dev.202201170830"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-dialogs": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-dropdowns": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-form": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-inputs": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-intl": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-layout": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-pdf": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-popup": "3.0.0-dev.202201161025",
-    "@progress/kendo-vue-upload": "3.0.0-dev.202201161025"
+    "@progress/kendo-vue-buttons": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-dialogs": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-dropdowns": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-form": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-inputs": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-intl": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-layout": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-pdf": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-popup": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-upload": "3.0.0-dev.202201170830"
   },
   "@progress": {
     "friendlyName": "Editor",