@progress/kendo-react-editor 6.1.1 → 7.0.0-develop.2

package/dist/npm/Editor.js

@@ -1,444 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var kendo_react_common_1 = require("@progress/kendo-react-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 main_1 = require("./dialogs/main");
-var utils_1 = require("./utils");
-var props_key_1 = require("./utils/props-key");
-var controlled_value_1 = require("./utils/controlled-value");
-var browser_detection_1 = require("./utils/browser-detection");
-var package_metadata_1 = require("./package-metadata");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var link = toolsSettings_1.EditorToolsSettings.link, bold = toolsSettings_1.EditorToolsSettings.bold, italic = toolsSettings_1.EditorToolsSettings.italic, underline = toolsSettings_1.EditorToolsSettings.underline;
-var messages_1 = require("./messages");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-/**
- * Represents the [KendoReact Editor component]({% slug overview_editor %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    render() {
- *       return (
- *           <Editor
- *               defaultContent="<p>Hello World</p>"
- *               tools={[
- *                  [ EditorTools.Bold, EditorTools.Italic ]
- *               ]}
- *           />
- *       );
- *    }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var Editor = /** @class */ (function (_super) {
-    __extends(Editor, _super);
-    function Editor(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            view: undefined,
-            linkDialog: false
-        };
-        _this._element = null;
-        _this._contentElement = null;
-        _this.iframe = null;
-        _this.trOnChange = null;
-        _this.htmlOnChange = null;
-        _this.showLicenseWatermark = false;
-        /**
-         * @hidden
-         */
-        _this.focus = function () {
-            if (_this.view) {
-                _this.view.focus();
-            }
-        };
-        _this.renderDialog = function (Component, settings, stateFlag) {
-            return _this.state[stateFlag] && (React.createElement(Component, { view: _this.view, settings: settings, dir: _this.props.dir, onClose: function () {
-                    var _a;
-                    return _this.setState((_a = {}, _a[stateFlag] = false, _a));
-                } }));
-        };
-        _this.renderTool = function (Tool, index) {
-            var tool = (React.createElement(Tool, { view: _this.view, dir: _this.props.dir, key: index }));
-            return tool.type === kendo_react_buttons_1.ToolbarSeparator ? React.createElement(Tool, { key: index }) : tool;
-        };
-        _this.updateTools = function (view, _prevViewState) {
-            _this.setState({ view: view });
-        };
-        _this.filterTransaction = function (transaction, state) {
-            var event = { target: _this, transaction: transaction, state: state };
-            return (_this.props.onExecute &&
-                _this.props.onExecute.call(undefined, event)) !== false;
-        };
-        _this.onPasteHtml = function (html) {
-            if (_this.props.onPasteHtml && _this.pasteEvent) {
-                var event_1 = {
-                    target: _this,
-                    pastedHtml: html,
-                    nativeEvent: _this.pasteEvent
-                };
-                var newHtml = _this.props.onPasteHtml.call(undefined, event_1);
-                _this.pasteEvent = undefined;
-                if (typeof newHtml === 'string') {
-                    return newHtml;
-                }
-            }
-            return html;
-        };
-        _this.dispatchTransaction = function (transaction) {
-            var docChanged = transaction.docChanged;
-            if (_this.props.onChange && docChanged) {
-                _this.trOnChange = transaction;
-                var doc_1 = transaction.doc, schema_2 = transaction.doc.type.schema;
-                var target_1 = _this;
-                var event_2 = {
-                    target: target_1,
-                    value: doc_1,
-                    get html() {
-                        target_1.htmlOnChange = utils_1.EditorUtils.getHtml({ doc: doc_1, schema: schema_2 });
-                        return target_1.htmlOnChange;
-                    },
-                    transaction: transaction,
-                    schema: schema_2
-                };
-                _this.props.onChange.call(undefined, event_2);
-            }
-            if (_this.view && (_this.props.value === undefined || !docChanged)) {
-                _this.view.updateState(_this.view.state.apply(transaction));
-            }
-        };
-        _this.onFocus = function (_view, nativeEvent) {
-            if (_this.props.onFocus) {
-                var event_3 = {
-                    target: _this,
-                    nativeEvent: nativeEvent
-                };
-                _this.props.onFocus.call(undefined, event_3);
-            }
-            return false;
-        };
-        _this.onBlur = function (_view, nativeEvent) {
-            if (_this.props.onBlur) {
-                var event_4 = {
-                    target: _this,
-                    nativeEvent: nativeEvent
-                };
-                _this.props.onBlur.call(undefined, event_4);
-            }
-            return false;
-        };
-        _this.onPaste = function (_view, nativeEvent) {
-            if (_this.props.onPasteHtml) {
-                _this.pasteEvent = nativeEvent;
-            }
-            return false;
-        };
-        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-        _this.showLicenseWatermark = (0, kendo_react_common_2.shouldShowValidationUI)(package_metadata_1.packageMetadata);
-        return _this;
-    }
-    Object.defineProperty(Editor.prototype, "value", {
-        /**
-         * The value of the Editor.
-         */
-        get: function () {
-            if (this.trOnChange !== null) {
-                return this.trOnChange.doc;
-            }
-            else if (this.props.value !== undefined) {
-                return this.props.value;
-            }
-            else if (this.view) {
-                return this.view.state.doc;
-            }
-            return this.props.defaultContent || '';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Editor.prototype, "element", {
-        /**
-         * Returns the DOM element of the Editor.
-         */
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Editor.prototype, "contentElement", {
-        /**
-         * Returns the content-editable DOM element of the Editor.
-         */
-        get: function () {
-            return this._contentElement;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Editor.prototype, "view", {
-        /**
-         * Returns the `view` object of the Editor.
-         */
-        get: function () {
-            return this._view;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    Editor.prototype.componentDidMount = function () {
-        if (!this.iframe || !browser_detection_1.firefox) {
-            this.initialize();
-        }
-    };
-    /**
-     * @hidden
-     */
-    Editor.prototype.componentDidUpdate = function (prevProps) {
-        var value = this.props.value;
-        var view = this.view;
-        if (value === undefined || !view) {
-            return;
-        }
-        (0, controlled_value_1.updateEditorValue)(view, value, prevProps.value, this.trOnChange, this.htmlOnChange);
-        this.trOnChange = null;
-        this.htmlOnChange = null;
-    };
-    /**
-     * @hidden
-     */
-    Editor.prototype.componentWillUnmount = function () {
-        if (this.view) {
-            this.view.destroy();
-        }
-        this._view = undefined;
-        var iframeWindow = this.iframe && this.iframe.contentWindow;
-        if (iframeWindow) {
-            if (this._contentElement && this._contentElement.parentNode) {
-                this._contentElement.parentNode.removeChild(this._contentElement);
-            }
-            var head = iframeWindow.document.head;
-            while (head && head.firstChild) {
-                head.removeChild(head.firstChild);
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    Editor.prototype.render = function () {
-        var _this = this;
-        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, className = _a.className;
-        var localization = (0, kendo_react_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 buttons = tools.map(function (item, index) {
-            return Array.isArray(item) ?
-                React.createElement(kendo_react_buttons_1.ButtonGroup, { key: index }, item.map(_this.renderTool, index)) :
-                _this.renderTool(item, index);
-        });
-        return (React.createElement("div", { ref: function (e) { return _this._element = e; }, className: (0, kendo_react_common_1.classNames)('k-editor', className, { 'k-editor-resizable': this.props.resizable }), dir: this.props.dir, style: style },
-            buttons.length > 0 && (React.createElement(kendo_react_buttons_1.Toolbar, { className: 'k-editor-toolbar', keyboardNavigation: this.props.keyboardNavigation }, buttons)),
-            defaultEditMode === 'iframe' ?
-                (React.createElement("div", { className: "k-editor-content" },
-                    React.createElement("iframe", { onLoad: browser_detection_1.firefox ? function () {
-                            _this.initialize();
-                        } : undefined, ref: function (e) { return _this.iframe = e; }, frameBorder: "0", title: localization.toLanguageString(messages_1.keys.iframeTitle, messages_1.messages[messages_1.keys.iframeTitle]), style: contentStyle, className: "k-iframe" }))) :
-                (React.createElement("div", { style: contentStyle, className: "k-editor-content" },
-                    React.createElement("div", { ref: function (e) { return _this._contentElement = e; }, suppressContentEditableWarning: true, role: "textbox", "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, "aria-label": this.props.ariaLabel }))),
-            this.renderDialog(main_1.EditorDialogs.InsertLinkDialog, link, 'linkDialog'),
-            this.showLicenseWatermark && React.createElement(kendo_react_common_2.WatermarkOverlay, null)));
-    };
-    Editor.prototype.initialize = function () {
-        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) {
-                if (styles) {
-                    var style = iframeDocument_1.createElement('style');
-                    style.appendChild(iframeDocument_1.createTextNode(styles));
-                    iframeDocument_1.head.appendChild(style);
-                }
-            });
-            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` 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;
-        var target = this;
-        var plugins = [
-            // https://prosemirror.net/docs/ref/#state.PluginSpec
-            new kendo_editor_common_1.Plugin({
-                view: function () { return ({ update: _this.updateTools }); },
-                key: new kendo_editor_common_1.PluginKey('toolbar-tools-update-plugin')
-            }),
-            new kendo_editor_common_1.Plugin({
-                filterTransaction: this.filterTransaction,
-                key: new kendo_editor_common_1.PluginKey('onExecute-event-plugin')
-            }),
-            new kendo_editor_common_1.Plugin({
-                key: props_key_1.editorPropsKey,
-                state: {
-                    init: function () { return ({ preserveWhitespace: preserveWhitespace }); },
-                    apply: function (_, val) { return val; }
-                }
-            }),
-            (0, kendo_editor_common_1.spacesFix)(),
-            (0, kendo_editor_common_1.caretColor)(),
-            (0, kendo_editor_common_1.history)(),
-            (0, kendo_editor_common_1.dropCursor)(),
-            (0, kendo_editor_common_1.gapCursor)(),
-            (0, kendo_editor_common_1.tableEditing)(),
-            (0, kendo_editor_common_1.cspFix)()
-        ];
-        var shortcuts = __assign(__assign({}, utils_1.EditorUtils.getShortcuts({
-            types: { listItem: 'list_item', hardBreak: 'hard_break' },
-            toolsSettings: { bold: bold, italic: italic, underline: underline }
-        })), { 'Mod-k': function () {
-                var linkDialog = _this.state.linkDialog;
-                var editorView = _this.view;
-                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.setState({ linkDialog: true });
-                    }
-                }
-                return !linkDialog;
-            }, 'Alt-F10': function () {
-                var _a;
-                var toolbar = (_a = _this.element) === null || _a === void 0 ? void 0 : _a.querySelector('.k-toolbar');
-                if (toolbar) {
-                    var button = toolbar.querySelector(kendo_react_buttons_1.toolbarButtons.join(','));
-                    if (button) {
-                        button.focus();
-                        return true;
-                    }
-                }
-                return false;
-            } });
-        var _b = this.props, _c = _b.defaultContent, defaultContent = _c === void 0 ? '' : _c, value = _b.value, onMount = _b.onMount;
-        var doc = (value && typeof value !== 'string') ? value :
-            utils_1.EditorUtils.createDocument(new kendo_editor_common_1.Schema({ nodes: schema_1.nodes, marks: schema_1.marks }), value || defaultContent, { preserveWhitespace: preserveWhitespace });
-        var viewProps = {
-            state: kendo_editor_common_1.EditorState.create({
-                plugins: __spreadArray(__spreadArray([], plugins, true), [(0, kendo_editor_common_1.keymap)(shortcuts), (0, kendo_editor_common_1.keymap)(kendo_editor_common_1.baseKeymap)], false),
-                doc: doc
-            }),
-            transformPastedHTML: this.onPasteHtml,
-            dispatchTransaction: this.dispatchTransaction,
-            handleDOMEvents: {
-                focus: this.onFocus,
-                blur: this.onBlur,
-                paste: this.onPaste
-            },
-            handleDrop: function (_view, _event, slice, _moved) {
-                var hasCaption = false;
-                slice.content.nodesBetween(0, slice.content.size, function (node) {
-                    hasCaption = hasCaption || node.type.name === 'table_caption_external';
-                });
-                return hasCaption;
-            }
-        };
-        var mountEvent = { plugins: plugins, shortcuts: shortcuts, target: target, viewProps: viewProps, dom: dom };
-        var view = this._view = (onMount && onMount.call(undefined, mountEvent)) || new kendo_editor_common_1.EditorView({ mount: dom }, viewProps);
-        this.setState({
-            view: view
-        });
-    };
-    /**
-     * @hidden
-     */
-    Editor.propTypes = {
-        defaultContent: PropTypes.string,
-        value: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-        defaultEditMode: PropTypes.oneOf(['iframe', 'div']),
-        contentStyle: PropTypes.object,
-        dir: PropTypes.string,
-        className: PropTypes.string,
-        ariaDescribedBy: PropTypes.string,
-        ariaLabelledBy: PropTypes.string,
-        ariaLabel: PropTypes.string,
-        style: PropTypes.object,
-        tools: PropTypes.arrayOf(PropTypes.any),
-        keyboardNavigation: PropTypes.bool,
-        resizable: PropTypes.bool,
-        preserveWhitespace: PropTypes.oneOf([true, false, 'full']),
-        onMount: PropTypes.func,
-        onFocus: PropTypes.func,
-        onBlur: PropTypes.func,
-        onChange: PropTypes.func,
-        onPasteHtml: PropTypes.func,
-        onExecute: PropTypes.func
-    };
-    return Editor;
-}(React.Component));
-exports.Editor = Editor;
-(0, kendo_react_intl_1.registerForLocalization)(Editor);

package/dist/npm/EditorProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/config/defaultStyles.d.ts

@@ -1,12 +0,0 @@
-/**
- * @hidden
- */
-export declare const defaultStyle = "\nhtml, body {\n    margin: 0;\n    height: 100%;\n    padding: 0;\n}\n\nhtml {\n  min-height: 100%;\n}\n\nbody {\n  box-sizing: border-box;\n  position: relative;\n  word-wrap: break-word;\n  padding: 8px;\n}\n\nbody > .k-content {\n  outline: 0;\n  height: 100%;\n  white-space: pre-wrap;\n}\n\n.k-content > p {\n  margin: 0 0 1em;\n}\n\n.k-content table {\n  white-space: pre-wrap;\n}\n\n.k-content .k-text-selected, .k-content::selection {\n  color: HighlightText;\n  background-color: Highlight;\n}\n\n.k-content .k-text-highlighted {\n  background-color: #bbdefb;\n}\n\n.k-content .ProseMirror-selectednode {\n  outline: 2px solid #8cf;\n}\n\n.ProseMirror-hideselection *::selection { background: transparent; }\n.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n.ProseMirror-hideselection { caret-color: transparent; }\n\n.ProseMirror-gapcursor {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n}\n\n.ProseMirror-gapcursor:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: -2px;\n  width: 20px;\n  border-top: 1px solid black;\n  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n}\n\n@keyframes ProseMirror-cursor-blink {\n  to {\n    visibility: hidden;\n  }\n}\n\n.ProseMirror-focused .ProseMirror-gapcursor {\n  display: block;\n}\n\n.k-editor-resize-handles-wrapper {\n  position: absolute;\n  visibility: hidden;\n}\n\n.k-editor-resize-handle {\n  position: absolute;\n  visibility: visible;\n  background-color: #fff;\n  border: 1px solid #000;\n  z-index: 100;\n  width: 5px;\n  height: 5px;\n}\n\n.k-editor-resize-handle.northwest {\n  top: 0;\n  left: 0;\n  transform: translate(-50%, -50%);\n  cursor: nw-resize;\n}\n\n.k-editor-resize-handle.north {\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  cursor: n-resize;\n}\n\n.k-editor-resize-handle.northeast {\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  cursor: ne-resize;\n}\n\n.k-editor-resize-handle.southwest {\n  left: 0;\n  bottom: 0;\n  transform: translate(-50%, 50%);\n  cursor: sw-resize;\n}\n\n.k-editor-resize-handle.south {\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 50%);\n  cursor: s-resize;\n}\n\n.k-editor-resize-handle.southeast {\n  right: 0;\n  bottom: 0;\n  transform: translate(50%, 50%);\n  cursor: se-resize;\n}\n\n.k-editor-resize-handle.west {\n  top: 50%;\n  left: 0;\n  transform: translate(-50%, -50%);\n  cursor: w-resize;\n}\n\n.k-editor-resize-handle.east {\n  top: 50%;\n  right: 0;\n  transform: translate(50%, -50%);\n  cursor: e-resize;\n}\n\n.k-editor-resize-wrap-element {\n  display: inline-block;\n  position: relative;\n}\n\n.ProseMirror .row-resize-handle {\n  position: absolute;\n  right: 0; left: 0; bottom: 0;\n  transform: translate(0, 50%);\n  height: 4px;\n  z-index: 20;\n  background-color: #adf;\n  pointer-events: none;\n}\n\n.ProseMirror .column-resize-handle {\n  position: absolute;\n  right: -2px; top: 0; bottom: 0;\n  width: 4px;\n  z-index: 20;\n  background-color: #adf;\n  pointer-events: none;\n}\n\n.ProseMirror.resize-cursor {\n  cursor: ew-resize;\n  cursor: col-resize;\n}\n\n.ProseMirror.resize-cursor-vertical {\n  cursor: sn-resize;\n  cursor: row-resize;\n}\n\n.k-editor-resize-wrap-element table td p,\n.k-editor-resize-wrap-element table th p {\n  margin: 0 auto;\n}\n";
-/**
- * @hidden
- */
-export declare const tablesStyles = "\n  .ProseMirror .tableWrapper {\n    overflow-x: auto;\n    margin: 1em 0;\n  }\n\n  .ProseMirror table {\n    margin: 0;\n    border-collapse: collapse;\n    table-layout: fixed;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .ProseMirror td, .ProseMirror th {\n    min-width: 1em;\n    border: 1px solid #ddd;\n    padding: 3px 5px;\n    vertical-align: top;\n    box-sizing: border-box;\n    position: relative;\n  }\n\n  .ProseMirror th {\n    font-weight: bold;\n    text-align: left;\n  }\n\n  /* Give selected cells a blue overlay */\n  .ProseMirror .selectedCell:after {\n    z-index: 2;\n    position: absolute;\n    content: \"\";\n    left: 0; right: 0; top: 0; bottom: 0;\n    background: rgba(200, 200, 255, 0.4);\n    pointer-events: none;\n  }\n";
-/**
- * @hidden
- */
-export declare const rtlStyles = "body { direction: rtl }";

package/dist/npm/config/defaultStyles.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rtlStyles = exports.tablesStyles = exports.defaultStyle = void 0;
-/**
- * @hidden
- */
-exports.defaultStyle = "\nhtml, body {\n    margin: 0;\n    height: 100%;\n    padding: 0;\n}\n\nhtml {\n  min-height: 100%;\n}\n\nbody {\n  box-sizing: border-box;\n  position: relative;\n  word-wrap: break-word;\n  padding: 8px;\n}\n\nbody > .k-content {\n  outline: 0;\n  height: 100%;\n  white-space: pre-wrap;\n}\n\n.k-content > p {\n  margin: 0 0 1em;\n}\n\n.k-content table {\n  white-space: pre-wrap;\n}\n\n.k-content .k-text-selected, .k-content::selection {\n  color: HighlightText;\n  background-color: Highlight;\n}\n\n.k-content .k-text-highlighted {\n  background-color: #bbdefb;\n}\n\n.k-content .ProseMirror-selectednode {\n  outline: 2px solid #8cf;\n}\n\n.ProseMirror-hideselection *::selection { background: transparent; }\n.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n.ProseMirror-hideselection { caret-color: transparent; }\n\n.ProseMirror-gapcursor {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n}\n\n.ProseMirror-gapcursor:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: -2px;\n  width: 20px;\n  border-top: 1px solid black;\n  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n}\n\n@keyframes ProseMirror-cursor-blink {\n  to {\n    visibility: hidden;\n  }\n}\n\n.ProseMirror-focused .ProseMirror-gapcursor {\n  display: block;\n}\n\n.k-editor-resize-handles-wrapper {\n  position: absolute;\n  visibility: hidden;\n}\n\n.k-editor-resize-handle {\n  position: absolute;\n  visibility: visible;\n  background-color: #fff;\n  border: 1px solid #000;\n  z-index: 100;\n  width: 5px;\n  height: 5px;\n}\n\n.k-editor-resize-handle.northwest {\n  top: 0;\n  left: 0;\n  transform: translate(-50%, -50%);\n  cursor: nw-resize;\n}\n\n.k-editor-resize-handle.north {\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  cursor: n-resize;\n}\n\n.k-editor-resize-handle.northeast {\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  cursor: ne-resize;\n}\n\n.k-editor-resize-handle.southwest {\n  left: 0;\n  bottom: 0;\n  transform: translate(-50%, 50%);\n  cursor: sw-resize;\n}\n\n.k-editor-resize-handle.south {\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 50%);\n  cursor: s-resize;\n}\n\n.k-editor-resize-handle.southeast {\n  right: 0;\n  bottom: 0;\n  transform: translate(50%, 50%);\n  cursor: se-resize;\n}\n\n.k-editor-resize-handle.west {\n  top: 50%;\n  left: 0;\n  transform: translate(-50%, -50%);\n  cursor: w-resize;\n}\n\n.k-editor-resize-handle.east {\n  top: 50%;\n  right: 0;\n  transform: translate(50%, -50%);\n  cursor: e-resize;\n}\n\n.k-editor-resize-wrap-element {\n  display: inline-block;\n  position: relative;\n}\n\n.ProseMirror .row-resize-handle {\n  position: absolute;\n  right: 0; left: 0; bottom: 0;\n  transform: translate(0, 50%);\n  height: 4px;\n  z-index: 20;\n  background-color: #adf;\n  pointer-events: none;\n}\n\n.ProseMirror .column-resize-handle {\n  position: absolute;\n  right: -2px; top: 0; bottom: 0;\n  width: 4px;\n  z-index: 20;\n  background-color: #adf;\n  pointer-events: none;\n}\n\n.ProseMirror.resize-cursor {\n  cursor: ew-resize;\n  cursor: col-resize;\n}\n\n.ProseMirror.resize-cursor-vertical {\n  cursor: sn-resize;\n  cursor: row-resize;\n}\n\n.k-editor-resize-wrap-element table td p,\n.k-editor-resize-wrap-element table th p {\n  margin: 0 auto;\n}\n";
-/**
- * @hidden
- */
-exports.tablesStyles = "\n  .ProseMirror .tableWrapper {\n    overflow-x: auto;\n    margin: 1em 0;\n  }\n\n  .ProseMirror table {\n    margin: 0;\n    border-collapse: collapse;\n    table-layout: fixed;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .ProseMirror td, .ProseMirror th {\n    min-width: 1em;\n    border: 1px solid #ddd;\n    padding: 3px 5px;\n    vertical-align: top;\n    box-sizing: border-box;\n    position: relative;\n  }\n\n  .ProseMirror th {\n    font-weight: bold;\n    text-align: left;\n  }\n\n  /* Give selected cells a blue overlay */\n  .ProseMirror .selectedCell:after {\n    z-index: 2;\n    position: absolute;\n    content: \"\";\n    left: 0; right: 0; top: 0; bottom: 0;\n    background: rgba(200, 200, 255, 0.4);\n    pointer-events: none;\n  }\n";
-/**
- * @hidden
- */
-exports.rtlStyles = 'body { direction: rtl }';

package/dist/npm/config/pasteSettings.d.ts

@@ -1,6 +0,0 @@
-import { PasteCleanupSettings as PasteSettings } from '@progress/kendo-editor-common';
-/**
- * The settings passed to `pasteCleanup` function ([see example]({% slug paste_editor %})).
- */
-export interface PasteCleanupSettings extends PasteSettings {
-}

package/dist/npm/config/pasteSettings.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/config/schema.d.ts

@@ -1 +0,0 @@
-export { marks, nodes } from '@progress/kendo-editor-common';

package/dist/npm/config/schema.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.nodes = exports.marks = void 0;
-var kendo_editor_common_1 = require("@progress/kendo-editor-common");
-Object.defineProperty(exports, "marks", { enumerable: true, get: function () { return kendo_editor_common_1.marks; } });
-Object.defineProperty(exports, "nodes", { enumerable: true, get: function () { return kendo_editor_common_1.nodes; } });

package/dist/npm/config/shortcuts.d.ts

@@ -1,24 +0,0 @@
-import { EditorState, Transaction, EditorView } from '@progress/kendo-editor-common';
-import { EditorToolsSettings } from './toolsSettings';
-declare const bold: EditorToolsSettings.InlineFormatSettings, underline: EditorToolsSettings.InlineFormatSettings, italic: EditorToolsSettings.InlineFormatSettings;
-/**
- * @hidden
- */
-export interface Shortcuts {
-    [key: string]: (state: EditorState, dispatch: (tr: Transaction) => void, view: EditorView) => boolean;
-}
-/**
- * @hidden
- */
-export declare const getShortcuts: (settings?: {
-    types?: {
-        listItem: string;
-        hardBreak: string;
-    } | undefined;
-    toolsSettings?: {
-        bold?: EditorToolsSettings.InlineFormatOptions | undefined;
-        italic?: EditorToolsSettings.InlineFormatOptions | undefined;
-        underline?: EditorToolsSettings.InlineFormatOptions | undefined;
-    } | undefined;
-} | undefined) => Shortcuts;
-export {};

package/dist/npm/config/shortcuts.js

@@ -1,38 +0,0 @@
-"use strict";
-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);
-};
-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;
-var mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
-/**
- * @hidden
- */
-var getShortcuts = function (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 (state, dispatch) { return (0, kendo_editor_common_1.toggleInlineFormat)(toolsSettings.bold || bold)(state, dispatch); }, 'Mod-i': function (state, dispatch) { return (0, kendo_editor_common_1.toggleInlineFormat)(toolsSettings.italic || italic)(state, dispatch); }, 'Mod-u': function (state, dispatch) { return (0, kendo_editor_common_1.toggleInlineFormat)(toolsSettings.underline || underline)(state, dispatch); }, 'Mod-z': kendo_editor_common_1.undo, 'Shift-Mod-z': kendo_editor_common_1.redo }, __assign({}, !mac ? { 'Mod-y': kendo_editor_common_1.redo } : {})), { 'Backspace': kendo_editor_common_1.undoInputRule, 'Mod-Enter': insertBr, 'Shift-Enter': insertBr }), __assign({}, mac ? { 'Ctrl-Enter': insertBr } : {})), { 'Enter': function (state, dispatch) {
-            return (0, kendo_editor_common_1.splitListItem)(state.schema.nodes[listItem])(state, dispatch);
-        }, 'Tab': (0, kendo_editor_common_1.goToNextCell)(1), 'Shift-Tab': (0, kendo_editor_common_1.goToNextCell)(-1) });
-    return shortcutsSettings;
-};
-exports.getShortcuts = getShortcuts;