@progress/kendo-angular-editor 3.0.0-dev.202112211443 → 3.0.0

package/dist/es/common/error-messages.js

@@ -13,7 +13,7 @@ export var EditorErrorMessages = {
     pluginsCallbackType: ɵ0,
     pastedContentCallbackType: ɵ1,
     setPluginsOnce: 'The plugins cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/plugins/',
-    setPlaceHolderOnce: 'The placeholder cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/placeholder/',
+    setPlaceHolderOnce: 'The placeholder cannot be changed dynamically. See https://www.telerik.com/kendo-angular-ui/components/editor/plugins/#toc-custom-plugins/',
     printTool: 'The Print tool and functionality are supported only in iframe mode. See https://www.telerik.com/kendo-angular-ui-develop/components/editor/api/EditorPrintButtonDirective/'
 };
 export { ɵ0, ɵ1 };

package/dist/es/config/command-icons.js

@@ -11,6 +11,7 @@ export var commandIcons = {
     alignLeft: 'align-left',
     alignRight: 'align-right',
     backColor: 'background',
+    blockquote: 'blockquote',
     bold: 'bold',
     cleanFormatting: 'clear-css',
     createLink: 'link-horizontal',

package/dist/es/config/commands.js

@@ -3,10 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { alignBlocks, alignLeftRules, alignCenterRules, alignRightRules, alignJustifyRules, alignRemoveRules, indent, outdent, setHtml, getHtml, insertImage, insertText, applyLink, removeLink, expandToWordWrap, 
+import { alignBlocks, alignLeftRules, alignCenterRules, alignRightRules, alignJustifyRules, alignRemoveRules, indent, outdent, setHtml, getHtml, insertImage, insertText, applyLink, removeLink, expandToWordWrap, blockquote, 
 //marks
-bold, italic, underline, strikethrough, subscript, superscript, link, toggleInlineFormat, applyInlineStyle, formatBlockElements, toggleOrderedList, toggleUnorderedList, isAligned, undo, redo, cleanFormatting, selectAll } from '@progress/kendo-editor-common';
-import { insertTable, deleteTable, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell } from './table-commands';
+bold, italic, underline, strikethrough, subscript, superscript, link, toggleInlineFormat, applyInlineStyle, formatBlockElements, toggleOrderedList, toggleUnorderedList, isAligned, undo, redo, cleanFormatting, selectAll, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, deleteTable, mergeCells, splitCell } from '@progress/kendo-editor-common';
+import { insertTable } from './table-commands';
 var alignRemove = function (state, dispatch) { return alignBlocks(alignRemoveRules)(state, dispatch); };
 var ɵ0 = alignRemove;
 var ɵ1 = function (applyToWord) { return expandToWordWrap(toggleInlineFormat, tslib_1.__assign({}, bold, { applyToWord: applyToWord })); }, ɵ2 = function (options) { return cleanFormatting(options); }, ɵ3 = function (attrs) { return expandToWordWrap(applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ4 = function (attrs) { return expandToWordWrap(applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ5 = function (attrs) { return expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }); }, ɵ6 = function (attrs) { return expandToWordWrap(applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }); }, ɵ7 = function (text) { return insertText(text); }, ɵ8 = function (applyToWord) { return expandToWordWrap(toggleInlineFormat, tslib_1.__assign({}, italic, { applyToWord: applyToWord })); }, ɵ9 = function (applyToWord) { return expandToWordWrap(toggleInlineFormat, tslib_1.__assign({}, strikethrough, { applyToWord: applyToWord })); }, ɵ10 = function (applyToWord) { return expandToWordWrap(toggleInlineFormat, tslib_1.__assign({}, subscript, { applyToWord: applyToWord })); }, ɵ11 = function (applyToWord) { return expandToWordWrap(toggleInlineFormat, tslib_1.__assign({}, superscript, { applyToWord: applyToWord })); }, ɵ12 = function (applyToWord) { return expandToWordWrap(toggleInlineFormat, tslib_1.__assign({}, underline, { applyToWord: applyToWord })); }, ɵ13 = function () { return removeLink(link); }, ɵ14 = function (attrs) { return expandToWordWrap(applyInlineStyle, { style: 'color', value: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ15 = function (attrs) { return expandToWordWrap(applyInlineStyle, { style: 'background-color', value: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ16 = function () { return function (state, dispatch) { return selectAll(state, dispatch); }; };
@@ -31,7 +31,7 @@ var inlineCommand = {
 var ɵ17 = function () { return function (state, dispatch) { return isAligned(state, alignCenterRules) ? alignRemove(state, dispatch) : alignBlocks(alignCenterRules)(state, dispatch); }; }, ɵ18 = function () { return function (state, dispatch) { return isAligned(state, alignJustifyRules) ? alignRemove(state, dispatch) : alignBlocks(alignJustifyRules)(state, dispatch); }; }, ɵ19 = function () { return function (state, dispatch) { return isAligned(state, alignLeftRules) ? alignRemove(state, dispatch) : alignBlocks(alignLeftRules)(state, dispatch); }; }, ɵ20 = function () { return function (state, dispatch) { return isAligned(state, alignRightRules) ? alignRemove(state, dispatch) : alignBlocks(alignRightRules)(state, dispatch); }; }, ɵ21 = function (formatAttr) { return formatBlockElements(formatAttr.tag); }, ɵ22 = function () { return getHtml; }, ɵ23 = function () { return indent; }, ɵ24 = function (attrs) { return insertImage(attrs); }, ɵ25 = function () { return toggleOrderedList; }, ɵ26 = function () { return toggleUnorderedList; }, ɵ27 = function () { return outdent; }, ɵ28 = function () { return redo; }, ɵ29 = function (_a) {
     var content = _a.content, parseOptions = _a.parseOptions;
     return setHtml(content, 'setHTML', parseOptions);
-}, ɵ30 = function () { return undo; };
+}, ɵ30 = function () { return undo; }, ɵ31 = function () { return blockquote; };
 var blockCommand = {
     alignCenter: ɵ17,
     alignJustify: ɵ18,
@@ -48,23 +48,24 @@ var blockCommand = {
     outdent: ɵ27,
     redo: ɵ28,
     setHTML: ɵ29,
-    undo: ɵ30
+    undo: ɵ30,
+    blockquote: ɵ31
 };
-var ɵ31 = function (attr) { return insertTable(attr); }, ɵ32 = function () { return addColumnBefore; }, ɵ33 = function () { return addColumnAfter; }, ɵ34 = function () { return addRowBefore; }, ɵ35 = function () { return addRowAfter; }, ɵ36 = function () { return deleteRow; }, ɵ37 = function () { return deleteColumn; }, ɵ38 = function () { return mergeCells; }, ɵ39 = function () { return splitCell; }, ɵ40 = function () { return deleteTable; };
+var ɵ32 = function (attr) { return insertTable(attr); }, ɵ33 = function () { return addColumnBefore; }, ɵ34 = function () { return addColumnAfter; }, ɵ35 = function () { return addRowBefore; }, ɵ36 = function () { return addRowAfter; }, ɵ37 = function () { return deleteRow; }, ɵ38 = function () { return deleteColumn; }, ɵ39 = function () { return mergeCells; }, ɵ40 = function () { return splitCell; }, ɵ41 = function () { return deleteTable; };
 var tableCommand = {
-    insertTable: ɵ31,
-    addColumnBefore: ɵ32,
-    addColumnAfter: ɵ33,
-    addRowBefore: ɵ34,
-    addRowAfter: ɵ35,
-    deleteRow: ɵ36,
-    deleteColumn: ɵ37,
-    mergeCells: ɵ38,
-    splitCell: ɵ39,
-    deleteTable: ɵ40
+    insertTable: ɵ32,
+    addColumnBefore: ɵ33,
+    addColumnAfter: ɵ34,
+    addRowBefore: ɵ35,
+    addRowAfter: ɵ36,
+    deleteRow: ɵ37,
+    deleteColumn: ɵ38,
+    mergeCells: ɵ39,
+    splitCell: ɵ40,
+    deleteTable: ɵ41
 };
 /**
  * @hidden
  */
 export var editorCommands = Object.assign({}, inlineCommand, blockCommand, tableCommand);
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ15, ɵ16, ɵ17, ɵ18, ɵ19, ɵ20, ɵ21, ɵ22, ɵ23, ɵ24, ɵ25, ɵ26, ɵ27, ɵ28, ɵ29, ɵ30, ɵ31, ɵ32, ɵ33, ɵ34, ɵ35, ɵ36, ɵ37, ɵ38, ɵ39, ɵ40 };
+export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ15, ɵ16, ɵ17, ɵ18, ɵ19, ɵ20, ɵ21, ɵ22, ɵ23, ɵ24, ɵ25, ɵ26, ɵ27, ɵ28, ɵ29, ɵ30, ɵ31, ɵ32, ɵ33, ɵ34, ɵ35, ɵ36, ɵ37, ɵ38, ɵ39, ɵ40, ɵ41 };

package/dist/es/config/schema.js

@@ -2,21 +2,19 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { semanticNodes } from './semantic-nodes';
 import { marks as commonMarks, nodes as commonNodes, Schema } from '@progress/kendo-editor-common';
-import { tableNodes } from './table-nodes';
 /**
  * @hidden
  */
 var marks = commonMarks;
-var nodes = Object.assign(commonNodes, tableNodes, semanticNodes);
+var nodes = Object.assign(commonNodes, semanticNodes);
 /**
  * @hidden
  */
 export var schema = new Schema({
     marks: marks,
-    nodes: tslib_1.__assign({}, nodes, { blockquote: tslib_1.__assign({}, nodes.blockquote, { content: 'inline*' }) })
+    nodes: nodes
 });
 /**
  * @hidden

package/dist/es/config/table-commands.js

@@ -2,11 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { insertNode, Fragment, Selection } from '@progress/kendo-editor-common';
-import { createTable, isInTable, selectedRect, tableNodeTypes, rowIsHeader, setAttr, addColSpan, removeColSpan, isCellEmpty, splitCellWithType, cellsOverlapRectangle, findParentNodeClosestToPos } from './tables/table-utils';
-import { isTable, isTableBody, isTableHead, isTableFoot, isTableHeaderCell, isTableCell } from './utils';
-import { TableMap } from './tables/TableMap';
-import { CellSelection } from './tables/CellSelection';
+import { insertNode, createTable } from '@progress/kendo-editor-common';
 /**
  * @hidden
  */
@@ -16,361 +12,3 @@ export var insertTable = function (attrs) { return function (state, dispatch) {
         insertNode(newTable, true)(state, dispatch);
     }
 }; };
-var addTableGroupColumn = function (tr, _a, col, mainTable, requiredGroup, doc) {
-    var left = _a.left, right = _a.right;
-    var refColumn = col > 0 ? -1 : 0;
-    // not sure if this should be deleted
-    // if (columnIsHeader(map, table, col + refColumn)) {
-    //     refColumn = col === 0 || col === map.width ? null : 0;
-    // }
-    var rect;
-    mainTable.node.descendants(function (tableChildNode, offset) {
-        if (requiredGroup(tableChildNode)) {
-            var i_1 = -1;
-            tableChildNode.firstChild.descendants(function (childNode, pos) {
-                if (isTableCell(childNode) || isTableHeaderCell(childNode)) {
-                    i_1 = i_1 + 1;
-                    if (i_1 === right || i_1 === left) {
-                        var selection = new Selection(doc.resolve(pos + offset + mainTable.start), doc.resolve(pos + offset + mainTable.start));
-                        rect = selectedRect(selection);
-                    }
-                }
-            });
-        }
-    });
-    // Do nothing if thead, tfoot or tbody is missing
-    if (!rect) {
-        return tr;
-    }
-    for (var row = 0; row < rect.map.height; row++) {
-        var index = row * rect.map.width + col;
-        // If this position falls inside a col-spanning cell
-        if (col > 0 && col < rect.map.width && rect.map.map[index - 1] === rect.map.map[index]) {
-            var pos = rect.map.map[index];
-            var cell = rect.table.nodeAt(pos);
-            tr.setNodeMarkup(tr.mapping.map(rect.tableStart + pos), null, addColSpan(cell.attrs, col - rect.map.colCount(pos)));
-            // Skip ahead if rowspan > 1
-            row += cell.attrs.rowspan - 1;
-        }
-        else {
-            var type = rect.table.nodeAt(rect.map.map[index + refColumn]).type;
-            var pos = rect.map.positionAt(row, col, rect.table);
-            tr.insert(tr.mapping.map(rect.tableStart + pos), type.createAndFill());
-        }
-    }
-    return tr;
-};
-var ɵ0 = addTableGroupColumn;
-var removeTableGroupColumn = function (tr, _a, mainTable, requiredGroup, doc) {
-    var right = _a.right, left = _a.left;
-    var rect;
-    mainTable.node.descendants(function (tableChildNode, offset) {
-        if (requiredGroup(tableChildNode)) {
-            var i_2 = -1;
-            tableChildNode.firstChild.descendants(function (childNode, pos) {
-                if (isTableCell(childNode) || isTableHeaderCell(childNode)) {
-                    i_2 = i_2 + 1;
-                    if (i_2 >= left && i_2 < right) {
-                        var resolvedPos = doc.resolve(pos + offset + mainTable.start + childNode.nodeSize);
-                        var selection = new Selection(resolvedPos, resolvedPos);
-                        rect = selectedRect(selection);
-                    }
-                }
-            });
-        }
-    });
-    // Do nothing if thead, tfoot or tbody is missing
-    if (!rect) {
-        return;
-    }
-    for (var i = rect.right - 1;; i--) {
-        removeColumn(tr, rect, i);
-        if (i === rect.left) {
-            break;
-        }
-        rect.table = rect.tableStart ? tr.doc.nodeAt(rect.tableStart - 1) : tr.doc;
-        rect.map = TableMap.get(rect.table);
-    }
-    return;
-};
-var ɵ1 = removeTableGroupColumn;
-var removeColumn = function (tr, _a, col) {
-    var map = _a.map, table = _a.table, tableStart = _a.tableStart;
-    for (var row = 0; row < map.height;) {
-        var index = row * map.width + col;
-        var pos = map.map[index];
-        var cell = table.nodeAt(pos);
-        // If this is part of a col-spanning cell
-        if ((col > 0 && map.map[index - 1] === pos) || (col < map.width - 1 && map.map[index + 1] === pos)) {
-            tr.setNodeMarkup(tr.mapping.map(tableStart + pos), null, removeColSpan(cell.attrs, col - map.colCount(pos)));
-        }
-        else {
-            var start = tr.mapping.map(tableStart + pos);
-            tr.delete(start, start + cell.nodeSize);
-        }
-        row += cell.attrs.rowspan;
-    }
-};
-var ɵ2 = removeColumn;
-/**
- * @hidden
- */
-// Command to add a column before the column with the selection.
-export var addColumnBefore = function (state, dispatch) {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        var rect = selectedRect(state.selection);
-        var mainTable = findParentNodeClosestToPos(state.selection.$anchor, isTable);
-        var tHeadTr = addTableGroupColumn(state.tr, rect, rect.left, mainTable, isTableHead, state.doc);
-        var tBodyTr = addTableGroupColumn(tHeadTr, rect, rect.left, mainTable, isTableBody, state.doc);
-        var tFootTr = addTableGroupColumn(tBodyTr, rect, rect.left, mainTable, isTableFoot, state.doc);
-        dispatch(tFootTr);
-    }
-    return true;
-};
-/**
- * @hidden
- */
-// Command to add a column after the column with the selection.
-export var addColumnAfter = function (state, dispatch) {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        var rect = selectedRect(state.selection);
-        var mainTable = findParentNodeClosestToPos(state.selection.$anchor, isTable);
-        var theadTr = addTableGroupColumn(state.tr, rect, rect.right, mainTable, isTableHead, state.doc);
-        var tBodyTr = addTableGroupColumn(theadTr, rect, rect.right, mainTable, isTableBody, state.doc);
-        var tFootTr = addTableGroupColumn(tBodyTr, rect, rect.right, mainTable, isTableFoot, state.doc);
-        dispatch(tFootTr);
-    }
-    return true;
-};
-var addRow = function (tr, _a, row) {
-    var map = _a.map, tableStart = _a.tableStart, table = _a.table;
-    var rowPos = tableStart;
-    for (var i = 0; i < row; i++) {
-        rowPos += table.child(i).nodeSize;
-    }
-    var cells = [];
-    var refRow = row > 0 ? -1 : 0;
-    if (rowIsHeader(map, table, row + refRow)) {
-        refRow = row === 0 || row === map.height ? null : 0;
-    }
-    for (var col = 0, index = map.width * row; col < map.width; col++, index++) {
-        // Covered by a rowspan cell
-        if (row > 0 && row < map.height && map.map[index] === map.map[index - map.width]) {
-            var pos = map.map[index];
-            var attrs = table.nodeAt(pos).attrs;
-            tr.setNodeMarkup(tableStart + pos, null, setAttr(attrs, 'rowspan', attrs.rowspan + 1));
-            col += attrs.colspan - 1;
-        }
-        else {
-            var type = refRow == null ? tableNodeTypes(table.type.schema).cell : table.nodeAt(map.map[index + refRow * map.width]).type;
-            cells.push(type.createAndFill());
-        }
-    }
-    tr.insert(rowPos, tableNodeTypes(table.type.schema).row.create(null, cells));
-    return tr;
-};
-var ɵ3 = addRow;
-/**
- * @hidden
- */
-// Add a table row before the selection.
-export var addRowBefore = function (state, dispatch) {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        var rect = selectedRect(state.selection);
-        dispatch(addRow(state.tr, rect, rect.top));
-    }
-    return true;
-};
-/**
- * @hidden
- */
-// Add a table row after the selection.
-export var addRowAfter = function (state, dispatch) {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        var rect = selectedRect(state.selection);
-        dispatch(addRow(state.tr, rect, rect.bottom));
-    }
-    return true;
-};
-/**
- * @hidden
- */
-// Command function that removes the selected columns from a table.
-export var deleteColumn = function (state, dispatch) {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        var rect = selectedRect(state.selection);
-        // if only one column left - delete the whole table
-        if (rect.left === 0 && rect.right === rect.map.width) {
-            return deleteTable(state, dispatch);
-        }
-        var mainTable = findParentNodeClosestToPos(state.selection.$anchor, isTable);
-        var tr = state.tr;
-        removeTableGroupColumn(tr, rect, mainTable, isTableFoot, tr.doc);
-        removeTableGroupColumn(tr, rect, mainTable, isTableBody, tr.doc);
-        removeTableGroupColumn(tr, rect, mainTable, isTableHead, tr.doc);
-        dispatch(tr);
-    }
-    return true;
-};
-var removeRow = function (tr, _a, row) {
-    var map = _a.map, table = _a.table, tableStart = _a.tableStart;
-    var rowPos = 0;
-    for (var i = 0; i < row; i++) {
-        rowPos += table.child(i).nodeSize;
-    }
-    var nextRow = rowPos + table.child(row).nodeSize;
-    var mapFrom = tr.mapping.maps.length;
-    tr.delete(rowPos + tableStart, nextRow + tableStart);
-    for (var col = 0, index = row * map.width; col < map.width; col++, index++) {
-        var pos = map.map[index];
-        if (row > 0 && pos === map.map[index - map.width]) {
-            // If this cell starts in the row above, simply reduce its rowspan
-            var attrs = table.nodeAt(pos).attrs;
-            tr.setNodeMarkup(tr.mapping.slice(mapFrom).map(pos + tableStart), null, setAttr(attrs, 'rowspan', attrs.rowspan - 1));
-            col += attrs.colspan - 1;
-        }
-        else if (row < map.width && pos === map.map[index + map.width]) {
-            // Else, if it continues in the row below, it has to be moved down
-            var cell = table.nodeAt(pos);
-            var copy = cell.type.create(setAttr(cell.attrs, 'rowspan', cell.attrs.rowspan - 1), cell.content);
-            var newPos = map.positionAt(row + 1, col, table);
-            tr.insert(tr.mapping.slice(mapFrom).map(tableStart + newPos), copy);
-            col += cell.attrs.colspan - 1;
-        }
-    }
-};
-var ɵ4 = removeRow;
-/**
- * @hidden
- */
-// Remove the selected rows from a table.
-export var deleteRow = function (state, dispatch) {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        var rect_1 = selectedRect(state.selection);
-        var tr = state.tr;
-        if (rect_1.top === 0 && rect_1.bottom === rect_1.map.height) {
-            var mainTable = findParentNodeClosestToPos(state.selection.$anchor, isTable);
-            if (mainTable.node.childCount === 1) {
-                deleteTable(state, dispatch);
-            }
-            else {
-                deleteTableElement(function (n) { return n.type.name === rect_1.table.type.name; })(state, dispatch);
-            }
-            return true;
-        }
-        for (var i = rect_1.bottom - 1;; i--) {
-            removeRow(tr, rect_1, i);
-            if (i === rect_1.top) {
-                break;
-            }
-            rect_1.table = rect_1.tableStart ? tr.doc.nodeAt(rect_1.tableStart - 1) : tr.doc;
-            rect_1.map = TableMap.get(rect_1.table);
-        }
-        dispatch(tr);
-    }
-    return true;
-};
-/**
- * @hidden
- */
-// Merge the selected cells into a single cell. Only available when
-// the selected cells' outline forms a rectangle.
-export var mergeCells = function (state, dispatch) {
-    var sel = state.selection;
-    if (!(sel instanceof CellSelection) || sel.$anchorCell.pos === sel.$headCell.pos) {
-        return false;
-    }
-    var rect = selectedRect(state.selection);
-    var map = rect.map;
-    if (cellsOverlapRectangle(map, rect)) {
-        return false;
-    }
-    if (dispatch) {
-        var tr = state.tr;
-        var seen = {};
-        var content = Fragment.empty;
-        var mergedPos = void 0;
-        var mergedCell = void 0;
-        for (var row = rect.top; row < rect.bottom; row++) {
-            for (var col = rect.left; col < rect.right; col++) {
-                var cellPos = map.map[row * map.width + col], cell = rect.table.nodeAt(cellPos);
-                if (seen[cellPos]) {
-                    continue;
-                }
-                seen[cellPos] = true;
-                if (mergedPos === null) {
-                    mergedPos = cellPos;
-                    mergedCell = cell;
-                }
-                else {
-                    if (!isCellEmpty(cell)) {
-                        content = content.append(cell.content);
-                    }
-                    var mapped = tr.mapping.map(cellPos + rect.tableStart);
-                    tr.delete(mapped, mapped + cell.nodeSize);
-                }
-            }
-        }
-        tr.setNodeMarkup(mergedPos + rect.tableStart, null, setAttr(addColSpan(mergedCell.attrs, mergedCell.attrs.colspan, rect.right - rect.left - mergedCell.attrs.colspan), 'rowspan', rect.bottom - rect.top));
-        if (content.size) {
-            var end = mergedPos + 1 + mergedCell.content.size;
-            var start = isCellEmpty(mergedCell) ? mergedPos + 1 : end;
-            tr.replaceWith(start + rect.tableStart, end + rect.tableStart, content);
-        }
-        tr.setSelection(new CellSelection(tr.doc.resolve(mergedPos + rect.tableStart)));
-        dispatch(tr);
-    }
-    return true;
-};
-/**
- * @hidden
- */
-// Split a selected cell, whose rowpan or colspan is greater than one,
-// into smaller cells. Use the first cell type for the new cells.
-export var splitCell = function (state, dispatch) {
-    var nodeTypes = tableNodeTypes(state.schema);
-    return splitCellWithType(function (_a) {
-        var node = _a.node;
-        return nodeTypes[node.type.spec.tableRole];
-    })(state, dispatch);
-};
-var deleteTableElement = function (selector) { return function (state, dispatch) {
-    var $pos = state.selection.$anchor;
-    for (var d = $pos.depth; d > 0; d--) {
-        var node = $pos.node(d);
-        if (selector(node)) {
-            if (dispatch) {
-                var tr = state.tr;
-                tr.delete($pos.before(d), $pos.after(d)).scrollIntoView();
-                dispatch(tr);
-            }
-            return true;
-        }
-    }
-    return false;
-}; };
-var ɵ5 = deleteTableElement;
-/**
- * @hidden
- */
-// Deletes the table around the selection, if any.
-export var deleteTable = deleteTableElement(isTable);
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5 };

