@progress/kendo-angular-editor 3.0.0-dev.202201121058 → 3.0.1-dev.202201201312

package/dist/es2015/localization/messages.d.ts

@@ -27,6 +27,10 @@ export declare class Messages extends ComponentMessages {
      * The title of the tool that changes the text background color.
      */
     backColor: string;
+    /**
+     * The title of the tool that wraps an element in a blockquote.
+     */
+    blockquote: string;
     /**
      * The title of the tool that makes text bold.
      */

package/dist/es2015/localization/messages.js

@@ -30,6 +30,10 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)
 ], Messages.prototype, "backColor", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "blockquote", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641984793,
+    publishDate: 1642684027,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/tools/blockquote/editor-blockquote-button.directive.d.ts

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { EditorComponent } from '../../editor.component';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorBlockquoteButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export declare class EditorBlockquoteDirective extends EditorCommandButton {
+    protected editor: EditorComponent;
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
+}

package/dist/es2015/tools/blockquote/editor-blockquote-button.directive.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Directive, Host } from '@angular/core';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { EditorComponent } from '../../editor.component';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorBlockquoteButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+let EditorBlockquoteDirective = class EditorBlockquoteDirective extends EditorCommandButton {
+    constructor(button, editor, localization, toolsService) {
+        super('blockquote', button, editor, localization, toolsService);
+        this.editor = editor;
+    }
+};
+EditorBlockquoteDirective = tslib_1.__decorate([
+    Directive({
+        selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]'
+    }),
+    tslib_1.__param(1, Host()),
+    tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
+        EditorComponent,
+        EditorLocalizationService,
+        EditorToolsService])
+], EditorBlockquoteDirective);
+export { EditorBlockquoteDirective };

package/dist/es2015/tools/colorpicker/editor-colorpicker.component.d.ts

