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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/cdn/js/kendo-angular-editor.js +1 -1
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/common/error-messages.js +1 -1
  4. package/dist/es/config/command-icons.js +1 -0
  5. package/dist/es/config/commands.js +16 -15
  6. package/dist/es/config/schema.js +1 -2
  7. package/dist/es/editor-toolbar-state.js +12 -2
  8. package/dist/es/editor.component.js +2 -2
  9. package/dist/es/editor.module.js +4 -1
  10. package/dist/es/index.js +2 -0
  11. package/dist/es/localization/messages.js +4 -0
  12. package/dist/es/package-metadata.js +1 -1
  13. package/dist/es/tools/blockquote/editor-blockquote-button.directive.js +48 -0
  14. package/dist/es/tools/format/editor-format-dropdownlist.component.js +1 -1
  15. package/dist/es/tools/format/editor-format.component.js +0 -1
  16. package/dist/es2015/common/commands.d.ts +1 -1
  17. package/dist/es2015/common/error-messages.js +1 -1
  18. package/dist/es2015/common/format-item.interface.d.ts +1 -1
  19. package/dist/es2015/config/command-icons.js +1 -0
  20. package/dist/es2015/config/commands.js +16 -15
  21. package/dist/es2015/config/schema.d.ts +1 -1
  22. package/dist/es2015/config/schema.js +1 -1
  23. package/dist/es2015/editor-toolbar-state.js +12 -2
  24. package/dist/es2015/editor.component.d.ts +1 -1
  25. package/dist/es2015/editor.component.js +3 -1
  26. package/dist/es2015/editor.module.js +4 -1
  27. package/dist/es2015/index.d.ts +2 -0
  28. package/dist/es2015/index.js +2 -0
  29. package/dist/es2015/index.metadata.json +1 -1
  30. package/dist/es2015/localization/messages.d.ts +4 -0
  31. package/dist/es2015/localization/messages.js +4 -0
  32. package/dist/es2015/package-metadata.js +1 -1
  33. package/dist/es2015/tools/blockquote/editor-blockquote-button.directive.d.ts +30 -0
  34. package/dist/es2015/tools/blockquote/editor-blockquote-button.directive.js +45 -0
  35. package/dist/es2015/tools/format/editor-format-dropdownlist.component.js +0 -4
  36. package/dist/es2015/tools/format/editor-format.component.js +0 -1
  37. package/dist/fesm2015/index.js +75 -26
  38. package/dist/fesm5/index.js +78 -24
  39. package/dist/npm/common/error-messages.js +1 -1
  40. package/dist/npm/config/command-icons.js +1 -0
  41. package/dist/npm/config/commands.js +16 -14
  42. package/dist/npm/config/schema.js +1 -2
  43. package/dist/npm/editor-toolbar-state.js +11 -1
  44. package/dist/npm/editor.component.js +2 -2
  45. package/dist/npm/editor.module.js +4 -1
  46. package/dist/npm/index.js +5 -0
  47. package/dist/npm/localization/messages.js +4 -0
  48. package/dist/npm/package-metadata.js +1 -1
  49. package/dist/npm/tools/blockquote/editor-blockquote-button.directive.js +50 -0
  50. package/dist/npm/tools/format/editor-format-dropdownlist.component.js +1 -1
  51. package/dist/npm/tools/format/editor-format.component.js +0 -1
  52. package/dist/systemjs/kendo-angular-editor.js +1 -1
  53. package/package.json +2 -2
