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

package/dist/es/Editor.js

@@ -1,441 +0,0 @@
-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));
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { ButtonGroup, Toolbar, ToolbarSeparator, toolbarButtons } from '@progress/kendo-react-buttons';
-import { classNames } from '@progress/kendo-react-common';
-import { EditorState, Plugin, PluginKey, EditorView, Schema, baseKeymap, keymap, history, dropCursor, gapCursor, getMark, spacesFix, cspFix, tableEditing, caretColor } from '@progress/kendo-editor-common';
-import { marks, nodes } from './config/schema';
-import { defaultStyle, tablesStyles, rtlStyles } from './config/defaultStyles';
-import { EditorToolsSettings } from './config/toolsSettings';
-import { EditorDialogs } from './dialogs/main';
-import { EditorUtils } from './utils';
-import { editorPropsKey } from './utils/props-key';
-import { updateEditorValue } from './utils/controlled-value';
-import { firefox } from './utils/browser-detection';
-import { packageMetadata } from './package-metadata';
-import { shouldShowValidationUI, validatePackage, WatermarkOverlay } from '@progress/kendo-react-common';
-var link = EditorToolsSettings.link, bold = EditorToolsSettings.bold, italic = EditorToolsSettings.italic, underline = EditorToolsSettings.underline;
-import { messages, keys } from './messages';
-import { registerForLocalization, provideLocalizationService } from '@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 === 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_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, schema: schema_1 });
-                        return target_1.htmlOnChange;
-                    },
-                    transaction: transaction,
-                    schema: schema_1
-                };
-                _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;
-        };
-        validatePackage(packageMetadata);
-        _this.showLicenseWatermark = shouldShowValidationUI(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 || !firefox) {
-            this.initialize();
-        }
-    };
-    /**
-     * @hidden
-     */
-    Editor.prototype.componentDidUpdate = function (prevProps) {
-        var value = this.props.value;
-        var view = this.view;
-        if (value === undefined || !view) {
-            return;
-        }
-        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 = 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 buttons = tools.map(function (item, index) {
-            return Array.isArray(item) ?
-                React.createElement(ButtonGroup, { key: index }, item.map(_this.renderTool, index)) :
-                _this.renderTool(item, index);
-        });
-        return (React.createElement("div", { ref: function (e) { return _this._element = e; }, className: classNames('k-editor', className, { 'k-editor-resizable': this.props.resizable }), dir: this.props.dir, style: style },
-            buttons.length > 0 && (React.createElement(Toolbar, { className: 'k-editor-toolbar', keyboardNavigation: this.props.keyboardNavigation }, buttons)),
-            defaultEditMode === 'iframe' ?
-                (React.createElement("div", { className: "k-editor-content" },
-                    React.createElement("iframe", { onLoad: firefox ? function () {
-                            _this.initialize();
-                        } : undefined, ref: function (e) { return _this.iframe = e; }, frameBorder: "0", title: localization.toLanguageString(keys.iframeTitle, messages[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(EditorDialogs.InsertLinkDialog, link, 'linkDialog'),
-            this.showLicenseWatermark && React.createElement(WatermarkOverlay, null)));
-    };
-    Editor.prototype.initialize = function () {
-        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) {
-                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 Plugin({
-                view: function () { return ({ update: _this.updateTools }); },
-                key: new PluginKey('toolbar-tools-update-plugin')
-            }),
-            new Plugin({
-                filterTransaction: this.filterTransaction,
-                key: new PluginKey('onExecute-event-plugin')
-            }),
-            new Plugin({
-                key: editorPropsKey,
-                state: {
-                    init: function () { return ({ preserveWhitespace: preserveWhitespace }); },
-                    apply: function (_, val) { return val; }
-                }
-            }),
-            spacesFix(),
-            caretColor(),
-            history(),
-            dropCursor(),
-            gapCursor(),
-            tableEditing(),
-            cspFix()
-        ];
-        var shortcuts = __assign(__assign({}, 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 = 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(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 :
-            EditorUtils.createDocument(new Schema({ nodes: nodes, marks: marks }), value || defaultContent, { preserveWhitespace: preserveWhitespace });
-        var viewProps = {
-            state: EditorState.create({
-                plugins: __spreadArray(__spreadArray([], plugins, true), [keymap(shortcuts), keymap(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 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));
-export { Editor };
-registerForLocalization(Editor);

package/dist/es/EditorProps.d.ts

@@ -1,197 +0,0 @@
-/// <reference types="react" />
-import { EditorState, Plugin, Transaction, EditorView, Schema, Node } from '@progress/kendo-editor-common';
-import { EditorUtils } from './utils';
-import { Editor } from './Editor';
-interface EditorEvent {
-    /**
-     * An event target.
-     */
-    target: Editor;
-}
-/**
- * Represents the object of the `onChange` Editor event.
- */
-export interface EditorChangeEvent extends EditorEvent {
-    /**
-     * Represents the [Editor document](https://prosemirror.net/docs/guide/#doc).
-     */
-    value: Node;
-    /**
-     * A getter of the Editor HTML content.
-     * Once called, it will convert the Editor document into HTML string.
-     * Note that, since onChange event is triggered on every key while typing,
-     * this conversion may not be suitable if the Editor is dealing with large amount of content.
-     */
-    html: string;
-    /**
-     * The Editor Schema object.
-     */
-    schema: Schema;
-    /**
-     * The Transaction which causes the change.
-     */
-    transaction: Transaction;
-}
-/**
- * Represents the object of the `onMount` Editor event.
- */
-export interface EditorMountEvent extends EditorEvent {
-    /**
-     * The content-editable DOM element of the Editor.
-     */
-    dom: HTMLDivElement;
-    /**
-     * The default plugins collection of the Editor.
-     */
-    plugins: Array<Plugin>;
-    /**
-     * The default key bindings of the Editor.
-     */
-    shortcuts: EditorUtils.Shortcuts;
-    /**
-     * The default [viewProps](https://prosemirror.net/docs/ref/#view.DirectEditorProps) object of the Editor.
-     */
-    viewProps: {
-        state: EditorState;
-        [key: string]: any;
-    };
-}
-/**
- * Represents the object of the `onPaste` Editor event.
- */
-export interface EditorPasteEvent extends EditorEvent {
-    /**
-     * The HTML that will be pasted in the Editor.
-     */
-    pastedHtml: string;
-    /**
-     * The native paste event.
-     */
-    nativeEvent: ClipboardEvent;
-}
-/**
- * Represents the object of the `onExecute` Editor event.
- */
-export interface EditorExecuteEvent extends EditorEvent {
-    /**
-     * The transaction that will be executed.
-     */
-    transaction: Transaction;
-    /**
-     * The state of the Editor.
-     */
-    state: EditorState;
-}
-/**
- * Represents the object of the `onFocus` Editor event.
- */
-export interface EditorFocusEvent extends EditorEvent {
-    /**
-     * The native focus event.
-     */
-    nativeEvent: FocusEvent;
-}
-/**
- * Represents the object of the `onBlur` Editor event.
- */
-export interface EditorBlurEvent extends EditorEvent {
-    /**
-     * The native blur event.
-     */
-    nativeEvent: FocusEvent;
-}
-/**
- * Represents the props of the [KendoReact Editor component]({% slug overview_editor %}).
- */
-export interface EditorProps {
-    /**
-     * Sets the default HTML content of the Editor.
-     */
-    defaultContent?: string;
-    /**
-     * Sets the initial edit mode of the Editor. Defaults to `iframe`.
-     */
-    defaultEditMode?: 'iframe' | 'div';
-    /**
-     * Sets styles to the content element wrapper of the Editor.
-     */
-    contentStyle?: React.CSSProperties;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * Sets additional classes to the Editor.
-     */
-    className?: string;
-    /**
-     * Sets styles to the Editor.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Specifies if the Editor will be resizable.
-     */
-    resizable?: boolean;
-    /**
-     * Sets the tools of the Editor. By default, the Editor renders no tools.
-     */
-    tools?: Array<any>;
-    /**
-     * Fires each time the Editor is about to mount.
-     * Useful for configuring the `EditorView` object.
-     * To initialize `EditorView`, use the properties of the `event` object.
-     */
-    onMount?: (event: EditorMountEvent) => EditorView | void;
-    /**
-     * Fires each time the Editor is about to insert pasted content.
-     * Useful for modifying pasted content.
-     */
-    onPasteHtml?: (event: EditorPasteEvent) => string | void;
-    /**
-     * Fires each time the Editor is about to apply a transaction.
-     * To prevent the transaction, return `false`.
-     */
-    onExecute?: (event: EditorExecuteEvent) => boolean | void;
-    /**
-     * Fires when the Editor's content element has received focus.
-     */
-    onFocus?: (event: EditorFocusEvent) => void;
-    /**
-     * Fires when the Editor's content element has lost focus.
-     */
-    onBlur?: (event: EditorBlurEvent) => void;
-    /**
-     * Fires each time the value of the Editor is about to change.
-     */
-    onChange?: (event: EditorChangeEvent) => void;
-    /**
-     * The value of the Editor.
-     */
-    value?: Node | string;
-    /**
-     * If set to `false`, it will turn off the built-in keyboard navigation of the Editor's Toolbar.
-     */
-    keyboardNavigation?: boolean;
-    /**
-     * Defines the options that will be used for parsing the HTML.
-     * If `false` is set, the whitespace is collapsed as per HTML's rules.
-     * Pass `true` to preserve whitespace, but normalize newlines to spaces.
-     * `full` will preserve whitespace entirely.
-     *
-     * Defaults to `full`.
-     */
-    preserveWhitespace?: boolean | 'full';
-}
-export {};

package/dist/es/EditorProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/config/defaultStyles.js

@@ -1,12 +0,0 @@
-/**
- * @hidden
- */
-export var 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 var 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 var rtlStyles = 'body { direction: rtl }';

package/dist/es/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/es/config/pasteSettings.js

@@ -1 +0,0 @@
-export {};

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

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

package/dist/es/config/schema.js

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