package/dist/es/dialogs/colorpicker-dialog.component.js

@@ -59,7 +59,7 @@ var ColorPickerDialogComponent = /** @class */ (function (_super) {
     ], ColorPickerDialogComponent.prototype, "colorPicker", void 0);
     ColorPickerDialogComponent = tslib_1.__decorate([
         Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor(editorCommand) }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-colorpicker\n                        #colorpicker\n                        [view]=\"view\"\n                        [format]=\"'hex'\"\n                        [attr.title]=\"title\"\n                        [icon]=\"icon\"\n                        [(value)]=\"value\"\n                        [paletteSettings]=\"paletteSettings\"\n                        (activeColorClick)=\"handleActiveColorClick($event)\"\n                    >\n                    </kendo-colorpicker>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor(editorCommand) }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-colorpicker\n                        #colorpicker\n                        [views]=\"['palette']\"\n                        [format]=\"'hex'\"\n                        [attr.title]=\"title\"\n                        [icon]=\"icon\"\n                        [(value)]=\"value\"\n                        [paletteSettings]=\"paletteSettings\"\n                        (activeColorClick)=\"handleActiveColorClick($event)\"\n                    >\n                    </kendo-colorpicker>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [DialogRef,
             EditorLocalizationService])

package/dist/es/dialogs/file-link-dialog.component.js

