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

package/dist/es2015/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,355 +12,3 @@ export const insertTable = (attrs) => (state, dispatch) => {
         insertNode(newTable, true)(state, dispatch);
     }
 };
-const addTableGroupColumn = (tr, { left, right }, col, mainTable, requiredGroup, doc) => {
-    let 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;
-    // }
-    let rect;
-    mainTable.node.descendants((tableChildNode, offset) => {
-        if (requiredGroup(tableChildNode)) {
-            let i = -1;
-            tableChildNode.firstChild.descendants((childNode, pos) => {
-                if (isTableCell(childNode) || isTableHeaderCell(childNode)) {
-                    i = i + 1;
-                    if (i === right || i === left) {
-                        const 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 (let row = 0; row < rect.map.height; row++) {
-        const 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]) {
-            const pos = rect.map.map[index];
-            const 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 {
-            const type = rect.table.nodeAt(rect.map.map[index + refColumn]).type;
-            const pos = rect.map.positionAt(row, col, rect.table);
-            tr.insert(tr.mapping.map(rect.tableStart + pos), type.createAndFill());
-        }
-    }
-    return tr;
-};
-const ɵ0 = addTableGroupColumn;
-const removeTableGroupColumn = (tr, { right, left }, mainTable, requiredGroup, doc) => {
-    let rect;
-    mainTable.node.descendants((tableChildNode, offset) => {
-        if (requiredGroup(tableChildNode)) {
-            let i = -1;
-            tableChildNode.firstChild.descendants((childNode, pos) => {
-                if (isTableCell(childNode) || isTableHeaderCell(childNode)) {
-                    i = i + 1;
-                    if (i >= left && i < right) {
-                        const resolvedPos = doc.resolve(pos + offset + mainTable.start + childNode.nodeSize);
-                        const selection = new Selection(resolvedPos, resolvedPos);
-                        rect = selectedRect(selection);
-                    }
-                }
-            });
-        }
-    });
-    // Do nothing if thead, tfoot or tbody is missing
-    if (!rect) {
-        return;
-    }
-    for (let 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;
-};
-const ɵ1 = removeTableGroupColumn;
-const removeColumn = (tr, { map, table, tableStart }, col) => {
-    for (let row = 0; row < map.height;) {
-        const index = row * map.width + col;
-        const pos = map.map[index];
-        const 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 {
-            const start = tr.mapping.map(tableStart + pos);
-            tr.delete(start, start + cell.nodeSize);
-        }
-        row += cell.attrs.rowspan;
-    }
-};
-const ɵ2 = removeColumn;
-/**
- * @hidden
- */
-// Command to add a column before the column with the selection.
-export const addColumnBefore = (state, dispatch) => {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        const rect = selectedRect(state.selection);
-        const mainTable = findParentNodeClosestToPos(state.selection.$anchor, isTable);
-        const tHeadTr = addTableGroupColumn(state.tr, rect, rect.left, mainTable, isTableHead, state.doc);
-        const tBodyTr = addTableGroupColumn(tHeadTr, rect, rect.left, mainTable, isTableBody, state.doc);
-        const 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 const addColumnAfter = (state, dispatch) => {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        const rect = selectedRect(state.selection);
-        const mainTable = findParentNodeClosestToPos(state.selection.$anchor, isTable);
-        const theadTr = addTableGroupColumn(state.tr, rect, rect.right, mainTable, isTableHead, state.doc);
-        const tBodyTr = addTableGroupColumn(theadTr, rect, rect.right, mainTable, isTableBody, state.doc);
-        const tFootTr = addTableGroupColumn(tBodyTr, rect, rect.right, mainTable, isTableFoot, state.doc);
-        dispatch(tFootTr);
-    }
-    return true;
-};
-const addRow = (tr, { map, tableStart, table }, row) => {
-    let rowPos = tableStart;
-    for (let i = 0; i < row; i++) {
-        rowPos += table.child(i).nodeSize;
-    }
-    const cells = [];
-    let refRow = row > 0 ? -1 : 0;
-    if (rowIsHeader(map, table, row + refRow)) {
-        refRow = row === 0 || row === map.height ? null : 0;
-    }
-    for (let 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]) {
-            const pos = map.map[index];
-            const attrs = table.nodeAt(pos).attrs;
-            tr.setNodeMarkup(tableStart + pos, null, setAttr(attrs, 'rowspan', attrs.rowspan + 1));
-            col += attrs.colspan - 1;
-        }
-        else {
-            const 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;
-};
-const ɵ3 = addRow;
-/**
- * @hidden
- */
-// Add a table row before the selection.
-export const addRowBefore = (state, dispatch) => {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        const rect = selectedRect(state.selection);
-        dispatch(addRow(state.tr, rect, rect.top));
-    }
-    return true;
-};
-/**
- * @hidden
- */
-// Add a table row after the selection.
-export const addRowAfter = (state, dispatch) => {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        const 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 const deleteColumn = (state, dispatch) => {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        const 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);
-        }
-        const mainTable = findParentNodeClosestToPos(state.selection.$anchor, isTable);
-        const 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;
-};
-const removeRow = (tr, { map, table, tableStart }, row) => {
-    let rowPos = 0;
-    for (let i = 0; i < row; i++) {
-        rowPos += table.child(i).nodeSize;
-    }
-    const nextRow = rowPos + table.child(row).nodeSize;
-    const mapFrom = tr.mapping.maps.length;
-    tr.delete(rowPos + tableStart, nextRow + tableStart);
-    for (let col = 0, index = row * map.width; col < map.width; col++, index++) {
-        const 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
-            const 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
-            const cell = table.nodeAt(pos);
-            const copy = cell.type.create(setAttr(cell.attrs, 'rowspan', cell.attrs.rowspan - 1), cell.content);
-            const newPos = map.positionAt(row + 1, col, table);
-            tr.insert(tr.mapping.slice(mapFrom).map(tableStart + newPos), copy);
-            col += cell.attrs.colspan - 1;
-        }
-    }
-};
-const ɵ4 = removeRow;
-/**
- * @hidden
- */
-// Remove the selected rows from a table.
-export const deleteRow = (state, dispatch) => {
-    if (!isInTable(state)) {
-        return false;
-    }
-    if (dispatch) {
-        const rect = selectedRect(state.selection);
-        const tr = state.tr;
-        if (rect.top === 0 && rect.bottom === rect.map.height) {
-            const mainTable = findParentNodeClosestToPos(state.selection.$anchor, isTable);
-            if (mainTable.node.childCount === 1) {
-                deleteTable(state, dispatch);
-            }
-            else {
-                deleteTableElement(n => n.type.name === rect.table.type.name)(state, dispatch);
-            }
-            return true;
-        }
-        for (let i = rect.bottom - 1;; i--) {
-            removeRow(tr, rect, i);
-            if (i === rect.top) {
-                break;
-            }
-            rect.table = rect.tableStart ? tr.doc.nodeAt(rect.tableStart - 1) : tr.doc;
-            rect.map = TableMap.get(rect.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 const mergeCells = (state, dispatch) => {
-    const sel = state.selection;
-    if (!(sel instanceof CellSelection) || sel.$anchorCell.pos === sel.$headCell.pos) {
-        return false;
-    }
-    const rect = selectedRect(state.selection);
-    const { map } = rect;
-    if (cellsOverlapRectangle(map, rect)) {
-        return false;
-    }
-    if (dispatch) {
-        const tr = state.tr;
-        const seen = {};
-        let content = Fragment.empty;
-        let mergedPos;
-        let mergedCell;
-        for (let row = rect.top; row < rect.bottom; row++) {
-            for (let col = rect.left; col < rect.right; col++) {
-                const 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);
-                    }
-                    const 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) {
-            const end = mergedPos + 1 + mergedCell.content.size;
-            const 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 const splitCell = (state, dispatch) => {
-    const nodeTypes = tableNodeTypes(state.schema);
-    return splitCellWithType(({ node }) => {
-        return nodeTypes[node.type.spec.tableRole];
-    })(state, dispatch);
-};
-const deleteTableElement = (selector) => (state, dispatch) => {
-    const $pos = state.selection.$anchor;
-    for (let d = $pos.depth; d > 0; d--) {
-        const node = $pos.node(d);
-        if (selector(node)) {
-            if (dispatch) {
-                const tr = state.tr;
-                tr.delete($pos.before(d), $pos.after(d)).scrollIntoView();
-                dispatch(tr);
-            }
-            return true;
-        }
-    }
-    return false;
-};
-const ɵ5 = deleteTableElement;
-/**
- * @hidden
- */
-// Deletes the table around the selection, if any.
-export const deleteTable = deleteTableElement(isTable);
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5 };

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

@@ -66,7 +66,7 @@ ColorPickerDialogComponent = tslib_1.__decorate([
                 <div class="k-edit-form-container k-window-content" style="text-align: center;">
                     <kendo-colorpicker
                         #colorpicker
-                        [view]="view"
+                        [views]="['palette']"
                         [format]="'hex'"
                         [attr.title]="title"
                         [icon]="icon"

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

@@ -123,26 +123,26 @@ FileLinkDialogComponent = tslib_1.__decorate([
                             <label (click)="hrefInput.focus()">{{ textForWithPrefix('WebAddress') }}</label>
                         </div>
                         <div class="k-edit-field">
-                            <input #hrefInput formControlName="href" type="text" class="k-textbox" />
+                            <input #hrefInput formControlName="href" type="text" class="k-textbox k-input k-rounded-md" />
                         </div>
 
                         <div class="k-edit-label">
                             <label (click)="textInput.focus()">{{ textForWithPrefix('Text') }}</label>
                         </div>
                         <div class="k-edit-field">
-                            <input #textInput formControlName="text" type="text" class="k-textbox" />
+                            <input #textInput formControlName="text" type="text" class="k-textbox k-input k-rounded-md" />
                         </div>
 
                         <div class="k-edit-label">
                             <label (click)="titleInput.focus()">{{ textForWithPrefix('Title') }}</label>
                         </div>
                         <div class="k-edit-field">
-                            <input #titleInput formControlName="title" type="text" class="k-textbox" />
+                            <input #titleInput formControlName="title" type="text" class="k-textbox k-input k-rounded-md" />
                         </div>
                         <ng-container *ngIf="command === 'createLink'">
                             <div class="k-edit-label"></div>
                             <div class="k-edit-field">
-                                <input type="checkbox" id="k-target-blank" class="k-checkbox" formControlName="target" />
+                                <input type="checkbox" id="k-target-blank" kendoCheckBox formControlName="target" />
                                 <label class="k-checkbox-label" for="k-target-blank">{{ textForWithPrefix('OpenInNewWindow') }}</label>
                             </div>
                         </ng-container>

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

@@ -101,25 +101,25 @@ ImageDialogComponent = tslib_1.__decorate([
                         <label [for]="srcInputId">{{ textFor('imageWebAddress') }}</label>
                     </div>
                     <div class="k-edit-field">
-                        <input [id]="srcInputId" #srcInput [formControl]="src" type="text" class="k-textbox" />
+                        <input [id]="srcInputId" #srcInput [formControl]="src" type="text" class="k-textbox k-input k-rounded-md" />
                     </div>
                     <div class="k-edit-label">
                         <label [for]="altTextInputId">{{ textFor('imageAltText') }}</label>
                     </div>
                     <div class="k-edit-field">
-                        <input [id]="altTextInputId" [formControl]="alt" type="text" class="k-textbox" />
+                        <input [id]="altTextInputId" [formControl]="alt" type="text" class="k-textbox k-input k-rounded-md" />
                     </div>
                     <div class="k-edit-label">
                         <label [for]="widthInputId">{{ textFor('imageWidth') }}</label>
                     </div>
                     <div class="k-edit-field">
-                        <input [id]="widthInputId" [formControl]="width" type="text" class="k-textbox" />
+                        <input [id]="widthInputId" [formControl]="width" type="text" class="k-textbox k-input k-rounded-md" />
                     </div>
                     <div class="k-edit-label">
                         <label [for]="heightInputId">{{ textFor('imageHeight') }}</label>
                     </div>
                     <div class="k-edit-field">
-                        <input [id]="heightInputId" [formControl]="height" type="text" class="k-textbox" />
+                        <input [id]="heightInputId" [formControl]="height" type="text" class="k-textbox k-input k-rounded-md" />
                     </div>
                 </div>
             </div>

package/dist/es2015/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 const getToolbarState = (state, options) => ({
         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 const getToolbarState = (state, options) => ({
     },
     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 const 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 const 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 },

package/dist/es2015/editor.component.d.ts

@@ -189,7 +189,7 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
      * @param {any} attr - Optional parameters for the command. Apart from the following list,
      * the parameters do not expect specific attributes when you call them:
      * - `format` - Accepts an object with the `tag` property.
-     * The supported tags are `p`, `blockquote`, and any of the `h1` to `h6` heading tags.
+     * The supported tags are `p` and any of the `h1` to `h6` heading tags.
      * - `createLink` - Accepts an object with the `href`, `title`, and `target` properties. The `href` property is mandatory.
      * - `setHTML` - Accepts a `string` parameter.
      * - `insertTable` - Accepts an object with the `rows` and `cols` properties. The number values are zero based.

package/dist/es2015/editor.component.js

@@ -11,7 +11,7 @@ import { map, filter, take } from 'rxjs/operators';
 import { ToolBarComponent } from '@progress/kendo-angular-toolbar';
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { hasObservers, isDocumentAvailable, KendoInput } from '@progress/kendo-angular-common';
-import { buildKeymap, buildListKeymap, getHtml, pasteCleanup, sanitize, removeComments, sanitizeClassAttr, sanitizeStyleAttr, removeAttribute, placeholder, EditorView, EditorState, baseKeymap, keymap, history, parseContent, Plugin, PluginKey, TextSelection, Schema, AllSelection, gapCursor, getSelectionText, imageResizing } from '@progress/kendo-editor-common';
+import { buildKeymap, buildListKeymap, getHtml, pasteCleanup, sanitize, removeComments, sanitizeClassAttr, sanitizeStyleAttr, removeAttribute, placeholder, EditorView, EditorState, baseKeymap, keymap, history, parseContent, Plugin, PluginKey, TextSelection, Schema, AllSelection, gapCursor, getSelectionText, imageResizing, tableEditing } from '@progress/kendo-editor-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
 import { schema } from './config/schema';
@@ -122,6 +122,9 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
         this.contentAreaLoaded = new Subject();
         this.dispatchTransaction = (tr) => {
             const docChanged = tr.docChanged;
+            if (this.disabled || (this.readonly && docChanged)) {
+                return;
+            }
             if (docChanged) {
                 const doc = tr.doc;
                 const html = getHtml({ doc });
@@ -418,7 +421,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
      * @param {any} attr - Optional parameters for the command. Apart from the following list,
      * the parameters do not expect specific attributes when you call them:
      * - `format` - Accepts an object with the `tag` property.
-     * The supported tags are `p`, `blockquote`, and any of the `h1` to `h6` heading tags.
+     * The supported tags are `p` and any of the `h1` to `h6` heading tags.
      * - `createLink` - Accepts an object with the `href`, `title`, and `target` properties. The `href` property is mandatory.
      * - `setHTML` - Accepts a `string` parameter.
      * - `insertTable` - Accepts an object with the `rows` and `cols` properties. The number values are zero based.
@@ -629,16 +632,13 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
                     }
                 })
             }),
-            new Plugin({
-                key: new PluginKey('editor-filter-disabled-state'),
-                filterTransaction: () => !this.disabled || this.inForm
-            }),
             history(),
             keymap(buildListKeymap(currentSchema)),
             keymap(buildKeymap(currentSchema, { applyToWord: this.applyToWord })),
             keymap(baseKeymap),
             gapCursor(),
-            imageResizing()
+            imageResizing(),
+            tableEditing()
         ];
         if (this.placeholder) {
             defaultPlugins.push(placeholder(this.placeholder));
@@ -677,7 +677,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
             this.subs.add(fromEvent(containerElement, 'focusin')
                 .subscribe(() => {
                 if (this.readonly) {
-                    contentAreaClasslist.add('k-state-focused');
+                    contentAreaClasslist.add('k-focus');
                 }
                 if (!this.focusChangedProgrammatically || this.shouldEmitFocus) {
                     this.ngZone.run(() => this.onFocus.emit());
@@ -687,7 +687,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
             this.subs.add(fromEvent(containerElement, 'focusout')
                 .subscribe(() => {
                 if (this.readonly) {
-                    contentAreaClasslist.remove('k-state-focused');
+                    contentAreaClasslist.remove('k-focus');
                 }
                 if (!this.focusChangedProgrammatically) {
                     this.ngZone.run(() => this.onBlur.emit());
@@ -833,7 +833,7 @@ tslib_1.__decorate([
     tslib_1.__metadata("design:paramtypes", [])
 ], EditorComponent.prototype, "resizableClass", null);
 tslib_1.__decorate([
-    HostBinding('class.k-state-disabled'),
+    HostBinding('class.k-disabled'),
     tslib_1.__metadata("design:type", Boolean),
     tslib_1.__metadata("design:paramtypes", [])
 ], EditorComponent.prototype, "isDisabled", null);
@@ -939,6 +939,8 @@ EditorComponent = EditorComponent_1 = tslib_1.__decorate([
             alignRight="Align text right"
             i18n-backColor="kendo.editor.backColor|The title of the tool that changes the text background color."
             backColor="Background color"
+            i18n-blockquote="kendo.editor.blockquote|The title of the tool that wraps an element in a blockquote"
+            blockquote="Quotation"
             i18n-bold="kendo.editor.bold|The title of the tool that makes text bold."
             bold="Bold"
             i18n-cleanFormatting="kendo.editor.cleanFormatting|The title of the Clean Formatting tool."

package/dist/es2015/editor.module.js

@@ -10,8 +10,7 @@ import { ToolBarModule } from '@progress/kendo-angular-toolbar';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { DialogModule } from '@progress/kendo-angular-dialog';
 import { ButtonModule } from '@progress/kendo-angular-buttons';
-import { ColorPickerModule } from '@progress/kendo-angular-inputs';
-import { NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
+import { NumericTextBoxModule, TextBoxModule, ColorPickerModule, CheckBoxModule } from '@progress/kendo-angular-inputs';
 import { EditorComponent } from './editor.component';
 import { ImageDialogComponent } from './dialogs/image-dialog.component';
 import { SourceDialogComponent } from './dialogs/source-dialog.component';
@@ -30,6 +29,7 @@ import { EditorAlignLeftButtonDirective } from './tools/alignment/editor-align-l
 import { EditorAlignCenterButtonDirective } from './tools/alignment/editor-align-center-button.directive';
 import { EditorAlignRightButtonDirective } from './tools/alignment/editor-align-right-button.directive';
 import { EditorAlignJustifyButtonDirective } from './tools/alignment/editor-align-justify-button.directive';
+import { EditorBlockquoteDirective } from './tools/blockquote/editor-blockquote-button.directive';
 import { EditorRedoButtonDirective } from './tools/history/editor-redo-button.directive';
 import { EditorUndoButtonDirective } from './tools/history/editor-undo-button.directive';
 import { EditorInsertImageButtonDirective } from './tools/image/editor-insert-image-button.directive';
@@ -123,7 +123,9 @@ const COMPONENT_DIRECTIVES = [
     // print
     EditorPrintDirective,
     // select all
-    EditorSelectAllButtonDirective
+    EditorSelectAllButtonDirective,
+    // blockquote
+    EditorBlockquoteDirective
 ];
 const TOOLBAR_TOOLS = [
     EditorFontSizeComponent,
@@ -227,6 +229,7 @@ EditorModule = tslib_1.__decorate([
             DialogModule,
             DropDownsModule,
             NumericTextBoxModule,
+            CheckBoxModule,
             ToolBarModule,
             TextBoxModule
         ]

package/dist/es2015/index.d.ts

@@ -7,6 +7,7 @@
  */
 export * from './main';
 export { DialogCommand, EditorCommand } from './common/commands';
+export { semanticNodes, semanticTagNames } from './config/semantic-nodes';
 export { ColorPickerDialogComponent } from './dialogs/colorpicker-dialog.component';
 export { FileLinkDialogComponent } from './dialogs/file-link-dialog.component';
 export { FontFamilyDialogComponent } from './dialogs/font-family-dialog.component';
@@ -23,6 +24,7 @@ export { EditorAlignCenterButtonDirective } from './tools/alignment/editor-align
 export { EditorAlignJustifyButtonDirective } from './tools/alignment/editor-align-justify-button.directive';
 export { EditorAlignLeftButtonDirective } from './tools/alignment/editor-align-left-button.directive';
 export { EditorAlignRightButtonDirective } from './tools/alignment/editor-align-right-button.directive';
+export { EditorBlockquoteDirective } from './tools/blockquote/editor-blockquote-button.directive';
 export { EditorBackColorDirective } from './tools/colorpicker/editor-back-color.directive';
 export { EditorColorPickerComponent } from './tools/colorpicker/editor-colorpicker.component';
 export { EditorForeColorDirective } from './tools/colorpicker/editor-fore-color.directive';

package/dist/es2015/index.js

@@ -6,6 +6,7 @@
  * Generated bundle index. Do not edit.
  */
 export * from './main';
+export { semanticNodes, semanticTagNames } from './config/semantic-nodes';
 export { ColorPickerDialogComponent } from './dialogs/colorpicker-dialog.component';
 export { FileLinkDialogComponent } from './dialogs/file-link-dialog.component';
 export { FontFamilyDialogComponent } from './dialogs/font-family-dialog.component';
@@ -22,6 +23,7 @@ export { EditorAlignCenterButtonDirective } from './tools/alignment/editor-align
 export { EditorAlignJustifyButtonDirective } from './tools/alignment/editor-align-justify-button.directive';
 export { EditorAlignLeftButtonDirective } from './tools/alignment/editor-align-left-button.directive';
 export { EditorAlignRightButtonDirective } from './tools/alignment/editor-align-right-button.directive';
+export { EditorBlockquoteDirective } from './tools/blockquote/editor-blockquote-button.directive';
 export { EditorBackColorDirective } from './tools/colorpicker/editor-back-color.directive';
 export { EditorColorPickerComponent } from './tools/colorpicker/editor-colorpicker.component';
 export { EditorForeColorDirective } from './tools/colorpicker/editor-fore-color.directive';