@progress/kendo-vue-editor 3.6.4 → 3.6.5-dev.202210181442

package/dist/es/Editor.js

@@ -2,18 +2,14 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -22,9 +18,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
     }
   }
   return to.concat(ar || Array.prototype.slice.call(from));
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -41,9 +36,9 @@ import { EditorUtils } from './utils/main';
 import { editorPropsKey } from './utils/props-key';
 import { updateEditorValue } from './utils/controlled-value';
 var link = EditorToolsSettings.link,
-    bold = EditorToolsSettings.bold,
-    italic = EditorToolsSettings.italic,
-    underline = EditorToolsSettings.underline;
+  bold = EditorToolsSettings.bold,
+  italic = EditorToolsSettings.italic,
+  underline = EditorToolsSettings.underline;
 import { firefox } from './utils/browser-detection';
 import { packageMetadata } from './package-metadata';
 import { Align } from './tools/align';
@@ -68,7 +63,6 @@ import { ApplyColor } from './tools/applyColor';
 import { messages, keys } from './messages/main';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /** @hidden */
-
 export var allTools = {
   'Bold': {
     comp: InlineFormat,
@@ -238,7 +232,6 @@ export var allTools = {
 /**
  * @hidden
  */
-
 var EditorVue2 = {
   name: 'KendoEditor',
   // @ts-ignore
@@ -301,7 +294,6 @@ var EditorVue2 = {
   mounted: function mounted() {
     this.iframe = getRef(this, 'iframe');
     this.contentElement = getRef(this, 'contentElement');
-
     if (!this.iframe || !firefox) {
       this.initialize();
     }
@@ -315,11 +307,9 @@ var EditorVue2 = {
   updated: function updated() {
     var value = this.$props.value;
     var view = this.getView();
-
     if (value === undefined || !this.valueisUpdated || !view) {
       return;
     }
-
     updateEditorValue(view, value, this._prevValue, this.trOnChange, this.htmlOnChange);
     this.valueisUpdated = false;
     this.trOnChange = null;
@@ -329,7 +319,6 @@ var EditorVue2 = {
     if (this.getView()) {
       this.getView().destroy();
     }
-
     this.view = undefined;
     this._view = undefined;
   },
@@ -338,7 +327,6 @@ var EditorVue2 = {
     if (this.getView()) {
       this.getView().destroy();
     }
-
     this.view = undefined;
     this._view = undefined;
   },
@@ -351,7 +339,6 @@ var EditorVue2 = {
       } else if (this.getView()) {
         return this.getView().state.doc;
       }
-
       return this.$props.defaultContent || '';
     }
   },
@@ -367,31 +354,28 @@ var EditorVue2 = {
     var h = gh || createElement;
     var toolindex = 100;
     var _a = this.$props,
-        _b = _a.tools,
-        tools = _b === void 0 ? [] : _b,
-        _c = _a.defaultEditMode,
-        defaultEditMode = _c === void 0 ? 'iframe' : _c,
-        _d = _a.preserveWhitespace,
-        preserveWhitespace = _d === void 0 ? 'full' : _d,
-        style = _a.style;
+      _b = _a.tools,
+      tools = _b === void 0 ? [] : _b,
+      _c = _a.defaultEditMode,
+      defaultEditMode = _c === void 0 ? 'iframe' : _c,
+      _d = _a.preserveWhitespace,
+      preserveWhitespace = _d === void 0 ? 'full' : _d,
+      style = _a.style;
     var view = this.getView();
     var ls = provideLocalizationService(this);
-
     if (this.view) {
       var editorProps = editorPropsKey.getState(this.view.state);
       editorProps.preserveWhitespace = preserveWhitespace;
     }
-
     var contentStyle = this.$props.contentStyle;
-
     if (contentStyle === undefined && (style || {}).height === undefined) {
       contentStyle = {
         height: '300px'
       };
     }
-
     var renderDialog = function renderDialog() {
-      return this.linkDialog && // @ts-ignore function children
+      return this.linkDialog &&
+      // @ts-ignore function children
       h(InsertLinkDialog, {
         view: view,
         attrs: this.v3 ? undefined : {
@@ -407,13 +391,10 @@ var EditorVue2 = {
         }
       });
     };
-
     var renderTool = function renderTool(currentTool, _index) {
       var ct = allTools[currentTool] || currentTool;
-
       if (allTools[currentTool]) {
         toolindex++;
-
         var toolProps = __assign({
           view: view,
           dir: this.$props.dir,
@@ -421,12 +402,12 @@ var EditorVue2 = {
           updateGuid: this.updateGuid,
           settings: allTools[currentTool].props
         }, allTools[currentTool].props);
-
         return h(this.v3 ? markRaw(allTools[currentTool].comp) : allTools[currentTool].comp, this.v3 ? toolProps : {
           props: toolProps
         });
       } else if (ct === 'Separator') {
-        return (// @ts-ignore
+        return (
+          // @ts-ignore
           h(ToolbarSeparator, {
             key: toolindex
           })
@@ -448,17 +429,15 @@ var EditorVue2 = {
         });
       }
     };
-
     var renderTools = function renderTools(item, index) {
       return item.map(function (it) {
         return renderTool.call(this, it, index);
       }, this);
     };
-
     var buttons = tools.map(function (item, index) {
       var _this2 = this;
-
-      return Array.isArray(item) ? // @ts-ignore function children
+      return Array.isArray(item) ?
+      // @ts-ignore function children
       h(ButtonGroup, {
         key: index
       }, this.v3 ? function () {
@@ -473,7 +452,8 @@ var EditorVue2 = {
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir
       }
-    }, [buttons.length > 0 && // @ts-ignore function children
+    }, [buttons.length > 0 &&
+    // @ts-ignore function children
     h(Toolbar, {
       keyboardNavigation: this.$props.keyboardNavigation,
       attrs: this.v3 ? undefined : {
@@ -520,16 +500,13 @@ var EditorVue2 = {
     },
     getHTML: function getHTML() {
       var view = this.getView();
-
       if (view) {
         return EditorUtils.getHtml(view.state);
       }
-
       return '';
     },
     setHTML: function setHTML(value) {
       var view = this.getView();
-
       if (view) {
         EditorUtils.setHtml(view, value);
       }
@@ -545,7 +522,6 @@ var EditorVue2 = {
       } else {
         this._view = view;
       }
-
       if (this.v3) {
         this.updateGuid = guid();
       }
@@ -557,9 +533,7 @@ var EditorVue2 = {
     },
     initialize: function initialize() {
       var _this = this;
-
       var iframeWindow = this.iframe && this.iframe.contentWindow;
-
       if (iframeWindow) {
         var iframeDocument_1 = iframeWindow.document;
         [defaultStyle, tablesStyles, this.$props.dir === 'rtl' ? rtlStyles : undefined].forEach(function (styles) {
@@ -571,24 +545,22 @@ var EditorVue2 = {
         });
         var meta = iframeDocument_1.createElement('meta');
         meta.setAttribute('charset', 'utf-8');
-        iframeDocument_1.head.appendChild(meta); // The content has to be wrapped because the `dropCursor`
+        iframeDocument_1.head.appendChild(meta);
+        // The content has to be wrapped because the `dropCursor`
         // plugin raises a `body.offsetParent is null` error.
-
         this.contentElement = iframeDocument_1.createElement('div');
         iframeDocument_1.body.appendChild(this.contentElement);
         this.contentElement.classList.add('k-content');
       }
-
       var dom = this.contentElement;
-
       if (!dom) {
         return;
       }
-
       var _a = this.$props.preserveWhitespace,
-          preserveWhitespace = _a === void 0 ? 'full' : _a;
+        preserveWhitespace = _a === void 0 ? 'full' : _a;
       var target = this;
-      var plugins = [// https://prosemirror.net/docs/ref/#state.PluginSpec
+      var plugins = [
+      // https://prosemirror.net/docs/ref/#state.PluginSpec
       new Plugin({
         view: function view() {
           return {
@@ -612,7 +584,6 @@ var EditorVue2 = {
           }
         }
       }), spacesFix(), history(), dropCursor(), gapCursor(), tableEditing()];
-
       var shortcuts = __assign(__assign({}, EditorUtils.getShortcuts({
         types: {
           listItem: 'list_item',
@@ -626,28 +597,23 @@ var EditorVue2 = {
       })), {
         'Mod-k': function ModK() {
           var linkDialog = _this.$data.linkDialog;
-
           var editorView = _this.getView();
-
           if (editorView) {
             var editorState = editorView.state;
             var collapsed = editorState.selection.empty;
             var linkMark = getMark(editorState, editorState.schema.marks[link.mark]);
             var disabled = collapsed && !linkMark;
-
             if (!linkDialog && !disabled) {
               _this.linkDialog = true;
             }
           }
-
           return !linkDialog;
         }
       });
-
       var _b = this.$props,
-          _c = _b.defaultContent,
-          defaultContent = _c === void 0 ? '' : _c,
-          value = _b.value;
+        _c = _b.defaultContent,
+        defaultContent = _c === void 0 ? '' : _c,
+        value = _b.value;
       var doc = value && typeof value !== 'string' ? value : EditorUtils.createDocument(new Schema({
         nodes: nodes,
         marks: marks
@@ -698,26 +664,22 @@ var EditorVue2 = {
         };
         var newHtml = this.$props.pasteHtml(event_1);
         this.pasteEvent = undefined;
-
         if (typeof newHtml === 'string') {
           return newHtml;
         }
       }
-
       return html;
     },
     dispatchTransaction: function dispatchTransaction(transaction) {
       var docChanged = transaction.docChanged;
-
       if (docChanged) {
         this.trOnChange = transaction;
         var doc_1 = transaction.doc,
-            schema_1 = transaction.doc.type.schema;
+          schema_1 = transaction.doc.type.schema;
         var target_1 = this;
         var event_2 = {
           target: target_1,
           value: doc_1,
-
           get html() {
             target_1.htmlOnChange = EditorUtils.getHtml({
               doc: doc_1,
@@ -725,13 +687,11 @@ var EditorVue2 = {
             });
             return target_1.htmlOnChange;
           },
-
           transaction: transaction,
           schema: schema_1
         };
         this.$emit('change', event_2);
       }
-
       if (this.getView() && (this.$props.value === undefined || !docChanged)) {
         this.getView().updateState(this.getView().state.apply(transaction));
       }
@@ -756,7 +716,6 @@ var EditorVue2 = {
       if (this.$props.pasteHtml) {
         this.pasteEvent = nativeEvent;
       }
-
       return false;
     },
     handleClose: function handleClose() {
@@ -830,6 +789,5 @@ var EditorVue2 = {
  *  ### view <span class='code'>EditorView&lt;any&gt;</span>
  *  Returns the `view` object of the Editor.
  */
-
 var Editor = EditorVue2;
 export { Editor, EditorVue2 };

package/dist/es/config/shortcuts.js

@@ -2,42 +2,34 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import { chainCommands, exitCode, splitListItem, undo, redo, undoInputRule, goToNextCell, toggleInlineFormat } from '@progress/kendo-editor-common';
 import { EditorToolsSettings } from './toolsSettings';
 var bold = EditorToolsSettings.bold,
-    underline = EditorToolsSettings.underline,
-    italic = EditorToolsSettings.italic;
+  underline = EditorToolsSettings.underline,
+  italic = EditorToolsSettings.italic;
 var mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
 /**
  * @hidden
  */
-
 export var getShortcuts = function getShortcuts(settings) {
   var insertBr = chainCommands(exitCode, function (state, dispatch) {
     var hardBreak = settings && settings.types && settings.types.hardBreak || 'hard_break';
     var br = state.schema.nodes[hardBreak];
-
     if (dispatch) {
       dispatch(state.tr.replaceSelectionWith(br.create()).scrollIntoView());
     }
-
     return true;
   });
   var listItem = settings && settings.types && settings.types.listItem || 'list_item';
   var toolsSettings = settings && settings.toolsSettings || {};
-
   var shortcutsSettings = __assign(__assign(__assign(__assign({
     'Mod-b': function ModB(state, dispatch) {
       return toggleInlineFormat(toolsSettings.bold || bold)(state, dispatch);
@@ -65,6 +57,5 @@ export var getShortcuts = function getShortcuts(settings) {
     'Tab': goToNextCell(1),
     'Shift-Tab': goToNextCell(-1)
   });
-
   return shortcutsSettings;
 };