@progress/kendo-angular-editor 21.4.1 → 22.0.0-develop.1

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 (101) hide show
  1. package/fesm2022/progress-kendo-angular-editor.mjs +196 -196
  2. package/localization/messages.d.ts +1 -1
  3. package/package.json +20 -28
  4. package/schematics/ngAdd/index.js +4 -4
  5. package/tools/shared/editor-command-base.d.ts +1 -1
  6. package/esm2022/common/active-marks.mjs +0 -5
  7. package/esm2022/common/apply-to-word-options.mjs +0 -5
  8. package/esm2022/common/commands.mjs +0 -5
  9. package/esm2022/common/css-settings.interface.mjs +0 -5
  10. package/esm2022/common/direction.mjs +0 -5
  11. package/esm2022/common/error-messages.mjs +0 -16
  12. package/esm2022/common/font-family-item.interface.mjs +0 -5
  13. package/esm2022/common/font-size-item.interface.mjs +0 -5
  14. package/esm2022/common/format-item.interface.mjs +0 -5
  15. package/esm2022/common/image-data.interface.mjs +0 -5
  16. package/esm2022/common/link-data.interface.mjs +0 -5
  17. package/esm2022/common/paste-cleanup-settings.mjs +0 -5
  18. package/esm2022/common/plugins-function.mjs +0 -5
  19. package/esm2022/common/predicate.mjs +0 -5
  20. package/esm2022/common/provider.service.mjs +0 -17
  21. package/esm2022/common/resizable-options.interface.mjs +0 -5
  22. package/esm2022/common/styles.mjs +0 -306
  23. package/esm2022/common/table-data.interface.mjs +0 -5
  24. package/esm2022/config/command-icons.mjs +0 -93
  25. package/esm2022/config/commands.mjs +0 -62
  26. package/esm2022/config/schema.mjs +0 -22
  27. package/esm2022/config/semantic-nodes.mjs +0 -27
  28. package/esm2022/config/table-commands.mjs +0 -14
  29. package/esm2022/config/utils.mjs +0 -96
  30. package/esm2022/dialogs/colorpicker-dialog.component.mjs +0 -140
  31. package/esm2022/dialogs/file-link-dialog.component.mjs +0 -252
  32. package/esm2022/dialogs/font-family-dialog.component.mjs +0 -115
  33. package/esm2022/dialogs/font-size-dialog.component.mjs +0 -115
  34. package/esm2022/dialogs/format-dialog.component.mjs +0 -114
  35. package/esm2022/dialogs/image-dialog.component.mjs +0 -230
  36. package/esm2022/dialogs/insert-table-dialog.component.mjs +0 -79
  37. package/esm2022/dialogs/source-dialog.component.mjs +0 -112
  38. package/esm2022/directives.mjs +0 -95
  39. package/esm2022/editor-toolbar-state.mjs +0 -280
  40. package/esm2022/editor.component.mjs +0 -1319
  41. package/esm2022/editor.module.mjs +0 -89
  42. package/esm2022/index.mjs +0 -64
  43. package/esm2022/localization/custom-messages.component.mjs +0 -53
  44. package/esm2022/localization/editor-localization.service.mjs +0 -31
  45. package/esm2022/localization/localized-messages.directive.mjs +0 -35
  46. package/esm2022/localization/messages.mjs +0 -364
  47. package/esm2022/package-metadata.mjs +0 -16
  48. package/esm2022/preventable-events/paste-event.mjs +0 -32
  49. package/esm2022/preventable-events/preventable-event.mjs +0 -25
  50. package/esm2022/progress-kendo-angular-editor.mjs +0 -8
  51. package/esm2022/tools/alignment/editor-align-center-button.directive.mjs +0 -42
  52. package/esm2022/tools/alignment/editor-align-justify-button.directive.mjs +0 -42
  53. package/esm2022/tools/alignment/editor-align-left-button.directive.mjs +0 -42
  54. package/esm2022/tools/alignment/editor-align-right-button.directive.mjs +0 -42
  55. package/esm2022/tools/blockquote/editor-blockquote-button.directive.mjs +0 -40
  56. package/esm2022/tools/colorpicker/editor-back-color.directive.mjs +0 -41
  57. package/esm2022/tools/colorpicker/editor-colorpicker.component.mjs +0 -377
  58. package/esm2022/tools/colorpicker/editor-fore-color.directive.mjs +0 -37
  59. package/esm2022/tools/editor-clean-formatting-button.directive.mjs +0 -41
  60. package/esm2022/tools/fontfamily/editor-fontfamily-dropdownlist.component.mjs +0 -109
  61. package/esm2022/tools/fontfamily/editor-fontfamily.component.mjs +0 -297
  62. package/esm2022/tools/fontsize/editor-fontsize-dropdownlist.component.mjs +0 -98
  63. package/esm2022/tools/fontsize/editor-fontsize.component.mjs +0 -305
  64. package/esm2022/tools/format/editor-format-dropdownlist.component.mjs +0 -182
  65. package/esm2022/tools/format/editor-format.component.mjs +0 -283
  66. package/esm2022/tools/history/editor-redo-button.directive.mjs +0 -42
  67. package/esm2022/tools/history/editor-undo-button.directive.mjs +0 -42
  68. package/esm2022/tools/image/editor-insert-image-button.directive.mjs +0 -41
  69. package/esm2022/tools/indentation/editor-indent-button.directive.mjs +0 -41
  70. package/esm2022/tools/indentation/editor-outdent-button.directive.mjs +0 -41
  71. package/esm2022/tools/link/editor-create-link-button.directive.mjs +0 -41
  72. package/esm2022/tools/link/editor-insert-file-button.directive.mjs +0 -40
  73. package/esm2022/tools/link/editor-unlink-button.directive.mjs +0 -41
  74. package/esm2022/tools/list/editor-insert-ordered-list-button.directive.mjs +0 -41
  75. package/esm2022/tools/list/editor-insert-unordered-list-button.directive.mjs +0 -42
  76. package/esm2022/tools/print/editor-print-button.directive.mjs +0 -62
  77. package/esm2022/tools/select-all/select-all-button.directive.mjs +0 -45
  78. package/esm2022/tools/shared/dropdown-tool.directive.mjs +0 -40
  79. package/esm2022/tools/shared/editor-command-base.mjs +0 -78
  80. package/esm2022/tools/shared/editor-command-button.mjs +0 -37
  81. package/esm2022/tools/shared/editor-command-dialog.mjs +0 -33
  82. package/esm2022/tools/source/editor-view-source-button.directive.mjs +0 -41
  83. package/esm2022/tools/tables/editor-add-column-after-button.directive.mjs +0 -42
  84. package/esm2022/tools/tables/editor-add-column-before-button.directive.mjs +0 -42
  85. package/esm2022/tools/tables/editor-add-row-after-button.directive.mjs +0 -42
  86. package/esm2022/tools/tables/editor-add-row-before-button.directive.mjs +0 -42
  87. package/esm2022/tools/tables/editor-delete-column-button.directive.mjs +0 -42
  88. package/esm2022/tools/tables/editor-delete-row-button.directive.mjs +0 -42
  89. package/esm2022/tools/tables/editor-delete-table-button.directive.mjs +0 -42
  90. package/esm2022/tools/tables/editor-insert-table-button.component.mjs +0 -307
  91. package/esm2022/tools/tables/editor-merge-cells-button.directive.mjs +0 -44
  92. package/esm2022/tools/tables/editor-split-cell-button.directive.mjs +0 -44
  93. package/esm2022/tools/tables/popup-table-grid.component.mjs +0 -117
  94. package/esm2022/tools/tools.service.mjs +0 -22
  95. package/esm2022/tools/typographical-emphasis/editor-bold-button.directive.mjs +0 -42
  96. package/esm2022/tools/typographical-emphasis/editor-italic-button.directive.mjs +0 -42
  97. package/esm2022/tools/typographical-emphasis/editor-strikethrough-button.directive.mjs +0 -42
  98. package/esm2022/tools/typographical-emphasis/editor-subscript-button.directive.mjs +0 -42
  99. package/esm2022/tools/typographical-emphasis/editor-superscript-button.directive.mjs +0 -42
  100. package/esm2022/tools/typographical-emphasis/editor-underline-button.directive.mjs +0 -42
  101. package/esm2022/util.mjs +0 -130
