@progress/kendo-vue-editor 3.6.4 → 3.7.0-dev.202210250731

package/dist/npm/Editor.js

@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__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 = undefined && undefined.__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)) {
@@ -25,92 +21,54 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EditorVue2 = exports.Editor = exports.allTools = void 0; // @ts-ignore
-
+exports.EditorVue2 = exports.Editor = exports.allTools = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var markRaw = allVue.markRaw;
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
-
 var schema_1 = require("./config/schema");
-
 var defaultStyles_1 = require("./config/defaultStyles");
-
 var toolsSettings_1 = require("./config/toolsSettings");
-
 var insertLink_1 = require("./dialogs/insertLink");
-
 var main_1 = require("./utils/main");
-
 var props_key_1 = require("./utils/props-key");
-
 var controlled_value_1 = require("./utils/controlled-value");
-
 var link = toolsSettings_1.EditorToolsSettings.link,
-    bold = toolsSettings_1.EditorToolsSettings.bold,
-    italic = toolsSettings_1.EditorToolsSettings.italic,
-    underline = toolsSettings_1.EditorToolsSettings.underline;
-
+  bold = toolsSettings_1.EditorToolsSettings.bold,
+  italic = toolsSettings_1.EditorToolsSettings.italic,
+  underline = toolsSettings_1.EditorToolsSettings.underline;
 var browser_detection_1 = require("./utils/browser-detection");
-
 var package_metadata_1 = require("./package-metadata");
-
 var align_1 = require("./tools/align");
-
 var indent_1 = require("./tools/indent");
-
 var lists_1 = require("./tools/lists");
-
 var outdent_1 = require("./tools/outdent");
-
 var inlineFormat_1 = require("./tools/inlineFormat");
-
 var fontStyle_1 = require("./tools/fontStyle");
-
 var formatBlock_1 = require("./tools/formatBlock");
-
 var proseMirrorTool_1 = require("./tools/proseMirrorTool");
-
 var insertLink_2 = require("./tools/insertLink");
-
 var unlink_1 = require("./tools/unlink");
-
 var cleanFormatting_1 = require("./tools/cleanFormatting");
-
 var selectAll_1 = require("./tools/selectAll");
-
 var insertImage_1 = require("./tools/insertImage");
-
 var tool_1 = require("./tools/insertTable/tool");
-
 var viewHtml_1 = require("./tools/viewHtml");
-
 var pdf_1 = require("./tools/pdf");
-
 var print_1 = require("./tools/print");
-
 var findReplace_1 = require("./tools/findReplace");
-
 var applyColor_1 = require("./tools/applyColor");
-
 var main_2 = require("./messages/main");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 /** @hidden */
-
-
 exports.allTools = {
   'Bold': {
     comp: inlineFormat_1.InlineFormat,
@@ -280,7 +238,6 @@ exports.allTools = {
 /**
  * @hidden
  */
-
 var EditorVue2 = {
   name: 'KendoEditor',
   // @ts-ignore
@@ -343,7 +300,6 @@ var EditorVue2 = {
   mounted: function mounted() {
     this.iframe = (0, kendo_vue_common_1.getRef)(this, 'iframe');
     this.contentElement = (0, kendo_vue_common_1.getRef)(this, 'contentElement');
-
     if (!this.iframe || !browser_detection_1.firefox) {
       this.initialize();
     }
@@ -357,11 +313,9 @@ var EditorVue2 = {
   updated: function updated() {
     var value = this.$props.value;
     var view = this.getView();
-
     if (value === undefined || !this.valueisUpdated || !view) {
       return;
     }
-
     (0, controlled_value_1.updateEditorValue)(view, value, this._prevValue, this.trOnChange, this.htmlOnChange);
     this.valueisUpdated = false;
     this.trOnChange = null;
@@ -371,7 +325,6 @@ var EditorVue2 = {
     if (this.getView()) {
       this.getView().destroy();
     }
-
     this.view = undefined;
     this._view = undefined;
   },
@@ -380,7 +333,6 @@ var EditorVue2 = {
     if (this.getView()) {
       this.getView().destroy();
     }
-
     this.view = undefined;
     this._view = undefined;
   },
@@ -393,7 +345,6 @@ var EditorVue2 = {
       } else if (this.getView()) {
         return this.getView().state.doc;
       }
-
       return this.$props.defaultContent || '';
     }
   },
@@ -409,31 +360,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 = (0, kendo_vue_intl_1.provideLocalizationService)(this);
-
     if (this.view) {
       var editorProps = props_key_1.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(insertLink_1.InsertLinkDialog, {
         view: view,
         attrs: this.v3 ? undefined : {
@@ -449,13 +397,10 @@ var EditorVue2 = {
         }
       });
     };
-
     var renderTool = function renderTool(currentTool, _index) {
       var ct = exports.allTools[currentTool] || currentTool;
-
       if (exports.allTools[currentTool]) {
         toolindex++;
-
         var toolProps = __assign({
           view: view,
           dir: this.$props.dir,
@@ -463,12 +408,12 @@ var EditorVue2 = {
           updateGuid: this.updateGuid,
           settings: exports.allTools[currentTool].props
         }, exports.allTools[currentTool].props);
-
         return h(this.v3 ? markRaw(exports.allTools[currentTool].comp) : exports.allTools[currentTool].comp, this.v3 ? toolProps : {
           props: toolProps
         });
       } else if (ct === 'Separator') {
-        return (// @ts-ignore
+        return (
+          // @ts-ignore
           h(kendo_vue_buttons_1.ToolbarSeparator, {
             key: toolindex
           })
@@ -490,17 +435,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(kendo_vue_buttons_1.ButtonGroup, {
         key: index
       }, this.v3 ? function () {
@@ -515,7 +458,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(kendo_vue_buttons_1.Toolbar, {
       keyboardNavigation: this.$props.keyboardNavigation,
       attrs: this.v3 ? undefined : {
@@ -562,16 +506,13 @@ var EditorVue2 = {
     },
     getHTML: function getHTML() {
       var view = this.getView();
-
       if (view) {
         return main_1.EditorUtils.getHtml(view.state);
       }
-
       return '';
     },
     setHTML: function setHTML(value) {
       var view = this.getView();
-
       if (view) {
         main_1.EditorUtils.setHtml(view, value);
       }
@@ -587,7 +528,6 @@ var EditorVue2 = {
       } else {
         this._view = view;
       }
-
       if (this.v3) {
         this.updateGuid = (0, kendo_vue_common_1.guid)();
       }
@@ -599,9 +539,7 @@ var EditorVue2 = {
     },
     initialize: function initialize() {
       var _this = this;
-
       var iframeWindow = this.iframe && this.iframe.contentWindow;
-
       if (iframeWindow) {
         var iframeDocument_1 = iframeWindow.document;
         [defaultStyles_1.defaultStyle, defaultStyles_1.tablesStyles, this.$props.dir === 'rtl' ? defaultStyles_1.rtlStyles : undefined].forEach(function (styles) {
@@ -613,24 +551,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 kendo_editor_common_1.Plugin({
         view: function view() {
           return {
@@ -654,7 +590,6 @@ var EditorVue2 = {
           }
         }
       }), (0, kendo_editor_common_1.spacesFix)(), (0, kendo_editor_common_1.history)(), (0, kendo_editor_common_1.dropCursor)(), (0, kendo_editor_common_1.gapCursor)(), (0, kendo_editor_common_1.tableEditing)()];
-
       var shortcuts = __assign(__assign({}, main_1.EditorUtils.getShortcuts({
         types: {
           listItem: 'list_item',
@@ -668,28 +603,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 = (0, kendo_editor_common_1.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 : main_1.EditorUtils.createDocument(new kendo_editor_common_1.Schema({
         nodes: schema_1.nodes,
         marks: schema_1.marks
@@ -740,26 +670,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_2 = transaction.doc.type.schema;
+          schema_2 = transaction.doc.type.schema;
         var target_1 = this;
         var event_2 = {
           target: target_1,
           value: doc_1,
-
           get html() {
             target_1.htmlOnChange = main_1.EditorUtils.getHtml({
               doc: doc_1,
@@ -767,13 +693,11 @@ var EditorVue2 = {
             });
             return target_1.htmlOnChange;
           },
-
           transaction: transaction,
           schema: schema_2
         };
         this.$emit('change', event_2);
       }
-
       if (this.getView() && (this.$props.value === undefined || !docChanged)) {
         this.getView().updateState(this.getView().state.apply(transaction));
       }
@@ -798,7 +722,6 @@ var EditorVue2 = {
       if (this.$props.pasteHtml) {
         this.pasteEvent = nativeEvent;
       }
-
       return false;
     },
     handleClose: function handleClose() {
@@ -873,6 +796,5 @@ exports.EditorVue2 = EditorVue2;
  *  ### view <span class='code'>EditorView&lt;any&gt;</span>
  *  Returns the `view` object of the Editor.
  */
-
 var Editor = EditorVue2;
 exports.Editor = Editor;

package/dist/npm/config/shortcuts.js

@@ -4,49 +4,38 @@ var __assign = undefined && undefined.__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);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getShortcuts = void 0;
-
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
-
 var toolsSettings_1 = require("./toolsSettings");
-
 var bold = toolsSettings_1.EditorToolsSettings.bold,
-    underline = toolsSettings_1.EditorToolsSettings.underline,
-    italic = toolsSettings_1.EditorToolsSettings.italic;
+  underline = toolsSettings_1.EditorToolsSettings.underline,
+  italic = toolsSettings_1.EditorToolsSettings.italic;
 var mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
 /**
  * @hidden
  */
-
 var getShortcuts = function getShortcuts(settings) {
   var insertBr = (0, kendo_editor_common_1.chainCommands)(kendo_editor_common_1.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 (0, kendo_editor_common_1.toggleInlineFormat)(toolsSettings.bold || bold)(state, dispatch);
@@ -74,8 +63,6 @@ var getShortcuts = function getShortcuts(settings) {
     'Tab': (0, kendo_editor_common_1.goToNextCell)(1),
     'Shift-Tab': (0, kendo_editor_common_1.goToNextCell)(-1)
   });
-
   return shortcutsSettings;
 };
-
 exports.getShortcuts = getShortcuts;