@progress/kendo-editor-common 1.11.9-dev.202412020819 → 1.11.9-develop.2

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

@@ -1,47 +1,46 @@
-import { __assign } from "tslib";
-import { NodeSelection, Plugin, PluginKey } from 'prosemirror-state';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-import { dataResizeDirImage, resizeHandle } from '../config/constants';
-import { changeStylesString } from '../utils';
-import { directions, handles } from './resize-utils';
-export var imageResizeKey = new PluginKey('image-resize');
-var setSize = function (domNode, sizeType, value) {
+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';
 };
-var reSize = /[^\-]width:|[^\-]height:/;
-var reAnyValue = /^.+$/;
-var ResizeState = /** @class */ (function () {
-    function ResizeState(activeHandle, dragging, rect, nodePosition) {
+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;
     }
-    ResizeState.prototype.apply = function (tr) {
-        var next = tr.getMeta(imageResizeKey);
+    apply(tr) {
+        const next = tr.getMeta(imageResizeKey);
         if (next) {
             return new ResizeState(next.activeHandle, next.setDragging, next.rect, next.nodePosition);
         }
         return this;
-    };
-    return ResizeState;
-}());
-var handleMouseMove = function (view, event, options) {
-    var state = imageResizeKey.getState(view.state);
-    var rect = state.rect, dragging = state.dragging, nodePosition = state.nodePosition, activeHandle = state.activeHandle;
+    }
+}
+const handleMouseMove = (view, event, options) => {
+    const state = imageResizeKey.getState(view.state);
+    const { rect, dragging, nodePosition: nodePosition, activeHandle } = state;
     if (!dragging || !rect) {
         return;
     }
-    var img = view.nodeDOM(nodePosition);
-    var dir = directions[activeHandle];
-    var diffX = (event.clientX - dragging.startX) * dir.x;
-    var diffY = (event.clientY - dragging.startY) * dir.y;
-    var width = dir.x ? diffX + img.width : rect.width;
-    var height = dir.y ? diffY + img.height : rect.height;
+    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) {
-        var ratio = Math.min(width / img.width, height / img.height);
-        var lockWidth = img.width * ratio;
-        var lockHeight = img.height * ratio;
+        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;
@@ -57,32 +56,32 @@ var handleMouseMove = function (view, event, options) {
     rect.left = img.offsetLeft;
     rect.width = img.offsetWidth;
     rect.height = img.offsetHeight;
-    var handlesWrapper = img.nextElementSibling;
+    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';
 };
-var handleMouseUp = function (view) {
-    var _a = imageResizeKey.getState(view.state), rect = _a.rect, dragging = _a.dragging, nodePosition = _a.nodePosition;
+const handleMouseUp = (view) => {
+    const { rect, dragging, nodePosition } = imageResizeKey.getState(view.state);
     if (dragging && rect) {
-        var selection = view.state.selection;
+        const selection = view.state.selection;
         if (selection instanceof NodeSelection) {
-            var currAttrs = selection.node.attrs;
-            var width = rect.width;
-            var height = rect.height;
-            var attrs = void 0;
+            const currAttrs = selection.node.attrs;
+            const width = rect.width;
+            const height = rect.height;
+            let attrs;
             if (reSize.test(currAttrs.style || '')) {
-                var changedWidth = changeStylesString(currAttrs.style, { style: 'width', value: reAnyValue, newValue: width + 'px' });
-                var style = changeStylesString(changedWidth.style || '', { style: 'height', value: reAnyValue, newValue: height + 'px' }).style;
-                attrs = __assign(__assign({}, currAttrs), { style: 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 = { ...currAttrs, style };
             }
             else {
-                attrs = __assign(__assign({}, currAttrs), { width: width, height: height });
+                attrs = { ...currAttrs, width, height };
             }
-            var newImage = selection.node.type.createAndFill(attrs);
+            const newImage = selection.node.type.createAndFill(attrs);
             if (newImage) {
-                var tr = view.state.tr;
+                const tr = view.state.tr;
                 tr.replaceWith(nodePosition, nodePosition + 1, newImage);
                 tr.setSelection(NodeSelection.create(tr.doc, nodePosition));
                 tr.setMeta('commandName', 'image-resize');
@@ -90,26 +89,26 @@ var handleMouseUp = function (view) {
                 tr.setMeta(imageResizeKey, {
                     setDragging: null,
                     activeHandle: null,
-                    rect: rect,
-                    nodePosition: nodePosition
+                    rect,
+                    nodePosition
                 });
                 view.dispatch(tr);
             }
         }
     }
 };
-var handleMouseDown = function (view, event, options) {
-    var target = event.target;
-    var activeHandle = target.getAttribute(dataResizeDirImage);
+const handleMouseDown = (view, event, options) => {
+    const target = event.target;
+    const activeHandle = target.getAttribute(dataResizeDirImage);
     if (!activeHandle) {
         return false;
     }
-    var resizeState = imageResizeKey.getState(view.state);
+    const resizeState = imageResizeKey.getState(view.state);
     event.preventDefault();
-    var transaction = view.state.tr;
+    const transaction = view.state.tr;
     transaction.setMeta(imageResizeKey, {
         setDragging: { startX: event.clientX, startY: event.clientY },
-        activeHandle: activeHandle,
+        activeHandle,
         rect: resizeState.rect,
         nodePosition: resizeState.nodePosition
     });
@@ -127,12 +126,11 @@ var handleMouseDown = function (view, event, options) {
     event.view.addEventListener('mousemove', move);
     return true;
 };
-export var imageResizing = function (options) {
-    if (options === void 0) { options = { node: 'image', lockRatio: true }; }
+const imageResizing = (options = { node: 'image', lockRatio: true }) => {
     return new Plugin({
         key: imageResizeKey,
-        view: function (viewObj) { return ({
-            resize: function () {
+        view: (viewObj) => ({
+            resize() {
                 if (imageResizeKey.getState(viewObj.state).rect) {
                     viewObj.dispatch(viewObj.state.tr.setMeta('resize', true));
                 }
@@ -140,28 +138,28 @@ export var imageResizing = function (options) {
             get window() {
                 return viewObj.dom.ownerDocument && viewObj.dom.ownerDocument.defaultView;
             },
-            attachResize: function () {
-                var win = this.window;
+            attachResize() {
+                const win = this.window;
                 if (win) {
                     win.removeEventListener('resize', this.resize);
                     win.addEventListener('resize', this.resize);
                 }
             },
-            removeResize: function () {
-                var win = this.window;
+            removeResize() {
+                const win = this.window;
                 if (win) {
                     win.removeEventListener('resize', this.resize);
                 }
             },
-            update: function (view, prevState) {
-                var state = view.state;
-                var selection = state.selection;
-                var nodeType = state.schema.nodes[options.node];
-                var pluginState = imageResizeKey.getState(state);
-                var prevRect = pluginState.rect;
+            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) {
-                    var img = view.nodeDOM(selection.from);
-                    var rect = {
+                    const img = view.nodeDOM(selection.from);
+                    const rect = {
                         top: img.offsetTop,
                         left: img.offsetLeft,
                         width: img.offsetWidth,
@@ -170,8 +168,8 @@ export var imageResizing = function (options) {
                     if (!prevState.selection.eq(selection) ||
                         (prevRect && (prevRect.width !== rect.width || prevRect.height !== rect.height ||
                             prevRect.top !== rect.top || prevRect.left !== rect.left))) {
-                        var tr = state.tr;
-                        tr.setMeta(imageResizeKey, { rect: rect, nodePosition: selection.from });
+                        const tr = state.tr;
+                        tr.setMeta(imageResizeKey, { rect, nodePosition: selection.from });
                         view.dispatch(tr);
                         this.attachResize();
                     }
@@ -181,37 +179,37 @@ export var imageResizing = function (options) {
                     pluginState.nodePosition = -1;
                 }
             },
-            destroy: function () {
+            destroy() {
                 this.removeResize();
             }
-        }); },
+        }),
         state: {
-            init: function () {
+            init() {
                 return new ResizeState('', null, null, -1);
             },
-            apply: function (tr, prev) {
+            apply(tr, prev) {
                 return prev.apply(tr);
             }
         },
         props: {
             handleDOMEvents: {
-                mousedown: function (view, event) {
+                mousedown(view, event) {
                     return handleMouseDown(view, event, options);
                 }
             },
-            decorations: function (state) {
-                var selection = state.selection;
-                var nodeType = state.schema.nodes[options.node];
-                var rect = imageResizeKey.getState(state).rect;
+            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) {
-                    var wrapper = document.createElement('div');
+                    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 (var i = 0; i < handles.length; i++) {
-                        var dom = document.createElement('div');
+                    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);
@@ -223,3 +221,5 @@ export var imageResizing = function (options) {
         }
     });
 };
+
+export { imageResizeKey, imageResizing };

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

@@ -1,12 +1,12 @@
-import { __assign } from "tslib";
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { RemoveMarkStep } from 'prosemirror-transform';
-import { parseStyle, applyStyle, parentNode } from '../utils';
-var inSelection = function (from, to, nodePos, node, doc) {
-    var $from = doc.resolve(from);
-    var $to = doc.resolve(to);
-    var nodeName = node.type.name;
-    var wrapper, parentLi;
+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);
@@ -23,44 +23,47 @@ var inSelection = function (from, to, nodePos, node, doc) {
     }
     return from <= nodePos && nodePos + node.content.size <= to;
 };
-var applyToListItems = function (tr, state, options) {
-    var transaction = state.tr, doc = state.doc, _a = state.selection, from = _a.from, to = _a.to;
-    var args = tr.getMeta('args');
-    doc.nodesBetween(from, to, function (node, pos) {
+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, __assign(__assign({}, node.attrs), { style: applyStyle(node.attrs.style, args.style, args.value) }));
+            transaction.setNodeMarkup(pos, null, {
+                ...node.attrs,
+                style: applyStyle(node.attrs.style, args.style, args.value)
+            });
         }
     });
     return transaction.docChanged ? transaction : undefined;
 };
-var cleanListItems = function (tr, state, options) {
-    var stylesToClean = Object.keys(options.resetValues);
-    var transaction = state.tr, doc = state.doc, _a = state.selection, from = _a.from, to = _a.to;
-    doc.nodesBetween(from, to, function (node, pos) {
+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)) {
-            var attrs_1 = node.attrs;
-            var nodeStyles_1 = parseStyle(node.attrs.style);
-            stylesToClean.forEach(function (style) {
-                if (nodeStyles_1[style]) {
-                    attrs_1 = __assign(__assign({}, attrs_1), { style: applyStyle(attrs_1.style, style, '') });
+            let attrs = node.attrs;
+            const nodeStyles = parseStyle(node.attrs.style);
+            stylesToClean.forEach(style => {
+                if (nodeStyles[style]) {
+                    attrs = { ...attrs, style: applyStyle(attrs.style, style, '') };
                 }
             });
-            if (attrs_1 !== node.attrs) {
-                transaction.setNodeMarkup(pos, null, attrs_1);
+            if (attrs !== node.attrs) {
+                transaction.setNodeMarkup(pos, null, attrs);
             }
         }
     });
-    tr.steps.forEach(function (step) {
+    tr.steps.forEach((step) => {
         if (step instanceof RemoveMarkStep) {
-            var mark = step.mark;
+            const mark = step.mark;
             if (mark.type.name === 'style' && mark.attrs.style) {
-                var name_1 = mark.attrs.style.split(/\s*:\s*/)[0];
-                var $pos = transaction.doc.resolve(step.from);
-                var li = parentNode($pos, function (n) { return n.type.name === options.listItem; });
+                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) {
-                    var liStyles = parseStyle(li.node.attrs.style);
-                    if (liStyles[name_1] && options.resetValues[name_1]) {
-                        var newMark = mark.type.create({ style: "".concat(name_1, ": ").concat(options.resetValues[name_1], ";") });
+                    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);
                     }
                 }
@@ -69,10 +72,10 @@ var cleanListItems = function (tr, state, options) {
     });
     return transaction.docChanged ? transaction : undefined;
 };
-var DEFAULT_OPTIONS = {
+const DEFAULT_OPTIONS = {
     listItem: 'list_item',
     resetValues: {
-        'font-size': '',
+        'font-size': '', // 'initial' or '16px'
         'font-family': '',
         'color': ''
     }
@@ -80,14 +83,13 @@ var DEFAULT_OPTIONS = {
 /**
  * Returns a plugin which applies font-size, font-family, color styles to list item marker.
  */
-export function listMarkersStyles(options) {
-    if (options === void 0) { options = DEFAULT_OPTIONS; }
+function listMarkersStyles(options = DEFAULT_OPTIONS) {
     return new Plugin({
         key: new PluginKey('list-markers-styles'),
-        appendTransaction: function (transactions, _oldState, newState) {
-            var tr = transactions.slice().pop();
-            var commandName = tr.getMeta('commandName');
-            var transaction;
+        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);
             }
@@ -101,3 +103,5 @@ export function listMarkersStyles(options) {
         }
     });
 }
+
+export { listMarkersStyles };

package/dist/es/plugins/placeholder.js

@@ -1,20 +1,21 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-export function placeholder(message) {
-    var decAttrs = { class: 'k-placeholder', 'data-placeholder': message };
+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: function (state) {
-                var doc = state.doc;
-                var firstChild = doc.content.firstChild;
-                var empty = doc.childCount === 0 ||
+            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;
                 }
-                var decorations = [];
-                doc.descendants(function (node, pos) {
+                const decorations = [];
+                doc.descendants((node, pos) => {
                     decorations.push(Decoration.node(pos, pos + node.nodeSize, decAttrs));
                 });
                 return DecorationSet.create(doc, decorations);
@@ -22,3 +23,5 @@ export function placeholder(message) {
         }
     });
 }
+
+export { placeholder };

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

@@ -1,11 +1,13 @@
-export var directions = {
-    'southeast': { x: 1, y: 1 },
-    'east': { x: 1, y: 0 },
-    'south': { x: 0, y: 1 },
-    'north': { x: 0, y: -1 },
-    'west': { x: -1, y: 0 },
-    'southwest': { x: -1, y: 1 },
-    'northwest': { x: -1, y: -1 },
+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
 };
-export var handles = Object.keys(directions);
+const handles = Object.keys(directions);
+
+export { directions, handles };

package/dist/es/plugins/spaces-fix.js

@@ -1,5 +1,6 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
+
 // The plugin resolves the following problems:
 //
 // 1. white-space: pre-wrap does not work with text-align: justify in firefox
@@ -10,17 +11,17 @@ import { Decoration, DecorationSet } from 'prosemirror-view';
 // Additional info here:
 // https://github.com/ProseMirror/prosemirror/issues/651
 // https://github.com/ProseMirror/prosemirror/issues/857
-var spaces = /\s+/g;
-var align = /text-align/;
-var aligned = function (node) { return align.test((node && node.attrs && node.attrs.style) || ''); };
-export var spacesFix = function () { return new Plugin({
+const spaces = /\s+/g;
+const align = /text-align/;
+const aligned = (node) => align.test((node && node.attrs && node.attrs.style) || '');
+const spacesFix = () => new Plugin({
     key: new PluginKey('spaces-fix'),
     props: {
-        decorations: function (state) {
-            var decorations = [];
-            var doc = state.doc;
-            var start, match, length, i;
-            doc.nodesBetween(0, doc.content.size, function (node, position, parent) {
+        decorations: (state) => {
+            const decorations = [];
+            const doc = state.doc;
+            let start, match, length, i;
+            doc.nodesBetween(0, doc.content.size, (node, position, parent) => {
                 if (node.type.isText && aligned(parent)) {
                     match = spaces.exec(node.text || '');
                     while (match !== null) {
@@ -40,4 +41,6 @@ export var spacesFix = function () { return new Plugin({
             return DecorationSet.create(doc, decorations);
         }
     }
-}); };
+});
+
+export { spacesFix };