@progress/kendo-editor-common 1.10.4-dev.202311091213 → 1.11.0

package/dist/es/main.js

@@ -26,6 +26,7 @@ export { textHighlight, textHighlightKey } from './plugins/highlight';
 export { imageResizing, imageResizeKey } from './plugins/image-resize';
 export { caretColor, caretColorKey } from './plugins/caret-color';
 export { tableResizing, tableResizeKey, tableColumnResizeKey, tableRowResizeKey } from './plugins/table-resize';
+export { listMarkersStyles } from './plugins/list-markers-styles';
 // ProseMirror re-exports
 export * from 'prosemirror-commands';
 export * from 'prosemirror-dropcursor';

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

@@ -0,0 +1,103 @@
+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;
+    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;
+};
+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) {
+        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) }));
+        }
+    });
+    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, _parent) {
+        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, '') });
+                }
+            });
+            if (attrs_1 !== node.attrs) {
+                transaction.setNodeMarkup(pos, null, attrs_1);
+            }
+        }
+    });
+    tr.steps.forEach(function (step) {
+        if (step instanceof RemoveMarkStep) {
+            var mark = step.mark;
+            if (mark.type.name === 'style' && mark.attrs.style) {
+                var _a = mark.attrs.style.split(/\s*:\s*/), name_1 = _a[0], _value = _a[1];
+                var $pos = transaction.doc.resolve(step.from);
+                var li = parentNode($pos, function (n) { return 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: name_1 + ": " + options.resetValues[name_1] + ";" });
+                        transaction.addMark(step.from, step.to, newMark);
+                    }
+                }
+            }
+        }
+    });
+    return transaction.docChanged ? transaction : undefined;
+};
+var DEFAULT_OPTIONS = {
+    listItem: 'list_item',
+    resetValues: {
+        'font-size': '',
+        'font-family': '',
+        'color': ''
+    }
+};
+/**
+ * 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; }
+    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;
+            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;
+        }
+    });
+}

package/dist/es/plugins/table-resize/column-resize.js

@@ -4,8 +4,8 @@ import { TableMap } from 'prosemirror-tables';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { colgroupAttr } from '../../config/constants';
 import { TableView, TableWrapperView } from './table-view';
-import { parseStyle } from './../../utils';
-import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, edgeCell, setNodeStyle, tableColumnResizeKey as key } from './utils';
+import { parseStyle, setNodeStyle } from './../../utils';
+import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, edgeCell, tableColumnResizeKey as key } from './utils';
 export function columnResizing() {
     var handleWidth = 5, cellMinWidth = 25;
     var plugin = new Plugin({

package/dist/es/plugins/table-resize/row-resize.js

@@ -1,8 +1,8 @@
 import { Plugin } from 'prosemirror-state';
 import { TableMap, tableNodeTypes } from 'prosemirror-tables';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, setNodeStyle, tableRowResizeKey as key, edgeCell } from './utils';
-import { parseStyle } from './../../utils';
+import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, tableRowResizeKey as key, edgeCell } from './utils';
+import { parseStyle, setNodeStyle } from './../../utils';
 var TableRowView = /** @class */ (function () {
     function TableRowView() {
     }

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

@@ -1,8 +1,8 @@
 import { __assign } from "tslib";
 import { NodeSelection, Plugin } from 'prosemirror-state';
 import { colgroupAttr, dataResizeDirTable, resizableAttr } from '../../config/constants';
-import { getTable, parentNode, setNodeStyle, tableResizeKey as key } from './utils';
-import { parseStyle } from './../../utils';
+import { getTable, tableResizeKey as key } from './utils';
+import { parseStyle, setNodeStyle, parentNode } from './../../utils';
 import { directions } from './../resize-utils';
 var commonDir = {
     'southeast': true,

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

@@ -1,22 +1,6 @@
-import { __assign } from "tslib";
 import { PluginKey } from 'prosemirror-state';
 import { TableMap } from 'prosemirror-tables';
-import { changeStylesString } from '../../utils';
-export var reAnyValue = /^.+$/;
-export function setNodeStyle(nodeAttrs, styleType, value) {
-    var attrs;
-    if (new RegExp('[^-]?' + styleType + ':').test(nodeAttrs.style || '')) {
-        var style = changeStylesString(nodeAttrs.style || '', { style: styleType, value: reAnyValue, newValue: value }).style;
-        attrs = __assign(__assign({}, nodeAttrs), { style: style });
-    }
-    else if (nodeAttrs.style) {
-        attrs = __assign(__assign({}, nodeAttrs), { style: nodeAttrs.style.replace(/;$/, '') + '; ' + styleType + ': ' + value + ';' });
-    }
-    else {
-        attrs = __assign(__assign({}, nodeAttrs), { style: styleType + ': ' + value + ';' });
-    }
-    return attrs;
-}
+import { parentNode } from '../../utils';
 export var tableResizeKey = new PluginKey('table-resize');
 export var tableColumnResizeKey = new PluginKey('table-column-resizing');
 export var tableRowResizeKey = new PluginKey('table-row-resizing');
@@ -93,15 +77,6 @@ export function cellIndexes(dataCell) {
     }
     return result || { rowIndex: -1, cellIndex: -1 };
 }
-export function parentNode(pos, predicate) {
-    for (var depth = pos.depth; depth > 0; depth--) {
-        var node = pos.node(depth);
-        if (predicate(node)) {
-            return { node: node, depth: depth };
-        }
-    }
-    return null;
-}
 export function edgeCell(view, event, indexes) {
     var found = view.posAtCoords({ left: event.clientX, top: event.clientY });
     if (!found) {

package/dist/es/utils.js

@@ -22,6 +22,21 @@ export var changeStylesString = function (styleText, newStyle) {
         changed: Boolean(newValue) || filtered.length !== styles.length
     };
 };
+var reAnyValue = /^.+$/;
+export function setNodeStyle(nodeAttrs, styleType, value) {
+    var attrs;
+    if (new RegExp('[^-]?' + styleType + ':').test(nodeAttrs.style || '')) {
+        var style = changeStylesString(nodeAttrs.style || '', { style: styleType, value: reAnyValue, newValue: value }).style;
+        attrs = __assign(__assign({}, nodeAttrs), { style: style });
+    }
+    else if (nodeAttrs.style) {
+        attrs = __assign(__assign({}, nodeAttrs), { style: nodeAttrs.style.replace(/;$/, '') + '; ' + styleType + ': ' + value + ';' });
+    }
+    else {
+        attrs = __assign(__assign({}, nodeAttrs), { style: styleType + ': ' + value + ';' });
+    }
+    return attrs;
+}
 /**
  * Determines if a given node type can be inserted at the current cursor position.
  */
@@ -59,6 +74,15 @@ export var findNthParentNodeOfType = function (nodeType, depth) {
         return findNthParentNode(function (node) { return getTypeName(node) === getTypeName(nodeType); }, depth)(selection);
     };
 };
+export function parentNode(pos, predicate) {
+    for (var depth = pos.depth; depth > 0; depth--) {
+        var node = pos.node(depth);
+        if (predicate(node)) {
+            return { node: node, depth: depth };
+        }
+    }
+    return null;
+}
 var filterEmptyAttrs = function (attrs) {
     var result = {};
     for (var attr in attrs) {
@@ -240,6 +264,15 @@ export var parseStyle = function (styleText) {
     }).reduce(function (acc, val) { return (__assign(__assign({}, acc), val)); }, {});
     return styles;
 };
+export var applyStyle = function (styleText, styleType, styleValue) {
+    var styles = parseStyle(styleText);
+    styles[styleType] = styleValue;
+    var result = Object.keys(styles)
+        .map(function (name) { return styles[name] ? name + ": " + styles[name] : null; })
+        .filter(Boolean)
+        .join('; ');
+    return result ? result + ';' : null;
+};
 var setStyleAttr = function (element, styleString) {
     var styles = parseStyle(styleString);
     for (var style in styles) {

package/dist/es2015/main.js

@@ -26,6 +26,7 @@ export { textHighlight, textHighlightKey } from './plugins/highlight';
 export { imageResizing, imageResizeKey } from './plugins/image-resize';
 export { caretColor, caretColorKey } from './plugins/caret-color';
 export { tableResizing, tableResizeKey, tableColumnResizeKey, tableRowResizeKey } from './plugins/table-resize';
+export { listMarkersStyles } from './plugins/list-markers-styles';
 // ProseMirror re-exports
 export * from 'prosemirror-commands';
 export * from 'prosemirror-dropcursor';

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

@@ -0,0 +1,101 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { RemoveMarkStep } from 'prosemirror-transform';
+import { parseStyle, applyStyle, parentNode } from '../utils';
+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, _parent) => {
+        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, _value] = 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': '',
+        'font-family': '',
+        'color': ''
+    }
+};
+/**
+ * Returns a plugin which applies font-size, font-family, color styles to list item marker.
+ */
+export 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;
+        }
+    });
+}