@@ -117,7 +117,7 @@ var FileLinkDialogComponent = /** @class */ (function (_super) {
     ], FileLinkDialogComponent.prototype, "hrefInput", void 0);
     FileLinkDialogComponent = tslib_1.__decorate([
         Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ titleText }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <form novalidate [formGroup]=\"linkForm\">\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n                        <ng-container *ngIf=\"command === 'createLink'\">\n                            <div class=\"k-edit-label\"></div>\n                            <div class=\"k-edit-field\">\n                                <input type=\"checkbox\" id=\"k-target-blank\" class=\"k-checkbox\" formControlName=\"target\" />\n                                <label class=\"k-checkbox-label\" for=\"k-target-blank\">{{ textForWithPrefix('OpenInNewWindow') }}</label>\n                            </div>\n                        </ng-container>\n                    </form>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"linkForm.invalid\" (click)=\"onConfirmAction()\" [primary]=\"true\">\n                {{ textFor('dialogInsert') }}\n            </button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ titleText }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <form novalidate [formGroup]=\"linkForm\">\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n                        <ng-container *ngIf=\"command === 'createLink'\">\n                            <div class=\"k-edit-label\"></div>\n                            <div class=\"k-edit-field\">\n                                <input type=\"checkbox\" id=\"k-target-blank\" kendoCheckBox formControlName=\"target\" />\n                                <label class=\"k-checkbox-label\" for=\"k-target-blank\">{{ textForWithPrefix('OpenInNewWindow') }}</label>\n                            </div>\n                        </ng-container>\n                    </form>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"linkForm.invalid\" (click)=\"onConfirmAction()\" [primary]=\"true\">\n                {{ textFor('dialogInsert') }}\n            </button>\n        </kendo-dialog-actions>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [DialogRef, EditorLocalizationService])
     ], FileLinkDialogComponent);

