@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.
- package/dist/cdn/js/kendo-angular-editor.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/common/error-messages.js +1 -1
- package/dist/es/config/command-icons.js +1 -0
- package/dist/es/config/commands.js +16 -15
- package/dist/es/config/schema.js +1 -2
- package/dist/es/editor-toolbar-state.js +12 -2
- package/dist/es/editor.component.js +2 -2
- package/dist/es/editor.module.js +4 -1
- package/dist/es/index.js +2 -0
- package/dist/es/localization/messages.js +4 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tools/blockquote/editor-blockquote-button.directive.js +48 -0
- package/dist/es/tools/format/editor-format-dropdownlist.component.js +1 -1
- package/dist/es/tools/format/editor-format.component.js +0 -1
- package/dist/es2015/common/commands.d.ts +1 -1
- package/dist/es2015/common/error-messages.js +1 -1
- package/dist/es2015/common/format-item.interface.d.ts +1 -1
- package/dist/es2015/config/command-icons.js +1 -0
- package/dist/es2015/config/commands.js +16 -15
- package/dist/es2015/config/schema.d.ts +1 -1
- package/dist/es2015/config/schema.js +1 -1
- package/dist/es2015/editor-toolbar-state.js +12 -2
- package/dist/es2015/editor.component.d.ts +1 -1
- package/dist/es2015/editor.component.js +3 -1
- package/dist/es2015/editor.module.js +4 -1
- package/dist/es2015/index.d.ts +2 -0
- package/dist/es2015/index.js +2 -0
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/localization/messages.d.ts +4 -0
- package/dist/es2015/localization/messages.js +4 -0
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/tools/blockquote/editor-blockquote-button.directive.d.ts +30 -0
- package/dist/es2015/tools/blockquote/editor-blockquote-button.directive.js +45 -0
- package/dist/es2015/tools/format/editor-format-dropdownlist.component.js +0 -4
- package/dist/es2015/tools/format/editor-format.component.js +0 -1
- package/dist/fesm2015/index.js +75 -26
- package/dist/fesm5/index.js +78 -24
- package/dist/npm/common/error-messages.js +1 -1
- package/dist/npm/config/command-icons.js +1 -0
- package/dist/npm/config/commands.js +16 -14
- package/dist/npm/config/schema.js +1 -2
- package/dist/npm/editor-toolbar-state.js +11 -1
- package/dist/npm/editor.component.js +2 -2
- package/dist/npm/editor.module.js +4 -1
- package/dist/npm/index.js +5 -0
- package/dist/npm/localization/messages.js +4 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tools/blockquote/editor-blockquote-button.directive.js +50 -0
- package/dist/npm/tools/format/editor-format-dropdownlist.component.js +1 -1
- package/dist/npm/tools/format/editor-format.component.js +0 -1
- package/dist/systemjs/kendo-angular-editor.js +1 -1
- 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:
|
|
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' },
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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 ɵ
|
|
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: ɵ
|
|
174
|
-
addColumnBefore: ɵ
|
|
175
|
-
addColumnAfter: ɵ
|
|
176
|
-
addRowBefore: ɵ
|
|
177
|
-
addRowAfter: ɵ
|
|
178
|
-
deleteRow: ɵ
|
|
179
|
-
deleteColumn: ɵ
|
|
180
|
-
mergeCells: ɵ
|
|
181
|
-
splitCell: ɵ
|
|
182
|
-
deleteTable: ɵ
|
|
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
|
|
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
|
|
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
|
|
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 };
|