@@ -40,9 +40,15 @@ export declare class EditorColorPickerComponent extends ToolBarToolComponent {
      */
     disabled: boolean;
     /**
-     * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+     * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
      *
-     * @default 'palette'
+     * @default ['palette']
+     */
+    views: ColorPickerView[];
+    /**
+     * @hidden
+     *
+     * For backward compatibility with configurations using the deprecated "view" input.
      */
     view: ColorPickerView;
     /**

package/dist/es2015/tools/colorpicker/editor-colorpicker.component.js

@@ -32,11 +32,19 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
          */
         this.disabled = false;
         /**
-         * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+         * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
          *
-         * @default 'palette'
+         * @default ['palette']
          */
-        this.view = 'palette';
+        this.views = ['palette'];
+    }
+    /**
+     * @hidden
+     *
+     * For backward compatibility with configurations using the deprecated "view" input.
+     */
+    set view(view) {
+        this.views = [view];
     }
     /**
      * @hidden
@@ -108,7 +116,7 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
             editorCommand: this.editorCommand,
             paletteSettings: this.paletteSettings,
             icon: this.icon,
-            view: this.view
+            views: this.views
         });
     }
     /**
@@ -159,8 +167,13 @@ tslib_1.__decorate([
 ], EditorColorPickerComponent.prototype, "disabled", void 0);
 tslib_1.__decorate([
     Input(),
-    tslib_1.__metadata("design:type", String)
-], EditorColorPickerComponent.prototype, "view", void 0);
+    tslib_1.__metadata("design:type", Array)
+], EditorColorPickerComponent.prototype, "views", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], EditorColorPickerComponent.prototype, "view", null);
 tslib_1.__decorate([
     ViewChild('toolbarTemplate', { static: true }),
     tslib_1.__metadata("design:type", TemplateRef)
@@ -189,7 +202,7 @@ EditorColorPickerComponent = EditorColorPickerComponent_1 = tslib_1.__decorate([
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
                 #colorpicker
-                [view]="view"
+                [views]="['palette']"
                 [format]="'hex'"
                 [attr.title]="title"
                 [icon]="icon"

package/dist/es2015/tools/format/editor-format-dropdownlist.component.js

@@ -112,10 +112,6 @@ FormatDropDownListComponent = tslib_1.__decorate([
                         {{ dataItem.text }}
                     </span>
 
-                    <span *ngSwitchCase="'blockquote'" style="display: block; margin-left: 0;">
-                        {{ dataItem.text }}
-                    </span>
-
                     <span *ngSwitchDefault>{{ dataItem.text }}</span>
                 </ng-container>
             </ng-template>

package/dist/es2015/tools/format/editor-format.component.js

@@ -39,7 +39,6 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
         this.valueChange = new EventEmitter();
         this._data = [
             { text: 'Paragraph', tag: 'p' },
-            { text: 'Quotation', tag: 'blockquote' },
             { text: 'Heading 1', tag: 'h1' },
             { text: 'Heading 2', tag: 'h2' },
             { text: 'Heading 3', tag: 'h3' },

package/dist/es2015/tools/tables/popup-table-grid.component.js

@@ -61,8 +61,8 @@ PopupTableGridComponent = tslib_1.__decorate([
         <div style="border-color: inherit;" (mouseleave)="resetState()" (click)="insertTable()">
             <span *ngFor="let i of cells"
                 class="k-ct-cell"
-                [class.k-state-selected]="selected(i)"
-                [class.k-state-disabled]="!selected(i)"
+                [class.k-selected]="selected(i)"
+                [class.k-disabled]="!selected(i)"
                 (mouseenter)="setState(i)">
             </span>
         </div>

package/dist/fesm2015/index.js

@@ -10,14 +10,14 @@ import { take, map, filter, concatMap, takeUntil } from 'rxjs/operators';
 import { ToolBarComponent, ToolBarToolComponent, ToolBarButtonComponent, ToolBarModule } from '@progress/kendo-angular-toolbar';
 import { DialogContentBase, DialogRef, DialogService, DialogModule } from '@progress/kendo-angular-dialog';
 import { isDocumentAvailable, guid, PreventableEvent, hasObservers, KendoInput, Keys } from '@progress/kendo-angular-common';
-import { nodes, Schema, marks, createTable, insertNode, expandToWordWrap, toggleInlineFormat, bold, cleanFormatting, applyLink, applyInlineStyle, insertText, italic, strikethrough, subscript, superscript, underline, removeLink, link, selectAll, isAligned, alignCenterRules, alignBlocks, alignRemoveRules, alignJustifyRules, alignLeftRules, alignRightRules, formatBlockElements, getHtml, indent, insertImage, toggleOrderedList, toggleUnorderedList, outdent, redo, setHtml, undo, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell, deleteTable, hasMark, activeNode, canIndentAsListItem, canBeIndented, indentRules, hasNode, canOutdentAsListItem, outdentRules, getActiveMarks, expandSelection, getNodeFromSelection, getMark, getSelectionText, pasteCleanup, parseContent, AllSelection, TextSelection, Plugin, PluginKey, history, keymap, buildListKeymap, buildKeymap, baseKeymap, gapCursor, imageResizing, tableEditing, placeholder, EditorState, EditorView, removeComments, sanitize, removeAttribute, sanitizeStyleAttr, sanitizeClassAttr } from '@progress/kendo-editor-common';
+import { nodes, Schema, marks, createTable, insertNode, expandToWordWrap, toggleInlineFormat, bold, cleanFormatting, applyLink, applyInlineStyle, insertText, italic, strikethrough, subscript, superscript, underline, removeLink, link, selectAll, isAligned, alignCenterRules, alignBlocks, alignRemoveRules, alignJustifyRules, alignLeftRules, alignRightRules, formatBlockElements, getHtml, indent, insertImage, toggleOrderedList, toggleUnorderedList, outdent, redo, setHtml, undo, blockquote, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell, deleteTable, hasMark, activeNode, canIndentAsListItem, canBeIndented, indentRules, hasNode, canOutdentAsListItem, outdentRules, isIndented, getActiveMarks, expandSelection, getNodeFromSelection, getMark, getSelectionText, pasteCleanup, parseContent, AllSelection, TextSelection, Plugin, PluginKey, history, keymap, buildListKeymap, buildKeymap, baseKeymap, gapCursor, imageResizing, tableEditing, placeholder, EditorState, EditorView, removeComments, sanitize, removeAttribute, sanitizeStyleAttr, sanitizeClassAttr } from '@progress/kendo-editor-common';
 export { Schema, EditorState, Plugin, PluginKey, Transaction, EditorView, Decoration, DecorationSet, NodeType, Node, MarkType, Mark, InputRule, inputRules, wrappingInputRule, textblockTypeInputRule, keymap, baseKeymap, history, dropCursor, gapCursor, tableNodes, getSelectionText } from '@progress/kendo-editor-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { LocalizationService, L10N_PREFIX, RTL, MessageService, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { CommonModule } from '@angular/common';
 import { DropDownListComponent, DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { ButtonModule } from '@progress/kendo-angular-buttons';
-import { ColorPickerComponent, ColorPickerModule, NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
+import { ColorPickerComponent, ColorPickerModule, NumericTextBoxModule, CheckBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
 import { PopupService } from '@progress/kendo-angular-popup';
 
 /**
@@ -27,7 +27,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641984793,
+    publishDate: 1642684027,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -116,7 +116,7 @@ const nodes$1 = Object.assign(nodes, semanticNodes);
  */
 const schema = new Schema({
     marks: marks$1,
-    nodes: Object.assign({}, nodes$1, { blockquote: Object.assign({}, nodes$1.blockquote, { content: 'inline*' }) })
+    nodes: nodes$1
 });
 
 /**
@@ -149,7 +149,7 @@ const inlineCommand = {
     backColor: ɵ15,
     selectAll: ɵ16
 };
-const ɵ17 = () => (state, dispatch) => isAligned(state, alignCenterRules) ? alignRemove(state, dispatch) : alignBlocks(alignCenterRules)(state, dispatch), ɵ18 = () => (state, dispatch) => isAligned(state, alignJustifyRules) ? alignRemove(state, dispatch) : alignBlocks(alignJustifyRules)(state, dispatch), ɵ19 = () => (state, dispatch) => isAligned(state, alignLeftRules) ? alignRemove(state, dispatch) : alignBlocks(alignLeftRules)(state, dispatch), ɵ20 = () => (state, dispatch) => isAligned(state, alignRightRules) ? alignRemove(state, dispatch) : alignBlocks(alignRightRules)(state, dispatch), ɵ21 = formatAttr => formatBlockElements(formatAttr.tag), ɵ22 = () => getHtml, ɵ23 = () => indent, ɵ24 = attrs => insertImage(attrs), ɵ25 = () => toggleOrderedList, ɵ26 = () => toggleUnorderedList, ɵ27 = () => outdent, ɵ28 = () => redo, ɵ29 = ({ content, parseOptions }) => setHtml(content, 'setHTML', parseOptions), ɵ30 = () => undo;
+const ɵ17 = () => (state, dispatch) => isAligned(state, alignCenterRules) ? alignRemove(state, dispatch) : alignBlocks(alignCenterRules)(state, dispatch), ɵ18 = () => (state, dispatch) => isAligned(state, alignJustifyRules) ? alignRemove(state, dispatch) : alignBlocks(alignJustifyRules)(state, dispatch), ɵ19 = () => (state, dispatch) => isAligned(state, alignLeftRules) ? alignRemove(state, dispatch) : alignBlocks(alignLeftRules)(state, dispatch), ɵ20 = () => (state, dispatch) => isAligned(state, alignRightRules) ? alignRemove(state, dispatch) : alignBlocks(alignRightRules)(state, dispatch), ɵ21 = formatAttr => formatBlockElements(formatAttr.tag), ɵ22 = () => getHtml, ɵ23 = () => indent, ɵ24 = attrs => insertImage(attrs), ɵ25 = () => toggleOrderedList, ɵ26 = () => toggleUnorderedList, ɵ27 = () => outdent, ɵ28 = () => redo, ɵ29 = ({ content, parseOptions }) => setHtml(content, 'setHTML', parseOptions), ɵ30 = () => undo, ɵ31 = () => blockquote;
 const blockCommand = {
     alignCenter: ɵ17,
     alignJustify: ɵ18,
@@ -166,20 +166,21 @@ const blockCommand = {
     outdent: ɵ27,
     redo: ɵ28,
     setHTML: ɵ29,
-    undo: ɵ30
+    undo: ɵ30,
+    blockquote: ɵ31
 };
-const ɵ31 = attr => insertTable(attr), ɵ32 = () => addColumnBefore, ɵ33 = () => addColumnAfter, ɵ34 = () => addRowBefore, ɵ35 = () => addRowAfter, ɵ36 = () => deleteRow, ɵ37 = () => deleteColumn, ɵ38 = () => mergeCells, ɵ39 = () => splitCell, ɵ40 = () => deleteTable;
+const ɵ32 = attr => insertTable(attr), ɵ33 = () => addColumnBefore, ɵ34 = () => addColumnAfter, ɵ35 = () => addRowBefore, ɵ36 = () => addRowAfter, ɵ37 = () => deleteRow, ɵ38 = () => deleteColumn, ɵ39 = () => mergeCells, ɵ40 = () => splitCell, ɵ41 = () => deleteTable;
 const 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
@@ -218,6 +219,10 @@ 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))
@@ -240,7 +245,11 @@ 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,
@@ -366,6 +375,7 @@ 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 },
@@ -418,6 +428,7 @@ 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 },
@@ -729,25 +740,25 @@ ImageDialogComponent = __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>
@@ -877,26 +888,26 @@ FileLinkDialogComponent = __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>
@@ -1167,7 +1178,7 @@ const EditorErrorMessages = {
     pluginsCallbackType: ɵ0$2,
     pastedContentCallbackType: ɵ1$2,
     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/'
 };
 
@@ -1596,7 +1607,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.
@@ -1852,7 +1863,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());
@@ -1862,7 +1873,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());
@@ -2008,7 +2019,7 @@ __decorate([
     __metadata("design:paramtypes", [])
 ], EditorComponent.prototype, "resizableClass", null);
 __decorate([
-    HostBinding('class.k-state-disabled'),
+    HostBinding('class.k-disabled'),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [])
 ], EditorComponent.prototype, "isDisabled", null);
@@ -2114,6 +2125,8 @@ EditorComponent = EditorComponent_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."
@@ -2379,10 +2392,6 @@ FormatDropDownListComponent = __decorate([
                         {{ dataItem.text }}
                     </span>
 
-                    <span *ngSwitchCase="'blockquote'" style="display: block; margin-left: 0;">
-                        {{ dataItem.text }}
-                    </span>
-
                     <span *ngSwitchDefault>{{ dataItem.text }}</span>
                 </ng-container>
             </ng-template>
@@ -2523,7 +2532,7 @@ ColorPickerDialogComponent = __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"
@@ -2785,7 +2794,6 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
         this.valueChange = new EventEmitter();
         this._data = [
             { text: 'Paragraph', tag: 'p' },
-            { text: 'Quotation', tag: 'blockquote' },
             { text: 'Heading 1', tag: 'h1' },
             { text: 'Heading 2', tag: 'h2' },
             { text: 'Heading 3', tag: 'h3' },
@@ -3551,11 +3559,19 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
          */
         this.disabled = false;
         /**
-         * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+         * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
          *
-         * @default 'palette'
+         * @default ['palette']
          */