package/dist/es/dialogs/image-dialog.component.js

@@ -92,7 +92,7 @@ var ImageDialogComponent = /** @class */ (function (_super) {
     ], ImageDialogComponent.prototype, "srcInput", void 0);
     ImageDialogComponent = tslib_1.__decorate([
         Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('insertImage') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"imageData.invalid\"\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('insertImage') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"imageData.invalid\"\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n        </kendo-dialog-actions>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [DialogRef,
             EditorLocalizationService])

package/dist/es/editor-toolbar-state.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { cleanFormatting } from '@progress/kendo-editor-common';
+import { blockquote, cleanFormatting, isIndented } from '@progress/kendo-editor-common';
 import { alignRightRules, alignCenterRules, alignLeftRules, alignJustifyRules, isAligned, bold, italic, underline, strikethrough, subscript, superscript, link, activeNode, hasNode, getActiveMarks, hasMark, expandSelection, indentRules, outdentRules, canIndentAsListItem, canOutdentAsListItem, canBeIndented, undo, redo, addRowBefore, addRowAfter, addColumnBefore, addColumnAfter, deleteRow, deleteColumn, deleteTable, mergeCells, splitCell } from '@progress/kendo-editor-common';
 /**
  * @hidden
@@ -36,6 +36,10 @@ export var getToolbarState = function (state, options) { return ({
         selected: activeNode(state),
         disabled: false
     },
+    blockquote: {
+        selected: false,
+        disabled: !blockquote(state)
+    },
     indent: {
         selected: false,
         disabled: !(canIndentAsListItem(state, state.schema.nodes.list_item) || canBeIndented(state, indentRules))
@@ -58,7 +62,11 @@ export var getToolbarState = function (state, options) { return ({
     },
     outdent: {
         selected: false,
-        disabled: !(canOutdentAsListItem(state, outdentRules) || canBeIndented(state, outdentRules))
+        get disabled() {
+            return !(hasNode(state, state.schema.nodes.blockquote) ||
+                canOutdentAsListItem(state, outdentRules) ||
+                isIndented(state, outdentRules.nodes));
+        }
     },
     redo: {
         selected: false,
@@ -184,6 +192,7 @@ export var initialToolBarState = {
     format: { selected: { text: 'Format', tag: null }, disabled: false },
     style: { selected: { marks: [], hasNodesWithoutMarks: false }, disabled: false },
     cleanFormatting: { selected: false, disabled: true },
+    blockquote: { selected: false, disabled: false },
     //indent
     indent: { selected: false, disabled: false },
     outdent: { selected: false, disabled: false },
@@ -236,6 +245,7 @@ export var disabledToolBarState = {
     format: { selected: { text: 'Format', tag: null }, disabled: true },
     style: { selected: { marks: [], hasNodesWithoutMarks: false }, disabled: true },
     cleanFormatting: { selected: false, disabled: true },
+    blockquote: { selected: false, disabled: true },
     //indent
     indent: { selected: false, disabled: true },
     outdent: { selected: false, disabled: true },