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

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

@@ -162,7 +162,7 @@ function handleMouseDown(view, event, cellMinWidth) {
         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_2.setNodeStyle(tableAttrs || tableNode.attrs, 'width', sum + 'px');
+            tableAttrs = utils_1.setNodeStyle(tableAttrs || tableNode.attrs, 'width', sum + 'px');
         }
     }
     if (tableAttrs) {
@@ -216,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_2.setNodeStyle(attrs, 'width', tableDomWidth);
+        attrs = utils_1.setNodeStyle(attrs, 'width', tableDomWidth);
     }
     tr.setNodeMarkup(tablePos, null, attrs);
 }

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

@@ -182,13 +182,13 @@ function updateRowHeight(view, tr, cellPos) {
     var dom = view.nodeDOM(rowPos);
     var win = (dom.ownerDocument && dom.ownerDocument.defaultView) || window;
     dom.style.height = win.getComputedStyle(dom).height;
-    tr.setNodeMarkup(rowPos, null, utils_1.setNodeStyle(row.attrs, 'height', dom.style.height));
+    tr.setNodeMarkup(rowPos, null, utils_2.setNodeStyle(row.attrs, 'height', dom.style.height));
     var table = dom && dom.closest('table');
     var tableHeight = table && table.style.height;
     if (tableHeight) {
         var $pos = doc.resolve(rowPos);
         var tablePos = $pos.start($pos.depth) - 1;
-        tr.setNodeMarkup(tablePos, null, utils_1.setNodeStyle($pos.parent.attrs, 'height', tableHeight));
+        tr.setNodeMarkup(tablePos, null, utils_2.setNodeStyle($pos.parent.attrs, 'height', tableHeight));
     }
 }
 function displayRowHeight(view, cellPos, height, offset, tableHeight) {

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

@@ -81,19 +81,19 @@ var toPercents = function (view, tr, tablePos) {
     tableNode.forEach(function (row, offset, index) {
         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) + '%'));
+            tr.setNodeMarkup(tablePos + offset + 1, null, utils_2.setNodeStyle(row.attrs, 'height', (rowsHeight[index] * 100 / height) + '%'));
             heightChange = true;
         }
     });
     var tableAttrs = tableNode.attrs;
     if (utils_2.parseStyle(tableAttrs.style).width !== offsetWidth + 'px') {
-        tableAttrs = utils_1.setNodeStyle(tableAttrs, 'width', offsetWidth + 'px');
+        tableAttrs = utils_2.setNodeStyle(tableAttrs, 'width', offsetWidth + 'px');
     }
     if (widthChanged) {
         tableAttrs[constants_1.colgroupAttr] = colgroup.outerHTML;
     }
     if (heightChange) {
-        tableAttrs = utils_1.setNodeStyle(tableAttrs, 'height', offsetHeight + 'px');
+        tableAttrs = utils_2.setNodeStyle(tableAttrs, 'height', offsetHeight + 'px');
     }
     if (widthChanged || heightChange) {
         tr.setNodeMarkup(tablePos, null, tableAttrs);
@@ -108,7 +108,7 @@ var toPixels = function (view, tr, tablePos, attrs) {
     tableNode.forEach(function (row, offset, index) {
         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));
+            tr.setNodeMarkup(tablePos + offset + 1, null, utils_2.setNodeStyle(row.attrs, 'height', calcStyle(rows[index]).height));
         }
     });
     var colgroup = tableDom.firstChild;
@@ -149,10 +149,10 @@ var handleMouseUp = function (view) {
             var attrs = node.attrs;
             var parsedStyles = utils_2.parseStyle(attrs.style);
             if (horizontalDir[activeHandle] && dom.style.width && parsedStyles.width !== width) {
-                attrs = utils_1.setNodeStyle(attrs, 'width', width);
+                attrs = utils_2.setNodeStyle(attrs, 'width', width);
             }
             if (verticalDir[activeHandle] && dom.style.height && parsedStyles.height !== height) {
-                attrs = utils_1.setNodeStyle(attrs, 'height', height);
+                attrs = utils_2.setNodeStyle(attrs, 'height', height);
             }
             attrs = toPixels(view, tr, nodePosition, attrs);
             tr.setNodeMarkup(nodePosition, null, attrs);
@@ -165,9 +165,9 @@ var handleMouseUp = function (view) {
             });
             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'; });
