@progress/kendo-editor-common 1.10.3-dev.202309121208 → 1.10.3

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

@@ -7,11 +7,12 @@ var prosemirror_tables_1 = require("prosemirror-tables");
 var prosemirror_view_1 = require("prosemirror-view");
 var constants_1 = require("../../config/constants");
 var table_view_1 = require("./table-view");
-var utils_1 = require("./utils");
+var utils_1 = require("./../../utils");
+var utils_2 = require("./utils");
 function columnResizing() {
     var handleWidth = 5, cellMinWidth = 25;
     var plugin = new prosemirror_state_1.Plugin({
-        key: utils_1.tableColumnResizeKey,
+        key: utils_2.tableColumnResizeKey,
         state: {
             init: function (_, _state) {
                 return new ResizeState(-1, null);
@@ -22,15 +23,15 @@ function columnResizing() {
         },
         props: {
             attributes: function (state) {
-                if (utils_1.otherResizeHandle(utils_1.tableColumnResizeKey, state)) {
+                if (utils_2.otherResizeHandle(utils_2.tableColumnResizeKey, state)) {
                     return null;
                 }
-                var pluginState = utils_1.tableColumnResizeKey.getState(state);
+                var pluginState = utils_2.tableColumnResizeKey.getState(state);
                 return pluginState.activeHandle > -1 ? { class: 'resize-cursor' } : null;
             },
             handleDOMEvents: {
                 mousemove: function (view, event) {
-                    if (!utils_1.otherResizing(utils_1.tableColumnResizeKey, view.state)) {
+                    if (!utils_2.otherResizing(utils_2.tableColumnResizeKey, view.state)) {
                         handleMouseMove(view, event, handleWidth);
                     }
                     return false;
@@ -44,8 +45,8 @@ function columnResizing() {
                 }
             },
             decorations: function (state) {
-                if (!utils_1.otherResizing(utils_1.tableColumnResizeKey, state)) {
-                    var pluginState = utils_1.tableColumnResizeKey.getState(state);
+                if (!utils_2.otherResizing(utils_2.tableColumnResizeKey, state)) {
+                    var pluginState = utils_2.tableColumnResizeKey.getState(state);
                     if (pluginState.activeHandle > -1) {
                         return handleDecorations(state, pluginState.activeHandle);
                     }
@@ -70,7 +71,7 @@ var ResizeState = /** @class */ (function () {
         this.dragging = dragging;
     }
     ResizeState.prototype.apply = function (tr) {
-        var state = this, action = tr.getMeta(utils_1.tableColumnResizeKey);
+        var state = this, action = tr.getMeta(utils_2.tableColumnResizeKey);
         if (action && action.setHandle != null) {
             return new ResizeState(action.setHandle, null);
         }
@@ -89,18 +90,18 @@ var ResizeState = /** @class */ (function () {
     return ResizeState;
 }());
 function handleMouseMove(view, event, handleWidth) {
-    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
+    var pluginState = utils_2.tableColumnResizeKey.getState(view.state);
     if (!pluginState.dragging) {
-        var target = utils_1.domCellAround(event.target), cell = -1;
+        var target = utils_2.domCellAround(event.target), cell = -1;
         if (target) {
-            var indexes = utils_1.cellIndexes(target);
+            var indexes = utils_2.cellIndexes(target);
             var _a = target.getBoundingClientRect(), left = _a.left, right = _a.right;
             if (Math.abs(event.clientX - left) <= handleWidth && indexes.cellIndex > 0) {
                 indexes.cellIndex -= target.colSpan;
-                cell = utils_1.edgeCell(view, event, indexes);
+                cell = utils_2.edgeCell(view, event, indexes);
             }
             else if (right - event.clientX > 0 && right - event.clientX <= handleWidth) {
-                cell = utils_1.edgeCell(view, event, indexes);
+                cell = utils_2.edgeCell(view, event, indexes);
             }
         }
         if (cell !== pluginState.activeHandle) {
@@ -109,14 +110,14 @@ function handleMouseMove(view, event, handleWidth) {
     }
 }
 function handleMouseLeave(view) {
-    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
+    var pluginState = utils_2.tableColumnResizeKey.getState(view.state);
     if (pluginState.activeHandle > -1 && !pluginState.dragging) {
         updateHandle(view, -1);
     }
 }
 function handleMouseDown(view, event, cellMinWidth) {
     var _a;
-    var pluginState = utils_1.tableColumnResizeKey.getState(view.state);
+    var pluginState = utils_2.tableColumnResizeKey.getState(view.state);
     if (pluginState.activeHandle === -1 || pluginState.dragging) {
         return false;
     }
@@ -156,12 +157,12 @@ function handleMouseDown(view, event, cellMinWidth) {
         tableAttrs = tslib_1.__assign(tslib_1.__assign({}, tableNode.attrs), (_a = {}, _a[constants_1.colgroupAttr] = '<colgroup>' + cols.reduce(function (acc, cur) { return acc + cur.outerHTML; }, '') + '</colgroup>', _a));
     }
     var width = parseFloat(col.style.width);
-    var tr = view.state.tr.setMeta(utils_1.tableColumnResizeKey, { setDragging: { startX: event.clientX, startWidth: width } });
+    var tr = view.state.tr.setMeta(utils_2.tableColumnResizeKey, { setDragging: { startX: event.clientX, startWidth: width } });
     if (!tableDom.style.width) {
         var widths = Array.from(col.parentNode.children).map(function (c) { return c.style.width; });
         if (widths.every(Boolean)) {
             var sum = widths.reduce(function (acc, cur) { return acc + parseFloat(cur); }, 0);
-            tableAttrs = utils_1.setNodeStyle(tableAttrs || tableNode.attrs, 'width', sum + 'px');
+            tableAttrs = utils_2.setNodeStyle(tableAttrs || tableNode.attrs, 'width', sum + 'px');
         }
     }
     if (tableAttrs) {
@@ -172,18 +173,18 @@ function handleMouseDown(view, event, cellMinWidth) {
     function finish(ev) {
         ev.view.removeEventListener('mouseup', finish);
         ev.view.removeEventListener('mousemove', move);
-        var curPluginState = utils_1.tableColumnResizeKey.getState(view.state);
+        var curPluginState = utils_2.tableColumnResizeKey.getState(view.state);
         if (curPluginState.dragging) {
             var transaction = view.state.tr;
             updateColumnWidth(view, transaction, curPluginState.activeHandle, draggedWidth(curPluginState.dragging, ev, cellMinWidth));
-            view.dispatch(transaction.setMeta(utils_1.tableColumnResizeKey, { setDragging: null }));
+            view.dispatch(transaction.setMeta(utils_2.tableColumnResizeKey, { setDragging: null }));
         }
     }
     function move(ev) {
         if (!ev.which) {
             return finish(ev);
         }
-        var curPluginState = utils_1.tableColumnResizeKey.getState(view.state);
+        var curPluginState = utils_2.tableColumnResizeKey.getState(view.state);
         var dragged = draggedWidth(curPluginState.dragging, ev, cellMinWidth);
         displayColumnWidth(view, curPluginState.activeHandle, dragged, cellMinWidth);
     }
@@ -199,7 +200,7 @@ function draggedWidth(dragging, event, cellMinWidth) {
 function updateHandle(view, value) {
     var tr = view.state.tr;
     tr.setMeta('addToHistory', false);
-    tr.setMeta(utils_1.tableColumnResizeKey, { setHandle: value });
+    tr.setMeta(utils_2.tableColumnResizeKey, { setHandle: value });
     view.dispatch(tr);
 }
 function updateColumnWidth(view, tr, cell, _width) {
@@ -215,7 +216,7 @@ function updateColumnWidth(view, tr, cell, _width) {
     }
     var tableDomWidth = tableDom.style.width;
     if (tableDom && tableDomWidth && utils_1.parseStyle(attrs.style).width !== tableDomWidth) {
-        attrs = utils_1.setNodeStyle(attrs, 'width', tableDomWidth);
+        attrs = utils_2.setNodeStyle(attrs, 'width', tableDomWidth);
     }
     tr.setNodeMarkup(tablePos, null, attrs);
 }

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

@@ -5,6 +5,7 @@ var prosemirror_state_1 = require("prosemirror-state");
 var prosemirror_tables_1 = require("prosemirror-tables");
 var prosemirror_view_1 = require("prosemirror-view");
 var utils_1 = require("./utils");
+var utils_2 = require("./../../utils");
 var TableRowView = /** @class */ (function () {
     function TableRowView() {
     }
@@ -126,8 +127,8 @@ function handleMouseDown(view, event) {
     var $cell = doc.resolve(pluginState.activeHandle);
     var row = $cell.parent;
     var table = $cell.node(-1);
-    var rowHeightStr = utils_1.parseStyle(row.attrs.style).height;
-    var tableHeight = utils_1.parseStyle(table.attrs.style).height;
+    var rowHeightStr = utils_2.parseStyle(row.attrs.style).height;
+    var tableHeight = utils_2.parseStyle(table.attrs.style).height;
     var rowHeight = rowHeightStr ? parseFloat(rowHeightStr) : 0;
     if (!rowHeightStr) {
         var tr = view.nodeDOM(pluginState.activeHandle);

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

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 var prosemirror_state_1 = require("prosemirror-state");
 var constants_1 = require("../../config/constants");
 var utils_1 = require("./utils");
+var utils_2 = require("./../../utils");
 var resize_utils_1 = require("./../resize-utils");
 var commonDir = {
     'southeast': true,
@@ -78,14 +79,14 @@ var toPercents = function (view, tr, tablePos) {
     });
     var heightChange = false;
     tableNode.forEach(function (row, offset, index) {
-        var rowHeight = utils_1.parseStyle(row.attrs.style).height;
+        var rowHeight = utils_2.parseStyle(row.attrs.style).height;
         if (rowHeight && !/%$/.test(rowHeight)) {
             tr.setNodeMarkup(tablePos + offset + 1, null, utils_1.setNodeStyle(row.attrs, 'height', (rowsHeight[index] * 100 / height) + '%'));
             heightChange = true;
         }
     });
     var tableAttrs = tableNode.attrs;
-    if (utils_1.parseStyle(tableAttrs.style).width !== offsetWidth + 'px') {
+    if (utils_2.parseStyle(tableAttrs.style).width !== offsetWidth + 'px') {
         tableAttrs = utils_1.setNodeStyle(tableAttrs, 'width', offsetWidth + 'px');
     }
     if (widthChanged) {
@@ -105,7 +106,7 @@ var toPixels = function (view, tr, tablePos, attrs) {
     var calcStyle = win.getComputedStyle;
     var rows = Array.from(tableDom.rows);
     tableNode.forEach(function (row, offset, index) {
-        var rowHeight = utils_1.parseStyle(row.attrs.style).height;
+        var rowHeight = utils_2.parseStyle(row.attrs.style).height;
         if (rowHeight && !/px$/.test(rowHeight)) {
             tr.setNodeMarkup(tablePos + offset + 1, null, utils_1.setNodeStyle(row.attrs, 'height', calcStyle(rows[index]).height));
         }
@@ -146,7 +147,7 @@ var handleMouseUp = function (view) {
             var height = rect.offsetHeight + 'px';
             var tr = view.state.tr;
             var attrs = node.attrs;
-            var parsedStyles = utils_1.parseStyle(attrs.style);
+            var parsedStyles = utils_2.parseStyle(attrs.style);
             if (horizontalDir[activeHandle] && dom.style.width && parsedStyles.width !== width) {
                 attrs = utils_1.setNodeStyle(attrs, 'width', width);
             }
@@ -162,10 +163,10 @@ var handleMouseUp = function (view) {
                 activeHandle: null,
                 nodePosition: nodePosition
             });
-            if (!/%/.test(utils_1.parseStyle(attrs.style).width || '')) {
+            if (!/%/.test(utils_2.parseStyle(attrs.style).width || '')) {
                 var $pos = tr.doc.resolve(nodePosition);
                 var wrapper = utils_1.parentNode($pos, function (n) { return n.type.name === 'table_wrapper'; });
-                if (wrapper && /%/.test(utils_1.parseStyle(wrapper.node.attrs.style).width || '')) {
+                if (wrapper && /%/.test(utils_2.parseStyle(wrapper.node.attrs.style).width || '')) {
                     var wrapperAttrs = utils_1.setNodeStyle(wrapper.node.attrs, 'width', '');
                     var wrapperPos = $pos.start(wrapper.depth) - 1;
                     tr.setNodeMarkup(wrapperPos, null, wrapperAttrs);

package/dist/npm/plugins/table-resize/table-view.js

@@ -4,7 +4,7 @@ exports.TableWrapperView = exports.TableView = void 0;
 var constants_1 = require("../../config/constants");
 var schema_1 = require("../../config/schema");
 var resize_utils_1 = require("./../resize-utils");
-var utils_1 = require("./utils");
+var utils_1 = require("./../../utils");
 var TableView = /** @class */ (function () {
     function TableView(node, view) {
         this.node = node;
@@ -75,14 +75,7 @@ var TableView = /** @class */ (function () {
         var skip = [constants_1.colgroupAttr, constants_1.resizableAttr];
         for (var attrName in attrs) {
             if (attrName && skip.indexOf(attrName) === -1) {
-                var current = table.getAttribute(attrName);
-                var next = attrs[attrName];
-                if (next && next !== current) {
-                    table.setAttribute(attrName, next);
-                }
-                else if (!next) {
-                    table.removeAttribute(attrName);
-                }
+                utils_1.setAttribute(table, attrName, attrs[attrName]);
             }
         }
         if (/%$/.test(table.style.width)) {
@@ -122,14 +115,7 @@ var TableWrapperView = /** @class */ (function () {
     TableWrapperView.prototype.setAttributes = function (dom, attrs) {
         for (var attrName in attrs) {
             if (attrName) {
-                var current = dom.getAttribute(attrName);
-                var next = attrs[attrName];
-                if (next && next !== current) {
-                    dom.setAttribute(attrName, next);
-                }
-                else if (!next) {
-                    dom.removeAttribute(attrName);
-                }
+                utils_1.setAttribute(dom, attrName, attrs[attrName]);
             }
         }
         dom.setAttribute('table', '');

package/dist/npm/plugins/table-resize/utils.d.ts

@@ -2,9 +2,6 @@ import { Node, ResolvedPos } from 'prosemirror-model';
 import { EditorState, PluginKey } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 export declare const reAnyValue: RegExp;
-export declare const parseStyle: (styleText: string | null) => {
-    [x: string]: string;
-};
 export declare function setNodeStyle(nodeAttrs: any, styleType: string, value: string): any;
 export declare const tableResizeKey: PluginKey<any>;
 export declare const tableColumnResizeKey: PluginKey<any>;

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

@@ -1,20 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.edgeCell = exports.parentNode = exports.cellIndexes = exports.domCellAround = exports.getTable = exports.otherResizeHandle = exports.otherResizing = exports.tableRowResizeKey = exports.tableColumnResizeKey = exports.tableResizeKey = exports.setNodeStyle = exports.parseStyle = exports.reAnyValue = void 0;
+exports.edgeCell = exports.parentNode = exports.cellIndexes = exports.domCellAround = exports.getTable = exports.otherResizeHandle = exports.otherResizing = exports.tableRowResizeKey = exports.tableColumnResizeKey = exports.tableResizeKey = exports.setNodeStyle = exports.reAnyValue = void 0;
 var tslib_1 = require("tslib");
 var prosemirror_state_1 = require("prosemirror-state");
 var prosemirror_tables_1 = require("prosemirror-tables");
 var utils_1 = require("../../utils");
 exports.reAnyValue = /^.+$/;
-var parseStyle = function (styleText) {
-    var styles = (styleText || '').split(/\s*;\s*/).filter(Boolean).map(function (s) {
-        var _a;
-        var nameValue = s.split(/\s*:\s*/);
-        return _a = {}, _a[nameValue[0]] = nameValue[1], _a;
-    }).reduce(function (acc, val) { return (tslib_1.__assign(tslib_1.__assign({}, acc), val)); }, {});
-    return styles;
-};
-exports.parseStyle = parseStyle;
 function setNodeStyle(nodeAttrs, styleType, value) {
     var attrs;
     if (new RegExp('[^-]?' + styleType + ':').test(nodeAttrs.style || '')) {

package/dist/npm/source.js

@@ -4,6 +4,7 @@ exports.setHtml = exports.getHtml = exports.parseContent = exports.domToPmDoc =
 var prosemirror_model_1 = require("prosemirror-model");
 var prosemirror_state_1 = require("prosemirror-state");
 var constants_1 = require("./config/constants");
+var DOMSerializer_1 = require("./DOMSerializer");
 var blockWrappers = [
     'div', 'ol', 'ul', 'li', 'table', 'tbody', 'thead', 'tfoot', 'caption', 'td', 'th', 'p',
     'tr', 'col', 'colgroup', 'article', 'main', 'nav', 'header', 'footer', 'aside', 'section'
@@ -132,6 +133,29 @@ var trimWhitespace = function (html, trimAroundTags) {
         .replace(new RegExp('(<\\/(?:' + tags + ')(?:\\s[^>]*?)?>)\\s*', 'g'), '$1');
 };
 exports.trimWhitespace = trimWhitespace;
+var styleAttr = 'data-style';
+var styleReplace = ' ' + styleAttr + '=';
+var reTag = /<[^>]+>/gm;
+var reStyle = /\sstyle=/gm;
+var replacer = function (match) {
+    return match.replace(reStyle, styleReplace);
+};
+var replaceStyleAttr = function (html) {
+    return html.replace(reTag, replacer);
+};
+var applyStyle = function (styleString, element) {
+    return styleString.split(';').filter(function (s) { return s !== ''; }).forEach(function (s) {
+        var parts = s.split(':');
+        element.style[parts[0].trim()] = parts[1].trim();
+    });
+};
+var restoreStyleAttr = function (container) {
+    Array.from(container.querySelectorAll('[' + styleAttr + ']')).forEach(function (element) {
+        var styleString = element.getAttribute(styleAttr);
+        element.removeAttribute(styleAttr);
+        applyStyle(styleString, element);
+    });
+};
 /**
  * Creates a DocumentFragment from the given HTML content.
  *
@@ -140,21 +164,9 @@ exports.trimWhitespace = trimWhitespace;
  */
 var htmlToFragment = function (html) {
     var template = document.createElement('template');
-    var fragment;
-    if ('content' in template) {
-        template.innerHTML = html;
-        fragment = template.content;
-    }
-    else {
-        // Internet Explorer
-        var parsedDocument = new DOMParser().parseFromString(html, 'text/html');
-        fragment = document.createDocumentFragment();
-        var dom = parsedDocument.body;
-        while (dom && dom.firstChild) {
-            fragment.appendChild(dom.firstChild);
-        }
-    }
-    return fragment;
+    template.innerHTML = replaceStyleAttr(html);
+    restoreStyleAttr(template.content);
+    return template.content;
 };
 exports.htmlToFragment = htmlToFragment;
 /**
@@ -170,7 +182,7 @@ exports.fragmentToHtml = fragmentToHtml;
  * @returns DocumentFragment
  */
 var pmDocToFragment = function (doc) {
-    var fragment = prosemirror_model_1.DOMSerializer.fromSchema(doc.type.schema).serializeFragment(doc.content);
+    var fragment = DOMSerializer_1.DOMSerializer.fromSchema(doc.type.schema).serializeFragment(doc.content);
     restoreTables(fragment);
     return fragment;
 };
@@ -209,9 +221,7 @@ exports.parseContent = parseContent;
  */
 var getHtml = function (state) {
     var fragment = exports.pmDocToFragment(state.doc);
-    var container = document.createElement('div');
-    container.appendChild(fragment);
-    return container.innerHTML;
+    return exports.fragmentToHtml(fragment);
 };
 exports.getHtml = getHtml;
 /**

package/dist/npm/utils.d.ts

@@ -56,3 +56,7 @@ export declare const expandSelection: (state: any, dispatch: any, options: any)
  * command(view.state, view.dispatch);
  */
 export declare const expandToWordWrap: (command: any, options: any) => (state: any, dispatch: any, _view?: any) => any;
+export declare const parseStyle: (styleText: string | null) => {
+    [x: string]: string;
+};
+export declare const setAttribute: (node: HTMLElement, attrName: string, value?: string) => void;

package/dist/npm/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.expandToWordWrap = exports.expandSelection = exports.shallowEqual = exports.indentHtml = exports.selectedLineTextOnly = exports.getNodeFromSelection = exports.getSelectionText = exports.hasSameMarkup = exports.insertNode = exports.findNthParentNodeOfType = exports.canInsert = exports.changeStylesString = void 0;
+exports.setAttribute = exports.parseStyle = exports.expandToWordWrap = exports.expandSelection = exports.shallowEqual = exports.indentHtml = exports.selectedLineTextOnly = exports.getNodeFromSelection = exports.getSelectionText = exports.hasSameMarkup = exports.insertNode = exports.findNthParentNodeOfType = exports.canInsert = exports.changeStylesString = void 0;
 var tslib_1 = require("tslib");
 var prosemirror_model_1 = require("prosemirror-model");
 var prosemirror_state_1 = require("prosemirror-state");
@@ -247,3 +247,36 @@ var expandToWordWrap = function (command, options) {
     };
 };
 exports.expandToWordWrap = expandToWordWrap;
+var parseStyle = function (styleText) {
+    var styles = (styleText || '').split(/\s*;\s*/).filter(Boolean).map(function (s) {
+        var _a;
+        var nameValue = s.split(/\s*:\s*/);
+        return _a = {}, _a[nameValue[0]] = nameValue[1], _a;
+    }).reduce(function (acc, val) { return (tslib_1.__assign(tslib_1.__assign({}, acc), val)); }, {});
+    return styles;
+};
+exports.parseStyle = parseStyle;
+var setStyleAttr = function (element, styleString) {
+    var styles = exports.parseStyle(styleString);
+    for (var style in styles) {
+        if (style && typeof element.style[style] !== 'undefined') {
+            element.style[style] = styles[style];
+        }
+    }
+};
+var setAttribute = function (node, attrName, value) {
+    var current = node.getAttribute(attrName);
+    if (value !== undefined && value !== current) {
+        if (attrName === 'style') {
+            node.removeAttribute(attrName);
+            setStyleAttr(node, value);
+        }
+        else {
+            node.setAttribute(attrName, value);
+        }
+    }
+    else if (value === undefined) {
+        node.removeAttribute(attrName);
+    }
+};
+exports.setAttribute = setAttribute;