-        this.view = 'palette';
+        this.views = ['palette'];
+    }
+    /**
+     * @hidden
+     *
+     * For backward compatibility with configurations using the deprecated "view" input.
+     */
+    set view(view) {
+        this.views = [view];
     }
     /**
      * @hidden
@@ -3627,7 +3643,7 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
             editorCommand: this.editorCommand,
             paletteSettings: this.paletteSettings,
             icon: this.icon,
-            view: this.view
+            views: this.views
         });
     }
     /**
@@ -3678,8 +3694,13 @@ __decorate([
 ], EditorColorPickerComponent.prototype, "disabled", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], EditorColorPickerComponent.prototype, "view", void 0);
+    __metadata("design:type", Array)
+], EditorColorPickerComponent.prototype, "views", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], EditorColorPickerComponent.prototype, "view", null);
 __decorate([
     ViewChild('toolbarTemplate', { static: true }),
     __metadata("design:type", TemplateRef)
@@ -3708,7 +3729,7 @@ EditorColorPickerComponent = EditorColorPickerComponent_1 = __decorate([
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
                 #colorpicker
-                [view]="view"
+                [views]="['palette']"
                 [format]="'hex'"
                 [attr.title]="title"
                 [icon]="icon"
@@ -4007,8 +4028,8 @@ PopupTableGridComponent = __decorate([
         <div style="border-color: inherit;" (mouseleave)="resetState()" (click)="insertTable()">
             <span *ngFor="let i of cells"
                 class="k-ct-cell"
-                [class.k-state-selected]="selected(i)"
-                [class.k-state-disabled]="!selected(i)"
+                [class.k-selected]="selected(i)"
+                [class.k-disabled]="!selected(i)"
                 (mouseenter)="setState(i)">
             </span>
         </div>
@@ -4031,6 +4052,7 @@ const commandIcons = {
     alignLeft: 'align-left',
     alignRight: 'align-right',
     backColor: 'background',
+    blockquote: 'blockquote',
     bold: 'bold',
     cleanFormatting: 'clear-css',
     createLink: 'link-horizontal',
@@ -4269,6 +4291,40 @@ EditorAlignJustifyButtonDirective = __decorate([
         EditorToolsService])
 ], EditorAlignJustifyButtonDirective);
 
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorBlockquoteButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+let EditorBlockquoteDirective = class EditorBlockquoteDirective extends EditorCommandButton {
+    constructor(button, editor, localization, toolsService) {
+        super('blockquote', button, editor, localization, toolsService);
+        this.editor = editor;
+    }
+};
+EditorBlockquoteDirective = __decorate([
+    Directive({
+        selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]'
+    }),
+    __param(1, Host()),
+    __metadata("design:paramtypes", [ToolBarButtonComponent,
+        EditorComponent,
+        EditorLocalizationService,
+        EditorToolsService])
+], EditorBlockquoteDirective);
+
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Redo tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -5201,6 +5257,10 @@ __decorate([
     Input(),
     __metadata("design:type", String)
 ], Messages.prototype, "backColor", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], Messages.prototype, "blockquote", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
@@ -5615,7 +5675,9 @@ const COMPONENT_DIRECTIVES = [
     // print
     EditorPrintDirective,
     // select all
-    EditorSelectAllButtonDirective
+    EditorSelectAllButtonDirective,
+    // blockquote
+    EditorBlockquoteDirective
 ];
 const TOOLBAR_TOOLS = [
     EditorFontSizeComponent,
@@ -5719,6 +5781,7 @@ EditorModule = __decorate([
             DialogModule,
             DropDownsModule,
             NumericTextBoxModule,
+            CheckBoxModule,
             ToolBarModule,
             TextBoxModule
         ]
@@ -5729,4 +5792,4 @@ EditorModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { ColorPickerDialogComponent, FileLinkDialogComponent, FontFamilyDialogComponent, FontSizeDialogComponent, FormatDialogComponent, ImageDialogComponent, InsertTableDialogComponent, SourceDialogComponent, CustomMessagesComponent, EditorLocalizationService, LocalizedMessagesDirective, Messages, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBackColorDirective, EditorColorPickerComponent, EditorForeColorDirective, EditorCleanFormattingButtonDirective, FontFamilyDropDownListComponent, EditorFontFamilyComponent, FontSizeDropDownListComponent, EditorFontSizeComponent, FormatDropDownListComponent, EditorFormatComponent, EditorRedoButtonDirective, EditorUndoButtonDirective, EditorInsertImageButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorInsertFileButtonDirective, EditorUnlinkButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertUnorderedListButtonDirective, EditorPrintDirective, EditorSelectAllButtonDirective, DropDownToolDirective, EditorCommandBase, EditorCommandButton, EditorCommandDialog, EditorViewSourceButtonDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorInsertTableButtonComponent, EditorMergeCellsButtonDirective, EditorSplitCellButtonDirective, PopupTableGridComponent, EditorToolsService, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorComponent, EditorModule, schema, EditorPasteEvent };
+export { semanticNodes, semanticTagNames, ColorPickerDialogComponent, FileLinkDialogComponent, FontFamilyDialogComponent, FontSizeDialogComponent, FormatDialogComponent, ImageDialogComponent, InsertTableDialogComponent, SourceDialogComponent, CustomMessagesComponent, EditorLocalizationService, LocalizedMessagesDirective, Messages, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBlockquoteDirective, EditorBackColorDirective, EditorColorPickerComponent, EditorForeColorDirective, EditorCleanFormattingButtonDirective, FontFamilyDropDownListComponent, EditorFontFamilyComponent, FontSizeDropDownListComponent, EditorFontSizeComponent, FormatDropDownListComponent, EditorFormatComponent, EditorRedoButtonDirective, EditorUndoButtonDirective, EditorInsertImageButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorInsertFileButtonDirective, EditorUnlinkButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertUnorderedListButtonDirective, EditorPrintDirective, EditorSelectAllButtonDirective, DropDownToolDirective, EditorCommandBase, EditorCommandButton, EditorCommandDialog, EditorViewSourceButtonDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorInsertTableButtonComponent, EditorMergeCellsButtonDirective, EditorSplitCellButtonDirective, PopupTableGridComponent, EditorToolsService, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorComponent, EditorModule, schema, EditorPasteEvent };