+                var wrapper = utils_2.parentNode($pos, function (n) { return n.type.name === 'table_wrapper'; });
                 if (wrapper && /%/.test(utils_2.parseStyle(wrapper.node.attrs.style).width || '')) {
-                    var wrapperAttrs = utils_1.setNodeStyle(wrapper.node.attrs, 'width', '');
+                    var wrapperAttrs = utils_2.setNodeStyle(wrapper.node.attrs, 'width', '');
                     var wrapperPos = $pos.start(wrapper.depth) - 1;
                     tr.setNodeMarkup(wrapperPos, null, wrapperAttrs);
                 }
@@ -217,7 +217,7 @@ var tableResizing = function (options) {
                 if (isNodeSelected && selection instanceof prosemirror_state_1.NodeSelection) {
                     return { node: selection.node, pos: selection.from };
                 }
-                var parent = utils_1.parentNode(selection.$from, function (n) { return n.type === nodeType; });
+                var parent = utils_2.parentNode(selection.$from, function (n) { return n.type === nodeType; });
                 var node = parent && parent.node;
                 if (node) {
                     var pos = selection.$from.start(parent.depth) - 1;

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

@@ -1,8 +1,5 @@
-import { Node, ResolvedPos } from 'prosemirror-model';
 import { EditorState, PluginKey } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-export declare const reAnyValue: RegExp;
-export declare function setNodeStyle(nodeAttrs: any, styleType: string, value: string): any;
 export declare const tableResizeKey: PluginKey<any>;
 export declare const tableColumnResizeKey: PluginKey<any>;
 export declare const tableRowResizeKey: PluginKey<any>;
@@ -14,10 +11,6 @@ export declare function cellIndexes(dataCell: HTMLTableCellElement): {
     cellIndex: number;
     rowIndex: number;
 };
-export declare function parentNode(pos: ResolvedPos, predicate: (node: Node) => boolean): {
-    node: Node;
-    depth: number;
-} | null;
 export declare function edgeCell(view: EditorView, event: MouseEvent, indexes: {
     cellIndex: number;
     rowIndex: number;

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

@@ -1,26 +1,9 @@
 "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.reAnyValue = void 0;
-var tslib_1 = require("tslib");
+exports.edgeCell = exports.cellIndexes = exports.domCellAround = exports.getTable = exports.otherResizeHandle = exports.otherResizing = exports.tableRowResizeKey = exports.tableColumnResizeKey = exports.tableResizeKey = void 0;
 var prosemirror_state_1 = require("prosemirror-state");
 var prosemirror_tables_1 = require("prosemirror-tables");
 var utils_1 = require("../../utils");
-exports.reAnyValue = /^.+$/;
-function setNodeStyle(nodeAttrs, styleType, value) {
-    var attrs;
-    if (new RegExp('[^-]?' + styleType + ':').test(nodeAttrs.style || '')) {
-        var style = utils_1.changeStylesString(nodeAttrs.style || '', { style: styleType, value: exports.reAnyValue, newValue: value }).style;
-        attrs = tslib_1.__assign(tslib_1.__assign({}, nodeAttrs), { style: style });
-    }
-    else if (nodeAttrs.style) {
-        attrs = tslib_1.__assign(tslib_1.__assign({}, nodeAttrs), { style: nodeAttrs.style.replace(/;$/, '') + '; ' + styleType + ': ' + value + ';' });
-    }
-    else {
-        attrs = tslib_1.__assign(tslib_1.__assign({}, nodeAttrs), { style: styleType + ': ' + value + ';' });
-    }
-    return attrs;
-}
-exports.setNodeStyle = setNodeStyle;
 exports.tableResizeKey = new prosemirror_state_1.PluginKey('table-resize');
 exports.tableColumnResizeKey = new prosemirror_state_1.PluginKey('table-column-resizing');
 exports.tableRowResizeKey = new prosemirror_state_1.PluginKey('table-row-resizing');
@@ -102,23 +85,13 @@ function cellIndexes(dataCell) {
     return result || { rowIndex: -1, cellIndex: -1 };
 }
 exports.cellIndexes = cellIndexes;
-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;
-}
-exports.parentNode = parentNode;
 function edgeCell(view, event, indexes) {
     var found = view.posAtCoords({ left: event.clientX, top: event.clientY });
     if (!found) {
         return -1;
     }
     var $pos = view.state.doc.resolve(found.pos);
-    var parentTable = parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; });
+    var parentTable = utils_1.parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; });
     if (parentTable === null) {
         return -1;
     }