package/dist/es2015/plugins/table-resize/column-resize.js

@@ -3,8 +3,8 @@ import { TableMap } from 'prosemirror-tables';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { colgroupAttr } from '../../config/constants';
 import { TableView, TableWrapperView } from './table-view';
-import { parseStyle } from './../../utils';
-import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, edgeCell, setNodeStyle, tableColumnResizeKey as key } from './utils';
+import { parseStyle, setNodeStyle } from './../../utils';
+import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, edgeCell, tableColumnResizeKey as key } from './utils';
 export function columnResizing() {
     const handleWidth = 5, cellMinWidth = 25;
     let plugin = new Plugin({

package/dist/es2015/plugins/table-resize/row-resize.js

@@ -1,8 +1,8 @@
 import { Plugin } from 'prosemirror-state';
 import { TableMap, tableNodeTypes } from 'prosemirror-tables';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, setNodeStyle, tableRowResizeKey as key, edgeCell } from './utils';
-import { parseStyle } from './../../utils';
+import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, tableRowResizeKey as key, edgeCell } from './utils';
+import { parseStyle, setNodeStyle } from './../../utils';
 class TableRowView {
     ignoreMutation(record) {
         return record.type === 'attributes' && record.attributeName === 'style' && record.target.nodeName === 'TR';

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

@@ -1,7 +1,7 @@
 import { NodeSelection, Plugin } from 'prosemirror-state';
 import { colgroupAttr, dataResizeDirTable, resizableAttr } from '../../config/constants';
-import { getTable, parentNode, setNodeStyle, tableResizeKey as key } from './utils';
-import { parseStyle } from './../../utils';
+import { getTable, tableResizeKey as key } from './utils';
+import { parseStyle, setNodeStyle, parentNode } from './../../utils';
 import { directions } from './../resize-utils';
 const commonDir = {
     'southeast': true,

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

@@ -1,21 +1,6 @@
 import { PluginKey } from 'prosemirror-state';
 import { TableMap } from 'prosemirror-tables';
-import { changeStylesString } from '../../utils';
-export const reAnyValue = /^.+$/;
-export function setNodeStyle(nodeAttrs, styleType, value) {
-    let attrs;
-    if (new RegExp('[^-]?' + styleType + ':').test(nodeAttrs.style || '')) {
-        const { style } = changeStylesString(nodeAttrs.style || '', { style: styleType, value: reAnyValue, newValue: value });
-        attrs = Object.assign(Object.assign({}, nodeAttrs), { style });
-    }
-    else if (nodeAttrs.style) {
-        attrs = Object.assign(Object.assign({}, nodeAttrs), { style: nodeAttrs.style.replace(/;$/, '') + '; ' + styleType + ': ' + value + ';' });
-    }
-    else {
-        attrs = Object.assign(Object.assign({}, nodeAttrs), { style: styleType + ': ' + value + ';' });
-    }
-    return attrs;
-}
+import { parentNode } from '../../utils';
 export const tableResizeKey = new PluginKey('table-resize');
 export const tableColumnResizeKey = new PluginKey('table-column-resizing');
 export const tableRowResizeKey = new PluginKey('table-row-resizing');
@@ -87,15 +72,6 @@ export function cellIndexes(dataCell) {
     }
     return result || { rowIndex: -1, cellIndex: -1 };
 }
-export function parentNode(pos, predicate) {
-    for (let depth = pos.depth; depth > 0; depth--) {
-        let node = pos.node(depth);
-        if (predicate(node)) {
-            return { node, depth };
-        }
-    }
-    return null;
-}
 export function edgeCell(view, event, indexes) {
     const found = view.posAtCoords({ left: event.clientX, top: event.clientY });
     if (!found) {

package/dist/es2015/utils.js

@@ -21,6 +21,21 @@ export const changeStylesString = (styleText, newStyle) => {
         changed: Boolean(newValue) || filtered.length !== styles.length
     };
 };
+const reAnyValue = /^.+$/;
+export function setNodeStyle(nodeAttrs, styleType, value) {
+    let attrs;
+    if (new RegExp('[^-]?' + styleType + ':').test(nodeAttrs.style || '')) {
+        const { style } = changeStylesString(nodeAttrs.style || '', { style: styleType, value: reAnyValue, newValue: value });
+        attrs = Object.assign(Object.assign({}, nodeAttrs), { style });
+    }
+    else if (nodeAttrs.style) {
+        attrs = Object.assign(Object.assign({}, nodeAttrs), { style: nodeAttrs.style.replace(/;$/, '') + '; ' + styleType + ': ' + value + ';' });
+    }
+    else {
+        attrs = Object.assign(Object.assign({}, nodeAttrs), { style: styleType + ': ' + value + ';' });
+    }
+    return attrs;
+}
 /**
  * Determines if a given node type can be inserted at the current cursor position.
  */
@@ -56,6 +71,15 @@ export const findNthParentNodeOfType = (nodeType, depth = 1) => {
         return findNthParentNode((node) => getTypeName(node) === getTypeName(nodeType), depth)(selection);
     };
 };
+export function parentNode(pos, predicate) {
+    for (let depth = pos.depth; depth > 0; depth--) {
+        let node = pos.node(depth);
+        if (predicate(node)) {
+            return { node, depth };
+        }
+    }
+    return null;
+}
 const filterEmptyAttrs = (attrs) => {
     const result = {};
     for (let attr in attrs) {
@@ -233,6 +257,15 @@ export const parseStyle = (styleText) => {
     }).reduce((acc, val) => (Object.assign(Object.assign({}, acc), val)), {});
     return styles;
 };
+export const applyStyle = (styleText, styleType, styleValue) => {
+    const styles = parseStyle(styleText);
+    styles[styleType] = styleValue;
+    const result = Object.keys(styles)
+        .map(name => styles[name] ? `${name}: ${styles[name]}` : null)
+        .filter(Boolean)
+        .join('; ');
+    return result ? result + ';' : null;
+};
 const setStyleAttr = (element, styleString) => {
     const styles = parseStyle(styleString);
     for (let style in styles) {

package/dist/npm/main.d.ts

@@ -28,6 +28,7 @@ export { textHighlight, textHighlightKey, InlineDecoration } from './plugins/hig
 export { imageResizing, imageResizeKey, ImageResizeOptions } from './plugins/image-resize';
 export { caretColor, caretColorKey } from './plugins/caret-color';
 export { tableResizing, tableResizeKey, tableColumnResizeKey, tableRowResizeKey } from './plugins/table-resize';
+export { listMarkersStyles, ListMarkersStylesOptions } from './plugins/list-markers-styles';
 export * from 'prosemirror-commands';
 export * from 'prosemirror-dropcursor';
 export * from 'prosemirror-gapcursor';

package/dist/npm/main.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.expandSelection = exports.selectedLineTextOnly = exports.getNodeFromSelection = exports.getSelectionText = exports.hasSameMarkup = exports.liftBlockquote = exports.blockquote = exports.listStyle = exports.toggleList = exports.toggleUnorderedList = exports.toggleOrderedList = exports.indentBlocks = exports.canBeIndented = exports.isIndented = exports.canOutdentAsListItem = exports.outdent = exports.canIndentAsListItem = exports.indent = exports.selectionMarks = exports.cleanMarks = exports.removeAllMarks = exports.getActiveMarks = exports.getMark = exports.hasMark = exports.cleanTextBlockFormatting = exports.blockNodes = exports.changeTextBlock = exports.parentBlockFormat = exports.getBlockFormats = exports.formatBlockElements = exports.activeNode = exports.hasNode = exports.cleanFormatting = exports.isAligned = exports.alignBlocks = exports.insertImage = exports.insertText = exports.removeLink = exports.applyLink = exports.toggleInlineFormat = exports.getInlineStyles = exports.applyInlineStyle = exports.fragmentToHtml = exports.pmDocToFragment = exports.domToPmDoc = exports.htmlToFragment = exports.trimWhitespace = exports.parseContent = exports.setHtml = exports.getHtml = void 0;
-exports.TableMap = exports.tableRowResizeKey = exports.tableColumnResizeKey = exports.tableResizeKey = exports.tableResizing = exports.caretColorKey = exports.caretColor = exports.imageResizeKey = exports.imageResizing = exports.textHighlightKey = exports.textHighlight = exports.cspFix = exports.spacesFix = exports.placeholder = exports.replaceAll = exports.replace = exports.findAll = exports.findAt = exports.find = exports.convertMsLists = exports.replaceImageSourcesFromRtf = exports.removeAttribute = exports.sanitizeStyleAttr = exports.sanitizeClassAttr = exports.pasteCleanup = exports.removeTag = exports.removeComments = exports.sanitize = exports.link = exports.superscript = exports.subscript = exports.strikethrough = exports.underline = exports.italic = exports.bold = exports.buildListKeymap = exports.buildKeymap = exports.marks = exports.nodes = exports.outdentRules = exports.indentRules = exports.alignRemoveRules = exports.alignJustifyRules = exports.alignRightRules = exports.alignCenterRules = exports.alignLeftRules = exports.indentHtml = exports.insertNode = exports.canInsert = exports.expandToWordWrap = void 0;
-exports.pmDeleteColumn = exports.pmAddRowBefore = exports.pmAddRowAfter = exports.pmAddColumnAfter = exports.pmAddColumnBefore = exports.deleteColumn = exports.addColumnAfter = exports.addColumnBefore = exports.addRowBefore = exports.addRowAfter = exports.createTable = exports.nextCell = exports.moveCellForward = exports.removeColSpan = exports.findCell = exports.cellAround = exports.updateColumnsOnResize = exports.columnResizingPluginKey = exports.columnResizing = exports.columnIsHeader = exports.colCount = exports.addColumn = exports.addColSpan = exports.addRow = exports.rowIsHeader = exports.deleteRow = exports.mergeCells = exports.splitCellWithType = exports.splitCell = exports.toggleHeaderRow = exports.toggleHeaderColumn = exports.toggleHeaderCell = exports.toggleHeader = exports.goToNextCell = exports.setCellAttr = exports.selectionCell = exports.selectedRect = exports.CellSelection = exports.inSameTable = exports.deleteTable = exports.isInTable = exports.fixTablesKey = exports.fixTables = exports.tableNodes = exports.tableNodeTypes = exports.tableEditingKey = exports.tableEditing = void 0;
+exports.listMarkersStyles = exports.tableRowResizeKey = exports.tableColumnResizeKey = exports.tableResizeKey = exports.tableResizing = exports.caretColorKey = exports.caretColor = exports.imageResizeKey = exports.imageResizing = exports.textHighlightKey = exports.textHighlight = exports.cspFix = exports.spacesFix = exports.placeholder = exports.replaceAll = exports.replace = exports.findAll = exports.findAt = exports.find = exports.convertMsLists = exports.replaceImageSourcesFromRtf = exports.removeAttribute = exports.sanitizeStyleAttr = exports.sanitizeClassAttr = exports.pasteCleanup = exports.removeTag = exports.removeComments = exports.sanitize = exports.link = exports.superscript = exports.subscript = exports.strikethrough = exports.underline = exports.italic = exports.bold = exports.buildListKeymap = exports.buildKeymap = exports.marks = exports.nodes = exports.outdentRules = exports.indentRules = exports.alignRemoveRules = exports.alignJustifyRules = exports.alignRightRules = exports.alignCenterRules = exports.alignLeftRules = exports.indentHtml = exports.insertNode = exports.canInsert = exports.expandToWordWrap = void 0;
+exports.pmDeleteColumn = exports.pmAddRowBefore = exports.pmAddRowAfter = exports.pmAddColumnAfter = exports.pmAddColumnBefore = exports.deleteColumn = exports.addColumnAfter = exports.addColumnBefore = exports.addRowBefore = exports.addRowAfter = exports.createTable = exports.nextCell = exports.moveCellForward = exports.removeColSpan = exports.findCell = exports.cellAround = exports.updateColumnsOnResize = exports.columnResizingPluginKey = exports.columnResizing = exports.columnIsHeader = exports.colCount = exports.addColumn = exports.addColSpan = exports.addRow = exports.rowIsHeader = exports.deleteRow = exports.mergeCells = exports.splitCellWithType = exports.splitCell = exports.toggleHeaderRow = exports.toggleHeaderColumn = exports.toggleHeaderCell = exports.toggleHeader = exports.goToNextCell = exports.setCellAttr = exports.selectionCell = exports.selectedRect = exports.CellSelection = exports.inSameTable = exports.deleteTable = exports.isInTable = exports.fixTablesKey = exports.fixTables = exports.tableNodes = exports.tableNodeTypes = exports.tableEditingKey = exports.tableEditing = exports.TableMap = void 0;
 var tslib_1 = require("tslib");
 var source_1 = require("./source");
 Object.defineProperty(exports, "getHtml", { enumerable: true, get: function () { return source_1.getHtml; } });
@@ -131,6 +131,8 @@ Object.defineProperty(exports, "tableResizing", { enumerable: true, get: functio
 Object.defineProperty(exports, "tableResizeKey", { enumerable: true, get: function () { return table_resize_1.tableResizeKey; } });
 Object.defineProperty(exports, "tableColumnResizeKey", { enumerable: true, get: function () { return table_resize_1.tableColumnResizeKey; } });
 Object.defineProperty(exports, "tableRowResizeKey", { enumerable: true, get: function () { return table_resize_1.tableRowResizeKey; } });
+var list_markers_styles_1 = require("./plugins/list-markers-styles");
+Object.defineProperty(exports, "listMarkersStyles", { enumerable: true, get: function () { return list_markers_styles_1.listMarkersStyles; } });
 // ProseMirror re-exports
 tslib_1.__exportStar(require("prosemirror-commands"), exports);
 tslib_1.__exportStar(require("prosemirror-dropcursor"), exports);

package/dist/npm/plugins/list-markers-styles.d.ts

@@ -0,0 +1,13 @@
+import { Plugin } from 'prosemirror-state';
+export interface ListMarkersStylesOptions {
+    listItem: string;
+    resetValues: {
+        'font-size': string;
+        'font-family': string;
+        'color': string;
+    };
+}
+/**
+ * Returns a plugin which applies font-size, font-family, color styles to list item marker.
+ */
+export declare function listMarkersStyles(options?: ListMarkersStylesOptions): Plugin;

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

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listMarkersStyles = void 0;
+var tslib_1 = require("tslib");
+var prosemirror_state_1 = require("prosemirror-state");
+var prosemirror_transform_1 = require("prosemirror-transform");
+var utils_1 = require("../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;
+    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;
+};
+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) {
+        if ((node.type.name === options.listItem) && inSelection(from, to, pos, node, doc)) {
+            transaction.setNodeMarkup(pos, null, tslib_1.__assign(tslib_1.__assign({}, node.attrs), { style: utils_1.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, _parent) {
+        if (node.type.name === options.listItem && inSelection(from, to, pos, node, doc)) {
+            var attrs_1 = node.attrs;
+            var nodeStyles_1 = utils_1.parseStyle(node.attrs.style);
+            stylesToClean.forEach(function (style) {
+                if (nodeStyles_1[style]) {
+                    attrs_1 = tslib_1.__assign(tslib_1.__assign({}, attrs_1), { style: utils_1.applyStyle(attrs_1.style, style, '') });
+                }
+            });
+            if (attrs_1 !== node.attrs) {
+                transaction.setNodeMarkup(pos, null, attrs_1);
+            }
+        }
+    });
+    tr.steps.forEach(function (step) {
+        if (step instanceof prosemirror_transform_1.RemoveMarkStep) {
+            var mark = step.mark;
+            if (mark.type.name === 'style' && mark.attrs.style) {
+                var _a = mark.attrs.style.split(/\s*:\s*/), name_1 = _a[0], _value = _a[1];
+                var $pos = transaction.doc.resolve(step.from);
+                var li = utils_1.parentNode($pos, function (n) { return n.type.name === options.listItem; });
+                if (li) {
+                    var liStyles = utils_1.parseStyle(li.node.attrs.style);
+                    if (liStyles[name_1] && options.resetValues[name_1]) {
+                        var newMark = mark.type.create({ style: name_1 + ": " + options.resetValues[name_1] + ";" });
+                        transaction.addMark(step.from, step.to, newMark);
+                    }
+                }
+            }
+        }
+    });
+    return transaction.docChanged ? transaction : undefined;
+};
+var DEFAULT_OPTIONS = {
+    listItem: 'list_item',
+    resetValues: {
+        'font-size': '',
+        'font-family': '',
+        'color': ''
+    }
+};
+/**
+ * Returns a plugin which applies font-size, font-family, color styles to list item marker.
+ */
+function listMarkersStyles(options) {
+    if (options === void 0) { options = DEFAULT_OPTIONS; }
+    return new prosemirror_state_1.Plugin({
+        key: new prosemirror_state_1.PluginKey('list-markers-styles'),
+        appendTransaction: function (transactions, _oldState, newState) {
+            var tr = transactions.slice().pop();
+            var commandName = tr.getMeta('commandName');
+            var 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;
+        }
+    });
+}
+exports.listMarkersStyles = listMarkersStyles;