@@ -27,6 +27,10 @@ export declare class Messages extends ComponentMessages {
27
27
  * The title of the tool that changes the text background color.
28
28
  */
29
29
  backColor: string;
30
+ /**
31
+ * The title of the tool that wraps an element in a blockquote.
32
+ */
33
+ blockquote: string;
30
34
  /**
31
35
  * The title of the tool that makes text bold.
32
36
  */
@@ -30,6 +30,10 @@ tslib_1.__decorate([
30
30
  Input(),
31
31
  tslib_1.__metadata("design:type", String)
32
32
  ], Messages.prototype, "backColor", void 0);
33
+ tslib_1.__decorate([
34
+ Input(),
35
+ tslib_1.__metadata("design:type", String)
36
+ ], Messages.prototype, "blockquote", void 0);
33
37
  tslib_1.__decorate([
34
38
  Input(),
35
39
  tslib_1.__metadata("design:type", String)
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-editor',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1641984793,
12
+ publishDate: 1641988389,
13
13
  version: '',
14
14
  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'
15
15
  };
@@ -0,0 +1,30 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
6
+ import { EditorComponent } from '../../editor.component';
7
+ import { EditorCommandButton } from '../shared/editor-command-button';
8
+ import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
+ import { EditorToolsService } from '../tools.service';
10
+ /**
11
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote tool
12
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
13
+ * The directive will predefine the `icon` and `click` event handlers of the button.
14
+ *
15
+ * @example
16
+ * ```ts-no-run
17
+ * <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
18
+ * ```
19
+ *
20
+ * The following example demonstrates how to change the default icon that is applied by the directive.
21
+ *
22
+ * @example
23
+ * ```ts-no-run
24
+ * <kendo-toolbar-button kendoEditorBlockquoteButton icon="blogger"></kendo-toolbar-button>
25
+ * ```
26
+ */
27
+ export declare class EditorBlockquoteDirective extends EditorCommandButton {
28
+ protected editor: EditorComponent;
29
+ constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
30
+ }
@@ -0,0 +1,45 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import * as tslib_1 from "tslib";
6
+ import { Directive, Host } from '@angular/core';
7
+ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
8
+ import { EditorComponent } from '../../editor.component';
9
+ import { EditorCommandButton } from '../shared/editor-command-button';
10
+ import { EditorLocalizationService } from '../../localization/editor-localization.service';
11
+ import { EditorToolsService } from '../tools.service';
12
+ /**
13
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote tool
14
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
15
+ * The directive will predefine the `icon` and `click` event handlers of the button.
16
+ *
17
+ * @example
18
+ * ```ts-no-run
19
+ * <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
20
+ * ```
21
+ *
22
+ * The following example demonstrates how to change the default icon that is applied by the directive.
23
+ *
24
+ * @example
25
+ * ```ts-no-run
26
+ * <kendo-toolbar-button kendoEditorBlockquoteButton icon="blogger"></kendo-toolbar-button>
27
+ * ```
28
+ */
29
+ let EditorBlockquoteDirective = class EditorBlockquoteDirective extends EditorCommandButton {
30
+ constructor(button, editor, localization, toolsService) {
31
+ super('blockquote', button, editor, localization, toolsService);
32
+ this.editor = editor;
33
+ }
34
+ };
35
+ EditorBlockquoteDirective = tslib_1.__decorate([
36
+ Directive({
37
+ selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]'
38
+ }),
39
+ tslib_1.__param(1, Host()),
40
+ tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
41
+ EditorComponent,
42
+ EditorLocalizationService,
43
+ EditorToolsService])
44
+ ], EditorBlockquoteDirective);
45
+ export { EditorBlockquoteDirective };
@@ -112,10 +112,6 @@ FormatDropDownListComponent = tslib_1.__decorate([
112
112
  {{ dataItem.text }}
113
113
  </span>
114
114
 
115
- <span *ngSwitchCase="'blockquote'" style="display: block; margin-left: 0;">
116
- {{ dataItem.text }}
117
- </span>
118
-
119
115
  <span *ngSwitchDefault>{{ dataItem.text }}</span>
120
116
  </ng-container>
121
117
  </ng-template>
@@ -39,7 +39,6 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
39
39
  this.valueChange = new EventEmitter();
40
40
  this._data = [
41
41
  { text: 'Paragraph', tag: 'p' },
42
- { text: 'Quotation', tag: 'blockquote' },
43
42
  { text: 'Heading 1', tag: 'h1' },
44
43
  { text: 'Heading 2', tag: 'h2' },
45
44
  { text: 'Heading 3', tag: 'h3' },
@@ -10,7 +10,7 @@ import { take, map, filter, concatMap, takeUntil } from 'rxjs/operators';
10
10
  import { ToolBarComponent, ToolBarToolComponent, ToolBarButtonComponent, ToolBarModule } from '@progress/kendo-angular-toolbar';
11
11
  import { DialogContentBase, DialogRef, DialogService, DialogModule } from '@progress/kendo-angular-dialog';
12
12
  import { isDocumentAvailable, guid, PreventableEvent, hasObservers, KendoInput, Keys } from '@progress/kendo-angular-common';
13
- 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';
13
+ 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';
14
14
  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';
15
15
  import { validatePackage } from '@progress/kendo-licensing';
16
16
  import { LocalizationService, L10N_PREFIX, RTL, MessageService, ComponentMessages } from '@progress/kendo-angular-l10n';
@@ -27,7 +27,7 @@ const packageMetadata = {
27
27
  name: '@progress/kendo-angular-editor',
28
28
  productName: 'Kendo UI for Angular',
29
29
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
30
- publishDate: 1641984793,
30
+ publishDate: 1641988389,
31
31
  version: '',
32
32
  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'
33
33
  };
@@ -116,7 +116,7 @@ const nodes$1 = Object.assign(nodes, semanticNodes);
116
116
  */
117
117
  const schema = new Schema({
118
118
  marks: marks$1,
119
- nodes: Object.assign({}, nodes$1, { blockquote: Object.assign({}, nodes$1.blockquote, { content: 'inline*' }) })
119
+ nodes: nodes$1
120
120
  });
121
121
 
122
122
  /**
@@ -149,7 +149,7 @@ const inlineCommand = {
149
149
  backColor: ɵ15,
150
150
  selectAll: ɵ16
151
151
  };
152
- 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;
152
+ 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;
153
153
  const blockCommand = {
154
154
  alignCenter: ɵ17,
155
155
  alignJustify: ɵ18,
@@ -166,20 +166,21 @@ const blockCommand = {
166
166
  outdent: ɵ27,
167
167
  redo: ɵ28,
168
168
  setHTML: ɵ29,
169
- undo: ɵ30
169
+ undo: ɵ30,
170
+ blockquote: ɵ31
170
171
  };
171
- const ɵ31 = attr => insertTable(attr), ɵ32 = () => addColumnBefore, ɵ33 = () => addColumnAfter, ɵ34 = () => addRowBefore, ɵ35 = () => addRowAfter, ɵ36 = () => deleteRow, ɵ37 = () => deleteColumn, ɵ38 = () => mergeCells, ɵ39 = () => splitCell, ɵ40 = () => deleteTable;
172
+ const ɵ32 = attr => insertTable(attr), ɵ33 = () => addColumnBefore, ɵ34 = () => addColumnAfter, ɵ35 = () => addRowBefore, ɵ36 = () => addRowAfter, ɵ37 = () => deleteRow, ɵ38 = () => deleteColumn, ɵ39 = () => mergeCells, ɵ40 = () => splitCell, ɵ41 = () => deleteTable;
172
173
  const tableCommand = {
173
- insertTable: ɵ31,
174
- addColumnBefore: ɵ32,
175
- addColumnAfter: ɵ33,
176
- addRowBefore: ɵ34,
177
- addRowAfter: ɵ35,
178
- deleteRow: ɵ36,
179
- deleteColumn: ɵ37,
180
- mergeCells: ɵ38,
181
- splitCell: ɵ39,
182
- deleteTable: ɵ40
174
+ insertTable: ɵ32,
175
+ addColumnBefore: ɵ33,
176
+ addColumnAfter: ɵ34,
177
+ addRowBefore: ɵ35,
178
+ addRowAfter: ɵ36,
179
+ deleteRow: ɵ37,
180
+ deleteColumn: ɵ38,
181
+ mergeCells: ɵ39,
182
+ splitCell: ɵ40,
183
+ deleteTable: ɵ41
183
184
  };
184
185
  /**
185
186
  * @hidden
@@ -218,6 +219,10 @@ const getToolbarState = (state, options) => ({
218
219
  selected: activeNode(state),
219
220
  disabled: false
220
221
  },
222
+ blockquote: {
223
+ selected: false,
224
+ disabled: !blockquote(state)
225
+ },
221
226
  indent: {
222
227
  selected: false,
223
228
  disabled: !(canIndentAsListItem(state, state.schema.nodes.list_item) || canBeIndented(state, indentRules))
@@ -240,7 +245,11 @@ const getToolbarState = (state, options) => ({
240
245
  },
241
246
  outdent: {
242
247
  selected: false,
243
- disabled: !(canOutdentAsListItem(state, outdentRules) || canBeIndented(state, outdentRules))
248
+ get disabled() {
249
+ return !(hasNode(state, state.schema.nodes.blockquote) ||
250
+ canOutdentAsListItem(state, outdentRules) ||
251
+ isIndented(state, outdentRules.nodes));
252
+ }
244
253
  },
245
254
  redo: {
246
255
  selected: false,
@@ -366,6 +375,7 @@ const initialToolBarState = {
366
375
  format: { selected: { text: 'Format', tag: null }, disabled: false },
367
376
  style: { selected: { marks: [], hasNodesWithoutMarks: false }, disabled: false },
368
377
  cleanFormatting: { selected: false, disabled: true },
378
+ blockquote: { selected: false, disabled: false },
369
379
  //indent
370
380
  indent: { selected: false, disabled: false },
371
381
  outdent: { selected: false, disabled: false },
@@ -418,6 +428,7 @@ const disabledToolBarState = {
418
428
  format: { selected: { text: 'Format', tag: null }, disabled: true },
419
429
  style: { selected: { marks: [], hasNodesWithoutMarks: false }, disabled: true },
420
430
  cleanFormatting: { selected: false, disabled: true },
431
+ blockquote: { selected: false, disabled: true },
421
432
  //indent
422
433
  indent: { selected: false, disabled: true },
423
434
  outdent: { selected: false, disabled: true },
@@ -1167,7 +1178,7 @@ const EditorErrorMessages = {
1167
1178
  pluginsCallbackType: ɵ0$2,
1168
1179
  pastedContentCallbackType: ɵ1$2,
1169
1180
  setPluginsOnce: 'The plugins cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/plugins/',
1170
- setPlaceHolderOnce: 'The placeholder cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/placeholder/',
1181
+ setPlaceHolderOnce: 'The placeholder cannot be changed dynamically. See https://www.telerik.com/kendo-angular-ui/components/editor/plugins/#toc-custom-plugins/',
1171
1182
  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/'
1172
1183
  };
1173
1184
 
@@ -1596,7 +1607,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
1596
1607
  * @param {any} attr - Optional parameters for the command. Apart from the following list,
1597
1608
  * the parameters do not expect specific attributes when you call them:
1598
1609
  * - `format` - Accepts an object with the `tag` property.
1599
- * The supported tags are `p`, `blockquote`, and any of the `h1` to `h6` heading tags.
1610
+ * The supported tags are `p` and any of the `h1` to `h6` heading tags.
1600
1611
  * - `createLink` - Accepts an object with the `href`, `title`, and `target` properties. The `href` property is mandatory.
1601
1612
  * - `setHTML` - Accepts a `string` parameter.
1602
1613
  * - `insertTable` - Accepts an object with the `rows` and `cols` properties. The number values are zero based.
@@ -2114,6 +2125,8 @@ EditorComponent = EditorComponent_1 = __decorate([
2114
2125
  alignRight="Align text right"
2115
2126
  i18n-backColor="kendo.editor.backColor|The title of the tool that changes the text background color."
2116
2127
  backColor="Background color"
2128
+ i18n-blockquote="kendo.editor.blockquote|The title of the tool that wraps an element in a blockquote"
2129
+ blockquote="Quotation"
2117
2130
  i18n-bold="kendo.editor.bold|The title of the tool that makes text bold."
2118
2131
  bold="Bold"
2119
2132
  i18n-cleanFormatting="kendo.editor.cleanFormatting|The title of the Clean Formatting tool."
@@ -2379,10 +2392,6 @@ FormatDropDownListComponent = __decorate([
2379
2392
  {{ dataItem.text }}
2380
2393
  </span>
2381
2394
 
2382
- <span *ngSwitchCase="'blockquote'" style="display: block; margin-left: 0;">
2383
- {{ dataItem.text }}
2384
- </span>
2385
-
2386
2395
  <span *ngSwitchDefault>{{ dataItem.text }}</span>
2387
2396
  </ng-container>
2388
2397
  </ng-template>
@@ -2785,7 +2794,6 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
2785
2794
  this.valueChange = new EventEmitter();
2786
2795
  this._data = [
2787
2796
  { text: 'Paragraph', tag: 'p' },
2788
- { text: 'Quotation', tag: 'blockquote' },
2789
2797
  { text: 'Heading 1', tag: 'h1' },
2790
2798
  { text: 'Heading 2', tag: 'h2' },
2791
2799
  { text: 'Heading 3', tag: 'h3' },
@@ -4031,6 +4039,7 @@ const commandIcons = {
4031
4039
  alignLeft: 'align-left',
4032
4040
  alignRight: 'align-right',
4033
4041
  backColor: 'background',
4042
+ blockquote: 'blockquote',
4034
4043
  bold: 'bold',
4035
4044
  cleanFormatting: 'clear-css',
4036
4045
  createLink: 'link-horizontal',
@@ -4269,6 +4278,40 @@ EditorAlignJustifyButtonDirective = __decorate([
4269
4278
  EditorToolsService])
4270
4279
  ], EditorAlignJustifyButtonDirective);
4271
4280
 
4281
+ /**
4282
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote tool
4283
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
4284
+ * The directive will predefine the `icon` and `click` event handlers of the button.
4285
+ *
4286
+ * @example
4287
+ * ```ts-no-run
4288
+ * <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
4289
+ * ```
4290
+ *
4291
+ * The following example demonstrates how to change the default icon that is applied by the directive.
4292
+ *
4293
+ * @example
4294
+ * ```ts-no-run
4295
+ * <kendo-toolbar-button kendoEditorBlockquoteButton icon="blogger"></kendo-toolbar-button>
4296
+ * ```
4297
+ */
4298
+ let EditorBlockquoteDirective = class EditorBlockquoteDirective extends EditorCommandButton {
4299
+ constructor(button, editor, localization, toolsService) {
4300
+ super('blockquote', button, editor, localization, toolsService);
4301
+ this.editor = editor;
4302
+ }
4303
+ };
4304
+ EditorBlockquoteDirective = __decorate([
4305
+ Directive({
4306
+ selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]'
4307
+ }),
4308
+ __param(1, Host()),
4309
+ __metadata("design:paramtypes", [ToolBarButtonComponent,
4310
+ EditorComponent,
4311
+ EditorLocalizationService,
4312
+ EditorToolsService])
4313
+ ], EditorBlockquoteDirective);
4314
+
4272
4315
  /**
4273
4316
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Redo tool
4274
4317
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -5201,6 +5244,10 @@ __decorate([
5201
5244
  Input(),
5202
5245
  __metadata("design:type", String)
5203
5246
  ], Messages.prototype, "backColor", void 0);
5247
+ __decorate([
5248
+ Input(),
5249
+ __metadata("design:type", String)
5250
+ ], Messages.prototype, "blockquote", void 0);
5204
5251
  __decorate([
5205
5252
  Input(),
5206
5253
  __metadata("design:type", String)
@@ -5615,7 +5662,9 @@ const COMPONENT_DIRECTIVES = [
5615
5662
  // print
5616
5663
  EditorPrintDirective,
5617
5664
  // select all
5618
- EditorSelectAllButtonDirective
5665
+ EditorSelectAllButtonDirective,
5666
+ // blockquote
5667
+ EditorBlockquoteDirective
5619
5668
  ];
5620
5669
  const TOOLBAR_TOOLS = [
5621
5670
  EditorFontSizeComponent,
@@ -5729,4 +5778,4 @@ EditorModule = __decorate([
5729
5778
  * Generated bundle index. Do not edit.
5730
5779
  */
5731
5780
 
5732
- 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 };
5781
+ 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 };