package/dist/npm/utils.d.ts

@@ -1,4 +1,4 @@
-import { Node, NodeType, ParseOptions, Schema } from 'prosemirror-model';
+import { Node, NodeType, ParseOptions, Schema, ResolvedPos } from 'prosemirror-model';
 import { EditorState } from 'prosemirror-state';
 import { Command } from './types/command';
 export declare const changeStylesString: (styleText: string, newStyle: {
@@ -9,11 +9,16 @@ export declare const changeStylesString: (styleText: string, newStyle: {
     changed: boolean;
     style: string | null;
 };
+export declare function setNodeStyle(nodeAttrs: any, styleType: string, value: string): any;
 /**
  * Determines if a given node type can be inserted at the current cursor position.
  */
 export declare const canInsert: (state: EditorState, nodeType: NodeType) => boolean;
 export declare const findNthParentNodeOfType: (nodeType: NodeType, depth?: number) => Function;
+export declare function parentNode(pos: ResolvedPos, predicate: (node: Node) => boolean): {
+    node: Node;
+    depth: number;
+} | null;
 /**
  * Inserts the given node at the place of current selection.
  */
@@ -59,4 +64,5 @@ export declare const expandToWordWrap: (command: any, options: any) => (state: a
 export declare const parseStyle: (styleText: string | null) => {
     [x: string]: string;
 };
+export declare const applyStyle: (styleText: string | null, styleType: string, styleValue: 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.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;
+exports.setAttribute = exports.applyStyle = exports.parseStyle = exports.expandToWordWrap = exports.expandSelection = exports.shallowEqual = exports.indentHtml = exports.selectedLineTextOnly = exports.getNodeFromSelection = exports.getSelectionText = exports.hasSameMarkup = exports.insertNode = exports.parentNode = exports.findNthParentNodeOfType = exports.canInsert = exports.setNodeStyle = exports.changeStylesString = void 0;
 var tslib_1 = require("tslib");
 var prosemirror_model_1 = require("prosemirror-model");
 var prosemirror_state_1 = require("prosemirror-state");
@@ -26,6 +26,22 @@ var changeStylesString = function (styleText, newStyle) {
     };
 };
 exports.changeStylesString = changeStylesString;
+var reAnyValue = /^.+$/;
+function setNodeStyle(nodeAttrs, styleType, value) {
+    var attrs;
+    if (new RegExp('[^-]?' + styleType + ':').test(nodeAttrs.style || '')) {
+        var style = exports.changeStylesString(nodeAttrs.style || '', { style: styleType, value: reAnyValue, newValue: value }).style;
+        attrs = tslib_1.__assign(tslib_1.__assign({}, nodeAttrs), { style: style });
+    }
+    else if (nodeAttrs.style) {
+        attrs = tslib_1.__assign(tslib_1.__assign({}, nodeAttrs), { style: nodeAttrs.style.replace(/;$/, '') + '; ' + styleType + ': ' + value + ';' });
+    }
+    else {
+        attrs = tslib_1.__assign(tslib_1.__assign({}, nodeAttrs), { style: styleType + ': ' + value + ';' });
+    }
+    return attrs;
+}
+exports.setNodeStyle = setNodeStyle;
 /**
  * Determines if a given node type can be inserted at the current cursor position.
  */
@@ -65,6 +81,16 @@ var findNthParentNodeOfType = function (nodeType, depth) {
     };
 };
 exports.findNthParentNodeOfType = findNthParentNodeOfType;
+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;
+}
+exports.parentNode = parentNode;
 var filterEmptyAttrs = function (attrs) {
     var result = {};
     for (var attr in attrs) {
@@ -256,6 +282,16 @@ var parseStyle = function (styleText) {
     return styles;
 };
 exports.parseStyle = parseStyle;
+var applyStyle = function (styleText, styleType, styleValue) {
+    var styles = exports.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;
+};
+exports.applyStyle = applyStyle;
 var setStyleAttr = function (element, styleString) {
     var styles = exports.parseStyle(styleString);
     for (var style in styles) {