@@ -1,283 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, ViewChild, Input, forwardRef, Output, EventEmitter, ElementRef, Renderer2 } from '@angular/core';
6
- import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
7
- import { DialogService } from '@progress/kendo-angular-dialog';
8
- import { applyFormatIcon } from '@progress/kendo-svg-icons';
9
- import { IconWrapperComponent } from '@progress/kendo-angular-icons';
10
- import { outerWidth, isPresent } from '../../util';
11
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
12
- import { FormatDialogComponent } from '../../dialogs/format-dialog.component';
13
- import { FormatDropDownListComponent } from './editor-format-dropdownlist.component';
14
- import { ProviderService } from '../../common/provider.service';
15
- import { EditorToolsService } from '../tools.service';
16
- import * as i0 from "@angular/core";
17
- import * as i1 from "@progress/kendo-angular-dialog";
18
- import * as i2 from "../../localization/editor-localization.service";
19
- import * as i3 from "../../common/provider.service";
20
- import * as i4 from "../tools.service";
21
- /**
22
- * Configures a DropDownListComponent as an Editor tool
23
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
24
- * Associates a `kendo-dropdownlist` with an Editor command that changes the format of a content block.
25
- * Automatically sets the options and values of the DropDownList ([see example]({% slug toolbartools_editor %}#toc-dropdownlists)).
26
- *
27
- * @example
28
- * ```html
29
- * <kendo-editor>
30
- * <kendo-toolbar>
31
- * <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
32
- * </kendo-toolbar>
33
- * </kendo-editor>
34
- * ```
35
- */
36
- export class EditorFormatComponent extends ToolBarToolComponent {
37
- dialogService;
38
- localization;
39
- toolsService;
40
- renderer;
41
- value;
42
- defaultItem;
43
- itemDisabled;
44
- disabled = false;
45
- tabindex = -1;
46
- /**
47
- * Sets the format items list. Use this property to override the default list.
48
- */
49
- set data(formatItems) {
50
- this._data = formatItems || this._data;
51
- }
52
- get data() {
53
- return this._data;
54
- }
55
- /**
56
- * Emits when the value of the DropDownList changes.
57
- */
58
- valueChange = new EventEmitter();
59
- formatDropDownList;
60
- formatButton;
61
- subs;
62
- _data = [
63
- { text: 'Paragraph', tag: 'p' },
64
- { text: 'Heading 1', tag: 'h1' },
65
- { text: 'Heading 2', tag: 'h2' },
66
- { text: 'Heading 3', tag: 'h3' },
67
- { text: 'Heading 4', tag: 'h4' },
68
- { text: 'Heading 5', tag: 'h5' },
69
- { text: 'Heading 6', tag: 'h6' }
70
- ];
71
- applyFormatSVGIcon = applyFormatIcon;
72
- editor;
73
- constructor(dialogService, localization, providerService, toolsService, renderer) {
74
- super();
75
- this.dialogService = dialogService;
76
- this.localization = localization;
77
- this.toolsService = toolsService;
78
- this.renderer = renderer;
79
- this.editor = providerService.editor;
80
- this.isBuiltInTool = true;
81
- }
82
- ngOnInit() {
83
- this.itemDisabled = (itemArgs) => {
84
- if (!this.overflows && this.formatDropDownList && !this.formatDropDownList.dropDownList.isOpen) {
85
- return true; //disable all items in order to prevent navigation when DDL is closed
86
- }
87
- else {
88
- return itemArgs.dataItem.tag === null;
89
- }
90
- };
91
- setTimeout(() => {
92
- this.defaultItem = { text: this.title, tag: null };
93
- this.toolsService.needsCheck.next(undefined);
94
- });
95
- this.subs = this.editor.stateChange.subscribe(({ format }) => {
96
- const index = this.data.findIndex(item => item.tag === format.selected.tag);
97
- this.value = index !== -1 ? format.selected.tag : null;
98
- this.disabled = format.disabled;
99
- });
100
- }
101
- /**
102
- * @hidden
103
- */
104
- onValueChange(ev) {
105
- if (isPresent(ev)) {
106
- this.editor.exec('format', { tag: ev });
107
- this.editor.view.focus();
108
- this.valueChange.emit(this.data.find(d => d.tag === ev));
109
- }
110
- }
111
- ngOnDestroy() {
112
- if (this.subs) {
113
- this.subs.unsubscribe();
114
- }
115
- }
116
- get outerWidth() {
117
- const element = this.formatDropDownList.element;
118
- if (element) {
119
- return outerWidth(element.nativeElement);
120
- }
121
- }
122
- get title() {
123
- return this.localization.get('format');
124
- }
125
- /**
126
- * @hidden
127
- */
128
- openDialog() {
129
- const dialogSettings = {
130
- appendTo: this.editor.dialogContainer,
131
- content: FormatDialogComponent,
132
- width: 400,
133
- autoFocusedElement: '.k-picker'
134
- };
135
- this.editor.toolbar.toggle(false);
136
- const dialogContent = this.dialogService.open(dialogSettings).content.instance;
137
- this.renderer.addClass(dialogContent.dialog.dialog.instance.wrapper.nativeElement.querySelector('.k-window'), 'k-editor-window');
138
- dialogContent.setData({
139
- editor: this.editor,
140
- data: this.data,
141
- defaultItem: this.defaultItem,
142
- value: this.value,
143
- itemDisabled: this.itemDisabled
144
- });
145
- }
146
- /**
147
- * @hidden
148
- */
149
- canFocus() {
150
- return !this.disabled;
151
- }
152
- /**
153
- * @hidden
154
- */
155
- focus() {
156
- this.tabindex = 0;
157
- if (this.overflows) {
158
- this.formatButton?.nativeElement.focus();
159
- }
160
- else {
161
- this.formatDropDownList?.focus();
162
- }
163
- }
164
- /**
165
- * @hidden
166
- */
167
- handleKey() {
168
- this.tabindex = -1;
169
- return false;
170
- }
171
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
172
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EditorFormatComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
173
- <ng-template #toolbarTemplate>
174
- <kendo-editor-format-dropdownlist
175
- #formatDropDownList
176
- [defaultItem]="defaultItem"
177
- [data]="data"
178
- [(value)]="value"
179
- [itemDisabled]="itemDisabled"
180
- [title]="title"
181
- [disabled]="disabled"
182
- [tabindex]="tabindex"
183
- (valueChange)="onValueChange($event)"
184
- >
185
- </kendo-editor-format-dropdownlist>
186
- </ng-template>
187
- <ng-template #popupTemplate>
188
- <div #formatButton
189
- role="menuitem"
190
- class="k-item k-menu-item"
191
- [class.k-disabled]="disabled"
192
- [tabindex]="tabindex"
193
- (click)="openDialog()">
194
- <span
195
- class="k-link k-menu-link">
196
- <kendo-icon-wrapper name="apply-format" [svgIcon]="applyFormatSVGIcon"></kendo-icon-wrapper>
197
- @if (title) {
198
- <span class="k-menu-link-text">{{title}}</span>
199
- }
200
- </span>
201
- </div>
202
- </ng-template>
203
- <ng-template #sectionTemplate>
204
- <kendo-editor-format-dropdownlist
205
- #formatDropDownList
206
- [defaultItem]="defaultItem"
207
- [data]="data"
208
- [(value)]="value"
209
- [itemDisabled]="itemDisabled"
210
- [title]="title"
211
- [disabled]="disabled"
212
- [tabindex]="tabindex"
213
- (valueChange)="onValueChange($event)"
214
- >
215
- </kendo-editor-format-dropdownlist>
216
- </ng-template>
217
- `, isInline: true, dependencies: [{ kind: "component", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
218
- }
219
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFormatComponent, decorators: [{
220
- type: Component,
221
- args: [{
222
- providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }],
223
- selector: 'kendo-toolbar-dropdownlist[kendoEditorFormat]',
224
- template: `
225
- <ng-template #toolbarTemplate>
226
- <kendo-editor-format-dropdownlist
227
- #formatDropDownList
228
- [defaultItem]="defaultItem"
229
- [data]="data"
230
- [(value)]="value"
231
- [itemDisabled]="itemDisabled"
232
- [title]="title"
233
- [disabled]="disabled"
234
- [tabindex]="tabindex"
235
- (valueChange)="onValueChange($event)"
236
- >
237
- </kendo-editor-format-dropdownlist>
238
- </ng-template>
239
- <ng-template #popupTemplate>
240
- <div #formatButton
241
- role="menuitem"
242
- class="k-item k-menu-item"
243
- [class.k-disabled]="disabled"
244
- [tabindex]="tabindex"
245
- (click)="openDialog()">
246
- <span
247
- class="k-link k-menu-link">
248
- <kendo-icon-wrapper name="apply-format" [svgIcon]="applyFormatSVGIcon"></kendo-icon-wrapper>
249
- @if (title) {
250
- <span class="k-menu-link-text">{{title}}</span>
251
- }
252
- </span>
253
- </div>
254
- </ng-template>
255
- <ng-template #sectionTemplate>
256
- <kendo-editor-format-dropdownlist
257
- #formatDropDownList
258
- [defaultItem]="defaultItem"
259
- [data]="data"
260
- [(value)]="value"
261
- [itemDisabled]="itemDisabled"
262
- [title]="title"
263
- [disabled]="disabled"
264
- [tabindex]="tabindex"
265
- (valueChange)="onValueChange($event)"
266
- >
267
- </kendo-editor-format-dropdownlist>
268
- </ng-template>
269
- `,
270
- standalone: true,
271
- imports: [FormatDropDownListComponent, IconWrapperComponent]
272
- }]
273
- }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }, { type: i0.Renderer2 }], propDecorators: { data: [{
274
- type: Input
275
- }], valueChange: [{
276
- type: Output
277
- }], formatDropDownList: [{
278
- type: ViewChild,
279
- args: ['formatDropDownList']
280
- }], formatButton: [{
281
- type: ViewChild,
282
- args: ['formatButton', { read: ElementRef }]
283
- }] } });
@@ -1,42 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { EditorCommandButton } from '../shared/editor-command-button';
8
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
- import { ProviderService } from '../../common/provider.service';
10
- import { EditorToolsService } from '../tools.service';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../../localization/editor-localization.service";
14
- import * as i3 from "../../common/provider.service";
15
- import * as i4 from "../tools.service";
16
- /**
17
- * Configures a ToolBarButtonComponent as an Editor **Redo** tool
18
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * Sets the SVG icon and `click` event handlers of the button.
20
- * Updates the `disabled` state of the button based on the cursor position in the editing area.
21
- *
22
- * @example
23
- * ```html
24
- * <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>
25
- * ```
26
- * @remarks
27
- * Applied to: {@link ToolBarButtonComponent}
28
- */
29
- export class EditorRedoButtonDirective extends EditorCommandButton {
30
- constructor(button, localization, providerService, toolsService) {
31
- super('redo', button, localization, providerService, toolsService);
32
- }
33
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorRedoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
34
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorRedoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
35
- }
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorRedoButtonDirective, decorators: [{
37
- type: Directive,
38
- args: [{
39
- selector: 'kendo-toolbar-button[kendoEditorRedoButton]',
40
- standalone: true
41
- }]
42
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });
@@ -1,42 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { EditorCommandButton } from '../shared/editor-command-button';
8
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
- import { ProviderService } from '../../common/provider.service';
10
- import { EditorToolsService } from '../tools.service';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../../localization/editor-localization.service";
14
- import * as i3 from "../../common/provider.service";
15
- import * as i4 from "../tools.service";
16
- /**
17
- * Configures a ToolBarButtonComponent as an Editor **Undo** tool
18
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * Sets the SVG icon and `click` event handlers of the button.
20
- * Updates the `disabled` state of the button based on the cursor position in the editing area.
21
- *
22
- * @example
23
- * ```html
24
- * <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>
25
- * ```
26
- * @remarks
27
- * Applied to: {@link ToolBarButtonComponent}
28
- */
29
- export class EditorUndoButtonDirective extends EditorCommandButton {
30
- constructor(button, localization, providerService, toolsService) {
31
- super('undo', button, localization, providerService, toolsService);
32
- }
33
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorUndoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
34
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorUndoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
35
- }
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorUndoButtonDirective, decorators: [{
37
- type: Directive,
38
- args: [{
39
- selector: 'kendo-toolbar-button[kendoEditorUndoButton]',
40
- standalone: true
41
- }]
42
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });
@@ -1,41 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { EditorCommandDialog } from '../shared/editor-command-dialog';
8
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
- import { ProviderService } from '../../common/provider.service';
10
- import { EditorToolsService } from '../tools.service';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../../localization/editor-localization.service";
14
- import * as i3 from "../../common/provider.service";
15
- import * as i4 from "../tools.service";
16
- /**
17
- * Configures a `ToolBarButtonComponent` as an Editor **InsertImage** tool
18
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
19
- * Sets the SVG icon and `click` event handlers of the button.
20
- *
21
- * @example
22
- * ```html
23
- * <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
24
- * ```
25
- * @remarks
26
- * Applied to: {@link ToolBarButtonComponent}
27
- */
28
- export class EditorInsertImageButtonDirective extends EditorCommandDialog {
29
- constructor(button, localization, providerService, toolsService) {
30
- super('insertImage', button, localization, providerService, toolsService);
31
- }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorInsertImageButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
33
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorInsertImageButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]", usesInheritance: true, ngImport: i0 });
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorInsertImageButtonDirective, decorators: [{
36
- type: Directive,
37
- args: [{
38
- selector: 'kendo-toolbar-button[kendoEditorInsertImageButton]',
39
- standalone: true
40
- }]
41
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });
@@ -1,41 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { EditorCommandButton } from '../shared/editor-command-button';
8
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
- import { ProviderService } from '../../common/provider.service';
10
- import { EditorToolsService } from '../tools.service';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../../localization/editor-localization.service";
14
- import * as i3 from "../../common/provider.service";
15
- import * as i4 from "../tools.service";
16
- /**
17
- * Configures a ToolBarButtonComponent as an Editor **Indent** tool ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
18
- * The directive sets the SVG icon and `click` event handlers for the button.
19
- * The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
20
- *
21
- * @example
22
- * ```html
23
- * <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
24
- * ```
25
- * @remarks
26
- * Applied to: {@link ToolBarButtonComponent}
27
- */
28
- export class EditorIndentButtonDirective extends EditorCommandButton {
29
- constructor(button, localization, providerService, toolsService) {
30
- super('indent', button, localization, providerService, toolsService);
31
- }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorIndentButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
33
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorIndentButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorIndentButton]", usesInheritance: true, ngImport: i0 });
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorIndentButtonDirective, decorators: [{
36
- type: Directive,
37
- args: [{
38
- selector: 'kendo-toolbar-button[kendoEditorIndentButton]',
39
- standalone: true
40
- }]
41
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });
@@ -1,41 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { EditorCommandButton } from '../shared/editor-command-button';
8
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
- import { ProviderService } from '../../common/provider.service';
10
- import { EditorToolsService } from '../tools.service';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../../localization/editor-localization.service";
14
- import * as i3 from "../../common/provider.service";
15
- import * as i4 from "../tools.service";
16
- /**
17
- * Configures a ToolBarButtonComponent as an Editor **Outdent** tool ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
18
- * The directive sets the SVG icon and `click` event handlers for the button.
19
- * The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
20
- *
21
- * @example
22
- * ```html
23
- * <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
24
- * ```
25
- * @remarks
26
- * Applied to: {@link ToolBarButtonComponent}
27
- */
28
- export class EditorOutdentButtonDirective extends EditorCommandButton {
29
- constructor(button, localization, providerService, toolsService) {
30
- super('outdent', button, localization, providerService, toolsService);
31
- }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorOutdentButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
33
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorOutdentButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorOutdentButton]", usesInheritance: true, ngImport: i0 });
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorOutdentButtonDirective, decorators: [{
36
- type: Directive,
37
- args: [{
38
- selector: 'kendo-toolbar-button[kendoEditorOutdentButton]',
39
- standalone: true
40
- }]
41
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });
@@ -1,41 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { EditorCommandDialog } from '../shared/editor-command-dialog';
8
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
- import { ProviderService } from '../../common/provider.service';
10
- import { EditorToolsService } from '../tools.service';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../../localization/editor-localization.service";
14
- import * as i3 from "../../common/provider.service";
15
- import * as i4 from "../tools.service";
16
- /**
17
- * Configures a ToolBarButtonComponent as an Editor **CreateLink** tool ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
18
- * The directive sets the SVG icon and `click` event handlers for the button.
19
- * The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
20
- *
21
- * @example
22
- * ```html
23
- * <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
24
- * ```
25
- * @remarks
26
- * Applied to: {@link ToolBarButtonComponent}
27
- */
28
- export class EditorCreateLinkButtonDirective extends EditorCommandDialog {
29
- constructor(button, localization, providerService, toolsService) {
30
- super('createLink', button, localization, providerService, toolsService);
31
- }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorCreateLinkButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
33
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorCreateLinkButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]", usesInheritance: true, ngImport: i0 });
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorCreateLinkButtonDirective, decorators: [{
36
- type: Directive,
37
- args: [{
38
- selector: 'kendo-toolbar-button[kendoEditorCreateLinkButton]',
39
- standalone: true
40
- }]
41
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });
@@ -1,40 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from "@angular/core";
6
- import { EditorCommandDialog } from '../shared/editor-command-dialog';
7
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
8
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
- import { ProviderService } from "../../common/provider.service";
10
- import { EditorToolsService } from "../tools.service";
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../../localization/editor-localization.service";
14
- import * as i3 from "../../common/provider.service";
15
- import * as i4 from "../tools.service";
16
- /**
17
- * Configures a ToolBarButtonComponent as an Editor **Insert File** tool ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
18
- * The directive sets the SVG icon and `click` event handlers for the button.
19
- *
20
- * @example
21
- * ```html
22
- * <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
23
- * ```
24
- * @remarks
25
- * Applied to: {@link ToolBarButtonComponent}
26
- */
27
- export class EditorInsertFileButtonDirective extends EditorCommandDialog {
28
- constructor(button, localization, providerService, toolsService) {
29
- super('insertFile', button, localization, providerService, toolsService);
30
- }
31
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorInsertFileButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
32
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorInsertFileButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertFileButton]", usesInheritance: true, ngImport: i0 });
33
- }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorInsertFileButtonDirective, decorators: [{
35
- type: Directive,
36
- args: [{
37
- selector: 'kendo-toolbar-button[kendoEditorInsertFileButton]',
38
- standalone: true
39
- }]
40
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });
@@ -1,41 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { EditorCommandButton } from '../shared/editor-command-button';
8
- import { EditorLocalizationService } from '../../localization/editor-localization.service';
9
- import { ProviderService } from '../../common/provider.service';
10
- import { EditorToolsService } from '../tools.service';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../../localization/editor-localization.service";
14
- import * as i3 from "../../common/provider.service";
15
- import * as i4 from "../tools.service";
16
- /**
17
- * Configures a ToolBarButtonComponent as an Editor **Unlink** tool ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
18
- * The directive sets the SVG icon and `click` event handlers for the button.
19
- * The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
20
- *
21
- * @example
22
- * ```html
23
- * <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
24
- * ```
25
- * @remarks
26
- * Applied to: {@link ToolBarButtonComponent}
27
- */
28
- export class EditorUnlinkButtonDirective extends EditorCommandButton {
29
- constructor(button, localization, providerService, toolsService) {
30
- super('unlink', button, localization, providerService, toolsService);
31
- }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorUnlinkButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
33
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorUnlinkButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]", usesInheritance: true, ngImport: i0 });
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorUnlinkButtonDirective, decorators: [{
36
- type: Directive,
37
- args: [{
38
- selector: 'kendo-toolbar-button[kendoEditorUnlinkButton]',
39
- standalone: true
40
- }]
41
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });