@progress/kendo-editor-common 1.12.2-develop.5 → 1.12.2-develop.7

package/dist/es2015/paste.js

@@ -1,162 +0,0 @@
-import { convertMsLists } from './listConvert.js';
-import { htmlToFragment, fragmentToHtml } from './source.js';
-import { parseStyle } from './utils.js';
-
-/**
- * Removes the invalid HTML. Use it as a first step for cleaning the HTML.
- */
-const sanitize = (html) => {
-    html = html.replace(/^[\s\S]+?<!--StartFragment-->\s*([\s\S]*?)\s*<!--EndFragment-->[\s\S]+$/, '$1');
-    html = html.replace(/<\/?[ovw]:[^>]*?>/gi, ''); // MS elements, e.g. <o:p>, <w:sdtPr>, <v:
-    html = html.replace(/<\\?\??xml[^>]*>/gi, ''); // XML namespaces
-    html = html.replace(/<(?:link|meta) [^>]+?>/ig, '');
-    let previousHtml;
-    do {
-        previousHtml = html;
-        html = html.replace(/<style[^>]*?>\s*<\/style>/ig, '');
-    } while (html !== previousHtml);
-    html = html.replace(/<\/?st1:.*?>/gi, '');
-    html = html.replace(/<a name="[a-zA-Z0-9_]+">/gmi, '');
-    html = html.replace(/v:shapes?="[^"]+"/ig, '');
-    html = html.replace(/<!\[if !supportLists\]>/ig, '');
-    html = html.replace(/<!\[endif\]>/ig, '');
-    return html;
-};
-/**
- * Removes the specified tag(s).
- */
-const removeTag = (html, tagPattern) => {
-    return html.replace(new RegExp('<\\/?(' + tagPattern + ')(?:\\s[^>]*?)?>', 'gi'), '');
-};
-/**
- * Removes the passed attribute.
- */
-const removeAttribute = (attr) => {
-    if (attr.ownerElement) {
-        attr.ownerElement.removeAttribute(attr.name);
-    }
-};
-/**
- * Remove the attribute if its value matches /^Mso/ regex.
- */
-const sanitizeClassAttr = (attr) => {
-    if (/^Mso/.test(attr.value)) {
-        removeAttribute(attr);
-    }
-};
-/**
- * Removes invalid HTML styles.
- */
-const sanitizeStyleAttr = (attr) => {
-    const styles = parseStyle(attr.value);
-    const element = attr.ownerElement;
-    const supportedStyles = element.style;
-    let result = '';
-    Object.keys(styles).forEach(name => {
-        if (supportedStyles[name] !== undefined) {
-            result += `${name}: ${styles[name]}; `;
-        }
-    });
-    result = result.trim();
-    if (result) {
-        attr.value = result;
-    }
-    else {
-        removeAttribute(attr);
-    }
-};
-const removeNode = (node) => {
-    const parentNode = node.parentNode;
-    if (parentNode) {
-        while (node.firstChild) {
-            parentNode.insertBefore(node.firstChild, node);
-        }
-        parentNode.removeChild(node);
-    }
-};
-const sanitizeNode = (node, attributes) => {
-    if (node.nodeType === Node.ELEMENT_NODE) {
-        for (let i = node.attributes.length - 1; i >= 0; i--) {
-            const attr = node.attributes[i];
-            if (attributes[attr.name]) {
-                attributes[attr.name](attr);
-            }
-            else if (attributes['*']) {
-                attributes['*'](attr);
-            }
-        }
-        if (node.nodeName === 'SPAN' && node.attributes.length === 0) {
-            removeNode(node);
-        }
-    }
-};
-/**
- * Cleans the HTML based on passed settings.
- * Before using it, clean the HTML with the `sanitize` function.
- */
-const pasteCleanup = (html, settings) => {
-    let result = html;
-    if (settings.convertMsLists) {
-        result = convertMsLists(result);
-    }
-    if (settings.stripTags) {
-        result = removeTag(result, settings.stripTags);
-    }
-    if (settings.attributes) {
-        const fragment = htmlToFragment(result);
-        Array.from(fragment.querySelectorAll('*')).forEach(node => sanitizeNode(node, settings.attributes));
-        result = fragmentToHtml(fragment);
-    }
-    return result;
-};
-function convertHexToBase64(hex) {
-    const length = hex.length;
-    const data = new Array(length / 2);
-    for (let i = 0; i < length; i += 2) {
-        data[i] = String.fromCharCode(parseInt(hex.substring(i, i + 2), 16));
-    }
-    return btoa(data.join(''));
-}
-const reHtmlImg = /<img\s[^>]*?src=(?:'|")file:\/[^'"]+(?:'|")[^>]*>/gi;
-const reRtfImgHeader = /{\\pict[\s\S]+?\\bliptag-?\d+(\\blipupi-?\d+)?({\\\*\\blipuid\s?[\da-fA-F]+)?[\s}]*?/;
-const reRtfImg = new RegExp('(?:(' + reRtfImgHeader.source + '))([\\da-fA-F\\s]+)\\}', 'g');
-const reNonHex = /[^\da-fA-F]/g;
-const reLocalFile = /file:\/[^'"]+\.(jpg|png|gif)/i;
-const reExtension = /\\(png|jpeg)blip\\/;
-const textRtfType = 'text/rtf';
-/**
- * If the input HTML contains images with 'src' pointing to local file system (it happens when pasting images and text from MS Word),
- * the function will extract the image sources form the RTF and replace the image 'src' with extracted base64 format data in `html` string.
- *
- * @param html - The input HTML (pasted HTML).
- * @param clipboardData - The paste event clipboardData object (event.clipboardData).
- * @returns - The html with the replaced images sources.
- */
-const replaceImageSourcesFromRtf = (html, clipboardData) => {
-    const htmlImages = html.match(reHtmlImg);
-    if (!htmlImages || clipboardData.types.indexOf(textRtfType) === -1) {
-        return html;
-    }
-    const rtf = clipboardData.getData(textRtfType);
-    const base64Sources = [];
-    const rtfImages = rtf.match(reRtfImg);
-    if (!rtf || !rtfImages) {
-        return html;
-    }
-    for (const image of rtfImages) {
-        const extension = reExtension.exec(image);
-        if (extension) {
-            const hex = image.replace(reRtfImgHeader, '').replace(reNonHex, '');
-            base64Sources.push(`data:image/${extension[1]};base64,${convertHexToBase64(hex)}`);
-        }
-    }
-    if (htmlImages.length !== base64Sources.length) {
-        return html;
-    }
-    return html.replace(reHtmlImg, img => {
-        const src = base64Sources.shift() || '';
-        return img.replace(reLocalFile, src);
-    });
-};
-
-export { pasteCleanup, removeAttribute, removeTag, replaceImageSourcesFromRtf, sanitize, sanitizeClassAttr, sanitizeStyleAttr };

package/dist/es2015/plugins/caret-color.js

@@ -1,34 +0,0 @@
-import { PluginKey, Plugin } from 'prosemirror-state';
-import { DecorationSet, Decoration } from 'prosemirror-view';
-import { styleValue } from '../mark.js';
-
-const caretColorKey = new PluginKey('caret-color');
-function caretColor() {
-    return new Plugin({
-        key: caretColorKey,
-        props: {
-            decorations: (state) => {
-                const { doc, selection, storedMarks } = state;
-                if (!selection.empty || !storedMarks) {
-                    return DecorationSet.empty;
-                }
-                const color = styleValue((storedMarks || []).find((m) => m.type.name === 'style'), { name: 'color', value: /^.+$/ });
-                if (!color) {
-                    return DecorationSet.empty;
-                }
-                const parentNode = selection.$anchor.parent;
-                const decorations = [];
-                doc.descendants((node, pos) => {
-                    if (node.eq(parentNode)) {
-                        decorations.push(Decoration.node(pos, pos + node.nodeSize, {
-                            style: 'caret-color: ' + color
-                        }));
-                    }
-                });
-                return DecorationSet.create(doc, decorations);
-            }
-        }
-    });
-}
-
-export { caretColor, caretColorKey };

package/dist/es2015/plugins/csp-fix.js

@@ -1,51 +0,0 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { setAttribute } from '../utils.js';
-
-const setAttributes = (dom, attrs) => {
-    for (const attrName in attrs) {
-        if (attrName) {
-            setAttribute(dom, attrName, attrs[attrName]);
-        }
-    }
-};
-class CustomNodeView {
-    constructor(node, view, nodeName, isLeaf = false) {
-        this.node = node;
-        this.view = view;
-        this.dom = document.createElement(nodeName);
-        setAttributes(this.dom, node.attrs);
-        this.contentDOM = !isLeaf ? this.dom : undefined;
-    }
-}
-class StyleView {
-    constructor(mark, view) {
-        this.mark = mark;
-        this.view = view;
-        this.dom = document.createElement('span');
-        setAttributes(this.dom, mark.attrs);
-        this.contentDOM = this.dom;
-    }
-}
-const cspFix = () => {
-    return new Plugin({
-        key: new PluginKey('csp-fix'),
-        props: {
-            nodeViews: {
-                paragraph: (node, view) => new CustomNodeView(node, view, 'p'),
-                div: (node, view) => new CustomNodeView(node, view, 'div'),
-                table_wrapper: (node, view) => new CustomNodeView(node, view, 'div'),
-                table_caption_external: (node, view) => new CustomNodeView(node, view, 'div'),
-                table: (node, view) => new CustomNodeView(node, view, 'table'),
-                table_row: (node, view) => new CustomNodeView(node, view, 'tr'),
-                table_cell: (node, view) => new CustomNodeView(node, view, 'td'),
-                table_header: (node, view) => new CustomNodeView(node, view, 'th'),
-                image: (node, view) => new CustomNodeView(node, view, 'img', true)
-            },
-            markViews: {
-                style: (mark, view) => new StyleView(mark, view)
-            }
-        }
-    });
-};
-
-export { cspFix };

package/dist/es2015/plugins/highlight.js

@@ -1,23 +0,0 @@
-import { PluginKey, Plugin } from 'prosemirror-state';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-
-// https://discuss.prosemirror.net/t/passing-data-between-plugins/1843
-const textHighlightKey = new PluginKey('highlight');
-function textHighlight(key = textHighlightKey) {
-    return new Plugin({
-        key,
-        state: {
-            init() { return null; },
-            apply(tr) { return tr.getMeta(this.spec.key); }
-        },
-        props: {
-            decorations(state) {
-                const decorations = (this.spec.key.getState(state) || [])
-                    .map((d) => Decoration.inline(d.from, d.to, d.attrs));
-                return DecorationSet.create(state.doc, decorations);
-            }
-        }
-    });
-}
-
-export { textHighlight, textHighlightKey };

package/dist/es2015/plugins/image-resize.js

@@ -1,225 +0,0 @@
-import { PluginKey, Plugin, NodeSelection } from 'prosemirror-state';
-import { DecorationSet, Decoration } from 'prosemirror-view';
-import { resizeHandle, dataResizeDirImage } from '../config/constants.js';
-import { changeStylesString } from '../utils.js';
-import { handles, directions } from './resize-utils.js';
-
-const imageResizeKey = new PluginKey('image-resize');
-const setSize = (domNode, sizeType, value) => {
-    domNode.style[sizeType] = value + 'px';
-};
-const reSize = /[^\-]width:|[^\-]height:/;
-const reAnyValue = /^.+$/;
-class ResizeState {
-    constructor(activeHandle, dragging, rect, nodePosition) {
-        this.activeHandle = activeHandle;
-        this.dragging = dragging;
-        this.rect = rect;
-        this.nodePosition = nodePosition;
-    }
-    apply(tr) {
-        const next = tr.getMeta(imageResizeKey);
-        if (next) {
-            return new ResizeState(next.activeHandle, next.setDragging, next.rect, next.nodePosition);
-        }
-        return this;
-    }
-}
-const handleMouseMove = (view, event, options) => {
-    const state = imageResizeKey.getState(view.state);
-    const { rect, dragging, nodePosition: nodePosition, activeHandle } = state;
-    if (!dragging || !rect) {
-        return;
-    }
-    const img = view.nodeDOM(nodePosition);
-    const dir = directions[activeHandle];
-    const diffX = (event.clientX - dragging.startX) * dir.x;
-    const diffY = (event.clientY - dragging.startY) * dir.y;
-    let width = dir.x ? diffX + img.width : rect.width;
-    let height = dir.y ? diffY + img.height : rect.height;
-    if (options.lockRatio && dir.x && dir.y) {
-        const ratio = Math.min(width / img.width, height / img.height);
-        const lockWidth = img.width * ratio;
-        const lockHeight = img.height * ratio;
-        dragging.startX = event.clientX - (width - lockWidth) * dir.x;
-        dragging.startY = event.clientY - (height - lockHeight) * dir.y;
-        width = lockWidth;
-        height = lockHeight;
-    }
-    else {
-        dragging.startX = dir.x ? event.clientX : dragging.startX;
-        dragging.startY = dir.y ? event.clientY : dragging.startY;
-    }
-    setSize(img, 'width', width);
-    setSize(img, 'height', height);
-    rect.top = img.offsetTop;
-    rect.left = img.offsetLeft;
-    rect.width = img.offsetWidth;
-    rect.height = img.offsetHeight;
-    const handlesWrapper = img.nextElementSibling;
-    handlesWrapper.style.width = rect.width + 'px';
-    handlesWrapper.style.height = rect.height + 'px';
-    handlesWrapper.style.top = rect.top + 'px';
-    handlesWrapper.style.left = rect.left + 'px';
-};
-const handleMouseUp = (view) => {
-    const { rect, dragging, nodePosition } = imageResizeKey.getState(view.state);
-    if (dragging && rect) {
-        const selection = view.state.selection;
-        if (selection instanceof NodeSelection) {
-            const currAttrs = selection.node.attrs;
-            const width = rect.width;
-            const height = rect.height;
-            let attrs;
-            if (reSize.test(currAttrs.style || '')) {
-                const changedWidth = changeStylesString(currAttrs.style, { style: 'width', value: reAnyValue, newValue: width + 'px' });
-                const { style } = changeStylesString(changedWidth.style || '', { style: 'height', value: reAnyValue, newValue: height + 'px' });
-                attrs = Object.assign(Object.assign({}, currAttrs), { style });
-            }
-            else {
-                attrs = Object.assign(Object.assign({}, currAttrs), { width, height });
-            }
-            const newImage = selection.node.type.createAndFill(attrs);
-            if (newImage) {
-                const tr = view.state.tr;
-                tr.replaceWith(nodePosition, nodePosition + 1, newImage);
-                tr.setSelection(NodeSelection.create(tr.doc, nodePosition));
-                tr.setMeta('commandName', 'image-resize');
-                tr.setMeta('args', attrs);
-                tr.setMeta(imageResizeKey, {
-                    setDragging: null,
-                    activeHandle: null,
-                    rect,
-                    nodePosition
-                });
-                view.dispatch(tr);
-            }
-        }
-    }
-};
-const handleMouseDown = (view, event, options) => {
-    const target = event.target;
-    const activeHandle = target.getAttribute(dataResizeDirImage);
-    if (!activeHandle) {
-        return false;
-    }
-    const resizeState = imageResizeKey.getState(view.state);
-    event.preventDefault();
-    const transaction = view.state.tr;
-    transaction.setMeta(imageResizeKey, {
-        setDragging: { startX: event.clientX, startY: event.clientY },
-        activeHandle,
-        rect: resizeState.rect,
-        nodePosition: resizeState.nodePosition
-    });
-    transaction.setMeta('addToHistory', false);
-    view.dispatch(transaction);
-    function move(e) {
-        handleMouseMove(view, e, options);
-    }
-    function finish(e) {
-        e.view.removeEventListener('mouseup', finish);
-        e.view.removeEventListener('mousemove', move);
-        handleMouseUp(view);
-    }
-    event.view.addEventListener('mouseup', finish);
-    event.view.addEventListener('mousemove', move);
-    return true;
-};
-const imageResizing = (options = { node: 'image', lockRatio: true }) => {
-    return new Plugin({
-        key: imageResizeKey,
-        view: (viewObj) => ({
-            resize() {
-                if (imageResizeKey.getState(viewObj.state).rect) {
-                    viewObj.dispatch(viewObj.state.tr.setMeta('resize', true));
-                }
-            },
-            get window() {
-                return viewObj.dom.ownerDocument && viewObj.dom.ownerDocument.defaultView;
-            },
-            attachResize() {
-                const win = this.window;
-                if (win) {
-                    win.removeEventListener('resize', this.resize);
-                    win.addEventListener('resize', this.resize);
-                }
-            },
-            removeResize() {
-                const win = this.window;
-                if (win) {
-                    win.removeEventListener('resize', this.resize);
-                }
-            },
-            update(view, prevState) {
-                const state = view.state;
-                const selection = state.selection;
-                const nodeType = state.schema.nodes[options.node];
-                const pluginState = imageResizeKey.getState(state);
-                const prevRect = pluginState.rect;
-                if (selection instanceof NodeSelection && nodeType === selection.node.type) {
-                    const img = view.nodeDOM(selection.from);
-                    const rect = {
-                        top: img.offsetTop,
-                        left: img.offsetLeft,
-                        width: img.offsetWidth,
-                        height: img.offsetHeight
-                    };
-                    if (!prevState.selection.eq(selection) ||
-                        (prevRect && (prevRect.width !== rect.width || prevRect.height !== rect.height ||
-                            prevRect.top !== rect.top || prevRect.left !== rect.left))) {
-                        const tr = state.tr;
-                        tr.setMeta(imageResizeKey, { rect, nodePosition: selection.from });
-                        view.dispatch(tr);
-                        this.attachResize();
-                    }
-                }
-                else if (prevRect) {
-                    pluginState.rect = null;
-                    pluginState.nodePosition = -1;
-                }
-            },
-            destroy() {
-                this.removeResize();
-            }
-        }),
-        state: {
-            init() {
-                return new ResizeState('', null, null, -1);
-            },
-            apply(tr, prev) {
-                return prev.apply(tr);
-            }
-        },
-        props: {
-            handleDOMEvents: {
-                mousedown(view, event) {
-                    return handleMouseDown(view, event, options);
-                }
-            },
-            decorations(state) {
-                const selection = state.selection;
-                const nodeType = state.schema.nodes[options.node];
-                const rect = imageResizeKey.getState(state).rect;
-                if (rect && selection instanceof NodeSelection && nodeType === selection.node.type) {
-                    const wrapper = document.createElement('div');
-                    wrapper.className = 'k-editor-resize-handles-wrapper';
-                    wrapper.style.width = rect.width + 'px';
-                    wrapper.style.height = rect.height + 'px';
-                    wrapper.style.top = rect.top + 'px';
-                    wrapper.style.left = rect.left + 'px';
-                    for (let i = 0; i < handles.length; i++) {
-                        const dom = document.createElement('div');
-                        dom.className = resizeHandle + ' ' + handles[i];
-                        dom.setAttribute(dataResizeDirImage, handles[i]);
-                        wrapper.appendChild(dom);
-                    }
-                    return DecorationSet.create(state.doc, [Decoration.widget(state.selection.from + 1, wrapper)]);
-                }
-                return DecorationSet.empty;
-            }
-        }
-    });
-};
-
-export { imageResizeKey, imageResizing };

package/dist/es2015/plugins/list-markers-styles.js

@@ -1,104 +0,0 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { RemoveMarkStep } from 'prosemirror-transform';
-import { applyStyle, parseStyle, parentNode } from '../utils.js';
-
-const inSelection = (from, to, nodePos, node, doc) => {
-    const $from = doc.resolve(from);
-    const $to = doc.resolve(to);
-    const nodeName = node.type.name;
-    let wrapper, parentLi;
-    if (!$from.nodeBefore) {
-        wrapper = $from.node($from.depth);
-        parentLi = $from.node($from.depth - 1);
-        if (wrapper && parentLi && parentLi.firstChild === wrapper && parentLi.type.name === nodeName) {
-            return nodePos + node.content.size <= to;
-        }
-    }
-    if (!$to.nodeAfter) {
-        wrapper = $to.node($to.depth);
-        parentLi = $to.node($to.depth - 1);
-        if (wrapper && parentLi && parentLi.lastChild === wrapper && parentLi.type.name === nodeName) {
-            return from <= nodePos;
-        }
-    }
-    return from <= nodePos && nodePos + node.content.size <= to;
-};
-const applyToListItems = (tr, state, options) => {
-    const { tr: transaction, doc, selection: { from, to } } = state;
-    const args = tr.getMeta('args');
-    doc.nodesBetween(from, to, (node, pos) => {
-        if ((node.type.name === options.listItem) && inSelection(from, to, pos, node, doc)) {
-            transaction.setNodeMarkup(pos, null, Object.assign(Object.assign({}, node.attrs), { style: applyStyle(node.attrs.style, args.style, args.value) }));
-        }
-    });
-    return transaction.docChanged ? transaction : undefined;
-};
-const cleanListItems = (tr, state, options) => {
-    const stylesToClean = Object.keys(options.resetValues);
-    const { tr: transaction, doc, selection: { from, to } } = state;
-    doc.nodesBetween(from, to, (node, pos) => {
-        if (node.type.name === options.listItem && inSelection(from, to, pos, node, doc)) {
-            let attrs = node.attrs;
-            const nodeStyles = parseStyle(node.attrs.style);
-            stylesToClean.forEach(style => {
-                if (nodeStyles[style]) {
-                    attrs = Object.assign(Object.assign({}, attrs), { style: applyStyle(attrs.style, style, '') });
-                }
-            });
-            if (attrs !== node.attrs) {
-                transaction.setNodeMarkup(pos, null, attrs);
-            }
-        }
-    });
-    tr.steps.forEach((step) => {
-        if (step instanceof RemoveMarkStep) {
-            const mark = step.mark;
-            if (mark.type.name === 'style' && mark.attrs.style) {
-                const [name] = mark.attrs.style.split(/\s*:\s*/);
-                const $pos = transaction.doc.resolve(step.from);
-                const li = parentNode($pos, n => n.type.name === options.listItem);
-                if (li) {
-                    const liStyles = parseStyle(li.node.attrs.style);
-                    if (liStyles[name] && options.resetValues[name]) {
-                        const newMark = mark.type.create({ style: `${name}: ${options.resetValues[name]};` });
-                        transaction.addMark(step.from, step.to, newMark);
-                    }
-                }
-            }
-        }
-    });
-    return transaction.docChanged ? transaction : undefined;
-};
-const DEFAULT_OPTIONS = {
-    listItem: 'list_item',
-    resetValues: {
-        'font-size': '', // 'initial' or '16px'
-        'font-family': '',
-        'color': ''
-    }
-};
-/**
- * Returns a plugin which applies font-size, font-family, color styles to list item marker.
- */
-function listMarkersStyles(options = DEFAULT_OPTIONS) {
-    return new Plugin({
-        key: new PluginKey('list-markers-styles'),
-        appendTransaction: (transactions, _oldState, newState) => {
-            const tr = transactions.slice().pop();
-            const commandName = tr.getMeta('commandName');
-            let transaction;
-            if (commandName === 'FontSize' || commandName === 'FontName' || commandName === 'ForeColor') {
-                transaction = applyToListItems(tr, newState, options);
-            }
-            else if (commandName === 'CleanFormatting') {
-                transaction = cleanListItems(tr, newState, options);
-            }
-            if (transaction) {
-                transaction.setMeta('addToHistory', true);
-            }
-            return transaction;
-        }
-    });
-}
-
-export { listMarkersStyles };

package/dist/es2015/plugins/placeholder.js

@@ -1,27 +0,0 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { DecorationSet, Decoration } from 'prosemirror-view';
-
-function placeholder(message) {
-    const decAttrs = { class: 'k-placeholder', 'data-placeholder': message };
-    return new Plugin({
-        key: new PluginKey('placeholder'),
-        props: {
-            decorations: (state) => {
-                const { doc } = state;
-                const firstChild = doc.content.firstChild;
-                const empty = doc.childCount === 0 ||
-                    (doc.childCount === 1 && firstChild.inlineContent && firstChild.childCount === 0);
-                if (!empty) {
-                    return DecorationSet.empty;
-                }
-                const decorations = [];
-                doc.descendants((node, pos) => {
-                    decorations.push(Decoration.node(pos, pos + node.nodeSize, decAttrs));
-                });
-                return DecorationSet.create(doc, decorations);
-            }
-        }
-    });
-}
-
-export { placeholder };

package/dist/es2015/plugins/resize-utils.js

@@ -1,13 +0,0 @@
-const directions = {
-    'southeast': { x: 1, y: 1 }, // bottom right
-    'east': { x: 1, y: 0 }, // right
-    'south': { x: 0, y: 1 }, // bottom
-    'north': { x: 0, y: -1 }, // top
-    'west': { x: -1, y: 0 }, // left
-    'southwest': { x: -1, y: 1 }, // bottom left
-    'northwest': { x: -1, y: -1 }, // top left
-    'northeast': { x: 1, y: -1 } // top right
-};
-const handles = Object.keys(directions);
-
-export { directions, handles };